Pattern Variations in Seconds Illustrator CC (Part 1)

Part 2 • Pattern Variations in ...
The new auto-generated corner tile presets in Adobe Illustrator CC can be used for more than just making borders. This tutorial explores alternative methods of applying pattern brushes to basic geometric shapes to generate dozens of pattern variations in seconds.
Applying this quick method can produce dozens of interesting design results to explore, all from one initial design. Create alternate tiling patterns from one pattern brush, or use the results to create new designs altogether. If you haven't used the pattern brush beyond creating a repeating tiled border, this tutorial will help incorporate it into your workflow as a great way to brainstorm for new design possibilities.

[@rynopotamus]

I've been doing graphics for 15 years....you just blew my mind! Thank you!

[@illustratortutorials1596]

Ryan Campbell Thanks Ryan, definitely watch the other videos for more inspiration!

[@yasminenaamo5775]

That's awesome! Your tutorial are very clear and easy to execute for someone how's new with patterns in Illustrator. Thanks :)

[@camptiedye]

This is amazing. Glad I found it.

[@comicart1st]

Awesome tutorial. I've just started to learn Ai, and found this video. Thank you so much for sharing your knowledge, Jean. Keep up good job!

[@kridhans]

This is brilliant! Very very inspiring! Looking forward to more videos from you! Cheers mate!

[@TakeItEasyAnjen]

This was really interesting. Thank you 😀

[@KrisJolls]

Cool video and great explanations on how the tilling works. Thanks!

[@illustratortutorials1596]

Thanks Kris! Glad you found the video helpful!

[@gfx-vision]

Amazing Tutorial, incredibly useful

[@TomHaevy]

this is fantastic! I wish you would make more tutorials. you are great!

[@illustratortutorials1596]

HAEVY Thank you, appreciated! I may get back to making some in the future.

[@KaprichosaDesigns]

That is just quite brilliant. Thanks a million.

[@onefromthetribe]

I don't even know what to write. This is next level amazing! You, Sir, are a gem!!

[@illustratortutorials1596]

Thanks Alfonso! Definitely subscribe for more videos coming soon!

[@onefromthetribe]

Jean-Pierre Sullivan Yeah man, go for it!!! I'm putting you on my Notifications.

[@illustratortutorials1596]

Awesome, you rock! Thanks!

[@marilthecat]

this is fantastically fabulous!!

[@illustratortutorials1596]

Felix Tao Thanks Felix, glad you enjoyed the video

[@user-xr2iw2zy4l]

I live in Russia, and i dont understand you, but it is so interesting process

[@bashirahmad4889]

Masha Allah. Stay blessed.

[@ForgingMind]

Hi Jean-Pierre - fantastic creativity, thanks for sharing! I'd love to know the fill/stoke settings you applied to create the triangle shape you show around the 11 min 15 second mark in your video.

[@illustratortutorials1596]

Hello, here's a breakdown of how I created the spiral triangle in this video: kzbin.info/www/bejne/jKSXmaWpZtaEjqs To achieve the outline effect start with triangles that have a thick stroke and no fill, between 5-10 pt, and expand the final result after the transforms are applied (the expanded triangles will have the fill of the stroke color used, with no stroke color). Switch the fill to a 1 pt stroke to create the outline of the triangles, then select the entire design and use the Live Paint Bucket tool ("k" hotkey) to fill the gaps between each triangle. Hopefully that's not too confusing and it helps!

[@eudesbalmon1242]

how did you make the triangle with light shapes, best regards

[@rearfoundation3840]

11:22 how to make this kind of shape. if you suggest any tutorial

[@resorttodefortto5087]

This is dope!! is it possible to get the template still? link seems to be outdated

[@lucianogomez6162]

Amazing

[@myslibora]

Hi! First of all, thank you for sharing this and other Illustrator tutorials; your videos are very informative and inspiring :) I've watched your videos on triangles and pattern variations a couple of times now and have successfully applied the techniques that you covered. However, there is one particular bit that I'm trying to recreate but can't - the triangle base that you used for the pattern variation in this video (around 11:19). I've experimented with various angles of rotation (around 4 degrees) and scaling (around 90%) but can't seem to get the triangles to make that nice sharp inner curve. Is there any chance you'd shed some light on that? Cheers!

[@illustratortutorials1596]

I'm so glad you enjoyed my videos, thank you so much! I would suggest you try creating a line segment with the curve that you want for the inner overlap (you could trace the inner curve from the triangle from the video if it helps) make three of them within a circle (rotated 120º) and then alter each individual triangle's scale and rotation, attempting to match the overlap with the line segments. That's actually similar to how I created the triangle you see. Each triangle is slightly varied, yet are around the values I used within the Spiral Triangles video. Hopefully that helps, please let me know if you need any other pointers, and I'll save some space for addressing them in future videos!

[@myslibora]

Thanks! It worked like a charm :) imgur.com/a/QwaVZ Hope to see some new videos from you soon. Cheers :)

[@illustratortutorials1596]

Whoa! It really did turn out great! It's sort of surreal seeing the design in a totally different pattern, and I'm so happy you (hopefully) achieved the result you wanted!!

[@christian53050]

one word...wow...

[@AZskylite]

HI J-P, I am learning to make vector objects. Your vids are so helpful with nice step by step directions and a vast amount of inspiration! Oh, and your voice is easy on the ears. Thank you, also, for not adding background sounds (music). Many (A.D.D.) peeps, like me, find some music detrimental to our comprehension. I listen to my own music, softly set (Try: Chris Rice). Smiles from Prescott, AZ, Constance

[@illustratortutorials1596]

Thank you Constance, I'm very glad you found the tutorial helpful, and thank you for the complements! I hope you'll have lots of fun working with this feature in Illustrator. Happy New Year!

[@AZskylite]

JP, You are welcome! Constance AKA: car2

[@amanverma3151]

Where can i get the psd file which you showed in the video , from you used the pattern. i need that.

[@illustratortutorials1596]

Hey, the designs from the psd were personal art, but check out my $1 design pack available on deviant art jpssullivan.deviantart.com/art/Magic-Monday-Image-Pack-571337478 I also made a video on how you might want to make the most of the designs on my channel, just check out my Magic Monday Tutorial. Thanks Aman!

[@amanverma3151]

If you could mail me that psd it would be a very big help. Kindly send.

[@PapaGeorgio1337]

I'm trying to get a result like the patterns you got at 11:26. What sort of shape did you use for the pattern?

[@illustratortutorials1596]

Hey PapaGeorgio1337, check out my Spiral Triangles video to learn how I created the triangle design, then arrange the finished triangle in a zig-zag like pattern. It should look like one triangle with one point facing up (looks similar to the letter "A"), and the other horizontally flipped, so the triangles should look like "AV" next to one another. Cut the first triangle in half, and take the left half and move it to the other side of the second triangle - then select all of the design and convert into a pattern brush. The more you experiment, the more you'll find interesting patterns to work with.

[@LarnieRadek]

Hi! This tutorial seems to be exactly what I'm looking for, but whenever I click create a new pattern brush, the only box that contains my original image is the side tile box, the others just have red diagonal lines. Why is that?

[@LarnieRadek]

Had you already made the corner tiles before?

[@LarnieRadek]

From what I gather Illustrator CC automatically generates them (I'm using CS6)

[@illustratortutorials1596]

Hey Larnie, the auto-generated corner tile feature was introduced in the CC update, unfortunately in CS6 you have to create the corner tile manually.

[@aiva3677]

How did you create the one triangle shape which is in the bottom right corner of the thumbnail? And also the upper left circle?

[@illustratortutorials1596]

Hey Aiva, check out my Spiral Triangles video to learn how I created the triangle design, then arrange the finished triangle in a zig-zag like pattern. It should look like one triangle with one point facing up (looks similar to the letter "A"), and the other horizontally flipped, so the triangles should look like "AV" next to one another. Cut the first triangle in half, and take the left half and move it to the other side of the second triangle - then select all of the design and convert into a pattern brush. The more you experiment, the more you'll find interesting patterns to work with. Hopefully that helps!

[@aiva3677]

+Jean-Pierre Sullivan Thank you very much!

[@tyleet88]

This is really neat, I was wondering if someone doesn't have Illustrator cc and only have Illustrator CS5 can they do this as well?

[@illustratortutorials1596]

Thanks! The auto generated corner tile feature is a new feature only available for CC. Definitely download a trial to experience the awesomeness!

[@2002xiaobao]

do u mind telling me how could you make original symbol on 11:15?

[@maacdesmond]

just draw a shape you need, select it go to effects - transform panel - select angle you need - make more copies and twist it - fill or stroke color your choice. thats it.

[@fauzip4189]

would you please add tutorial how to draw shape in 11:12 Jean, thank you very much

[@illustratortutorials1596]

Here's the tutorial: kzbin.info/www/bejne/g6mZd5yqhMiModk I hope it helps!

[@chamberofrelics]

great tutorial. In the second triangle set, how did you make the first symbol in the box?

[@illustratortutorials1596]

+Whispers Around A Tree Thank you very much! The symbol in the box was created using a calligraphic brush preset I created for font design. The calligraphic brush preset is 145º angle, 10% roundness and the size is 45, and all other options are fixed in the calligraphic brush palette. Hopefully that will help!

[@chamberofrelics]

Jean-Pierre Sullivan thanks friend. I will give it a try and see what I come up with. Sure helped a lot in understanding.

[@illustratortutorials1596]

Wonderful, glad I could help!

[@illustratortutorials1596]

+Zoltán Roncsek Thank you for your interest! I created the spiral triangle in illustrator by rotating triangles and experimenting with the stroke value to achieve the desired result.

[@illustratortutorials1596]

***** Hey Zoltán, I think the best way to help would be to make a video :) Soon I will post a quick video on how I create some of my spiral triangle designs. Hopefully that will help! That will be an amazing piece when you get it designed and tattooed! I know you're excited to get started!

[@kmcnair123]

Where are you getting the Photoshop patterns from. Good Stuff!!

[@illustratortutorials1596]

Kem McNair Thanks! I draw the designs in photoshop or design them in illustrator.

[@nickwimer5489]

Were you chewing gum?

[@illustratortutorials1596]

Hahaha, not at all, my webcam was picking up audio from my clicks and keystrokes. I typically record the audio and video simultaneously because it's quicker, but in future videos I will record audio separately to avoid the interference.