Feeling lazy? Download the final project for free:Gimme the file!
V is for Vitorials 🙂
In this vitorial I will show how to create this nice letter V logo :
We will create this artwork using blend tool in Adobe Illustrator.
This tutorial is part of Adobe Illustrator blend tool series. You can also check another :
- How to create vector starfish in Adobe Illustrator
- Create vector flower with blend tool in Adobe Illustrator
- Five amazing ways to use blend tool in Adobe Illustrator
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 250px
- 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. In the end of this part we will achieve something like this :
Creating and modifying our blend
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 ( see optimized gif below ) :
Select bottom points of the smaller polygon with direct selection tool and drag them to the center ( first .gif below ).
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 ( second .gif below ):
Select your new shape with Selection Tool ( “V” ) and scale it horizontally to make it more narrow.
Using Add Anchor Point Tool ( “+” keyboard shortcut ) add point right in the center of the bottom path of your shape. Using Direct Selection Tool ( “A” ) and holding shift key drag new point to the bottom ( see optimized .gif below ) :
Final touches with scale and direct selection tool
Are you master of scale tool or direct selection tool ? If not, you will be, because in this part we are going to use them a lot. Now we`ve got something like this :
To follow this part you need to understand my naming convention. Except our new point, there are four groups of points:
- Top outer points
- Top inner points
- Center points
- Bottom points
First step : select all center points with direct selection tool and drag them to the bottom holding shift key. Distance = 30-35px.
Second step: select bottom points with direct selection tool go to scale tool ( “S” ) and holding left mouse button drag them inside for ~20px.
Third step: select top inner points with direct selection tool go to scale tool ( “S” ) and holding left mouse button drag them inside for ~15-20px. Than drag them to the bottom ~20px
Fourth additional step : if you need, adjust position of your top outer points by moving them outside with scale tool 😉
In this optimized 8 color only .gif you can see all of the transformations :
I hope you enjoy this vitorial. If you do, do not hesitate to share it with your friends. If you have any questions, write them on comments below.