Rainbow Ribbon Effect in Illustrator - Use Lines & Blends for Abstract Shapes
ฝัง
- เผยแพร่เมื่อ 10 ม.ค. 2025
- Create a Rainbow Spectrum Ribbon Effect in Illustrator - Use Lines & Blends for Abstract Light Shapes
I love this video here on TH-cam for making this ribbon effect: • Уроки по Adobe illustr... the problem is that it is hard to follow as there is no captioning and Juli Rose goes a bit fast for beginner Illustrator users to follow along.
So, I borrowed her effect and reproduced it in Illustrator so you can learn to do this. What you will do is to use the pencil tool (or you can use the pen tool if you prefer) to make a series of overlapping lines. Then use the Blend Tool to blend the lines together into a ribbon which you can then add a gradient to. Shape the lines any way you want to get this beautiful result.
VIEW MORE VIDEOS JUST LIKE THIS ON MY TH-cam CHANNEL
Subscribe ► www.youtube.com...
VISIT PROJECTWOMAN.COM FOR MORE ON PHOTOSHOP, ILLUSTRATOR & LIGHTROOM Website ► www.projectwoma...
Blog ► www.projectwoma...
SUBSCRIBE TO MY EMAIL MAILING LIST
visitor.constan...
LET'S CONNECT!
Google+ ► plus.google.co...
Facebook ► / projectwoman
Twitter ► / helenbradley
LinkedIn ► / helenbradley
LEARN BY PURCHASING ONE OF MY COURSES
Udemy ► www.udemy.com/...
Curious ► curious.com/he...
Curious ► curious.com/he...
Skillshare ► www.skillshare....
Learn Lightroom with Helen Bradley ► helenbradley.te...
IF YOU LIKED THIS VIDEO YOU MAY LIKE THESE SIMILAR VIDEOS:
Illustrator - Doodle Heart Drawing ► • Make Cute Doodle Heart...
Illustrator - Hand drawn line effect ► • Illustrator - Hand Dra...
Illustrator - create vector halftones ► • Halftone dot pattern i...
Illustrator - Draw a Vintage Birdcage ► • Draw a Simple Vintage ...
Illustrator - Draw a vintage penny farthing ► • Draw a Vintage Penny F...
Illustrator - Halftone Heart Effects ► • Creating Simple Halfto...
Illustrator - Halftone Hearts ► • Halftone Hearts in Ill...
Illustrator - Hand drawn text dividers ► • Make Simple Hand Drawn...
Illustrator - Inverse Effect ► • Create a Cool Inverse ...
Illustrator - Lacy Border Effect ► • Create a Simple Lacy B...
Illustrator - make spirals part2 ► • Make Spiral Shapes in ...
Illustrator - recolor spirals and shapes part3 ► • Use Adobe Illustrator ...
Illustrator - Spirals ► • Make Cool Gradient Fil...
Illustrator - Triangle Vector Backgrounds - Poly Art effect ► • Illustrator - Triangle...
Illustrator - Zig Zags, Ric Rac and Wavy Lines ► • Illustrator - Zig Zag,...
Illustrator Scribble Text Effect ► • Make Cool Scribble Tex...
Illustrator-Pen draw a folkart heart ► • Draw a Unique Folkart-...
While I appreciate the tutorial, my favorite part was your giving credit to the original tutorial creator. Such class! Thanks for sharing.
Thank you Helen for all these super clear and concise video's that you post. I have learnt so much from you!
I'm so glad!
Excelente video My Lady, i don't understand English very well, but the step by step, was very easy for me, and I like the video, thank you so much. Regards from Venezuela, Colombia y Ecuador
Im a late arrival to illustrator find your tutorials clear, presice and helpful thank you.
C dav777 You're not so late - think of it - you are a day ahead of the person who starts today!
I am glad you are enjoying my Illustrator video tutorials - I try to make them easy to follow even if you are a beginner and I always make sure to focus on a tool or skill so you have fun while learning.
Thanks Halen for your clear instructions. I do understand Russian but I had hardest time following Juli's early tutorials. I don't think they should have been called tutorials, rather demonstrations of her great skill. She is getting much better about teaching, though. I think one important point you missed is that you need to change the blending mode to Multiply after Expanding second time...Thanks again. I subscribed.
+Ana Fedorenko Yes I did Ana. Another viewer also picked this up. I am glad you were able to produce this result from this video. Thank for subscribing.
I love Juli Rose's videos; I've been studying them for about a month. She uses an English-language Illustrator these days, but her older videos are in Russian (as you say in your video). I've typed blend modes and menu items in Russian letter-by-letter into Google translate just to figure out what she's doing, if I don't recognize shortcut keys, so I'd say I paid my dues with her! :P
Your video does a great job of emulating her ribbon, but she does one key extra step, in case anyone is interested: after expanding, ungrouping, expanding again, then lowering transparency, she'll also *change the blend mode to Multiply*.
One thing no one seems to do is use type cmd-h to hide the edges-so instead of seeing a billion blue paths and clicking off to check out your gradient, just choose View>Hide Edges and you can tweak your gradient to your hearts' (everyone) desire. :)
adarkerlight Thank you for casting some light on the finer details of this process. I am glad Juli has started to use an English language version of Illustrator. Her designs are great but trying to second guess Russian commands for beginner Illustrator users is very difficult. I would say you have definitely paid your dues with her! You certainly went a lot further than I did!
Create a Rainbow Ribbon Effect in Illustrator - Use Lines & Blends for Abstract Shapes #illustrator #tutorial
Super cool of you to refer to the previous artist. I love your tutes, I use them all the time.
Thank you for your kind words and for stopping by my channel.
Thank you Helen, as usual, you demystify everything & make it so sweet & simple for someone like me. Alas, if only I could push that "like" button a thousand ×ssss ..
You're welcome, I am glad I could help. Thank you for your kind words and for stopping by my channel.
You are quickly becoming my favorite person! I'm making several of these in a variety of colors to use as background images in my videos and such. I've always loved these simple splashes of color on a white background, and now I can make my own :) Brilliant! Thank you for all these tutorials.
Andrea Kalli Internet Marketing Virtual Assistant Andrea, thank you for your kind words, I love what I do and when I hear comments like yours that really makes my day (and week!).
Helen Bradley It just blows my mind how many settings there are in Illustrator and how well you know them and how to use them. That takes some mad skills!
Andrea Kalli Internet Marketing Virtual Assistant Thanks Andrea, "Mad" is sometimes the term I'd use too!
I learned the truth about the gradient through your lecture. Thank you.
You are welcome! Thank you for supporting my channel.
This is so much more time efficient than having to learn Russian and then watching Juli's video. I'm already struggling enough learning Spanish!
Morgan Field Yes, It is sad because her videos and techniques are wonderful, but inaccessible if you aren't quite knowledgable in Illustrator as you have to work out what she is doing - I had to rewind a few times to really see what tool she used - my Russian (I think that is the version she is using) just doesn't stack up to reading Illustrator panels. Well done learning Spanish, that is a very useful language.
You are an amazing teacher!
Wow, thank you!
Someone asked how to make the lines smoother - Juli's are smoother than mine. I just watched her video again and her lines are closer together and she uses 70 as the steps for her blend. If you want a smoother and denser ribbon then use lines that are closer together and experiment with the number of steps - the more steps the more dense the effect will be. I hope this helps whoever was asking!
Hi Helen that was a really great video but im unable to adjust setting of my pencil tool im using CS6 version. When i double click on it similar dialog box appears with additional option of " fidelity" slider so i tried on adjusting both smoothness and fidelity but my pencil never worked as smooth as yours pleas help
a late answer but, you can also use the pen tool to create the lines. with that you can make it as smooth as you want
Helen Bradley Hi Helen, I need help doing this. Everytime I try to expand or expand appearance, my blended ribbon shape goes completely crazy and becomes a mass of black. I don’t know what I’m doing wrong because I followed all the steps!
@@mspolkadotpink Same with me...
Thanks Helen for the great tutorials, and giving me the confidence to use Illustrator and gain competence
That's awesome news Nick. Illustrator is such a wonderful program I am only too happy to be able to help.
thank you Helen. finally i know now how to make this kind of abstract lines.
You're welcome, Thank you for stopping by my channel.
If I found this turorial long ago, I'd be far with my illustrator skills...Thanks a lot Helen...Much appreciated
You're welcome, Thanks for stopping by my channel!
Thank you Helen !!! , I just got my first Illustrator done on your trick . Bless you
You're welcome, I am glad I could help! Thanks for visiting my channel.
I did not realize you also had an TH-cam channel also. I must browse threw as I love your tutorials!! xx Helen
Great Diana. I make all new ones for Skillshare although many of the topics are the same.
I love the way you describe. Thank you so much for being such an amazing instructor.
You're welcome, that is very kind of you to say. Thanks for stopping by my channel.
Not just "stopping by".. Probably "sticking to" ... now onward :) HAve a great day
Glad to hear it! Have a great day as well, happy learning!
Helen, your so good in explaining. Thank you!
Cheers Sherwin! Thanks for stopping by my channel and for your kind comment.
This is a great video Helen, short and informative.
Thank you very much for posting this video. I spent my morning trying to find an English version of this exact tutorial, since the language in the Juli Rose videos is difficult to follow in the video. I look forward to more videos!
You're welcome, Thank you for stopping by my channel.
As an upcoming graphic designer, this video has helped me tones. thanks a alot.
+Eden Eunice Ndeshimona Ileka I am glad you found my channel Eden.
Thank you for creating this translation tutorial of Juli's tutorial. Another idea is to resize the artwork or the artboard.
Great idea! I am happy the video was helpful! Thank you for stopping by my channel.
Thanks for all the hard work you put into this channel Helen. The technical detail and clear explanations are really helpful. I added a 5px blur at the end of this exercise and the effect is really swish. If you add some transparency to some of the gradient slider swatches it adds a nice smokey effect.
Sounds great. Thanks for commenting.
Thank you for this tutorial. You gave clear instructions and explained yourself very clearly. It is good to "hear" your instructions. I have only watched the first few minutes and have subscribed to your channel immediately. Simply because you don't rush the tutorial.
Darlene Mills Nice to hear Darlene, I am glad you found my channel!
Juli Rose is great, I love her channel and now I'm happy that I discover your Channel too Helen, thanks for the great tutorials.
You're welcome, Thanks for your kind words and for stopping by my channel.
thanx a lot helen aunty... it means a huge knowledge about to make an amazing abstract graphics in this very software... thnx again❤✔✔
Glad to hear that
Thank you for the translation and teaching. I appreciate it.
You're welcome, I am glad I could help. Thanks for stopping by my channel.
You explained it so well.
Thanks
You're welcome Augusto. Thank you for your kind words and for stopping by my channel.
Cuando lo intentaste con el video de Julia y no pudiste y de pronto aparece Helen !!!gracias por aparecer para expicar este hermoso trabajo !!!2015 al 2018 y sigue ayudando!!!
Estoy muy contento de que este video haya podido ayudarte. El efecto de Julia es tan hermoso, estoy feliz de poder facilitarte la tarea de hacerlo tú mismo. Gracias por visitar mi canal de TH-cam.
You are awesome and brilliant thank you for sharing with us, great gift to the artist's people
I am so pleased to hear the tutorials are helpful! Thank you for checking out my channel.
Me encantó la explicación, muy buena. Gracias por el video.
Me encantó la explicación, muy buena. Gracias por el video
Thank you! very clear speaking and tutorial!
+Shao Shan Thank you! I am glad you found my channel.
thanx both of you for this tutorial ... !!!
+Roberto Juarez I am glad you found this video - Juli Rose made a great video - it was just a pity it was so hard for people to follow.
I've made about 6 of these so far to use as video PNG backgrounds, with varying color schemes. I just love this concept. I tried to create them as SVG, but my sketch video software seemed overwhelmed with the complexity of it. No worries. They look beautiful.
Andrea Kalli Internet Marketing Virtual Assistant Great news! I was playing with something similar (but different) in Photoshop last night so I am hoping to have a Photoshop CC 2014 video out soon on that.
Thank You Helen Very Cool
No problem! Thanks for stopping by my channel.
Thanks Helen,.. this tutorial helps me to design my book cover...
+Tomy Bawulang Awesome news Tomy, good luck with your book!
Very nice translation, thank you!
You're welcome, Thanks for visiting my channel
excellent, thanks for your tips, its very helpful
Thanks for stopping by my channel! I will be posting more videos in the near future.
Hey Helen, excellent tutorial! Thanks a lot!
I'll have a look through the rest of your channel, it seems you have more to teach me!
You're welcome, Thank you for your kind words and for stopping by my channel.
Great Job Helen .... Thanks
The special thing about your tutorial is .. It's very easy to understand .. your voice/speed is very clear and the main point ... It's to the point and short length ... Great Job ...
I am so glad this video was helpful to you. Thank you for stopping by my channel.
C'est magique!..Merci Helen.
Hermanicus Manus C'est amusant, n'est-il pas? Merci de regarder ma vidéo
Thank you soooo sooo much! Even though I understand language(russian) of Julias illustrator... without explanation or any comments its to hard to catch up with her!
So thank you very much for sharing!
+SyaShim I am glad this helped you.
Muchas gracias. Me fue de mucha ayuda.
Es un placer para mí hacer estos videos para usted. Gracias por verlos.
Thank u so much very clear and understandable, very helpful
You're welcome, Thank you for the kind words and for stopping by my channel.
Niiiiice very nice..Thank you very much
Thank you for stopping by my channel.
Thank you thank you THANK YOU FOR SPEAKING! You're the best.
Thank you Charlotte! I’m so glad that you enjoyed the video. It’s such a cool effect but so difficult to try and translate it from a foreign language version of illustrator to achieve.
thank you for this video because i did watch hers at one point ant i couldn't follow because of the non-english translation and then she doesn't talk through her videos i like that you talk through your videos so when i am on a small screen and want to see what i am doing i can just listen for the commands and tools you selected when i am unable to watch along side of dong the project.
Randy08ray Thanks for your comment Randy08ray. I am glad you are able to follow along with this tutorial. The effect is awesome and I know how hard it was to follow along with the original version.
there are very view you tubers who are creative and actually tutor through their videos on how to do something. many others on here call there videos tutorials but yet its just a video of them doing the work and we just watch and learn noothing. thank you for being one of the few creative youtubers who teach
Randy08ray Thanks Randy - I am really focused on teaching not just showing, I am glad it works for you.
Thank you so much, Helen! this is great, exactly what I needed. And thanks for taking notice of my request.
Miriam Morales That was so much fun to make Miriam so thank you for asking for it. The results are awesome too.
thanks this is really helpful mrs.helen :)
Thank you for stopping by my channel.
Nice tutorial Helen. Did you know you can press CTRL-H to toggle the selection highlighting? It makes it a lot easier to adjust the gradient.
Thanks Nathan. You are so right, thanks for pointing it out - use Control + H on the PC (Command + H on the mac).
how did Juli get the deep contrast in there. The blacks in there really make the ribbon beautiful
Thank you : It was really clear even If I don't really speack english ! Good Job !
You're welcome, I am happy to have helped! Thank you for stopping by my channel.
Wonderful Tutorial
+arun kannan Thanks Arun!
Thanks Helen. Excelent tutorial
Cheers Johnny!
this is beautiful thank you so much.
Thank you for the kind words and for visiting my channel.
A good lesson!
Juli Rose JULI!!!! It is your lesson.. I just translated it because it was hard for people to read the Illustrator interface in your video. Thank you for stopping by but kudos to you - it was your technique.
Very useful, Thank you very much!
You're welcome, I am glad I could help. Thanks for stopping by my channel.
Very helpful, i use it to draw a music pentagram. Thanks maam.
You're welcome, Thanks for stopping by my channel.
very nice videos thanks
You're welcome, Thank you for stopping by my channel.
Nice tutorial.
Thank you for your kind words and for stopping by my channel.
Thanks Helen!
Cheers Donatien!
I just needed this. Thank you vey much!
You're welcome, glad I could help. Thanks for visiting my channel.
Great video! Thanks a lot for the explanation and I even learnt a few bits and bobs to do with aligning :)
+whatjackhasmade Awesome, thank you... and I love it when people say 'bits and bobs'!
Good demonstration.
Thanks.
You are welcome, Thank you for stopping by my channel.
Thank you! very clear
You're welcome, Thank you for stopping by my channel.
Thank you for your clip, Very good tutorial.
+Akkaradet Bangchun Thank you for stopping by my channel.
A great, well explained tutorial! Thanks :)
Thanks Daniel
awesome!!
Stephanie Butera Thank you for stopping by my channel Stephanie
Nailed it. Thank you!
You're welcome, thank you for the kind words and for stopping by my channel.
Thankyou for this ! This is helpful
You're welcome, Thank you for stopping by my channel.
wow amazeeeeeiiinnnng thanks amazing tutorial
You're welcome. Thank you for the kind words and for stopping by my channel.
you are awesome! thank you very much
You're Welcome, Thank you for your kind words and for stopping by my channel.
Awesome! I wounder how complex it would get if I were to blend with each line. Let say the top first line is yellow, then make the line below it green, then on the line below it blue, continue down to maybe five lines.
BingeCenter I think it is well worth trying and see how you go!
Hi Helen, I try to follow to do the lines blend for abstract shapes but when got to the blends tool I can not get to select the lines no cross hair what sort of key combination have to have, thanks Helen
Thanks a lot dear.
and carry on good things.
+Irfan Farooq Thank you! I plan to post lots of wonderful videos for you.
Hi. Excellent video thanks. Which version of illustrator are you using?
I don't recall what version for this video, probably CS6 or CC. Thank you for stopping by my channel.
wonderful
Glad to be able to help
thanks you so much for sharing this video. Your guided Very Clear :*
You're welcome, Thank you for your kind words and for stopping by my channel.
ty, very very good
Thanks Joselo! Glad you enjoyed the video.
very nice
+Sangram Pawar Thank you Sangram. I am glad you found my channel.
Good lesson, but here is small mistake - after you expand your curves and before you color it with gradient tool you need select all curves and change blending mode from normal to multiply (not group - just expand and select all curves). It will make not flat color :)
+Yury Barsukov Thank you Yuri, this will help a lot of viewers who want to see more variation in color. I appreciate you taking the time to comment here.
Somehow i can't manage to make it exactly like juli rose... as you do it there is just a plain gradient over the lines... here's multiply in a cool way... the denser the lines the darker the color. Can't seem to replicate it, because the multiply setting in the transparancy menu doesn't have any effect... you know by any chance how she did it ?
Thank you very much.... very useful tutorial
You're welcome, Thank you for stopping by my channel.
Thanks for sharing the video :)
+Sneha K Thank you for stopping by my channel.
That was terrific thank you so much
+John Brady Thanks for stopping by my channel John!
Thanks for tutorial. Can you explain how the original image has the different shades of each color? The original is darker towards the edges of the shape.
jmetz8402 Hi there. I suggest you watch the original video of Juli Rose - she spends a lot of time working on her gradient fill. I don't. I was concerned to show the process of making the ribbon and not spend a lot of time working on colors. If you watch her video you will see how she tweaks her gradient fill - that might help you understand how she gets the effect she gets.
awesome. thank you
With all of the ribbon selected, she lowers the transparency of the ribbon and then uses the blend mode Multiply. That should give you what you're looking for. Use cmd-h (view>hide edges) to hide edges so you can see your ribbon while its selected. Don't forget to turn it back on, though. jmetz8402
adarkerlight Nailed it! Thank you kindly.
Beautiful, thank you :)
+Holly Harris Thanks Holly - I am glad you found my channel.
Lovely. ......THANKS!!!
So glad you liked this video. Thank you for stopping by my channel.
wonderful! thanks so much :)
+Rachel Di Martino Thanks Rachel, I am glad you liked it.
how can this be done but without the multiple lines inbetween , just simple transparent gradient of color ?
Can you please do a video on creating gold color effects to text and artwork in illustrator. Thank you so much I love your teaching. They have helped me a lot
Thank you so much for this... super helpful
+Sily Piz I am glad you found my channel.
thanks for the tutorial.
You're welcome. Thanks for stopping by my channel.
Great thanks a lot!
You're welcome, Thank you for stopping by my channel.
Holy shit Helen.. You just made my day! this was exactly what I was looking for..
Great news Tom.
Thanks a lot beautiful lady! :3 It really helps me with a project for the scholl
Sofía Barrios Thank you Sofia - good luck with school
Thanks for the tutorial Helen. I tried doing it on a smaller scale and it looked funny. So I was wondering if it can be created then resized smaller without it distorting?
Jonathan
Great question Jonathan. If you are making it smaller, then use fewer repeats so it doesn't get too busy. If you make it big and then reduce it everything will close up too much and it probably will look a bit weird. But I'd try both ways (at least the first few steps) to see which looks best to you for your intended purpose. I am looking at this video thumbnail right now and it looks good even though it is tiny but, of course, it looks 'different' to how it will look at full size as you can't see the individual lines.
I hope this helps?