Home
Videos uploaded by user β€œAlexander”
How to create halftone effect in Adobe illustrator
 
09:16
πŸ‘¨β€πŸŽ“Halftones are dots of varying sizes and spacing, put in order to simulate a tone or gradient. This method is used in print design and photography for more than 150 years. Due to it's aesthetics halftones are also highly popular in our digital era. CONTENT: 1. Intro : 00:05 2. Pixelate / Color halftone : 027 3. Swatches / Dot pattern : 3:25 4. Custom halftone pattern : 5:00 Start with a rectangle. Set fill to default 90deg gradient. Go to Pixelate / Color Halftone . Set 16px max size and 4 for every channel, click ok. Vuala! We have raster halftone. In order to make it vector folllow these steps : 1. Go to Object / Expand Appearance 2. Go to object / Image trace πŸŽ“πŸŽ“πŸŽ“ More DESIGN tutorials ! πŸŽ“πŸŽ“πŸŽ“ Create Golden Ratio grid : https://vitorials.net/create-golden-ratio-grid-adobe-illustrator-rectangle-grid-tool-tutorial/ 5 ways to create a grid for your next web design project : https://vitorials.net/5-ways-how-to-create-grid/ Using isometric grid to create cubic composition in Adobe Illustrator https://vitorials.net/using-isometric-grid-create-cubic-composition-adobe-illustrator/ πŸš€πŸš€πŸš€ Subcribe and master Adobe Illustrator! πŸš€πŸš€πŸš€ Subcribe to my chanell for daily content ! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Subcribe to my newsletter : https://vitorials.net/
Views: 35427 Alexander
Gravit Designer basics. Bezigon tool
 
02:42
Hi, everybody. In today's tutorial, I am going to show the difference between Pen and Bezigom tool Bezigon is one of the odd tools in Gravit and it's aint't easy to grasp, what's it actually do. Today I'll explain you everything about the bezigon tool, how and when to use it. Let's start. Join Gravit Designer's Tutorils Group: https://www.facebook.com/groups/gravitut Learn about Pen tool: https://youtu.be/DgJjB7GjsuI More Gravit tutorials here: https://vitorials.net/ 2 month of Skillshare premium for free: πŸ‘‰http://skl.sh/2wjUDDj Follow me on twitter: https://twitter.com/persibishe?lang=uk
Views: 5242 Alexander
5 types of logos explained. Logomark, wordmark, lettermark, emblem and combination mark
 
03:30
Hi, everybody. In today's video, we are going to talk about 5 common types of logo designs. Let's get started. Do not forget to give a like and subscribe to my channel. Thank you for watching. Types of logos: 1. Wordmark: 00:30 2. Lettermark: 00:50 3. Logomark: 01:10 4. Emblem: 01:35 5. Combination mark: 02:25 Logo design series: 1. Chevron logo - https://youtu.be/Q3-KCAiY_a0 2. Total logo - https://youtu.be/x2Q-NZ_YF64 3. Star Alliance logo - https://youtu.be/ICdUz0ckxqg 4. Shazam logo - https://www.youtube.com/watch?v=ov-sbu_bqmU 5. Wavy logo - https://youtu.be/tQuQ4mnZ8vU 6. Infinity logo - https://youtu.be/llq7aBxdQuQ 7. Multicentric logo - https://youtu.be/KU7uD9NPKvI 8. Blend tool Logo - https://www.youtube.com/watch?v=YoWtvHQ7PWg 9. Golden Ration logo - https://youtu.be/xrsbyZtT-KY 10. Juventus new logo - https://www.youtube.com/watch?v=FHeq_uSYNxg 11. Evil Geniuses logo design - https://www.youtube.com/watch?v=NdwG901B3f0&t=122s 12. Scribble logo design - https://www.youtube.com/watch?v=6f1dxNBb9w0&t=328s ____________________ Get your free 2 months of Skillshare Premium membership: http://skl.sh/2fgOJg3 πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Visit Vitorials for more tutorials: https://vitorials.net/l
Views: 5971 Alexander
How to present your logo with mockup. Adobe photoshop tutorial
 
04:31
Hi, everybody. In this tutorial, we are going to learn how to use photoshop mockups to showcase your logo design work. Presenting your work is always a hard task. And mock-ups provide you an ultimate way to showcase your product in real world settings and impress your client. You probably know how important first impression is. So never, never show your logo without the context. DOWNLOAD free 3d mockup: http://graphicburger.com/3d-wall-logo-mockup-2/ DOWNLOAD free In-progress mockup: http://www.vectorizeimages.com/free-logo-mockup-template/ What is mock-up? The mockup is a photoshop file that allows you to put your design on real world project. It could be: Street sign The window of the shop, Business Card, Stationery, t-shirt, coffee mug and surface with a different kind of texture: wooden texture, metal texture, cutouts, embossed text, letterpress In this tutorial, I am going to show you how to use .psd mockups to present your final result as well as some aspects of your workflow Famous logo design tutorials: Chevron Logo secrets https://vitorials.net/simple-logos-rocks-history-anatomy-design-chevron-logo/ Total logo: https://vitorials.net/design-total-logo-adobe-illustrator-cc/ Star Alliance logo: https://vitorials.net/design-star-alliance-logo-adobe-illustrator/ πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Visit Vitorials for more tutorials: https://vitorials.net/ πŸš€πŸš€πŸš€ Follow me on Twitter πŸš€πŸš€πŸš€ https://twitter.com/persibishe
Views: 82077 Alexander
Design an Emblematic Logo in Gravit Designer | Emblem Tutorial
 
08:34
Hi everybody. Happy New Year. In today's tutorial we are going to create a logo in Gravit Designer Download whole set for FREE: https://vitorials.net/design-a-badge-in-gravit-designer/ Download Sketches for FREE : https://vitorials.net/freebie/sketches-for-badges-tutorial-in-gravit-designer/ Read Written Tutorial : https://vitorials.net/design-a-badge-in-gravit-designer/ Try these Gravit tuts: Pen Tool: https://www.youtube.com/watch?v=mXTJN7FhbYQ&t=1s Bezigon: https://www.youtube.com/watch?v=DgJjB7GjsuI&t=1s Mountain Landscape: https://www.youtube.com/watch?v=m41iUmiHaos&t=3s\ Boolean Shape Operations: https://www.youtube.com/watch?v=dJnhe2iWh4Y&t=73s Music: https://www.youtube.com/watch?v=AhIeTzW9iWw Are you social? Let's chat: Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori
Views: 10058 Alexander
How to create seamless chevron pattern in Adobe Illustrator
 
02:54
Hi everybody. Patterns can be tricky, but not today. In this very short Adobe Illustrator tutorial I am going to show you how to create chevron pattern. This tutorial is part of the Adobe Illustrator pattern series. You may also like : Halftone effect : https://vitorials.net/create-halftone-effect-adobe-illustrator/ Cubic pattern : https://vitorials.net/create-abstract-cubic-background-adobe-illustrator/ CONTENT: Introduction : 0:05 Line and zigzag : 0:20 Create duplicates : 0:50 Create a rectangle : 1:10 Create duplicates of the rectangle : 2:10 πŸš€πŸš€πŸš€ Subcribe and master Adobe Illustrator! πŸš€πŸš€πŸš€ Subcribe to my chanell for daily content ! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Subcribe to my newsletter : https://vitorials.net/
Views: 3101 Alexander
How to Draw a Night Sky Easily in Adobe Illustrator
 
09:13
Hi, everybody. Happy Holidays. Today I am going to show a couple of tricks that will boost your familiarity with Adobe Illustrator and allows you to design all kind of Night Scenes. If you enjoy this tutorial, you might enjoy the full course on symbols, available for FREE: https://vitorials.net/master-symbols-in-adobe-illustrator/ SET OF BRUSHES: https://dribbble.com/shots/908101-Vector-Brushes-Free Are you social? Let's chat: Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori
Views: 8225 Alexander
Gravit Designer Basics. Knife Tool Tutorial
 
09:11
Hi, everybody. In this tutorial I'll show you how you can create an awesome lettermark using Knife Tool. Knife Tool is the most straightforward tool inthe Gravit Designer, so I decided to take more artistic direction. Do not forget to give a thumb up if you enjoy the video. Are you social? Let's chat: Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori Try these Gravit tuts: Pen Tool: https://www.youtube.com/watch?v=mXTJN7FhbYQ&t=1s Bezigon: https://www.youtube.com/watch?v=DgJjB7GjsuI&t=1s Mountain Landscape: https://www.youtube.com/watch?v=m41iUmiHaos&t=3s\ Written articles: 1. Dreamy Landscape: https://vitorials.net/freebie/boys-silhouette-for-tracing-in-gravit-designer/ 2. Gravit Shortcuts: https://vitorials.net/helpful-gravit-shortcuts/ 3. Gravit Boolean Operators: https://vitorials.net/how-to-create-opacity-mask-in-gravit-designer/ Music: https://www.youtube.com/watch?v=VTHeQM7Uc0k
Views: 5294 Alexander
Design a Custom Wordmark in Adobe Illustrator. Amazing Typography Tutorial
 
12:04
Hi, everybody, in today's tutorial we are going to design a custom wordmark in Adobe Illustrator. For beginners, I prepared a special course, where I explain every tool you need to learn to create this trendy design. Take my Symbols Course for FREE: https://vitorials.net/master-symbols-in-adobe-illustrator/ Learn More Trandy Things: 1. Amazing Universe Tutorial: https://vitorials.net/create-a-vibrant-space-illustration-in-adobe-illustrator-cc/ 2. Vibrant Logo: https://vitorials.net/how-to-create-vibrant-logo-in-adobe-illustrator/ 3. Isometric Logo: https://vitorials.net/how-to-create-an-isometric-logo-in-adobe-illustrator/ Follow me: Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori
Views: 10264 Alexander
Halftone effect in logo design. Adobe Illustrator tutorial
 
10:18
Hi, everybody. In today's tutorial, we are going to explore halftone effect in logo design. we'll create a Mebius ring and then make some halftone shadows. This project involves image trace in Adobe Illustrator since Effect/Pixelate/Halftone is raster. The whole process may look cumbersome and result is a bit disappointing, but this is how Adobe Illustrator handles halftones. If you want to learn more about halftone effect, check out my video: https://www.youtube.com/watch?v=bimf_rQ9Np0 ____________________________________________________________________ Become more productive in Adobe Illustrator: __________________________________________________________________________________________________ Download free Adobe Illustrator course: https://vitorials.net/master-symbols-in-adobe-illustrator/ ____________________________________________________________________ More Logo design tutorials : ____________________________________________________________________ 1. Golden ratio: https://vitorials.net/use-golden-ratio-logo-design/ 2. Knot logo: https://vitorials.net/create-professional-logo-adobe-illustrator/ 3. Negative space: https://vitorials.net/create-negative-space-logo-adobe-illustrator/ ____________________________________________________________________ 2 month of Skillshare premium for free: πŸ‘‰http://skl.sh/2wjUDDj πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Visit Vitorials for more tutorials: https://vitorials.net/
Views: 3833 Alexander
How to create a pattern in Gravit Designer. Chevron pattern design tutorial
 
05:16
In this tutorial, you will learn an entire approach of a pattern making in Gravit Designer. Following this step by step technique, you will be able to create almost any pattern, no matter how complicated and intricate it is. In my video tutorial, I'm first giving you the essential four steps of the pattern creation, then I am focusing particularly on the chevron pattern, as one of the most basic and on-demand patterns in the graphic design industry. Every pattern starts with a single object. In Gravit Designer, anything that you are able to create, import or grab from the library can be repeated within the pattern. Gravit Designer allows you to make patterns from: 1. Your custom artwork made in Gravit 2. Imported vector files (you can import .SVG, .EPS, .SKETCH file formats) 3. Raster files, bitmaps, and photos I am using the cookie icon from the Gravit's Library. Read the full article: https://goo.gl/oPMnpV Follow me on social media: Twitter: @alex_vitori Instagram: @alex_vitori Medium: @alex_vitori Join Gravit Designer Tutorials group: https://www.facebook.com/groups/gravitut/ Join Gravit Designer User Group: https://www.facebook.com/groups/gravitdesigner/ ΠŸΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΡ‚Π΅ΡΡŒ ΠΊ сообщСству Π’Πš: https://vk.com/gravitdesigner Previous tutorial: Striped text Effect: https://goo.gl/Qe2Cfb
Views: 686 Alexander
Gravit Designer basics. Pen tool tutorial
 
11:16
Hi, everybody, This is a video from my introductory course for Gravit Designer, that I plan to release at the end of the week. To stay tuned join Gravit Designer Tutorials group: https://www.facebook.com/groups/gravitut/ In this video you would learn about: 1. Four types of anchor points in Gravit Designer 2. The rule of three, when tracing/drawing with pen tool 3. How to delete, add and convert anchors with the pen tool πŸ‘‡Join the tight community of Gravit Designer's users: πŸš€πŸš€πŸš€https://www.facebook.com/groups/gravitut/ 2 month of Skillshare premium for free: πŸ‘‰http://skl.sh/2wjUDDj πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw
Views: 14133 Alexander
Drawing in Gravit Designer. Landscape illustration tutorial
 
12:51
Have a new Gravit Designer tutorial for you. Let's draw a beautiful group of snow-capped mountains. 😊Join Gravit tutorials group (tutorials on demand) : https://www.facebook.com/groups/gravitut/ 😎Join Gravit User group (everything about Gravit): https://www.facebook.com/groups/gravitdesigner/ Hope you enjoy it. Give a like and subscribe to my channel Tutorial details: Mountain color - #FFE9D8 Cliffs gradient: 1. #DDDCD1 2. #FFEDDE Sun fill color: #BB3F51 Hills colors: Blue: #18265B Green: #016496 Background: 1. #FFC38E 2. #FFB78E 3. #F79C78 4. #E88964 Written articles: Opacity mask: https://vitorials.net/how-to-create-opacity-mask-in-gravit-designer/ Boolean shape operators: https://vitorials.net/complete-guide-to-the-boolean-shapes-operators-in-gravit-designer/ MORE TUTORIALS Pen tool : https://www.youtube.com/watch?v=DgJjB7GjsuI&t=14s Bezigon: https://www.youtube.com/watch?v=mXTJN7FhbYQ Sunset Illustration: https://www.youtube.com/watch?v=Q7ssJAl5ZFQ&t=86s Flask Illustration: https://www.youtube.com/watch?v=aaYZnSTU7p0&t=1s Letter design: https://www.youtube.com/watch?v=33ckTuG1U90&t=21s
Views: 11287 Alexander
Design 3D Sandwich Text Effect in Adobe Illustrator. Isometric text Tutorial
 
06:42
In today's tutorial, I will show you how to design a 3d sandwich text in isometric projection. You will learn : 1. How to prepare a symbol 2. How to set a text into isometric projection and create a 3d extrusion 3. How map symbol into the letter to create a sandwich effect If you are ready to advance in Adobe Illustrator, enroll in my course: https://www.udemy.com/how-to-get-the-most-from-the-adobe-illustrator/?couponCode=OCTOBER Get the Free Font: Nobile Medium: https://www.fontsquirrel.com/fonts/nobile Follow me on social media: Twitter: @alex_vitori Instagram: @alex_vitori Medium: @alex_vitori #texteffect, #vitorials
Views: 1099 Alexander
πŸ’ͺ Uncover some advanced features of the Gravit Designer. Logo design tutorial
 
15:42
Hi everybody. In this tutorial we are going to use all these great goodies of Gravit Designer: 1. Create pie with subselect tool 2. Apply angle gradients for stroke 3. Switch between different types of anchors 4. Use bezigon right way πŸ˜€ πŸ‘‡Join the tight community of Gravit Designer's users: πŸš€πŸš€πŸš€https://www.facebook.com/groups/gravitut/ 2 month of Skillshare premium for free: πŸ‘‰http://skl.sh/2wjUDDj πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw
Views: 10307 Alexander
How to create US flag in Adobe Illustration.American flag vector tutorial
 
06:09
Article: https://vitorials.net/create-pixel-perfect-united-states-flag-adobe-illustrator/ Freebie: https://vitorials.net/freebie/vector-funny-robot-freebie/ Music : Peyruis - Escape - FreeBackgroundMusic ( https://www.youtube.com/watch?v=ip_RZ... ); Promo music: BrvtVs - Dead Times - Free Background Music No Copyright Music ( https://www.youtube.com/watch?v=D3wLc-flJg0 ) Creating stripes Start with a new 1280x960px document. Go to rectangle tool and hit left mouse button key on your artboard to open dialog box. Set 798px for width and 32.3px for height. Click Ok to create your first stripe. Set fill color to #E0162B ( Old Glory Red ). Now we need to make twelve duplicates of our stripe. Go to Effect| Distort and transform| Transform… and set: Move: Vertical to 32.3px ( leave horizontal to 0 ). Number of copies to 12 Create stripes of American flag Click Ok. Expand your artwork going to Object | Expand Appearence. Hit right mouse button key on your stripes and choose Ungroup from contextual menu (you can also go to Object | Ungroup). Select every even stripe with Selection Tool ( V ) and change fill color to white. Select all the stripes and group them : How to create stripes in adobe Illustrator Canton with Stars Canton is referred to any quarter of a flag, but commonly it is upper left quarter. Creating canton To create blue background for our stars go to rectangle tool ( M ) and hit left mouse button on your artwork. In opened dialog box set 319.2 px for width and 226.17px for height, click Ok. Set the fill color to #0052A5 ( Old Glory Blue ). Create star Now we need to create star with defined size. Choose Star Tool ( hold left mouse button on rectangle tool ), than hit left mouse on your artwork. In opened dialog box set : Radius 1 to 5px Radius 2 to 12.936px Click ok. Set fill color to white, keep it selected and double click on Rotate Tool ( R ) to open Rotate dialog box. Set angle value to 37.5 degrees and apply effect. Steps to create star in US flag Create pattern Select your star and go to Effect| Distort and transform|Transform and set : Number of copies to 8 Check Reflect X Move: 26. 46px for horizontal and 22.68px for vertical Click OK. Go to Effect | Transform… ( choose apply new effect if you see the alert dialog box ) and set: Number of copies to 5 Uncheck Reflect X Move: 0 for horizontal and 52.332 px for vertical. Click ok to apply transformation. Keep selected and go to Object | Expand Appearence to expand your pattern. Now we need to delete rightmost column of stars. With Selection Tool ( V ) double click on your star pattern to open the group. Select last ( rightmost ) column of stars and double click on it to enter this group. Delete last column of 4 stars : Select canton and star pattern with Selection Tool ( V ). Choose Align to Selection method and align them to the center both horizontally and vertically. Make a group ( Object | group ) Select Strpes and Stars ( our new group ) and align them left and top ( Horizontal Align Left and Vertical Align Top respectively ). Congrats! Now you have vector pixel perfect American flag. Hope you like this tutorial. Please, share it with friends.
Views: 3382 Alexander
Shading Tool tutorial. Gravit Designer Basics
 
02:49
Shading Tool is the most mysterious tool in Gravit Designer, because of its double-nature. It could cut off a piece of the selected shape or it would add an artwork when nothing is selected or when your cursor is hanging about a free portion of the canvas. Sounds complicated. Watch the video! Written articles: 1. Dreamy Landscape: https://vitorials.net/freebie/boys-silhouette-for-tracing-in-gravit-designer/ 2. Gravit Shortcuts: https://vitorials.net/helpful-gravit-shortcuts/ 3. Gravit Boolean Operators: https://vitorials.net/how-to-create-opacity-mask-in-gravit-designer/ Try these Gravit tuts: Pen Tool: https://www.youtube.com/watch?v=mXTJN7FhbYQ&t=1s Bezigon: https://www.youtube.com/watch?v=DgJjB7GjsuI&t=1s Mountain Landscape: https://www.youtube.com/watch?v=m41iUmiHaos&t=3s\
Views: 2376 Alexander
How to create blurred background in Adobe illustrator. Abstract vector background.
 
13:58
Link to unsplash : https://unsplash.com/search/green?photo=8oPubUm97Cc Proxima Nova Light : https://www.download-free-fonts.com/details/95935/proxima-nova-light Freebie: https://vitorials.net/freebie/colorful-vector-flower-freebie/ Music : Peyruis - Escape - FreeBackgroundMusic ( https://www.youtube.com/watch?v=ip_RZ... ); Promo music: BrvtVs - Dead Times - Free Background Music No Copyright Music ( https://www.youtube.com/watch?v=D3wLc-flJg0 ) Steps of our tutorial : Create blurred background 1. Download photo from unsplash. 2. Edit photo in Photoshop 3. Place it in the illustrator and blur it. 4. Create and modify a gradient mesh. 5. Adjust placement of some points of the gradient mesh 6. Recolor it using Recolor Artwork tool Create boke (bubbles) 1. Create circle and set blending mode to "Soft light" 2. Grab this circle to symbol panel 3. Use "Symbol sprayer tool" to create more symbol 4. Adjust "the bubbles" with symbol sizer and symbol screener tool Create logo mark 1. Create circle and set fill to 0, stroke to 4pt white 2. Make a copy and scale this copy down, set stroke color to 0, fill color to white 3. Create duplicate of the small circle and move it apart. Leave an intersection between original and your duplicate at top-right 4. Select intersection with shape builder tool. delete your duplicate and this intersection. 5. Type "aqua", capitalize it and set font to proxima nova 6. Create 3 lines with Line segment tool
Views: 12886 Alexander
How to create pyramid infographics in Adobe illustrator. Create 3d object with 2d transformations
 
15:38
πŸ˜‰Today’s infographics design tutorial reveals the power illustrator's basic shapes and 2d transformations. You can also check this tutorial on how to create simple and effective stairs infographic in Adobe ilustrator: πŸ§€https://vitorials.net/vector-stairs-infographic-adobe-illustrator/ Grab the polygon tool and hit once on the artboard. In opened dialog box set number of sizes to 3 and click ok. On the control panel change : Width to 955px Height to 823px Set fill color to anything you prefer, stroke color to none. Align it horizontally and vertically to the artboard. Create a triangle Create hexagon Return to the polygon tool. This time set number of sides to 6. Hit ok to create hexagon. On the control panel change : Width to 710px Height to 820px Set fill color to none and stroke to 1px black. Align to the center of the artboard. To create 5 duplicates of hexagon go to Effect|Distort and Transform|Transform… .In opened dialog box set number of copies to 5 and vertical move value to -120px. Click ok to apply transformation. Select parent hexagon and go to Object|Expand Appearance. Then increase stroke weight of a group of polygons to 10px. Add a line in the center Draw a vertical line with line segment tool holding shift key. Height of this line should be bigger than 823px ( height of the triangle ). Align it both horizontally and vertically and set stroke to black. Create pyramid’s shape with shape builder tool Select the entire composition and grab your shape builder tool. Slice all the necessary shapes. After this manipulation we should have on one side 5 trapezoid and 1 triangle shapes ( I’m going to call them β€œshapes” ) with small β€œgaps” in between. Now we need to ungroup and delete all unnecessary stuff around... πŸ“šRead full article : https://vitorials.net/create-pyramid-infographics-inside-adobe-illustrator/ πŸ₯Download FREEBIE here: https://vitorials.net/freebie/free-vector-3d-infographics-element/ Music : Peyruis - Escape - FreeBackgroundMusic ( https://www.youtube.com/watch?v=ip_RZ... ); ICONS : http://vectorpage.com/business/business-icons-11/
Views: 7742 Alexander
Negative space logo design in Gravit Designer
 
07:49
Hi everybody. Gravit has all we need to create amazing isometric logos. In this tutorial I will show you how to design negative space logo using isometric grid and one simple effect in Gravit Designer. Let's get started. Learn about projection drawings: https://medium.com/gravitdesigner/designers-guide-to-isometric-projection-6bfd66934fc7 Written article: https://vitorials.net/negative-logo-design/ Are you social? Let's chat: Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori Try these Gravit tuts: Pen Tool: https://www.youtube.com/watch?v=mXTJN7FhbYQ&t=1s Bezigon: https://www.youtube.com/watch?v=DgJjB7GjsuI&t=1s Mountain Landscape: https://www.youtube.com/watch?v=m41iUmiHaos&t=3s\ Boolean Shape Operations: https://www.youtube.com/watch?v=dJnhe2iWh4Y&t=73s
Views: 1460 Alexander
Grain Texture in Adobe Illustrator CC. Shades and tints techniques
 
05:45
In today's video you will learn how to apply grain texture effect in Adobe Illustrator CC for shades and tints. I will show you the most convinient and flexible technique ever exists. Grab my FREE course, that boost your productivity in Adobe Illustrator: https://vitorials.net/master-symbols-in-adobe-illustrator/ Written tutorial, follow step by step: https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35 You may find them helpfull: 1. Wordmark tutorial : https://vitorials.net/create-custom-geometric-wordmark-in-adobe-illustrator/ 2. Universe Illustration: https://vitorials.net/create-a-vibrant-space-illustration-in-adobe-illustrator-cc/ 3. App Icon Design in Illustrator: https://www.youtube.com/watch?v=vqz6bLahdN8&t=78s 4. Isometric Drawings: https://www.youtube.com/watch?v=S72uPCBUEZA&t=15s Are you social? Let's chat: Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori
Views: 1348 Alexander
Column Graph Tool in Adobe Illustrator Advanced Features. Axis scale and legend
 
08:05
In today's tutorial I am going to show you some advanced options on working with Graph Tool. Graph Tool is a relatively straightforward and convinient way to create different infographic elements such as columns, pies, coordinate lines. Sp it's a valueable instrument in your personal and client works. Content: 1. How to create a custom axis scale 2. How to Set a custom axis grade 3. How to display a legend in most economical way Follow me: Twitter : https://twitter.com/alex_vitori - tag me here and start conversation Instagram : https://www.instagram.com/alex_vitori/ - see what I am working on Facebook: https://www.facebook.com/Vitorials-396601597372853/ - like the page a receive more articles on your social feed Medium: https://medium.com/@alex_vitori - for those who read long articles
Views: 1610 Alexander
Vector starfish in Adobe Illustrator. Blend tool tutorial
 
04:43
Star creation: 0:30 Blend creation: 1:45 Create blend star: 2:20 Shape transformation: 2:45 Read Article: https://vitorials.net/create-vector-starfish-adobe-illustrator/ Colors: Red : #ED3F31 Yellow : #F08E2E Freebie: https://vitorials.net/freebie/vector-starfish-freebie/ Music : Peyruis - Escape - FreeBackgroundMusic ( https://www.youtube.com/watch?v=ip_RZ... ); Promo music: BrvtVs - Dead Times - Free Background Music No Copyright Music ( https://www.youtube.com/watch?v=D3wLc-flJg0 ) Start with a stars Start with a blank web document 1280 x 1024 px. Go to star tool ( you can access star tool by holding left mouse button key on the rectangle tool ) and click on your artboard. In opened dialog box set Radius 1 to 450px and Radius 2 ~ 175px Select your star with selection tool, set : Stroke color to red #ED3F31 value, Fill color to none. Double click to scale tool ( your star need to be selected ). In the opened dialog box set uniform scaling to 80% and hit copy button. Set stroke color of the smaller star to this yellow #F08E2E value. Drag this star 2px pixels to the bottom by clicking twice on arrow down key on your keybord Create Small Star in Adobe Illustrator Select both stars and set the stroke weight to 2pt. In the end of these transformations you will achieve something like that : Creating and modifying our blend Keep both of your stars selected and go to Object/Blend/Blend-Options… . In opened dialog box set spacing to Spacified Distance and set distance value to 0.1px and click ok. Use Alt+Ctlr+B ( Option+Cmd+B on mac) keyboard shortcut to make blend or go to Object/Blend/Make. Making blend in Adobe Illustrator Go to direct selection tool and holding shift key select all points of your large star. Than go to scale tool ( S keyboard shortcut ). Holding left mouse button key drag your points to the center until they find each other : Now we`ve achieved another star with the β€œugly ribs”. There were the inner points of the former large star. We need to hide these points inside the small star by draging them one by one. Use direct selection tool for this transformation : Twisting and roughen Ok, there is only a couple of transformations left. Go to Effect/ Distort & Transform / Twist and set angle to 5 degrees. Apply effect Than go to Effect/ Distort & Transform / roughen and set size to 5 degrees and number of details to 20 per inch. Apply effect. Final touches To achieve more natural look we need to soften the corners. If you are working in recent version of Adobe Illustrator ( CC or later ) you need to : Go to direct selection tool Select all 5 outer points and drag bullet icon inside In previous versions of Illustrator you can achieve this result only with plugin β€œRound any cornerβ€œ.
Views: 752 Alexander
How to design letter C logo in Adobe Illustrator. Cinema tape logotype tutorial
 
09:02
Hi everybody. In today's tutorial we are going to design letter C logo in Adobe Illustrator. In this particular case we'll make 3d shape via Effect/3D/Extrude_and_bevel and then mapping symbol on it's surface. let' start! 1. Intro - 00:00 2. Create circle - 3. 3d object - 4. Symbol - 5. Letter C - Logo design series: 1. Chevron logo - https://youtu.be/Q3-KCAiY_a0 2. Total logo - https://youtu.be/x2Q-NZ_YF64 3. Star Alliance logo - https://youtu.be/ICdUz0ckxqg 4. Shazam logo - https://www.youtube.com/watch?v=ov-sbu_bqmU 5. Wavy logo - https://youtu.be/tQuQ4mnZ8vU 6. Infinity logo - https://youtu.be/llq7aBxdQuQ 7. Multicentric logo - https://youtu.be/KU7uD9NPKvI 8. Blend tool Logo - https://www.youtube.com/watch?v=YoWtvHQ7PWg 9. Golden Ration logo - https://youtu.be/xrsbyZtT-KY 10. Juventus new logo - https://www.youtube.com/watch?v=FHeq_uSYNxg 11. Evil Genuises logo design - https://www.youtube.com/watch?v=NdwG901B3f0&t=122s ____________________ Get your free 2 months of Skillshare Premium membership: http://skl.sh/2fgOJg3 πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Visit Vitorials for more tutorials: https://vitorials.net/
Views: 1202 Alexander
How to Design a Sticker. Curl effect in Adobe illustrator
 
14:16
The Most effective Way to Learn Adobe Illustrator ( FREE due to April, 8 ): https://www.udemy.com/how-to-get-the-most-from-the-adobe-illustrator/?couponCode=ALEXANDER In this video, I will display how to design a sticker with curly effect. Are you social? Let's chat: Twitter: https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram: @alex_vitori
Views: 1787 Alexander
Simplify Path in Gravit Designer. How to Design a Pin Point Icon in Gravit
 
03:18
In today's tutorial, I am going to show you how and why to simplify the path in the gravit designer. Along the way, we will learn how to design a pinpoint icon in Gravit. Let's start! Join Gravit Designer Tutorials group: https://www.facebook.com/groups/gravitut/ Join Gravit Designer User Group: https://www.facebook.com/groups/gravitdesigner/ ΠŸΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΡ‚Π΅ΡΡŒ ΠΊ сообщСству Π’Πš: https://vk.com/gravitdesigner Follow me on social media: Twitter: @alex_vitori Instagram: @alex_vitori Medium: @alex_vitori #icon, #basics, #vitorials, #gravit
Views: 410 Alexander
Create an amazing space illustration in Adobe Illustrator CC
 
17:54
Hi, friends. Let's do some gradients in Adobe Illustrator CC. They are best to describe all the depth of the Universe Follow me on twitter: https://twitter.com/alex_vitori?lang=uk Medium: https://medium.com/@alex_vitori You can download the full Adobe Illustrator course here: https://vitorials.net/master-symbols-in-adobe-illustrator/ Space: 1. #33206d 2. #832e84 3. #dd4391 4. #452979 Planet: 1. #FFb689 2. #F05088 3. #5d2369 4. #423471 Ring: 1. #e8982b 2. #F04349 3. #dd4391 4. #452979 Distant planet: 1. #74cddb 2. #4a77bb 3. #423471 πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Visit Vitorials for more tutorials: https://vitorials.net/ For inspiration: https://dribbble.com/juliendreamdesign
Views: 5919 Alexander
How to arrange objects around the shape in Adobe Illustrator
 
09:58
Hi, everybody. In today's tutorial, I want to address a common question among beginners - how to arrange objects around the shape in Adobe Illustrator. So I decided to create this video and share with you 3 (actually 4) method how to do that in Adobe vector software. The first method is using rotation tool. This method allows you to distribute objects only around the circle. In the video, I'll show you how to calculate the corner of rotation based on the number of objects, you want to arrange. The second option is my favorite one. Yes, I am a big fan of the blend tool. So we nee to use a small little trick called "Reverse spine". The third method is the simplest one since you don't need to provide any kind of calculation. Simply set the spacing in the pattern brush dialog box. You can also control colorization methods for your objects. Content: 1. Rotation: 00:45 2. Blend tool: 02:40 3. Pattern brush: 05:30 4. Stroke options: 08:25 Thank you for watching. For Adobe Illustrator tutorials, tips and trick, visit vitorials.net ____________________ Famous logos design series: 1. Chevron logo - https://youtu.be/Q3-KCAiY_a0 2. Total logo - https://youtu.be/x2Q-NZ_YF64 3. Star Alliance logo - https://youtu.be/ICdUz0ckxqg 4. Shazam logo - https://www.youtube.com/watch?v=ov-sbu_bqmU ____________________ πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Visit Vitorials for more tutorials: https://vitorials.net/ πŸš€πŸš€πŸš€ Follow me on Twitter πŸš€πŸš€πŸš€ https://twitter.com/persibishe
Views: 4050 Alexander
Adobe Illustrator CC 2018. Top 5 new features
 
05:41
Hi, folks. In today's video I am going to introduce top 5 new features of Adobe Illustrator CC 2018. First and far most is a performance improvement. Adobe Illustrator is flying like a rocket now! I Tested it with some of most demanding tasks, including 3d and was amazed by productivity. Most of rendering were so smooth, that I even thought about redesigning of my previous blend tutorials. List of all features highlighted in the video: 1. Performance: 2. Properties panel: 3. Puppet warp tool: 4. Special typefaces ( Trajan Color and Emoji One ): 5. Variable fonts: Download free Adobe Illustrator course: https://vitorials.net/master-symbols-in-adobe-illustrator/ 2 month of Skillshare premium for free: πŸ‘‰http://skl.sh/2wjUDDj πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Visit Vitorials for more tutorials: https://vitorials.net/ Music: Epic Movie/TV Intro Music β™ͺ♬ - The Game is On (Royalty Free) : https://www.youtube.com/watch?v=5dasaVm7L-Y Mumford & Sons Inspired - Hyde Free Instrumentals : https://www.youtube.com/watch?v=5shSBRjyeiI
Views: 12820 Alexander
Letter M with blend tool Adobe Illustrator tutorial. Create vector logo with blend
 
05:37
Description: Pentagon creation: 0:55 Blend creation: 1:45 V shape creation: 2:20 M shape creation: 3:20 Read Article: https://vitorials.net/letter-m-logo-blend-tool-adobe-illustrator/ Colors: #EE423C #F9A535 Freebie: https://vitorials.net/freebie/letters-logos-created-blend-tool/ Music : Peyruis - Escape - FreeBackgroundMusic ( https://www.youtube.com/watch?v=ip_RZ... ); Promo music: BrvtVs - Dead Times - Free Background Music No Copyright Music ( https://www.youtube.com/watch?v=D3wLc-flJg0 ) So let`s get started with new blank 1280 x 1024 px document. Go to polygon tool ( hold left mouse on rectangle tool ), hit on your artwork to open polygon dialog box and set: Radius to 180px Number of corners to 5 Than click ok to create pentagon. Set the stroke color to red #EE423C value. Create smaller pentagon Now we need to create another pentagon 80% in size. Select your first one with selection tool and go to scale tool ( S on keyboard ). With double click we will open dialog box, where we need to choose uniform and set value 0f 80%. Click copy button to create smaller duplicate. Set the stroke color of this pentagon to yellow #F9A535 value and move it to the bottom a couple of pixels with keyboard down arrow key. Select both of your pentagons and set stroke weight to 2pt. Keep both of your pentagons selected and go to Object/Blend/Blend-Options… . In opened dialog box set spacing to Spacified Distance and set distance value to 0.1px and click ok. Use Alt+Ctlr+B ( Option+Cmd+B on mac) keyboard shortcut to make blend or go to Object/Blend/Make. Select top anchor point with direct selection tool and holding shift key drag up to bottom path of the smaller pentagon. Select bottom points of the smaller polygon with direct selection tool and drag them to the center. Than we need to drag to the bottom top point of our smaller pentagon to create letter V shape. Do not forget to hold shift key on your keyboard to move it in one axis. Final step. Create letter M Select bottom points of your shape with direct selection tool. Than with Scale tool ( S ) enlarge distance between selected points (see .gif below). Enlarge distance between bottom points Select your shape with with Selection tool ( V ) and go to Object/Path/Add Anchor Points. Repeat the last operation once more. With Direct selection tool select two points on the bottom path and drag the to the top. Than with the Scale Tool ( S ) drag them to the center Now we`ve created our letter M that looks awesome, but I want to add some adjustments. I want to delete unnecessary points and drag top inner points to the bottom. If you want to follow me to the end, go to Delete anchor point tool (-) and delete all anchor points which do not form the corners of our M shape. Now we can drag top inner points to the bottom to make our top corners sharper Letter M logo in Illustrator final adjustments. I am very appreciated that you follow me to the end of this tutorial. I hope you enjoy it. Do not forget to check my freebie with all blend tool letters.
Views: 1347 Alexander
How to Design an Isometric Illustration In Gravit. Gravit Designer Tutorial
 
28:14
Hi, everybody I am exited to present new a full new tutoril on how to design isometrics in Gravit Desgner. In this video you will learn how to use isometric grid, work with different efeects and draw with the pen tool. Are you social? Let's chat: Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori Learn a comprehensive guide to isometric projection: https://medium.com/gravitdesigner/designers-guide-to-isometric-projection-6bfd66934fc7\ Try these Gravit tuts: Pen Tool: https://www.youtube.com/watch?v=mXTJN7FhbYQ&t=1s Bezigon: https://www.youtube.com/watch?v=DgJjB7GjsuI&t=1s Mountain Landscape: https://www.youtube.com/watch?v=m41iUmiHaos&t=3s\ Boolean Shape Operations: https://www.youtube.com/watch?v=dJnhe2iWh4Y&t=73s
Views: 11650 Alexander
How to Design an Alphabet Logo in Gravit Designer
 
24:18
Let's design a lettermark and make it work for us in Gravit Designer. What letter are you going to design? D, B or maybee C? Let me know in the comments and do not forget to share your design through Twitter and Instagram. Continue learning here: vitorials.net Written article with color codes: https://vitorials.net/?p=1983&preview=true Feel free to follow me: Twitter : https://twitter.com/alex_vitori - tag me here and start conversation Instagram : https://www.instagram.com/alex_vitori/ - see what I am working on Facebook: https://www.facebook.com/Vitorials-396601597372853/ - like the page a receive more articles on your social feed Medium: https://medium.com/@alex_vitori - for those who reads long articles.
Views: 11857 Alexander
How to Design a Geometric Logo In Gravit. Gravit Designer Tutorial
 
06:08
I’ve been busy playing around with a bunch of geometric shapes to produce an outstanding logo. I was going around the web in search of inspirations of different geometric logos and descided to show you a simple yet elegant logo design. In today’s tutorial I will show you how to design a logo from the pure shapes in Gravit Designer. You will learn how to work with the shapes and Boolean Shapes Operators in this amazing free design editor. Tags: #gravit, #vector, #logodesign, #tutorial
Views: 624 Alexander
Vector flower Adobe Illustrator tutorial. How to make ornamental flower in illustrator.
 
08:49
CONTENT: New document: 0:38 Create duplicates: 1:10 Create petal: 3:05 Create flower: 3:58 Add ornament 4:45 Read Article: https://vitorials.net/vector-ornamental-flower-adobe-illustrator-tutorial/ FREEBIE: https://vitorials.net/freebie/ornamental-flower-set/ Music : Peyruis - Escape - FreeBackgroundMusic ( https://www.youtube.com/watch?v=ip_RZ... ); Promo music: BrvtVs - Dead Times - Free Background Music No Copyright Music ( https://www.youtube.com/watch?v=D3wLc-flJg0 ) DESCRIPTION Step 1 : create the circles Start with a new 980x700px document. Grab ellipse tool and hit left mouse button to open dialog box. Link between width and height and set value to 366px. Circle creation steps Create duplicates Now we will create duplicates of first circle and move them apart from it. Select your circle and double click on selection tool icon. In opened Move dialog box set the values below : Horizontal : 32px Vertical : -521px Click copy to create your first duplicate. Keep your first duplicate selected. Enter Move dialog box once again and set values : Horizontal : 364px Vertical : 16 px Click copy to create the third circle Repeat move operation for your second duplicate using these values: Horizontal : -157px Vertical : 285px Click copy. This would be our fourth circle. Create duplicate of this circle with Ctrl/Cmd + C and Ctrl/Cmd + F shortcut on your keyboard. Enlarge this duplicate by setting width and height on your control panel to 423px. ( control panel is right beneath your main menu ). Open move dialog box and set values : Horizontal : -100px Vertical : 13.5px Click ok to move the largest circle apart from its parent one. Step 2. Create petals of vector flower Now we need to create single petal of our flower. To do this select all of your circles and with Shape builder tool combine them into the petal-like intersection : For this particular case I deleted all surrounding stuff except this tiny lens-like intersection. I filled it with black. This lens isn`t so important for final design, so it`s up to you to delete it or leave. Than I selected both the petal and the lens shape and use Ctrl/Cmd + G to create a group (please create group even if you have only petal) and make it more narrow with selection tool. Create 5 duplicates Our next step is to create flower without ornament. To do this go to Effect/Distort and Transform /Transform. In opened dialog box set values : Point of transformation to bottom left Number of copies to 5 Rotation angle to 60 deg Click ok to apply the transformation : Vector Flower transformation properties Step 3. Adding ornament. As for me this is the easiest step in our vitorial. Simply enter the group and start drawing with Pen Tool (P). Be creative, be inspired, use the arsenal of all Illustrator pre-built tools ( arc, swirl, circle and built-in symbols ). Further adjustments in the center of the vector flower You can fill an empty space in the center of our vector flower with some ornament too. It`s quite straightforward process: Draw a shape between center and bottom edge of the parent petal. Make a group Go to Effect/apply transform to create 5 duplicates. Draw ornament inside parent group You can also use Polar grid tool and shape builder tool to create single segment and apply transformation to it.
Views: 1809 Alexander
Gravit Designer Basics. Text Tool. How to Work with Text
 
15:04
Start creating amazing logotypes, print and web design layouts after mastering Text Tool in Gravit Designer. In this video you will learn: 1. Text Tool basics 2. How to set text on path 3. Web and system font 4. Linespacing, kerning, leading in Gravit 5. Tips and Tricks Watch the video! About Kerning: https://medium.com/gravitdesigner/the-art-of-kerning-be16be25344f Written articles: 1. Dreamy Landscape: https://vitorials.net/freebie/boys-silhouette-for-tracing-in-gravit-designer/ 2. Gravit Shortcuts: https://vitorials.net/helpful-gravit-shortcuts/ 3. Gravit Boolean Operators: https://vitorials.net/how-to-create-opacity-mask-in-gravit-designer/ Music: β™©β™« Happy and Inspiring Music β™ͺ♬ - Without Limits (Copyright and Royalty Free) https://www.youtube.com/watch?v=AhIeTzW9iWw Try these Gravit tuts: Pen Tool: https://www.youtube.com/watch?v=mXTJN7FhbYQ&t=1s Bezigon: https://www.youtube.com/watch?v=DgJjB7GjsuI&t=1s Mountain Landscape: https://www.youtube.com/watch?v=m41iUmiHaos&t=3s\
Views: 5497 Alexander
How to create logo mockup from scratch. Embossed effect Adobe Photoshop tutorial
 
08:13
Hi everybody, in today's tutorial we are going to create mockup in Adobe Photoshop. To follow along this tutorial, please, download the perspective paper image using the link below: Perspective paper image: https://cms-assets.tutsplus.com/uploads/users/1790/posts/29280/attachment/perspective-image.jpg?_ga=2.144133810.682639432.1505048011-1059578282.1484725695 _____________________________________________________________________________ Download mockup for free: https://vitorials.net/freebie/embossed-logo-mockup/ ______________________________________________________________________________ Become more productive in Adobe Illustrator: __________________________________________________________________________________________________ Download free Adobe Illustrator course: https://vitorials.net/master-symbols-in-adobe-illustrator/ ___________________________________________________________________________________________________ More Photoshop tutorials: ____________________________________________________________________________________________________ 1. Cinemagraph: https://www.youtube.com/watch?v=JjfVTVn2U8k 2. Duotone: https://vitorials.net/create-duotone-effect-adobe-photoshop/ 3. How to use logo mockup: https://vitorials.net/use-logo-mockup-adobe-photoshop/ _____________________________________________________________________________________________________ Written tutorial: https://design.tutsplus.com/tutorials/10-useful-layer-style-text-effects--cms-29372 2 month of Skillshare premium for free: πŸ‘‰http://skl.sh/2wjUDDj
Views: 1696 Alexander
Infographics Design In Gravit. Gravit Designer Tutorial
 
11:55
Hi, everybosy. In this tutorial I am going to show you how to create Infographic Template. We are going to use only circles and a couple of Gravit Tricks. 😊Join Gravit Designer Tutorials Group: https://www.facebook.com/groups/gravitut 😊Join Gravit Designer Users Group: https://www.facebook.com/groups/gravitdesigner Follow me Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori Written articles: 1. Dreamy Landscape: https://vitorials.net/freebie/boys-silhouette-for-tracing-in-gravit-designer/ 2. Gravit Shortcuts: https://vitorials.net/helpful-gravit-shortcuts/ 3. Gravit Boolean Operators: https://vitorials.net/how-to-create-opacity-mask-in-gravit-designer/ Try these Gravit tuts: Pen Tool: https://www.youtube.com/watch?v=mXTJN7FhbYQ&t=1s Bezigon: https://www.youtube.com/watch?v=DgJjB7GjsuI&t=1s Mountain Landscape: https://www.youtube.com/watch?v=m41iUmiHaos&t=3s\
Views: 5294 Alexander
How to design basic ui icons in Gravit designer
 
07:38
Hi, everybody. In today's tutorial, we are going to create three icons in Gravit Designer. There are two reasons why I choose Gravit for this tutorial: 1. It's free 2. It has built in isometric grid, that helps us to design this kind of logo quickly. So let's get started our logo design tutorial in the Gravit designer. ---------------------------------------------------------------------- ✍️✍️If you want to be more productive in Adobe illustrator, check my course on Skillshare:✍️✍️ Mastering symbols in Adobe Illustrator: πŸ‘‰http://skl.sh/2wjUDDj ----------------------------------------------------------------------- Content: 1. New document: 00:05 2. Create cog icon: 01:00 3. Create shape icon: 4. Create dialog box icon: ----------------------------------------------------------------------- More Gravit Designer tutorials: 1. create old medium logo in Adobe Illustrator: https://www.youtube.com/watch?v=nxnbzS8CCP8&t=277s 2. Create lettermark in Gravit: ------------------------------------------------------------------------- Watch this video about letter mark, wordmark, etc. 5 types of logos explained: https://www.youtube.com/watch?v=9gJNVJz3ghY
Views: 1537 Alexander
How to Apply Texture in Gravit Designer. Distress Your Logos to Make Them Vintage
 
08:09
Hi guys, in today's tutorial I am going to show you a simple trick that helps you to create worn out (retro/vintage) look of your logos and artworks in Gravit Designer. To follow along, download these textures: https://vitorials.net/freebie/simple-free-grunge-vector-pack-for-adobe-illustrator-and-gravit-designer/ Content: 1. Intro: 2. Apply a texture for a text and simple shapes: 3. Apply a texture for the text on a path: 4. Add a texture to the fancy text: 5. Add texture to the Objects with effects: Are you social? Let's chat: Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori Try these Gravit tuts: Pen Tool: https://www.youtube.com/watch?v=mXTJN7FhbYQ&t=1s Bezigon: https://www.youtube.com/watch?v=DgJjB7GjsuI&t=1s Mountain Landscape: https://www.youtube.com/watch?v=m41iUmiHaos&t=3s\ Boolean Shape Operations: https://www.youtube.com/watch?v=dJnhe2iWh4Y&t=73s
Views: 4128 Alexander
How to make a cinemagraph. Adobe Photoshop tutorial
 
04:07
Hi, everybody. In this tutorial, we are going to create cinemagraphs in Adobe Photoshop. Ever wonder how these "moving photos" have been created? Today I am sharing with you some ideas and techniques how to make cinemagraphs in Adobe Photoshop CC. Download free video here : https://www.videezy.com/nature/2431-raindrops-on-yucca-stock-video What is cinemagraph? Cinemagraphs are still images with subtle and repeated movements. They are published as animated gifs or in different video formats. Who invented cinemagraphs The term was coined by U.S photographers Kevin Burg and Jamie Beck, who have been using this technique since 2011. Visit their site cinemagraphs.com to see of their works. They have a greate gallery to learn and use for inspiration. How to make cinemagraph Cinemagraphs are made by taking video recording and compositing frames into the seamless loop. Next step is to create still image from video ( via Copy merged ) and set above. With layer mask remove part of the image to perform the animation. Thank you for watching πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Visit Vitorials for more tutorials: https://vitorials.net/ πŸš€πŸš€πŸš€ Follow me on Twitter πŸš€πŸš€πŸš€ https://twitter.com/persibishe
Views: 1178 Alexander
How to quickly draw different types of moustaches in Adobe Illustrator. Illustrator for beginners
 
09:16
Hi everybody, in todays tutorial I am going to show you how to create 3 distinct types of mustaches in Adobe Illustrator. Mustaches is the funny part of the male image, that you could often meet in barber logos. I will show modern and straightforward technique on how to achieve most in less time. Are you social? Let's chat: Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori Grab AI Symbols Course : https://vitorials.net/master-symbols-in-adobe-illustrator/ You may also like: 1. Custom Wordmark: https://youtu.be/_D7ubjkR85U 2. App Icon Design: https://www.youtube.com/watch?v=vqz6bLahdN8&t=64s 3. Learn to create Better Isometric illustrations: https://www.youtube.com/watch?v=S72uPCBUEZA
Views: 973 Alexander
Drop Icon Design In Gravit. Gravit Designer Basics
 
03:57
In today's tutorial I will show you how to design a drop icon in Gravit Design. You will learn a basic workflow on working with the shapes, rather than drawing with the pen tool. We will cover a healthy bunch of options: 1. Convert to Path 2. Simplify Path - https://youtu.be/1XkuYAzM9aA 3. Working with the shapes 4. Advanced Stroke Options Join Gravit Designer Tutorials group: https://www.facebook.com/groups/gravitut/ Join Gravit Designer User Group: https://www.facebook.com/groups/gravitdesigner/ ΠŸΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΡΡ‚Π΅ΡΡŒ ΠΊ сообщСству Π’Πš: https://vk.com/gravitdesigner Follow me on social media: Twitter: @alex_vitori Instagram: @alex_vitori Medium: @alex_vitori #gravit
Views: 248 Alexander
Letterpress effect in Gravit Designer
 
04:41
Hi, everybody. In today's tutorial, we are going to create a letterpress effect in Gravit designer in 4 minutes. To start create a new 560x315px new document. Cover an artboard with a rectangle. Set the color to #91D0B1. Create text with a Type tool. Add new fill. Set color to #8BC6A7 Add 3 effects: "Light" long shadow: "Dark" long shadow: Inner shadow We have done! Create a new shared style and apply it to any shape or text. Thank you for watching! Become more productive in Adobe Illustrator: ________________________________________________________________________________________ Download free Adobe Illustrator course: https://vitorials.net/master-symbols-in-adobe-illustrator/ _________________________________________________________________________________________ More Gravit Designer tutorials: _________________________________________________________________________________________ 1. Infographics: 2. Medium logo: 3. Lettermark: 2 month of Skillshare premium for free: πŸ‘‰http://skl.sh/2wjUDDj πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Visit Vitorials for more tutorials: https://vitorials.net/
Views: 253 Alexander
How to animate icon in Adobe After Effect. Envelope icon opening animation
 
11:08
πŸ˜ƒ In todays tutorial we are going to animate modern flat line style icon in Adobe After Effects CC. You can download free vector envelop icon here : 🎨https://vitorials.net/freebie/free-flat-line-vector-envelope-icon/ If you want to learn how to create this icon in Adobe Illustrator, follow this link : πŸŽ“https://vitorials.net/create-simple-flat-line-envelop-letter-icon-adobe-illustrator/ CONTENT: 1. New composition : 0:45 2. Vector File Import : 1:15 3. Letter animation : 3:40 4. Opening animation : 5:30 5. Adjusting keyframes : 9:25 First, create a new comp. Set timing to 3 sec. Import ai envelop file. Choose import as composition. Add all .ai layers to the keyframe panel Select all of them, use right mouse button context menu and choose "Create shapes from vector layer". Article: FREEBIE: Music : Peyruis - Escape - FreeBackgroundMusic ( https://www.youtube.com/watch?v=ip_RZ... );
Views: 4715 Alexander
Stairs infographic Adobe Illustrator tutorial. How to design way up infographic
 
07:46
Article : https://vitorials.net/vector-stairs-infographic-adobe-illustrator/ Freebie : https://vitorials.net/freebie/free-vector-stairs-infographic/ Music : Peyruis - Escape - FreeBackgroundMusic ( https://www.youtube.com/watch?v=ip_RZ... ); Promo music: BrvtVs - Dead Times - Free Background Music No Copyright Music ( https://www.youtube.com/watch?v=D3wLc-flJg0 ) Content : New document - First stair - Stairs and carpet - Numbers - Start with a new 1120X980px document. Double click on rectangle tool and in opened dialog box set : width = 716px height = 80 px Click ok and set fill color to #d8d8d8. Create duplicate Our next step is to create a duplicate. Double click on selection tool to open move dialog box. Set values : Horizontal to 0px Vertical to -80px ( minus eighty ) Click ok. Next, double click on scale tool and in opened dialog box set : Horizontal to 100% Vertical to 65% Create small rectangle Click ok and move this small copy to the bottom to make it sitting right on your original rectangle. Now with direct selection tool and shift on your keyboard select top anchor points of your small copy. Double click on Scale tool and set value to Uniform 90%. This will give us a trapezium shape. Give it gradient with white and 9% grey color stops. Than, using Gradient tool (G), set top to bottom direction of your gradient: Stair in Adobe illustrator Setting gradient Select both your copy and original file and group them. Step 2. Create stairs Select your group and go to Effect/ Distort and transform/ Transform. In opened dialog box set: Number of copies to 4 Vertical move value to -132px ( minus one hundred thirty two ) Horizontal scale value to 90% Click ok to apply transformation. Go to object and Expand Appearance to make all of your stairs clickable. Create carpet To create carpet follow these steps : Create stair`s copy ( Ctrl/Cmd + C ) and paste it in back ( Ctrl/Cmd + B ) Make this copy more narrow with scale tool. In scale dialog menu set horizontal to 50%. Set fill gradient with three color stops :Gradient for carpet Left – #BF1E53 Center – #690E3C Right – #5E2369 Grab the gradient tool ( G ) and change direction of this gradient to top to bottom To make the carpet visible select your original stairs object and go to Transparency panel ( Windows / transparency ). Set blending mode to multiple. The final result will be similar to this : Stairs with carpet Select the β€œcarpet”, grab Shape Builder Tool and unite all of your rectangles in one shape. Change direction ( top to bottom ) of your gradient with gradient tool ( G ) : Create gradient carpet Step 3. Place numbers and icons Our next step is to create numbers and place them on our stairs. To do this go to Type tool and type β€œ01”, set your font to Open Sans Light and fill color to #b7b7b7. Place your number in the first stair. Now go to Effect / Transform … There we need to do subtle changes : Scale horizontal from 90% to 100% Move horizontal from 0 to 25px Click ok to apply transformation. Go to Object / Expand Appearance and than ungroup your numbers and change them. To download icons visit this link. You can`t do the same transformation with your icons, but you can grab a circle and make the above transformation, setting -25px instead of 25px as horizontal move value. Than replace your circles with icons. Final step : create arrow There is the final and simplest step of our vitorial. Go to rectangle tool and draw a rectangle. Change fill color to #BF1E53. Grab polygon tool, hit left mouse button on your artboard to open dialog box. In the dialog box set number of corners to 3 and click ok. Make your triangle wider and place it on the rectangle. Align them horizontally and combine them with Shape builder tool. I hope you enjoy this tutorial. Share it with your friend, click on the buttons below. Thank you for being with me and see you next time.
Views: 2498 Alexander
How to create 3d infographics in Adobe illustrator. Vector cone infographic tutorial
 
17:29
Today’s infographics design tutorial reveals the power illustrator's 3d tool revolve. You can also check this tutorial on how to create simple and effective stairs infographic in Adobe ilustrator: https://vitorials.net/vector-stairs-infographic-adobe-illustrator/ CONTENT: Document and workplace settings: Start with triangle : Rectangular grid : 3d revolve : Make adjustments to width : Create shadow and add icons : Setting up our document Let’s start with a new document. Go to File|New and set : Width : 1920px Height : 1080px Units : pixels Start with a triangle : Grab polygon tool and open polygon dialog box. Give it 550px radius and set number of corners to 3. Set stroke color none, fill color to any bright color. Select top and right points of it with direct selection tool. Choose option "Align to selection" and align horizontally to the left. Create rectangular grid Double click on a rectangular grid tool icon to open a dialog box. Set number of horizontal dividers to 4 and vertical to 0, horizontal skew - to 25%. Click ok and than produce a grid by hitting on the artboard. Size this grid according to your triangle Download FREEBIE here: https://vitorials.net/freebie/free-cone-inphographics-element/ Music : Bensound - Clear day ( http://www.bensound.com/royalty-free-music/track/clear-day );
Views: 2948 Alexander
Draw a marine Illustration in Gravit Designer
 
12:24
Hi everybody. In today's tutorial I am going to show few handy tips on drawing landscape illustrations in Gravir Designer. We are drawing this sanset composition using pen tool, global swatches and transform tool. Then I am going to show you how to apply grainy texture to make your artwork standout. Let's start Gradient on waves: 1. Bottom: #21435B 2. Top: #447F9E Gradient on the sky: 1. Bottom: #530A0A 2. Top: #FF6B6B Sun fill color: #EDD772 😎Join Gravit tutorials group (tutorials on demand) : https://www.facebook.com/groups/gravitut/ 😊Join Gravit User group (everything about Gravit): https://www.facebook.com/groups/gravitdesigner/ Pen tool : https://www.youtube.com/watch?v=DgJjB7GjsuI&t=14s Bezigon: https://www.youtube.com/watch?v=mXTJN7FhbYQ Written articles: Opacity mask: https://vitorials.net/how-to-create-opacity-mask-in-gravit-designer/ Boolean shape operators: https://vitorials.net/complete-guide-to-the-boolean-shapes-operators-in-gravit-designer/
Views: 2138 Alexander
4 Tips for better illustrations in Gravit Designer
 
10:24
In this video I will show you how to open path in Gravit Designer. Today, you will learn: 1. How to use Shared Styles for consistent design, 2. How to open path 3. How to use advanced stroke options 4. How to better orginize object in your layer panel Written articles: 1. Dreamy Landscape: https://vitorials.net/freebie/boys-silhouette-for-tracing-in-gravit-designer/ 2. Gravit Shortcuts: https://vitorials.net/helpful-gravit-shortcuts/ 3. Gravit Boolean Operators: https://vitorials.net/how-to-create-opacity-mask-in-gravit-designer/ Music: https://www.youtube.com/watch?v=VTHeQM7Uc0k Are you social? Let's chat: Twitter : https://twitter.com/alex_vitori Medium: https://medium.com/@alex_vitori Instagram : @alex_vitori PS. Please note the original image is not mine and I have credited the author www.hattiestewart.com who created the heart character.
Views: 1098 Alexander
How to create a grid in Adobe Illustrator | Web and graphic design tutorial
 
11:40
Want to create perfect grid for web or graphic design project ? Learn 5 ways how to build your own custom grid inside Adobe Illustrator. In today's tutorial I am going to show you how to create grid in Adobe Illustrator. CONTENT : 1. Introduction : 2. Grid definition and importance : 3. How to use built-in grid in Adobe Illustrator 4. How to use guides and rulers 5. How to use rectangle gris tool 6. How to split object into grid 7. How to create solid column grid πŸŽ“πŸŽ“πŸŽ“ Learn more graphic design! πŸŽ“πŸŽ“πŸŽ“ Golden ratio grid : https://vitorials.net/create-golden-ratio-grid-adobe-illustrator-rectangle-grid-tool-tutorial/ πŸŽ“πŸŽ“πŸŽ“ Learn more logo design! πŸŽ“πŸŽ“πŸŽ“ Letter V logo : https://vitorials.net/create-letter-v-logo-adobe-illustrator/ Drop shape professional logo : https://vitorials.net/create-droplet-logo-adobe-illustrator/ Web application logo design : https://vitorials.net/design-logo-web-app-adobe-illustrator/ Read article : Learn 5 ways how to build your own custom vector grid inside Adobe Illustrator. Music : Peyruis - Escape - FreeBackgroundMusic ( https://www.youtube.com/watch?v=ip_RZ... ); πŸš€πŸš€πŸš€ Subcribe and master Adobe Illustrator! πŸš€πŸš€πŸš€ Subcribe to my chanell for daily content ! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Subcribe to my newslatter : https://vitorials.net/
Views: 3958 Alexander
Design owl logo in Adobe illustrator
 
03:59
Hi, there. Thanks for your support, guys. I really appreciate this. In this tutorial, we are going to create an Owl logo in Adobe Illustrator. I am going start with simplest shape possible - circle. Let's start. The typeface I am using in this tutorial : Hanken light: https://fontlibrary.org/ru/font/hanken ________________________________________________________________ Download free Adobe Illustrator course: https://vitorials.net/master-symbols-in-adobe-illustrator/ ________________________________________________________________ Similar tutorial : How to create multicentric logo - https://www.youtube.com/watch?v=KU7uD9NPKvI 2 month of Skillshare premium for free: πŸ‘‰http://skl.sh/2wjUDDj πŸš€πŸš€πŸš€ Subscribe to vitorials! πŸš€πŸš€πŸš€ Subscribe to my channel for daily content! https://www.youtube.com/channel/UCdmOozKGaN8hLdvd78qBMkw Visit Vitorials for more tutorials: https://vitorials.net/
Views: 229 Alexander