It’s been more than a week since my last tutorial article. Hope you would love this one ;)
Today’s tutorial is different than before. I want to share you an easy tutorial of how to create Swirls in Illustrator.
Decorative swirls are loved nowadays; people always use this style along with natural element into their design. I know that there are lots of tutorials which are sound similar with mine. Well the idea is to create swirly curls, but my technique would probably different than any others. The twirl effect result is having some hazy kind of curls, so I guess it would be interesting.
Step One – Draw a Rectangle
Create a new file and find the Rectangle Tool (press key M) in the Tool Box, then draw a rectangle in any size as you wish.
Search a Scallop Tool and double click on it to go to Scallop Tool Option.
Set the value that shown below:
Back to your rectangle drawing image, and with the Scallop Tool click at one of its corner.
You can click any corner, and here is the result:
The corner that you have clicked would have 90 degree corner angle, while the other corners deform into scallop effect.
Step two – Creating Swirly Curls
Find the Twirl Tool and double click on it to go to Twirl Tool Option
Set the value that shown below:
Click at any corner and hold it in few seconds until you see the twirl effect that you want.
You should know that in order to get nice effect, this one is little bit tricky. I suggest you to use this twirl tool at any corner point but avoid clicking on the part of deformed rectangle that has 90 degree corner angle. The possibilities of results are countless. It would depend on how long you hold the mouse click. The longer you hold it, and then you will have lots of twirl spirals. Otherwise, simple shape twirl will be created. Spend some times to experiment using different shape to twirl is also useful to try.
If you want to change the twirl shape, you can use Warp Tool (Shift + R), by dragging the end point of your swirly curl.
The finished swirly curls:
As you see, the swirly curl is created in a single path. You can join them into a group of paths along with other curls and swooshes. Learn how to do it in detail by reading Bittbox’s tutorial “How to make custom swooshes swirls and curls”.
Bittbox also provides series of Illustrator Brushes (free to download) to create swirls and curls using Spiral Tool.
I got another resource that came from Verlee’s Blog, where she uses different techniques to create swirly curls but also worth to visit.
If you like my tutorial series, please drop a comment and subscribe to my feed!
Beautiful curls there :)
ReplyDeleteI liked the presentation of your post where someone like me, just so new to graphics too could follow it all.
Keep up the good work.I shall surely give this a try.
Cheers!!
Thank you Megh,
ReplyDeleteglad that you enjoy reading my tutorials even they're not the best English blog ;)
Will write more tutorials, so stay tuned!
Excellent! Thank you for this tutorial and for sharing your knowledge.
ReplyDeleteAwesome. Thanks for sharing. Keep up the good work. *thumbs up*
ReplyDeleteHi, thanks for the tutorial. I'm having a few problems. Using the settins you have for the scallop tool gives me lots of jaggedy little guys instead of the picture you have where there are only a few. Also, if I click it on the corner then that is where the jaggedy guys are and not on the remaining rectange. Any help you can provide would be greatly appreciated.
ReplyDeleteThanks!
Hi Duke,
ReplyDeleteActually it’s not a big problem if you had more jagged shapes then what is shown in my tutorial. This was probably happened because you click on one of the rectangle corner longer than it should be. Try to do it at least in half second only (quick click). The twirl tool works in similar way. If you want more complicated twirls, click and hold the mouse left click button longer than 1-2 secs at one of the jagged shapes. Whenever you don’t like the result, you can always undo by hitting ctrl + z and start a new try with another jagged corner to have nice twirls. Be sure that you already turn off the rectangle’s stroke before you start using scallop and twirl tool.
I hope this tips will help you Duke.
~Graphic Identity Team~
Yay man thank you for this great tutorial!
ReplyDeleteFirst time making swirly curls for a job and this one save me the life! than you and keep the good work.
Ok, so I may sound stupid but I can't find the scallop tool. Maybe I have an old version or something??? Could you please tell me where it is? Thanks!
ReplyDeleteDreamwarrior, Urban, and Hideki!
ReplyDeleteThank you so much for dropping by to leave your comment. Happy that I can help :D
Christina,
You can find this tool by clicking the tinny rectangle at the corner of Wrap Tool icon, and it will show you another lined up tools. Scallop Tool is one of them.
Go to preview image to find out
This is so cool. You think that it is hard to make such a nice curly thing but it is fun and not even as hard as i tought. I hope i can make some fresh webdesign with this tutorial! Thanks Again!
ReplyDeleteHey thanks for the tutorial, i'm new to illustrator, definitely gonna try this one.
ReplyDeleteCan you show me how to do this in photoshop.
ReplyDeleteRuben and Snehaha,
ReplyDeleteReally appreciate your comments, and I'm happy if this tutorial helps you ;)
Angela,
I think this kind of swirl can be produced in Photoshop, but it is not going to be as easy as in Illustrator. Photoshop doesn't have any tool to twirl a shape. You have to create a swirl using pen tool and it requires advance skill techniques. Maybe I will write a tutorial to create swirls in Photoshop if I have the chance.
Thanks for dropping question :)
hi. i relly like swirls
ReplyDeleteHi
ReplyDeleteMy swirls are not as smooth as yours - they end up with jagged curves and instead of tapering to a nice point they have uneven widths and look really untidy. any ideas?
Jane
Jane,
ReplyDeleteYou can read my previous answered comment for Duke. You had the same problem as he was I think. That was probably happened because you click on one of the rectangle corner longer than it should be.
I hope this helps you.
Nice tutorial...keep going on.
ReplyDeleteReally interesting too...
amazing o.o
ReplyDelete~soma~
Nice job! Haven't even looked at Illustrator, been using Fireworks for the longest time. Thanks!
ReplyDelete