Procreate & Photoshop: Creating a Repeat Pattern With Procreate & Photoshop | Emily Cromwell | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Procreate & Photoshop: Creating a Repeat Pattern With Procreate & Photoshop

teacher avatar Emily Cromwell, Illustrator + Surface Designer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.



    • 2.

      Getting Inspiration


    • 3.

      Getting To Know Procreate


    • 4.

      Making a Color Palette


    • 5.

      Adjusting the Brushes


    • 6.

      Sketching Your Pattern Elements


    • 7.

      Digitally Painting in Procreate


    • 8.

      Exporting Your Pattern Elements


    • 9.

      Creating a Pattern in Photoshop


    • 10.

      BONUS Timelapse Videos


  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Join Emily Cromwell in this class as she teaches you how to illustrate and create a repeat pattern design with Procreate and Photoshop. Start out by illustrating all of your pattern elements on your Ipad Pro in Procreate and then turn them into a repeating pattern on your computer in Photoshop!

In this class you will learn the basics of working in Procreate such as working with brushes, layers, alpha lock (which is essentially the equivalent of a clipping mask in Photoshop), creating color palettes and illustrating. Then, you will learn how to export your pattern elements into Photoshop where Emily will walk you through the steps of creating a seamless repeat pattern design.

This class is great for beginners or anyone wanting to get a refresher on both Procreate and Photoshop.

I hope you'll join me in this class! Let's get started!

Meet Your Teacher

Teacher Profile Image

Emily Cromwell

Illustrator + Surface Designer

Level: Beginner

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Introduction: E everyone. I'm Emily Cromwell and illustrator surface designer in a licensed artist. For the past few years, I work digitally using a tablet to illustrate patterns and illustrations on the computer. But nowadays I usually work mostly just using the iPad pro with the software called Procreate to create my artwork when I first started illustrating in procreate had quite a bit of learning to do, since it is very different platform than a photo shop. When I eventually got the hang of using procreate, I fell head over heels in love with it, and I've mostly just been using that to create all my artwork. Now I haven't really been using Photoshopped to illustrate my working with my tablet. It's just been all procreate, and then I do the final assembly, for instance, my pattern designs in photo shop. What I do is I illustrate all of my pattern elements or motifs in procreate, and then I bring those into photo shop, and I make them into a seamless, repeating pattern. That way, the essentially I use both software's together, and that's what I'm here to teach you in this class. This class is all about illustrating your individual pattern elements in procreate on the iPad pro and then exporting them. Teoh shared areas such as Dropbox or your email or Google Drive, and then opening those elements in photo shop and arranging each individual element on the computer and then making it into a C most repeating pattern. This cost will also help you to become comfortable with using procreate in general as a software. So helping you to learn the ins and outs of using fresh is changing the sizing, the capacity of them working with layers. Working without the lock on procreate, which is essentially the same thing, is working with clipping masks and photo shop and then illustrating on their exporting and all that good stuff. In this class, you'll be learning about setting up your canvas and procreate, gathering inspiration, creating a beautiful color palette to work with, working with brushes, illustrating and procreate than exporting those illustrations and being able to open them in Photoshopped as PSD Photoshopped files and then ultimately creating a repeat pattern photo shop. Okay, so that about sums up the class. I hope you'll join me, and I can't wait to teach you everything. So go get your iPad pro. Go get your apple pencil, get your computer and let's get started 2. Getting Inspiration: when it comes to gathering inspiration for your artwork, There are countless places you can go to find some great inspirational photos for you to use. So personally, I use photos that I've actually taken as well as Pinterest. I'm a huge pinchers fan. Um, if you've watched some of my previous courses on here, you will know that I love Pinterest. Pinches is my favorite because I love the look and feel The website. I love how easy it is to use and it never disappoints with delivering super gorgeous photos and wonderful content. So I love interests. I highly recommend it. Um so for this course, I'm going to be illustrating just a simple floral pattern design. So I'm just going to be looking up some floral photography. Uhm as well is going through just some folders on my computer of floor pictures that I've taken in the past and recently on a trip. I just went on, um, to use for inspiration for my floral pattern. So I've got pinches pulled up here and I'm just gonna go through and I'm going to see if I can find some flowers that I'd like to get some inspiration from for my pattern and what I usually lean towards in, um, let's make a new board here. Let's see, let's just title it florals. And then, um, the option here for making its secret. And if I'm just making a board for some quick inspiration for a pattern, I usually just keep it secret, because it's just I'm not really gonna be painting to it a lot like am other boards for people to follow. So I just make it secret. And then afterwards I just go when I delete it. Um, yeah, that's that's just what I do. So what when I'm looking for, um, flower pictures instead of like going towards photos, I have bouquets and, like, large amounts of flowers and them, I usually just go for the ones that are like individual ones just so I could see, like the shape of the flower, how it may lay. Um, yeah, So it's just kind of what I'm looking for right now, So this is a nice one, and Pinterest like whatever pattern you might be working on, they have so many different, um, photos that you confined. And I mean, you can also do just like Google images if you don't want to use Pinterest, Um, I just really love pinchers because I love the feature of being able to make boards and that you can go back and access all the photos that you pinned at a later date. So that's why I recommended, um, all right, so I'm getting some floral pictures here, and then what I dio after I get all the pictures that I like is I will go and then I will pull up interest on my iPod. So when I'm working and procreate, I also have the Pinterest app, and I'll pull up Pinterest so that I can kind of just look back to the photos and see the ones, Um, just that I pin just to get some inspiration from and then also, like, if you've taken photos yourself, um, what I'll do is since I have them on my computer, um, I just send them either to myself, like in an email, or I will go and I will upload them to Dropbox and then open Dropbox on my iPad and then I , um, upload my photos there or just save him to my iPad. So I can look at them on their just so I have all my inspiration in one place to help me out. All right, so I'm just going to go through and pick out some more flowers. So I invite you guys to go through right now and look on Pinterest or Google or wherever it is you want to go, Maybe grab and take some pictures. Just gather some inspiration for your pattern design whatever subjects you may want to illustrate and get that going. Get a board on Pinterest. You just send everything to yourself on your iPad. And once we have that all gathered, I will see you in the next video and we'll get to know procreate a bit more. 3. Getting To Know Procreate: So in this segment, I'm gonna be just showing you how to get to know procreate. So I'm gonna pull up the app here. Okay, So let's so basically, first starting out. This is, um I kind of just call it my library. So this is where you have artwork that you've been working on? You can if you want. You can make stacks of artwork. So if you're, like doing a collection and you want to keep everything together I love that feature. It's amazing. Um, so just starting out here, if you press the plus, I can't. Over here, you have options. This is where you can make the size of the canvas that you're gonna be working on in the art board. So if you go down to the bottom, you can do create custom size, and you have the option for millimeters centimeters, angels or pixels, and I do inches. I'm just going to do 10 by 10 inches. That's what I usually do for patterns. When I'm illustrating my elements, you can do any I'm setting that you want, but just make sure that it is set at 300 d p. I because you do want your artwork to be at a good resolution. You don't want it pixelated. Um, so I definitely wouldn't go any lower than 10 by 10. But you can go higher if you'd like, um, lips and then just read do that. And then at the bottom here, where it says untitled, That's where you can name your art board. So I'm just gonna call it florals. And then I made it, and it opens. And so, with procreate, um, who've never used it before, I'm just going to go over a few things for how to navigate it just so you can get to know procreate. So to move your art board, you just kind of pinch the screen. So just put two fingers. Any two fingers, if you pinch in, gets smaller. If you go out, it, um, moves out. So if you're trying to move your art board, don't go like that just with one finger, because you will make marks. You want to grab with two fingers and you can move it around for you. Leave that bite. So at the top left here, if you press gallery, that will bring you back to the library, area or gallery. And if you press the little wrench, I can't up here. This is where you can insert photos. You can copy and paste through here if you press canvas. If you select drawing guide, you can have a grid. Um, and if you want, there's also an option where you can edit it so it could be isometric perspective. Symmetry. Um, anything you want, you can go in and you can customize it completely in there. And then you can also have it be drawing assist as well Withdrawing guide. Um, that's where I'm just here. You, for example. I'm gonna go to my layers here and it says Assisted. So like if I make a mark here, it'll make it on the other side. So it just it's drawing assist. So it draws on the other side for you. So that's kind of withdrawing. Assistance have been turned that off. Um, then if you go here, there's a share option with with the little arrow. So that is how you want to export your work. When it comes time for that, you could do it. Appropriate file PSD Photoshopped file, which is what I personally export as a PdF JPEG PNG or a tiff and then procreate also has an option for watching back your time lapse. So when you a time lapse of the work that you did, which is awesome. I love that feature and then preferences. This is where you can change it. Like if you're right handed left handed If you want to show your brush cursor if you don't , um, all that stuff you can edit your pressure curve here, Um, this is the curb I currently use, uh, it when you first start on procreate, it's just going to be the standard. I think it's just like a diagonal line. Um, so you can go in and you can kind of play around with and customize it to see how you want the feel of your brush to be. And then you can go to adjustments here and you can change some things. Liquefy re color, curves the whole thing. There's so many options on here, and I see. And then if you go over here on the right side, this is your brush area, your brushes. Now I have some brushes that I have bought and imported. So that's what some of these are. So you won't necessarily find these on your iPad. But all these down here are all ones that come with procreate. So there's so many different options you can use. And then there is this option where that's kind of just the smudge tool. So you can kind of blend things together. You have your eraser, and then you have your layers here, and just to make a new layer, you just press the plus button and to delete it, you swipe to the left and do delete. And then, if you want to, um, at it your layer at all like here, if you just click it, this option comes up. This multiple options, actually where you can, like do drawing assist, you could do clear the lawyer copy, etcetera. And then, if you want to change the opacity of your life hurt, you double click the layer. Um, let me just do some color in here, just a so we could do that. So double click it with two fingers. This brings up the A pass ity slider for you, and you could just slide it down if you watch your here and then it'll just be a pass ity. I just believe that I don't need that. And then on going back to the brushes on here, right here, the right side, This top area is the brush size, so you can go up and down a change. We have small size or go up to a large size. Then, um, see down here is the capacity for the brush. So that's just making it a little more see through. And then right below it, this is the undo button. And then below that is the redo button. So that's just kind of the basics of getting to know procreate. Um, it's it takes a little bit of time to get the learning curve down. You know, it took me, um, a little bit just toe basically relearn a new program because I do work with photo shop. And I was so used to that I wasn't sure how to use a different program. But once you get the hang of procreate, it's amazing. So I definitely recommend going in playing around that. Just getting used to the buttons, um, the different features and just getting used to where everything is because once you do get used to that, you work so much faster 4. Making a Color Palette: Okay, so I'm just gonna go over how to make a color palette and procreate. The way to do that is go up to the top right here. And right now it's a red circle. You click that, and then this is where you'd be able to assemble your color palette. So at the bottom, you have the option to either do it in the disc format. You could do classic, which is personally the one I use. You can do values, and then this is where all of your palates air stored because you can store them off so you can see that I have quite a bit. And then you can name them all so you can go back and easily pick which one you want to work with. And you said it as your default read. Appear default. Or you can click set default to make a different one, your default and open it up. And it would be down there at the bottom feud easily go back to and work with. So to make one, we're going to go to pallets, and we're going to select this plus icon at the top right over here and I'm just gonna call this one skill shares since I'm doing it for the class on the automatically set it to my default. So I personally, like I said, I like to work with the classic option. So I'm going down there, and the way you can do it is you just move the colors around, Say, I want to get a pink here and then click it and I add the square and it adds it. Go over here, click. It gets in yellow. Mm, kids in purple. Then you can just add it that way and then. So for every color you want, you just click a blank square in your palate section here, and then you can just easily add it, and you can delete colors by. If you hold the square, a little button will come up with an option to click Delete. Oops. So if you just hold it and click, delete and then it goes away. So that's how you make color palettes. So I invite you to make your color palette for your pattern that you want to work with. And then we'll work on sketching and illustrating the pattern elements 5. Adjusting the Brushes: All right, so now we're going to talk about your brushes. So we're gonna go up here, impress the brush icon, and I'm just gonna select a random brush. So I select this monoline brush up here, So if you click it, um, you open up the properties, so if you see down at the bottom here, there are, Let's see. 1234567 different options for how you can adjust your brush so you can literally make it however you want it to be, you have your stroke. You have the shape of the brush, the grain dynamics, pencil general and source. So if you go up here to spacing, if you say you want to do like a polka dot line, if you stretch it out and if I go back here, it will make it some polka dots like that. If I go back and bring all the way down, just bring it right back to a line, and then a big feature that I personally love is the streamlined future. Also, some people may not like this, but I personally love it. So streamline is basically it's a tool that helps your line, too. Come up cleaner. Um, so it kind of adjusts it for you. So if I have it all the way down and let's say I go toe right, something I'll just se right? Hey, if I zoom in, you can see that it's kind of just it's very free handed. So this is with no help or adjustments from the procreate software at all. But if I go in and so it's basically just like your writing on paper, so whatever movement you make is how it's gonna come out. But if I go in and I do streamline all the way it makes it, it kind of pulls it. So if you watch this line, it just makes it a really nice line. So if I do cursive here again, in my opinion, it's just a lot smoother. Like if you compared this one to this one, it just makes it a lot smoother. Um, you may not like it. You may end up liking it. Um, so just play around with that and see if you can always adjust it to be in the middle. If you don't like it all the way. So yeah, just play around with that. You have your jitter where you can kind of make the line be really rough and jagged, and then you have fall off, which I don't use. But that's an option. And then you can adjust the stroke. Taper how it starts, how it ends the size of it, um, going into the shape of your brush, you can adjust the scatter, the rotation. Um, you can adjust the grain you can literally, you could just so much with these brushes, it's amazing. And Photoshopped, I'm sorry. Procreate has so many brushes similar to photo shop. So if you go down here and let's just like we'll select charcoal, this is burnt tree brush. You could do so many different textures. It's amazing, and I absolutely love it like we have vine charcoal here. It's so many different options. So if you like to draw with charcoal on paper, or if you like to do watercolors or oil painting or anything like that, like we have old brush, we have a water brush. Oriental Brush Procreate has so many different options like this. It just looks like a painting texture, and it's amazing, and you can like play around with adding colors over it, and it when you do the brush over it, it's like mixes together. It's just it's amazing. So the brushes, When I first started with procreate, I definitely played around with this for Ireland played around with the brushes to see what I like and I went and the brushes that I got I purchased on Creative Market from a few different sellers, and I got some. I got this texture pack. I got a calligraphy set and then I also I got a wash set. So, like if you like, let's wash texture like this just really rough. He had that option, and then I got a glitter pack, too. So there's so many different options, and there's a lot of sellers out there that make their own custom procreate brushes that you can purchase online, and it's super easy to import brushes into procreate. Usually, when you do purchase brushes from sellers, they walking through or have a little pdf for something to help you figure out how to get the brushes that you purchase in to procreate 6. Sketching Your Pattern Elements: right. So in this video, I'm gonna be sketching out my elements. So I'm going to pull up Pinterest. Pull that in here so I could do the split screen. Have that open so I can see the photos while I'm drawing here. So let's see. Start with this one, then for sketching. I just like to use the six b pencil and procreate. Just a sketch out my designs first. So just keeping that open, I'm just going to go in and sketch it out. And I love the sketching options that they have an procreate because I love how it just has that perfect, like pencil texture. So I love doing that for sketching and with sketches. You could just keep it really, really rough. It doesn't have to look perfecter really done, or like how you want it to look in the end. Just just get a basic layout of how you want your heart to be out there. And then when I'm doing, um, my pattern elements, I don't illustrate them in like the arrangement. I'm going to have the patterns B. I just illustrate everything individually on this one document and then after export, this to photo shop. Then I pull out the elements individually. So each floral individually in photo shop, so I can place them around on my document to be turned into a pattern. So it really doesn't matter with placement right now. How you want, Teoh? Lay out your flowers. So definitely don't worry about that. You could just illustrate everything. Just make it fit on your board for right now. And then once we get the photo shop, is when we will get everything together and laid out perfectly and have it fit together. So right now I'm just gonna go through and I'm just going to sketch everything out if you want. You can also go up to the wrench option of here and then image you could do insert a photo and then if you have pictures like I have floor pictures on my photos on my iPad, you can import them into procreate. And then you can just have the, um, photographs be down here somewhere on your work boards that you can go back and look to those. And if you want to use those photos for inspiration as well. So I'm just going to go through, and I'm going to sketch out my photos, and I'm just going to set my sketching to a time lapse so you don't have to sit through slowly of me sketching, and then once that's done, we will get into the fun part of painting. 7. Digitally Painting in Procreate: All right, so now it's time to start painting, which is my absolute favorite part when it comes to making a pattern. I love figuring out all the colors that I'm gonna work with. So first up, I'm going to select the background color. Let's see. I think I might start with a light pink. Usually what happens is I'll select the background color and then I end up changing it later on. Um but let me just back track so you could see what I did there. So I have a new layer opened and to drag a color to where you want it to be, you just select the color option, appear in the top, right? Literally. You just drag it over and drop it, and then it fills up the space to move a layer. You hold it and then you just drag it above. So I'm gonna put my sketch layer above and one a double tap of two fingers and slide it to make the opacity go down. Then to increase something like change the size, you press this arrow at the top left, then used two fingers, and you could make it bigger. You could make it smaller. So I'm just gonna make it bigger just to fill up the space. I have Eric zooming here, and then I'm gonna do is I'm just going to walk you through painting, um, one or two flowers or elements. And then once we get the hang of it, I'm just going to do the rest of the time lapse just so you can still see the process of me drawing. So let's see, I once the middle of this flower to be a brown, I'm gonna slide my scale here. I want it to be like a dark brown middle and sometimes my paintings I will do really textured work. Or sometimes I'll just do really simple, bold work. And I think that's what I'm feeling for. This particular, um, pattern is I just want to be bold. I'm not gonna do really much texture of any, Um, but we'll see. So I'm just going to start out, and what I do is since I have my sketch layer, I created a new layer right above it. Just pressing this plus icon and I literally just trace over it is what I do. All right, so I'm just going to trace right on top of it. Good. Then to drag and drop the color there, I'm just gonna grab the color, get the correct color here and drop it right in there. And I think I want the edge to kind of have, like, a ragged type edge to it so that c m I play around with my gua sh here? Actually, no, I'm gonna keep it just pretty plain and simple. So I have that. And then, well, I'm just want to show you guys how to do out. Flock, which is essentially the same thing, is creating your clipping mask. And Photoshopped took me literally, forever to figure out that procreate had this feature. Um, So what you do is you just click the layer and then you see this option where it says Alfa lock is you just select Alfa Lock and then if you cook it again, you'll see it's checked. So I'm just literally going to select a blue just so you can see what I'm doing is when you have that selected, you can paint all over it and it will only be on the image you just selected to be Al Falah . So it's just like a clipping mask in photo shop. Um, yes. So that has that tool, which is wonderful. I love it. So for the center. And then you can toggle the layers to be seen or not seen by selecting the check mark here on the right. So I'm just gonna select this color by holding it to the right and then going address the colors a little bit more because I think I want, like, a nice light brown in the centre. Um, might do polka dots for that one. I think so. I have that Alfa Walnut summer is going to go through. Just do polka dots. The mountain, the monoline brush that I'm using is great for polka dots. I can't remember though of that one is from a package I bought, or I think it might be part of procreate. Yeah, so it's under the calligraphy section of the brushes and procreate is monoline. That's one that I usually use all the time to draw with. Um So, yes, so that's just going to be the center of my flower. Then I'm going to create a layer behind it and I think I wanted to be kind of Ah, dark pink if you should kind of color, So just gonna draw behind it and dragging my color. And I want each different pedal to be a different color. So I see you're going to make a little bit lighter. This one I want behind it. So I'm going to make another layer behind that previous pedal. I'm not having the colors be too drastic or different. I just want them to have a slight variation in it. Have been a little more later. Make another one behind that. Just go behind it, drag that color, and then I'm gonna go back to this being color. So I just hold it and that color will pop up for me. Like I said, I just trace over my sketch. Um, change things as I go along if I need Teoh. But that's pretty much just what I do. Is it just trace over everything? I love that. And then you do have to watch, um, the larger size board or canvas you have open in procreate. Um, you are limited to the amount of layers you can have, so you just wanna watch that you should be all right, like, just this size 10 by 10. But if you have, like, a big canvas size, you may run into the option, I mean, or the situation of running out of being able to make more layers, so that and to flatten your image. So their combined everything, You just select a layer, and you couldn't do merge down, and it combines everything together. If you want to make it a group, you can select combine. And it would make it a group. But I'm just going to flatten the pedals that I can have those than I draw on those. Let's see, Hmm, that later. I'm just gonna do. And like I said, this is just gonna be some flat flowers. They're not gonna be textured, but otherwise I would definitely use the Alfa lock option here, the masking tool for doing texture so that it was only on the pedals that I wanted to do. Um, so I'll just do an example to show you that really quick. So I go into my textures here. Um, I haven't selected an Alfa lock. If I just go over it, you can see that it would add some texture to it just like that, which I kind of actually like. So maybe I'll do a little. Maybe I'll do a little texture. I'll leave that there. If I go up to the center of the flower here, do a little bit lighter, brown. I'm gonna do the same texture type, but I'm just gonna Grover it just to give it some more. Kind of a grungy I feel. Yeah. So zoom in here so you can see the texture is very, very light, but it adds a little something to it. Okay, So see, you want to add anything else I think I might deuce and little decorative dots and the edges of the flowers. I'm gonna make that smaller. I don't know if I'm gonna keep this, but I'm just gonna play with it to see if I like how this looks, which I do. So I'm just doing some decorative little dots on the edges of the flower. And that's one of the things I love about creating patterns is once you create the main element pieces that you're drawing, I always love to go in and see what extra little touches I can add just to make it stand out of you. All that more special. Just gonna go in, add some more dots here to flowers. And then once I finished this flower, um, I think I'll just draw some greenery for you, like a leave for a fern or something. And then I will do the rest of the video to time lapse so that you can just watch me illustrate the rest of the flowers and all the different elements for the pattern. And then that will give you time to work on your elements and motif so that we can get those ready to turn into a pattern. Sorry. So I like had that looks so I'm gonna leave that flower going to combine, merge that down, and then if if you need to move it, you can select this era at the top, and you can move the flower wherever you need to, And I'm just going to rename it. So I'm gonna select that layer and rename. I'm just gonna do pink floral. I'm going to come down here a new layer. It's a green to bright green. I'm just going to do the a fern do that, then this tiny little wisps and then a fun tool that I like to use is if you select this arrow at the top again, the top left and you go down to the option where it says warp and you do advanced mesh. You can move your illustration and kind of give it some life. I like him. Definitely not gonna keep this the way that it is. But so like, if I wanted to, like, bended over, I could really warp it out here just like that. I could just make it look like it was turned and three dimensional. Um, but that's a really neat tool that I love to play around with sometimes. And sometimes I'll do that just to give it Nixon curve just like this, just to kind of elongated a bit. I like that. So I think I'm actually gonna keep it like that, so I'll just go back and show you that's what I started with. And then by playing around with the advanced mess mesh feature, I just gave it some life and, um, make it a little bit more interesting. So in the pattern, it's not just a straight fern. It's curved a bit. Then I'm gonna add some texture to that. So I went up to layers. I'm gonna select it and do Alfa Lock again. I'm going to go to the top, right? Select a darker green and let's see Think I'm gonna do the same texture I'm just gonna go over it, Just add a little bit to it and do some light texture over to so its not too dark. I don't like that too much. So go back and just a little bit later. There we go. So it's not too bright. Okay, so, yes. So that's the basics of painting. So I'm going to go through and illustrate the rest of these flowers, and I'll put that time lapse video in here so that you can see me illustrating those 8. Exporting Your Pattern Elements: So now that we have all of our pattern elements illustrated and ready to go and get to be make made into a repeat pattern is we need to export them so that we can open them in photo shop and then arrange them into a pattern. So we're going to do is you go up here to the little Wrench icon on the top of the navigation buyer and then the third icon from the left. It's an arrow facing upwards and it says Share. So you want to click that? And then I recommend always sharing your artwork from procreate as a PSD file, which is a photoshopped file so you can open it in photo shop and you'll be able to work with individual layers. If you have them all saved his individual layers. For each element, you can change the colors. You could move things around, so make sure you click the PSD option and then it'll export it and make sure you save it to a place that you'll easily be able to find on your computer. So I typically work with Dropbox, and so I'm just gonna select Dropbox to send it to. But you can also, um, you can do it to Google drive. You can do it over the iCloud. So any file sharing, um, service that you typically use. Use that and then just click it and it'll should show up here. Um, And if you also if you're working with a Mac, you can do airdrop. I work with a Windows computer, a dow, so I can't airdrop it. But if you do have a Mac, you can airdrop from your iPad and then you can open it up that way. So I'm just gonna select Dropbox. Actually, I forgot to name it. So it's another thing you want to dio is name it so that you can easily find it when you do go toe open it up on your computer. All right, So I'm going to drop box, I'm gonna save then so it's gonna save for me on Dropbox, and then I'm going to be opening it up on my computer. And then, as it's when I open it on the computer and Photoshopped, then I can move everything around individually in this photo shop file that I'm sending over to myself 9. Creating a Pattern in Photoshop: Now that we have all of the artwork from procreate onto our computer, Um, you want to open it up in photo shop? So what I did was I just went up to file and clicked open, and then you want to just find the location of where you saved your artwork and then open it up in photo shop as the PSD file. So then since we exported it as a PST file, you can see on the right over here that everything is now it's own individual, um, psd later so we can move everything around. In that way, we can set everything up into a repeating pattern. So the way I'm going to be doing this pattern design is, um, I already set up my document, but if you open a new document and Photoshopped goto file new, we're going to be making it 24 inches wide by 12 inches tall. And then you want to make sure to have 300 dp I resolution and then I have the background contents is white in the color motors RGB, and then you want to create that. And then, um, I always like to have the ruler open up in photo shop. So, um, do control are on a Windows computer, so I'm not sure what the command is on, Mac, but control are to open it up as a short cut in on windows. And then so what we're gonna do, it's 24 by 12 so we want to just have the center of the document, the canvas to work with. So what I'm doing is I'm clicking on the left side, over here with the ruler, and I'm dragging the line over to six inches. I'm gonna leave that there and then dividing it in half again. Bring it over to 18 mark. So that way we have a perfect square right in the center of our document. So after that, what we're gonna be doing is we're gonna be bringing over our artwork. So go into your artwork file or document here and select everything. So I select everything by clicking one layer, holding down shift and clicking the end of all the layers. So you just want to select everything together, and then you copy it. So control, see, is a shortcut to do that, and then control V will paste it Okay, so we have everything over here and I'm going to do is just select everything again. And I'm just gonna move it off to the side here, make everything a little smaller to make everything smaller there. I just did control t and then that can allow you to resize things and to keep everything proportionate. Hold down shift, and you could make it bigger or smaller. So keep them about that size, and I'm gonna grab the background color here with the eyedropper tool. But I don't know if I'm gonna use it yet because I kind of like how they look on white. So I'm just going to show you how to arrange everything first. Wait. So how I start off with doing my repeat pattern designs as I pretty much just start off with one element. Usually I'll pick my favorite, and I'll just use that as the starting point to go off of. And I can just go from there. So making a repeat pattern is a lot like putting together a puzzle except near the creator of that puzzle. So you just want to make it look like it flows seamless that you don't want it to look like it ends abruptly or like it doesn't flow. You want everything to just be nice and even so, I'm just going to start out with this pink flower here, bring over my firm. Just place it nicely around the flower. Bring over my blue floral and something to keep in mind when you're doing patterns is to, um, always do different scales. So if, like, every flower was the same exact size, it wouldn't be that interesting because they'd all just be the same size. So to make it more unique and different and add more depth to it, um, you want at a variety of sizing and scale two elements that make up your pattern. So always play around with that, have this flower size down a bit, and right now I'm just placing them as I see fit. Actually, I'm going to the background color. So right now I'm just placing them as I see fit. Um, sorry, I'm just trying to decide background color here. I do. So see this white leaf that I have here might make that a pink border. Let's see, was originally had it colored to be against the pink background. But now I really like it on the white. So I just want to make sure that doesn't get lost. Do this. Dark blue second, it's just gonna leave that, but yes. So right now I'm just kind of playing around the scene where things fit, um, so I usually will place things around, and then I'll just change them as I go on and get further into, um, designing everything. So I don't think I want to move this. The small florals here. I'm kind of just using as filler elements. Um, so you like you have your main elements, like the huge big flowers and greenery. And then you can do some filler elements like I have the small flowers here and then these little tiny dots that those I will do at the end, But because you just want to make everything flow nicely, move this leaf, make that smaller large to move everything. See, right now, I'm just seeing how everything pieces together and fits nicely. So So we're gonna bring over this three stem fine. And again, I'm just playing around with adjusting the sizing, So I'm going to play around with adjusting these. And then, um, we will talk about how to arrange it further once I get this all together. Okay, so I have everything laid out pretty much how I think I wanted to be. So I'm just gonna move my dots over here and just toggle the i icon here just to hide that for now. So I'm going to select everything on slopped Ault and then dragged down to create another copy of it. We re select Walt again, drag down and then halt again, actually, back up a bit, removed this farther down, do that again during just just Alz and then dragging it with the mouse pad to arrange everything. Okay, so, as you can see, obviously it's not. There's some awkward spaces in there. So what I'm gonna do now is go up to auto, select and have it on layer, and I'm just gonna grab individual icons and move them around just to fit them in more nicely. Just so there's not any awkward spaces then. I mean, it makes some things a little bit bigger, just so everything fits perfectly together. And then if there are some spaces like around here, they are. That's what I also use, like the smaller icons for so, like the set of three flowers or the dots at the end of arranging everything. I'll I call those filler elements, and I'll drag those in just to fill everything in. So there's not any random spaces, so it's just fill this in here. Do is make this a little bit bigger. She's gonna drag this over into the center here. All right, so that's the basic design of what my patterns gonna look like. So now what I'm gonna do is I want to select all of the elements that you see right in front of you. So I'm going to just select everything. I I clicked this first layer scrolling down to the bottom. I'm holding down shift and I'm selecting the very bottom layer. What I'm gonna do is I'm dragging that down to make down to the new layer icon, and so that essentially just copied everything. And then what I'm going to do is do control E, and that flattens everything into one layer. So as you can see on the right, it's all flattened, so this is just one entire layer that's what I'm doing with that is I'm going up to see filter at the tab. You can't really see it on the screen right now, but, um, at the top, navigation bar and Photoshopped, you have file edit image, layer type, select, and then you have filter. So select filter, then go down to other, then do offset. And then what we're gonna do is you want it to be half of the height and half of the work. So if you size your document like mine at 24 by 12. 24 Um, just do these exact increments that you see in front of you. So plus 3600 for horizontal and plus 1804 vertical and make sure wraparound is selected and press OK, so obviously we have some overlapping items here. So what we're gonna do is on the offset layer. We're going up to a passage E and we're gonna bring that down. So by doing that, that shows the elements that are repeated. So that's the repeated layer. And what I want to do is make sure nothing is overlapping because I don't want anything overlap in my pattern. So I have Auto Select selected at the top here. I'm just going to go through and like, for example, and just start right here. This flower was overlapping with the blue flower. Take that, just going to make it smaller. So this part of the, um, pattern making process is just making sure everything is not overlapping. And maybe you want things to overlap, which is totally fine, too. It's just for this particular pattern. I don't want anything to overlap, which is why I am adjusting everything on here. So if you want things to overlap, though, that's fine, too. So what I'm doing is I'm just going through either deleting flowers that might be in the way or I'm just simply moving them. So go through your pattern and make the adjustments necessary, and and then we'll go from there. Actually, what I do want to point out to is as you're going and you're making these adjustments. What I would recommend is going to that top layer, which is your repeating layer, which is the half drop layer, which you made offset and delete it and do the whole process again. So select the top layer scroll to the bottom hold shift and select the bottom layer. Drag those down to new layer option and control e to flatten. So that way, because we're moving everything and we're flattening layers. I mean, I'm sorry. We're deleting elements in layers from the patterns were moving things as we move things. Um, the offset pattern would be shifting as well. So we want to just make sure that as removing things we're not overlapping other parts of the pattern as well. So we're just gonna keep redoing this process, so go up to filter and just select offset again, And we can are, as you can already see, that actually is already fitting in perfectly. So just for me, moving a few things, um, it fit together nicely. Obviously, it's not always this easy. Sometimes you have a lot of overlapping things. Um, but what? We actually Yeah. Because this one is overlapping just by a little, so I'm just gonna move that piece a little bit. I just read you this one more time, okay? And obviously there's still some white spaces. So in a just see a pastie on this again, I'm just going to go through and move around, um, some of elements to fill in these white spaces spots here. And then as I'm going like I said, I always keep going back and doing where I duplicate everything and I flatten it. And then I just do the offset just so I can see how the patterns starting to fill in on both sides. So and I'm just going to keep doing this until everything is flowing nicely. - Do that again. See how everything's looking. Okay, so it's starting to come together. So now I think what I'm gonna dio is going to do my filler elements. So what I'm doing is if I could find my flowers, see small florals. Okay, So I'm going to copy or actually just make a new layer with small florals, bring us up to the top. All right. So what I'm gonna do is this layer that I'm talking between being able to see and hide that is the offset layers. So I'm gonna double select that and you can title it. Whatever you'd like you can do, you usually do half drop as my because it's 1/2 drop pattern. So I usually do half drop as what I label it, you could do offset, lay or whatever you wanna call it. And then for all the layers beneath it which are repeating, you select everything. And I just group everything, um, to make it meter. So I'm just gonna put it all in a group. Let me hear. There you go. I'm just gonna title it repeating elements. All right, so we have that. But now with the small florals, what I'm gonna do is I'm just gonna go through and fill in. The white space is just so it doesn't look so sparse in my pattern. Um, just a fill it in nicely. So, um, but I'm not having those repeat, which is why they're separated. So just going through here, just them a little bit. Change up the layout sizing. Just so you have some, um, variation and scale throughout your pattern. Okay, so we have those, and then I'm gonna bring in the dots these I'm going to bring down to the very bottom because I'm probably want to have these go behind the flowers if they accidentally overlap . So I'm just using these as filler elements as well. So I'm just going through And if I see any areas that look a little sparse like they just need, um, some color, or just like something's missing from there, I'm just gonna fill it in with these dots just to give it some something, just something extra look at and so it doesn't look so bear. Turn it a little bit. Make it smaller, just a very scale. Drag it around here, then I always vary what my filler elements are. Sometimes it's just polka dots. Sometimes it's squiggle ease, or sometimes line that lines that look like a graph pattern in the background. Um, I always vary, But one thing that I forgot to mention when you are doing this is make sure that any elements that you have on the board that your first designing your pattern with do not touch the border of your art board because that will mess up the repeating pattern, and we do go to repeated so it won't flow seamlessly. It'll be there'll be a cut off line to make sure everything nothing. None of the elements touch the exterior, um, or go past the exterior of your art board or canvas. Okay, so I think I'm happy with how this looks great. I'm gonna say this and now what I'm gonna do is just so I can show you what the pattern looks like. And so you can see it for yourself with your own pattern is up at the top navigation bar. Second from the left, I'm going to select edit that I'm going to go down and select defined pattern, and then I'm just going to say yes, whatever it's named someone vote to file and open a new um document. And this one I'm just gonna do 30 by 30 inches, 300 d p i and then to this to show the pattern. What I'm going to do to see it is I'm gonna go down in this little circle here that's kind of split in the center with dark up and then light on the bottom is I'm gonna select that. But then I'm going to go up to where it says pattern. And then your pattern should just show up right there, and then you can adjust the scale of it like I could bring it up if I wanted to see how it repeats. And you can just move up and down the slider to see how it looks, repeating at different levels. So this is smaller and then get bigger. 10. BONUS Timelapse Videos: - Okay , okay.