The world’s finest wilderness lies beneath the waves …
Wyland, Marine Life Artist
In this vitorial I will show how to create this beautiful vector starfish :
We will create this artwork using blend tool and couple of built-in transformations in Adobe Illustrator.
This tutorial is part of Adobe Illustrator blend tool series. You can also check another :
- Adobe Illustrator letter V logo tutorial
- Create vector flower with blend tool in Adobe Illustrator
- Five amazing ways to use blend tool in Adobe Illustrator
Let`s get back to our starfish.
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
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 :
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.
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“.
See also :
How to install plugin in Adobe Illustrator.
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.
Fore more videos, please visit my youtube chanell