Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »Other Design Topics »Graphic Design Blog

Notices

Graphic Design Blog The Best Graphic Design & Web Design Blog Feeds


Reply
 
LinkBack (1) Thread Tools Display Modes
  1 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 23-04-2008, 12:01 AM
Graphic Design Blog's Avatar
Design Blog Feeds
 
Join Date: Feb 2008
Posts: 2
Default How to Create a Ribbon Using Blend Effect in Illustrator

About two weeks ago, I’ve made a set of floral Photoshop brushes that has some kind of bend or twirl ribbon effect in it. I got respons on flickr asking me of how I made the effect.



Somehow it is so easy and quick to produce. Lets get start now :D


Step 1 – Draw a curve with arc tool

Find the arc tool in the tool box, and start to draw a curve on a new canvas like this:




And draw another curve next to the first curve that you made.



Connect each edge point so it becomes a closed curves paths like this:



Remember: do not group those two paths because if you group it, you won’t find a nice blend effect as this tutorial will show you in the finish result.



Step 2 – How to blend

OK, now go to the menu Object > Blend > Blend Option and set it like what you see here:



You can fill the Specified Steps with 10 or more. Just to let you know that the more you add the number of density of the specified step then you would create more dense curve lines.
Don’t forget to set the orientation of the blend as align to path.


Back again to the menu, go to Object > Blend > Make (Alt + Ctrl + B), then soon you will see this on your canvas:





Step 3 – Creating a nice ribbon using warp tool.

Find a Warp Tool on the tool box. Warp tool is actually my favorite tool to create curves for my photoshop brushes collections ;)



Start to pull each edge of curve with this warp tool like you see below by dragging and release it until you feel the shape is perfect. You can do it repeatedly until you get a nice curve:



As you can see, we still manage the both edge. Now we try to tweak the center curve lines. Still using the warp tool, do it exactly as I told you in the previous step but now be focused on the center curves only.



You will love this step, because every time you drag using the warp tool, you will get a random bends effect. Experiment a bit on another spot of curve lines. You don’t have to worry if somehow you see like broken curves after sometimes, just repeatedly shape the curve lines, you will get a nice ribbon effect again if you try a little bit harder. And here is my final result:




Read More at Graphic Identity Blog
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
How to Create a Block Hover Effect Graphic Design Links Graphic Design Links 0 23-01-2008 06:10 PM
How to create this kind of effect... jon720 Graphic Design and Web Design Help 3 30-12-2007 12:43 AM
Watercolor effect in Illustrator Cwilk Graphic Design Techniques 12 30-10-2007 02:39 AM
How to create wirefram from vector in illustrator? Dajo Graphic Design and Web Design Help 1 15-10-2007 01:21 PM
pixel effect on Illustrator Graphicallycorrect Graphic Design Techniques 4 03-04-2007 04:15 PM


All times are GMT. The time now is 03:35 AM.



Estetica Design Forum's Privacy Policy
Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC5