Textured Patterns in Affinity + Fresco: From Vector Brushes to Pixel Persona | Weronika Salach | Skillshare

Playback Speed


1.0x


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

Textured Patterns in Affinity + Fresco: From Vector Brushes to Pixel Persona

teacher avatar Weronika Salach, Art with MAGIC

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.

      Textured Patterns in Affinity Designer & Fresco

      1:18

    • 2.

      Getting Started

      7:03

    • 3.

      Texture vs Software Choice

      11:56

    • 4.

      Inspiration, Sketching, Colors

      17:07

    • 5.

      Base Assets in Adobe Fresco

      16:58

    • 6.

      Fresco to Affinity Designer Export

      16:46

    • 7.

      Repeat Type: Diamond Template

      16:18

    • 8.

      Building the Pattern Base

      12:25

    • 9.

      Texture: Vector Assets

      9:17

    • 10.

      Texture: Pixel Persona

      19:50

    • 11.

      Re-coloring Pixels

      6:29

    • 12.

      Texture: Vector Brushes

      20:47

    • 13.

      Efficient Pattern Variations

      6:07

    • 14.

      Final Thoughts

      2:24

  • --
  • 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.

298

Students

12

Projects

About This Class

In this class, we’ll bring your artwork to life by adding depth, texture, and character using a fun hybrid workflow in Affinity Designer and Adobe Fresco (optional). No subscriptions required, just the tools you already have.

We’ll create a seamless repeat pattern from start to finish, exploring how to combine vector brushes, pixel persona textures, and custom assets to build layered, expressive designs that feel rich.

This class also comes with unique free resources:


• special texture assets
• curated color palettes
• a diamond repeat automated template

This is what you'll be learning in the class:

  • How to sketch, build, and arrange your pattern elements

  • How to harness Adobe Fresco and its vector jittery brushes for more interest in your patterns
  • How to use Affinity’s Pixel Persona to add natural depth and shading

  • How to enhance your pattern designs with vector brushes in Affinity Designer

  • How to efficiently create multiple pattern variations with both vector and pixel elements

WHO IS THIS CLASS FOR

This class is for pattern designers of all levels who would like to take their patterns to the next level and prepare their work to be presented to potential clients. If you have a passion for pattern design and a desire to enhance your compositions, experiment with colors, add depth to your creations, and build a standout portfolio, this class is tailored for you.

++++++++++++++++++++++++++++++

If you're interested in learning more about the technical side of pattern design, check out these other Skillshare classes I teach:

Or visit weronikasalach.com/courses-and-tutorials for more.

++++++++++++++++++++++++++++++

MEET THE TEACHER

Hi! I’m Weronika Salach, an illustrator, surface pattern designer & art teacher. I create vibrant work to fill your world with color, and I teach how to draw in Procreate, Affinity Designer and Adobe Fresco - the best sofware for the iPad :) I'm a Top Teacher on Skillshare where I helped over 40,000 students take their digital illustration skills to the next level.

 

Meet Your Teacher

Teacher Profile Image

Weronika Salach

Art with MAGIC

Top Teacher

Hello! My name is Weronika (or Wera, pronounced with a "V"), I'm a Polish children's book illustrator, surface pattern designer, and online educator based in Germany.

LET'S STAY CONNECTED:

See you on Instagram and YouTube Facebook Group for pattern designers Facebook Group for illustrators Read my BLOG and Substack blog-letter

ARTIST RESOURCES

Check out the NEW Artist Resource Library See full profile

Level: Intermediate

Class Ratings

Expectations Met?
    Exceeded!
  • 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.

Transcripts

1. Textured Patterns in Affinity Designer & Fresco: Are your vector patterns looking a little flat? Maybe you're struggling to make your patterns feel lively and full of depths. That's why I created this course. Together, we will learn how to create automated patterns with a flexible vector base and different texture elements. In this course, we will be drawing a repeat pattern from start to finish, mainly affinity designer with optional Adobe Fresco tips. Both softwares are for free, so there's no subscriptions and no extra payments. You will learn how to bring your patterns to life using textures from vector brushes, from the pixel persona, and from custom assets. This class comes with unique free resources. We have special vector based textures created all by me and curated color palettes to make your patterns richer and more vibrant. Let's jump in and start creating together. 2. Getting Started: Hello, affinity fans, and welcome to class. Finally, we are dealing with some texture in affinity and I really hope that you will enjoy this course. What do you need to start? Of course, you need any version of Affinity Designer. It could be V one, V two, or lately they also released V three about that in a few seconds. You can use the iPad version or the desktop version. All those versions are for free, by the way, as of October 2025. I will be doing my demonstration as always on the iPad, and also something optional is to use Adobe fresco, which is also available for the iPad, and it's for free. There will be a special lesson dedicated to Adobe fresco where I am explaining why I like to mix and match both softwares. And then, of course, you need a drawing pencil. I will be drawing on the iPad, so I am using my Apple Pencil. For my demonstration, I'm using the following Affinity Designer version. I am drawing on my iPad in V two, Version two, 2.6 0.4. As of October 2025, this is when I started recording this course. You may have heard that we have a brand new version of affinity, the Affinity Studio, which will be probably referred to as the new V three, which is Version three. It was officially released on October 30, 2025 and currently is just for desktop. It gives you a whole studio experience where you can combine the vector persona, the picture persona, and the layout persona, affinity designer, photo and publisher in just one app. Right now, when I'm recording, it's actually already November 2025. I heard some information that the iPad version is coming only around the middle of 2026. This is why for this course and for a few next courses to come, I will be sticking to my old iPad version V two, which is completely fine. You will recognize this new affinity by the new affinity logo. Now they brand themselves as affinity, I think affinity by Canva. Because they merged with Canva last year, it's a new logo on a bright green background. If you would like to find out more about this new Affinity Studio update, I have a dedicated video on my YouTube channel, and you can also read about it on my official blog, for example, on Substack. Again, this new Affinity V three version is completely for free. You can download it from the official affinity website first, like I said, for your desktop only. No, back to the course about our project. So our deliverable will be to create at least one repeat pattern in affinity designer that will have texture. So the keywords here are, it has to be an affinity designer. I don't care which version you're using, and it has to have some elements of texture. I did the combining vector with pixel based or raster based elements. It's completely optional to also use Adobe Fresco to create our base vector assets. I will show you step by step how I do that and there are a few really cool advantages because Adobe Fresco has something that affinity designer doesn't have maybe yet. That's why I like to mix and match both because it gives me a very unique outcome. I have texture underlined because it's really important. It's the core thing that I would like to teach in this course. We have a few texture choices for this course. We will be, for example, experimenting with adding in texture to our patterns that come from assets, and they can be also vector based assets, which they have their own flexibility that we will be talking and the second type of texture is texture coming from the pixel persona because Affinity Designer, lets us combine vectors with pixels in one software. So we will be talking about, for example, characteristics of pixel elements, its limitations, but also its advantages. And last but not least, there's texture that you can get from using vector brushes. We will chat about the properties of vector brushes, where to use them, how to use them, and how to create multiple pattern variations for more efficiency in your pattern design work. I think that this course is for more intermediate students. So prior beginner experience with affinity or with Fresco will be very handy. I have beginner friendly courses about Affinity Designer and I have also a free a playlist on my YouTube channel, like starter lessons into the iPad interface. But I would like to underline that all my courses are usually very beginner friendly, and I am sure that you will be able to follow along and learn as you go. If you're active on social media, you can go, for example, to share your final work on Instagram, and then you can use the hashtag magical vectors. And if you're in one of our Facebook affinity support groups, you can post it there and ask for a critique. Don't forget that this course comes with a few unique resources. You can download a new assets set, which will contain special texture assets. They're all vector based, and also a few color palettes to choose from. Regardless whether you're using the iPad version or the desktop version, this has to be downloaded on Skillshare, will be under projects and resources. And if you're taking this course on Gum Road, it will be part of the course somewhere ready to download for you. And then you have to save it to your device storage, for example, on the iPad or on your desktop computer, and you have to go to the assets studio and import them from the place where you save them from. And then it's going to be very easy. They will magically show up in your asset studio and you can use those assets without worrying about any copyright infringement. You can use them for personal projects, as well as for commercial projects. I would only like to ask you if you are replicating the exact same pattern that I'm creating, not to use it for sale. Don't put it please on Spoonflower or red bubble or sell it to clients because it's still my intellectual property, but you are more than welcome to copy it exactly the way I do it for learning purposes so that we can do it step by step and speed up your learning process. Thank you so much for taking my course and happy creating. I can't wait to see what you come up with. A 3. Texture vs Software Choice: This lesson, I would like to give you a quick introduction into the software that is out there. I would love to explain why I use Affinity Designer and why I also like kind of combining techniques in between software in particular Affinity with Adobe Fresco. And we will talk about the vector versus texture options in those types of software that I am using. I you probably have taken my classes before. I'm a big fan of Affinity Designer. There are two kind of methods of creating patterns. There's the live pattern preview. I have a free tutorial about it on my YouTube channel, I created also dedicated tutorial for Affinity creative sessions if you would like to have a look at it. It's also a very valid method of creating patterns in Affinity. But over time, I created my automated templates for pattern design. For example, templates for Half-Drop Repeat or my favorite diamond repeat. And this is what I like using because it's very easy and you create your pattern in no time. And then it's very oh, let me show you the view of this pattern, for example, it's very easy to move around your elements and to see that you're creating your pattern in real time and you're able to see if everything is spread out evenly. And then what you export is just the original canvas shape. This will be your pattern tile. I know that a lot of people are also using Procreate to create patterns. So here you have a sneak peek into my Procreate. I use it exclusively for sketching. I even have some client projects lined up here. I like my textures brushes. I used to well, I kind of tried creating patterns and Procreate, but I didn't like this technique. I think I was too much afraid that I would make a mistake when I'm creating my repeat. And then there will be a conflict because it is all raster. Based then maybe I'll have an issue with the quality of the pattern at the end. And switching to Affinity was a really great choice for me because it happened in my career that a client wanted to purchase something that I created like two years ago, and I was able to adjust the file very easily in Affinity because most of the artwork that I do is vector based. So I will be sketching Procreate, and if you have Procreate, we can do that together. So we can sketch our assets for the pattern and Procreate. But that's it. We will not be focusing on patterns and Procreate. And then why do I also mix up Adobe Fresco? There will be separate lesson about that. It's because I really like creating assets, vector assets in here. And this is where we kind of segue into the topic of vectors versus texture. When you click here onto the brushes studio in Affinity in Adobe Fresco, then you will see that there are pixel brushes, but when you scroll down, there's also vector brushes. So just like Affinity Designer, this is where we have two types of software for the iPad. That have both vector personas and Pixel Persona sort of built into the software. In Affinity Designer, when you click on the Affinity Designer logo here, you see the designer Persona is for vectors. And then when you switch to pixels, you have a few other tools that show up on the side, and this is where you can play with Pixel brushes and add raster based textures which can really add interest to your patterns. And then another thing in Affinity or actually, Adobe Fresco is that some of those brushes are really handy, really unique. It's something that Affinity Designer doesn't have yet that we'll also discuss. In the next lessons to come, they have vector brushes that work as a form of a blob brush. So you create your vector shapes, let's make this. Yeah, this is how I create my assets. You create them as a vector shape that has only fill but doesn't have a stroke, which is the outline, and they have blob brushes with very unique outline textures, so to say. So if you would like to avoid very smooth, polished vector shapes, you could consider creating some of your assets. They're kind of messy because later on, I clean them up in Affinity. We will do the same together. They add more interest, and this is why the trade off is that, okay, you have to work between the two softwares. But the big advantage is that you can create something unique. And recently, I had a client contacting one of my agents. They noticed one of the artworks that I created. I think I drew some dinosaurs, and they were created with those brushes in Fresco with this uneven outline. And I thought no one would notice that in the end, but they did. And I was able to negotiate a book deal with them to illustrate a book. So sometimes walking this extra mile, taking the extra effort can pay off, especially if you're into exploring, developing your style further. And Fresco, as of, I think, 2025 is for free, so you don't have to pay for this software at all. And Affinity will be soon for free, as well. There will be an announcement soon. So you will be able to use all the advantages of Affinity Designer outside of the subscription model. I am discussing here the iPad options because I love creating on the iPad. I also have an explainer video about it on my YouTube channel. So I will not be discussing why I don't create patterns in Adobe Photoshop or Adobe Illustrator. I had to use it for work to edit some final files for my clients, but it's just my personal opinion. I really don't like it. I don't think it's intuitive at all. I like Affinity and I wish all the publishers and licensing clients actually switched to Affinity or accepted it more readily and now that it will be so accessible, maybe they will take that into consideration. So we said that we have Vctors and pixels in Affinity, and we also have Vctors and Pixels in Fresco. So we will be creating our pattern between those two softwares. Some further examples here, I created a greeting card design. I was working on a vector base. So if I click on that kitty, you will see the nodes, you will see the anatomy of a vector shape with nodes that are very easily editable. I'm able to change the color of this cat, just to show you very, very fast. Recoloring is super easy. But when you have a look at the head of this cat, you will see that there's a pixel layer that is clipped inside. The details, if I zoom in, you will see they are made out of pixels. And in this way, I am combining the best things out of the two worlds, so to say, the same on the flowers, the same on those leaves. And this particular greeting card design also drew attention of my agent because texture really, really adds interest. Another example is this Halloween illustration. There's a mixture here of a vector bay. So again, from the node tool, this whole pumpkin, or the CD is a vector shape. We also have this orange texture, for example, if we open the pumpkin, we have even a few pixel layers, which can also work in different blending modes. For example, this shadow layer here is the base color of the pumpkin set to multiply with a lower opacity. And then this little highlight is normal. And somewhere here, I also have screen blending mode over here, for example, to add a little bit of light. Now, something that Fresco doesn't have. That's why even if I create my assets in Fresco for the interesting outline, I still export everything to Affinity Designer because Affinity has something very unique namely vector brushes. For example, if we go back to the node tool, this little item here, it might seem like it's again, a pixel based shape. But this is actually a curve. A curve means it's a vector shape. From the node tool, I'm also able to recolor very, very fast, very easy and change the shape of this decorative element. This is, of course, I'm showing you an example from just an illustration for kids. But this is something that you can also apply for pattern design. For example, here, that's my test pattern here. Here you can also see an automated template for Affinity, and we can, for example, go to this shape here and we can see it's actually made with a vector brush. But it does look like as if it was basically made with paint. I think it's a gouache brush. So to sum up, those are all the options that we have. I think that Affinity is the most powerful software out there that allows you to utilize both vector shapes as well as raster texture to sum up also, there's vector shapes which are super scalable, very easily editable. There are Pixel layers. So we have the Pixel Persona and the designer persona, which can be combined in one software. Adobe to compare has separately Adobe Illustrator for vectors and Photoshop for raster based design, Affinity has everything. It's like two and one. And the third thing is that we have those unique vector brushes which will be also experimenting with during our class. And this is why I recommend that you create the pattern with me in Affinity Designer. Previously, I taught patterns focusing mainly just on vector shapes. It doesn't mean that they are simpler. You can still play with layers of color to create depth. But most of the courses that I released so far kind of focus on vectors up to 100%. That's why this new class introduces a new approach where we will be able to experiment a little bit, get out of our comfort zone, and also see how pixels behave in Affinity Designer because there are a few things that you have to take into account technically, and we will be discussing all that. 4. Inspiration, Sketching, Colors: In this video, we will talk about the inspirations for our pattern, how to choose your motives. We will also chat about the class resources, your task, and how to basically brainstorm or maybe create a mood board for your pattern. And then finally, we will be sketching the assets that will build our pattern. So something that I would really like to underline as we go through this course is to really, really focus on your needs. So ideally, if you have a portfolio, maybe you have a website or you have your own shop, let's say, your own spoon flower or on red bubble or you're selling maybe assets or patterns from the creative market, I would like you to treat this course as an exercise, especially if you're learning from the start how to apply textures to your patterns. So on one hand, this will be an exercise, but on the other hand, have it at the back of your head, so to say, that it should serve your needs. So for example, you might be someone who's creating patterns for kids. Then just have a goal in your mind that this will be for your kids patterns portfolio. But also you could focus on the seasonality, seasonal patterns. For example, agents, potential clients. They look on a regular basis for seasonal patterns that is spring versus summer versus autumn or fall and winter, or we will be creating like a weather pattern. It could be with snow, it could be with wind, it could be with rain. And depending also what color palette you choose, it could reflect exactly those seasons. Let's have a look, for example, at this one. It's a pattern that could be for kids. It's also pastel, but I might also adjust the colors so that it feels more autumny or it feels more like for winter. And for the class resources, I will be also giving you some elements that will help you to create your patterns. So for starters, your task is to create a pattern in Affinity Designer. So I would like to ask you that your end pattern tile is created in Affinity Designer, ideally for the iPad. But as you know, most of the steps that I'm showing here, you will be also able to replicate those steps on the desktop version of Affinity Designer. Now, optionally, you can choose Adobe Fresco to create your vector assets, your vector shapes. It's just an option. I warmly encourage you to take a look at the Fresco video so that you can hear about the advantages of using those blob brushes in Adobe Fresco, it's for free. And then I would like to ask you to create your pattern by using vector elements. So I would like your base to be still vectors for the scalability and for the flexibility, and must a must must must for this class is to decorate it with different textures. Again, create a repeat pattern Affinity Designer optional using Adobe Fresco. You have to use vector shapes with different textures. What kind of texture elements can you choose from? So you have a choice of using Pixel layers with pixel based texture that will be clipped, for example, to your vector base. You can also try using vector brushes with me. They're really fun. They look like pixel based textures, but they're super super scalable and much more flexible. And you can also use pre saved assets. Example, here in this document, I will go somewhere to the site to show you what I have prepared for you. In the class resources, there will be, again, a folder. It's going to be called WS Veronika Stallac textured patterns, and I will be giving away for you to use to experiment with textures that are vector based, but they look as if they were really drawn with traditional media. So for example, this one here, if I drop it onto my canvas when you zoom in or you go to the Node tool, you will see that it's actually a vector shape. Again, it will be very easy to scale it without any quality loss, it's built of a lot of very, very tiny vector shapes. But you see it has all those speckle elements. When you zoom out, it actually looks as if it was made with some sort of a charcoal brush, I think. This one, the same. If we click on the Node tool and any of the shapes, you will see it's actually a vector shape. But yeah, some elements can be also moved here separately, but it's a vector asset. Everything is vector based. So all those textures will be made available. This is a fun one. This one is a little bit scratchy. Again, when you zoom in, it imitates traditional media. Those are textures that I created by myself. So there's no copyright infringement when you're using them, feel free to use it for personal and commercial purposes. It's just not allowed to sell them in your own shop. So this is still my intellectual property, but I hope that you will have fun using them. Then you probably know it from my previous classes. Actually, let's rename that. This will be prepared neatly for you when you're ready to download them. I have a few, for example, let's take this one, insert. I have a few color palettes. This is the one that I like the most for the wintertime, but also for kids patterns, it's a little bit cool tone, so it's very good for the winter season type of patterns. And the advantage of it is that, for example, if we take this soft texture here, we can just sample the colors very easily here from the color studio and this sampler tool or whatever it is called. Super easy. So I got into the habit of saving my color palettes in this way because then you can save it as vector assets. You can just put it next to whatever you're working on and you can scale it up so that it's a little bit bigger and recoloring is very, very easy. So it's the same blue pattern, but I have a few that offer different types of colors. If you would like to choose a pattern that is more, I think this one is called vibrant spring. You don't have to necessarily create a pattern that is just for autumn or for winter. I have one for spring. I think this one is it's like a pastel Halloween exactly. Like the one that I used for those ghosts here. And this one is very good for Christmas. I think this is my classic exactly classic Christmas, color palette. This one is mainly for autumn. It's also a little bit pastel, let's say. It's called this one is for the summer. I think I was creating a desert or Arizona inspired illustrations for one client, and I saved up this color combo. So, have a look at those color palettes, download them. You probably remember how to do that from the asset studio over here. You go to the Hamburger menu here, the three horizontal lines, and then you have to add to the category by importing it. Import category. Those have to be saved onto your iPad storage and for that, I really like using just the Files app. Here I have a dedicated folder for all my assets. They have this extension dot AF Assets and then all you got to do from Affinity Designer, you have to import them first. So you have to click on Import category, and then you have to find the folder where you saved your assets, and then you just click on them and they get imported in no time. So I'm not going to do that. You can also complete this by adding additional subcategories and you can edit them in your own way. It's very, very handy. And when we select all those things that I just put on my workspace here, when we delete them, we still have them at our disposal in the library, feel free to use them as well. Now, depending what kind of pattern you would like to create, I would first like you to identify your target season, or you can just follow the project that I will be doing in this class, namely I will be doing those kind of snowy rainy clouds. But you can go for any type of season. Feel free also to use Pinterest for this initial inspiration. For example, if you type in maybe something like autumn colors because if you type in autumn or fall patterns, you will get very specific ideas by artists, and you might be tempted to, you know, to copy it and we shouldn't do that. Autumn colors may be something like weather because I will suggest that for our project, we do draw some sort of clouds so that we experiment texture. And you just have a look what's out there. Maybe you see uh if I want to have a good seasonal pattern for autumn for my portfolio, maybe I can combine those clouds. First of all, the colors will have to be different, a little bit more orange, a little bit more olive green. There are also some other colors that you can try out here. You can screenshot them, and maybe I can combine it with raindrops. I also have here we will, of course, doing this together. But one example here, is to change it to raindrops. You can also include completely different assets. This one might be for kids for bedtime instead of rain or snow, you can make stars. This one is with rain again. This one is with snow in pink, also very nice for kids. This is part where you can brainstorm either through Pinterest or Google Images. And then when you decided on your season, so to say, then you can go to the tool that you will be using for sketching. And because I will be doing everything digitally, I would like to do my sketch in Procreate. You can also use a completely traditional notebook, and when you're done with your sketching, you can just snap a photo. So from the layers panel, I'm going to hide this and make a new layer. You can use your favorite brush, but I like using just a big, large, soft brush that looks kind of like a pencil, and then I make it bigger. And then I would still recommend that you draw with me some clouds. I would like you to sketch at least three different cloud shapes because then we will be tracing them, drawing them in Adobe Fresco, if you wish also to proceed with me to Adobe Fresco. They might have silly faces as well. They might have eyes. Maybe they're a little bit Kawaii. It also depends on your styles. This is just an example. If it's for kids, maybe they have different facial expressions, or maybe they have no faces at all because you're creating a pattern for adults. Perhaps raindrops as well. We can also use texture brushes in Adobe Fresco for simple lines or maybe also want to remember to create a few star shaped decorative elements that will imitate snow. And anything else that you would like to kind of brainstorm, you can fit it onto your Canvas here. By the way, my Canvas is 3,000 Pixel square. So if you're using Procreate, you just have to hit the Plus button. And if you don't have the size, then you click this plus folder here. This is where you can input your dimensions. For example, 3,000 Pixel square. And depending on your iPad model, you will have a different number of maximum layers. But I'm going to cancel because my Canvas is already created. I have a bunch of sketches in my Procreate app. I treat it as my digital sketchbook. So something from our pinchers board was that there were some berries or some leaves. You can imagine, for example, that there's some wind blowing, but also maybe the wind carries different leaves types, and you will not be obliged to vectorize all those ideas that you have here, but at least you will have them not to forget them, you know? So fill out the canvas. Maybe another type of snow that I can create with the blob brush. It can also be on one layer. It doesn't matter. I also like using different colors so that it's more visible. That was the previous sketch that I created. I wanted whimsical clouds that look a little bit goofy. I needed a reminder, I would like to create something for wind like a symbol for wind and some elements that will be both seasonal and also for different occasions. If I use some stars or maybe even create also an extra acid with a rainbow, then it will be fantastic decorative elements for my kids parents portfolio. And I also wanted to experiment over here just so that you understand what I did in this sketch. I have a cloud shape, and I just reminded myself that I would like to make some scratchy, scratchy elements, so to say, that maybe I will be able to clip inside of my vector shape. So this was basically like some sort of a mental shortcut that I did. So now your task is to create your own sketch. Pay attention to the fact that I'm very loose here. I'm not very precious. I'm not overdoing my sketches. That's why I'm also using a brush with a very fluffy pencil like texture, be loose and jot out all the ideas that you have. Because in the end, when I move to Fresco, you don't have to create all the assets from your sketch, so to say. This is just to jot out your idea. And again, a word of warning, for example, if I type in autumn pattern, be careful to use those search terms to look for inspiration because chances are that when this refreshes, exactly, you will get patterns by other creators. So it's not my goal for you, you know, to copy anything. Maybe you can take a look at what others are doing just to do a little bit of a market research to kind of really reassure yourself that yes, this is the colors direction that you would like to go towards too, but rather avoid typing in autumn pattern or winter pattern because you might get too similar to some other artists, and the goal is to create something original. Okay, so now we know our task, and we created a sketch for our repeat pattern. 5. Base Assets in Adobe Fresco: So meanwhile, I saved up my two messy sketches from Procreate into my Photosap. You just have to go to this wrench tool icon, and then you share image, for example, as JPEC and you save it to your folder. And it's right here, I will be able to import it now to Adobe Fresco. Of course, if you prefer not to use Fresco, you can move directly to Affinity Designer. But Fresco is for free now and let me show you the advantages of creating your preliminary vector assets in Adobe Fresco. First, we need to start a new document, like in Procreate, I will create a canvas of 3,000 Pixel square. We go to custom size. I have it pre saved. But maybe let's go back. You just have to input the Pixels data over here and under print size, you can change 72 DPI to 300. This canvas is created now, we can open it and we also have this gray workspace area around just like an Affinity Designer. Now we have an icon here to import an image, at image, and then photos so this is where I have my two sketches. I will choose this original sketch that I created before. And then by default, it's going to fit into the Canvas in Adobe Fresco, we hit done, and then we can go here to extra settings for our layers properties, and we can change the blend mode to multiply. Plus, we can lower the opacity just a little bit. So this icon here shows us our layers panel. We can also reshuffle the layers by dragging them up and down. So I can, for example, drag this sketch right underneath. Here in the upper left corner, we have our brushes. We can choose from pixel brushes, but we will be skipping those. They're also live brushes. They behave kind of like real watercolors and real oil. It's really, really cool, but it's probably something to test out later. And here we have Vector Brushes. I also have a folder from Frankin tone. I'm using Frankin ton brushes, which also have very interesting line textures. But for the purpose of our class, I would really highly recommend that you test out under Vector Brushes the jitter brushes. There are three brushes in here, all of which are marked as my favorite. You can also star them. Light jitter, medium jitter, and heavy jitter. So if, for example, select this heavy jitter brush, here we see this black circle is our color studio. I would recommend that we test out our colors, our shapes in gray scale. So by default, my sketch from Procreate had those blue, purple, grayish colors. And it also says here that it pulled colors from that image image 1580. So sometimes it's actually useful to import an image that already has the colors that you want. Then they will be kind of automatically imported here to Adobe Fresco. But here under the color wheel I will be basically moving around the very left edge of this square so that I create my assets in gray scale. It has a lot of advantages, one of them being simplicity. I can later recolor everything in Affinity Designer when I know what kind of color palette I'm using. And if I'm using, for example, black color or very dark gray, I can also focus on identifying if the shapes that I like are good because we'll be kind of working like with gray scale silhouettes. Over here, this number will allow you to modify the size of your brush. This is smoothing. I keep it at half. I don't really need extra smoothing for my assets. And this last option here is also meant to allow you to manipulate the brush further, but I'm not going to do that. I want to use the brush as it is. So we had this jitter heavy Jitter brush, and now on a separate layer, we are able to test it out. We can always click on this number and make it bigger. And if we make a smaller brush and create a circle, you will see that it's a little bit more jagged because a smaller brush will accentuate the texture much more. And if I create, for example, a circle shape with a bigger brush size here, then it will be a little bit more chunky. To see that in action, we move to the filter, which is this bucket icon here to the left. And without changing the color, we just fill the shapes in. So that you see what I mean? If your brush size, let's go back to the brush icon, it should remember by default, the previous brush that we were using. If we make our brush smaller, the outline will be a little bit more detailed, jagged, a little bit more I don't even know how to say it tiny, and this bigger brush will give us a chunkier shape. And again, this is the advantage of working in gray scale. I can also click on this sketch and click on the eye icon to make it invisible by working in gray scale, darker gray colors are black. We can see the silhouette better, and we can see if we like this shape better with a smaller brush or with a bigger brush. Going back to the brushes, there's also medium jitter. So if I keep it roughly in the middle, you will see it's a little bit Yep. It's a little bit softer, but it still has this uneven line around. Remember to go back to this brush here. If you would like to draw and you forget to switch from the bucket icon to the brush icon, it will ask you if you really want to fill it up, or it will fill up your entire canvas. And you saw I tapped twice on the screen to return to the previous view. Back to our brushes, the light jitter, I modified the shape to be more or less in the middle. If I fill it up with this packet, you will see it's also uneven but a little bit less. So the most dramatic effect will come from the heavy jitter with thinner brush, chunkier shapes from the heavy jitter with a bigger brush, more subtle effects will be with the medium jitter, and the most subtle one, but still quite uneven will be with the light jitter. I'm not recommending and I'm not sponsored by anyone, but I'm not recommending to buy any extra brushes, but in case you want to see the other ones from Frankintun, this is this Monodorian brush. Let's take a look. Yeah, it's also quite jittery, but I don't know if it's that much different from the free brush. Maybe when it really comes to drawing more details within our illustration. But for the shape outline, I don't think it's really necessary to buy special brushes. There's like a hatch brush that has very bleedy texture, so to say. So if I fill it up and zoom in, you will see it's as if the ink was bleeding through our canvas as our paper. But when you zoom out, you don't really see that. I think the most dramatic effects come from those two, which are for free. Medium jitter and heavy jitter. Now, if I click on this layer, I can delete it or I can clear it. So I would like to clear it. Once I select the layer, it will have this blue outline. Not that you make mistakes and you draw on a layer where you don't want to draw. So I selected my sketch, and I re click the icon to bring it back. What I would recommend is that we start with the shapes of our clouds. So I'm going to keep a relatively dark gray, and I'm going to go for heavy jitter, but maybe a little bit chunkier. So not too small, a little bit bigger. And first, I'm going to draw all my cloud shapes. So I'm doing this to be really sure that the shape is closed. I'm going to focus on different cloud shapes before I close them with a fill color because it basically helps me to save time. Again, I'm not being very, this one go removed, but it's okay. We can fix that. I'm not focusing on being perfect. When all the shapes are there, I go to the bucket tool, to the fill tool, and I fill it up and I can also, of course, make sure that the sketches on top so that I see everything. So the clouds, it's important that they're not touching. As long as they are not touching, they will be recognized as a separate acid. So now I hit the plast to create a completely new layer, and moving along this left line here, I make it lighter so that I can create the whites of the ice. And now I will switch to medium jittery because I want less of a dramatic effect on the eyes. Keeping it more or less in the middle when it comes to the size. This one is really goofy. So you don't have to fill your shapes with the bucket. You can just color them in as if you were just drawing with a marker, so to say. As long as they are not touching, those two eye whites will be recognized as two separate vector shapes. So now this one, and this is why it's so meditative, I wish that Affinity had those types of blood brushes, maybe they will be introduced with the new versions because it really imitates this real drawing that you're also doing in Procreate, for example, but with the advantage that the base is still vector based. Now, a new layer for the eyes, and I'm going to use maybe even black for the features on the clouds, keeping the same medium jitter brush. You see, those circles are not perfect. They're not as if we were using the Affinity shape tool. Suck, suck, suck. This is so cute. Of course, feel free to draw any other features that you might need. The thing is, you should draw whatever you think will be handy because drawing it will just give you more elements at your disposal. But it doesn't mean that you have to use it. So maybe you want to draw some extra facial features on your clouds. If you're not drawing faces on your clouds, then maybe you would like to draw just some extra shapes. I will focus on features, actually, another smile here. Maybe also eyelashes here. So I have the blacks of the eyes and some extra features with the smiles on this layer, and then on a separate layer with a slightly lighter but still dark gray, you can also draw some extra things which are just for you. You don't have to use them. And like I said, if you're using if you're not drawing faces on the clouds, maybe at least some texture dots that you can use. They're also very uneven and they can look very interesting. I don't think that for me, this will be so useful. I'm going to maybe just keep this one cluster here. So if we switch off our sketch, we have our clouds in gray scale, and gray scale also helps us to better evaluate those shapes. Bringing back the sketch, making sure I create another layer. This one and one layer, by the way, will be one group when we export it to Affinity. So now on this one layer, we have a slightly lighter gray just for me visually, so that it's more helpful. I can draw my imperfect raindrops. And I actually learned when people were looking at my children's book portfolio that publishers are really interested in imperfect shapes. Okay, another layer maybe for the wind, but this time, I would like to switch for the heavy jitter for obvious reasons, more texture. Yes, but maybe let's make it even bigger. So those lines, they will imitate the wind. It will be in one folder and a new layer. And I would like to make the same element, but with the medium jitter, just to have a choice so that later on I can just choose. New layer hitting plus. Staying with the medium jitter, I would like to create the shapes of snow, those snow stars. Okay, this will be in one folder. Your sketch is not set in stone, so feel free, like you see to add in some extra elements that you come up with spontaneously. And for the stars, I will make it maybe a little bit smaller. And instead of manually drawing them, I will just draw the outlines of those stars. They can also have different shapes. Just make sure that they're closed because now we go to the fill tool and we fill those shapes. Ah, so this is just a reminder for me that I wanted to experiment with some scratchy texture. So I'm going to go to the heavy jitter. Maybe make it a little bit smaller and on a separate layer so that all that texture is gathered for me in a separate folder. Still making sure that whatever I'm drawing is not touching anything else. I think at this point, I can go to the sketch and turn it off. I'm drawing, maybe let's do it separately. So plus because it will be then divided into a separate folder. This type of scratchy texture, perhaps, and another one that is a little bit more. Circular maybe. Those will be my experimental textures, which you will see when we export everything to Affinity. It will be vector based, so it will give us all the scalability. Okay, I think we are done. Those are our unique vector assets. Again, you can use Affinity from the very start, but look how great this is. And you could still try to replicate it in Affinity, but I really adore those brushes. The software is for free. And yeah, I think it looks very unique. So in the next lesson, I will show you how to import these to Affinity Designer. I hope that you like this part of the exercise. 6. Fresco to Affinity Designer Export: Now we are ready to export our vector assets to Affinity Designer. We can also hit here this area to rename our documents. I'm going to just name it fluffy clouds. I think too, because I already had one sketch made before safe. And as you're working on any Fresco file, you can again hit this arrow here and you can save it again to save your progress. Now, there's an export icon here in the upper right corner. Then we go to publish an export. So we want to export as and we want to change the format to PDF. Pa. PDF is a very unique format that enables to save both the properties of vectors and pixel based elements. I also combines the two worlds together. That's why we choose PDF. And now we want to hit Export and we will be saving this document somewhere on our iPad storage. For all my files, I'm using the Fils app here on my iPad. And I have a special folder. I think I named it just Exports, and this is where I will send this document too. So Export. Now, save to Files and we'll connect with the Fils app on the iPad. Yeah, exactly. I have a special dedicated folder called Exports, but you can save it anywhere onto your iPad, then I hit Save. Export is complete and then we can hit done. And also whenever you go back to the homepage, so in the upper lift corner, we had this little house icon, then your progress will be saved automatically whenever you go back to that homepage. So now we exported everything to our external files folder. And this was, for example, the file that I worked on previously, as I was making a test for this course, all you got to do is click Open document and then locate your folder. So I have here fluffy clouds number two. We keep 300 DPI and color profile RGB, we simply click Okay, and then everything is loading to Affinity Designer. When we go to the Node tool and for example, hit this cloud shape, it's all vector based. I love victors. So one thing that we have to do from the folders here, the layers panel is to make sure that everything is sorted out and grouped properly and sometimes merged. So I'm going to go from the top, and the top is usually the last thing that I drew in Adobe Fresco. So this texture here, one thing that we can do is we can go to the Boolean operations up here, and we can select on the entire folders level ad so that everything is merged together. So it's not a folder anymore. It's one single shape. And I also like to go to the color studio, and switching from HSL sliders. In this case, I go to my gray sliders, and I just suggest I still keep working in grayscale. I have a whole article 0N my blog about the advantages of first creating a gray scale and then choosing your color palette and making your color choices. It actually really, really helps me to save time and to make better color decisions later on. So this texture is done. You can also rename it whenever you want to rename a group or a layer. On the iPad, you have a gesture when you're swiping with your Apple pencil to the left and then a special menu opens, and here you can also rename it. For example, I can rename it to scratchy texture, and I can actually also include it in the class resources in the assets folder that I showed to you. So textures Hamburger menu from the textures subcategory, add asset from selection. And I can add it as my vector acids right away, which I can use for this project or any other project in the future. So this is edited. Now I go to my next shape. Which one is it? It's this texture. I would also like to merge it. So there are a few shapes. Every time Apple Pencil was not touching the screen anymore in Fresco, it created a separate shape. You can leave it like that because if you go to the MOV tool, you can keep moving those separate objects. But if you're happy with it as it is, you can go to the entire group level from the move tool, Bolling operations here and add. Something like scratchy, pencil, texture, and I will choose my recent color, which is this lighter gray, just for me visually. I will add it as my vector asset, add asset from selection. We're doing a little bit of admin, a little bit of housekeeping here, and we are on one hand, preparing our assets for the pattern that we will be creating, but we are also building our library of assets that we can then use for any project, any illustration, any other pattern or client work. So that's already the type of work that pays off in the long run. Again, this one is created from two different shapes. From the group level, I would like to merge it. I select Add again. And because vectors are so easy to recolor from the color studio, I just select the light gray, and I add acid from selection to save it for any future projects. And I make it invisible because I just want to focus on the elements that still need editing. Okay, those stars, I'm not going to save them as assets. I just want to make sure that they really separate, but also complete shapes. So sometimes one element is made out of two elements that should be merged together, but here everything looks good. We can also recolor it a little bit to another gray rename layers. So swiping to the left stars just for my own reference, and I'm going to make it invisible. Now we have those. I'm going to swipe and rename it to snow stars. You don't have to rename your layers if it's going to save you time. I just want to be tidy for the purpose of this class, I guess. And over here, you see that each of those stars is made of one, two, three elements. I'm going to select those elements and merge them from the Bollin operations menu add so that it's only one shape that I will be then able to move around. Because if I click just on this one, I will be moving just one arm of the star. Luckily, they're already sorted in the way I was drawing them, so this is going to be very easy. When you have a layer selected, it changes from black to this dark navy blue color, and then I swipe to the right to select it. And then to merge it, we're refreshing our iPad gestures. Another way is to use the two finger tap. So you select the first layer, and then the last layer and the entire selection. So if I wanted to select everything, I mark the first layer with a two finger tap, last layer, and everything is selected at the same time. So just refreshing the gestures for you. But these are so small. It's just three layers that I can also do that quickly manually. And each of those stars is unique. It has a hand drawn feeling even though they look similar. They still look much more unique as if I just built it from the geometric tool that are available here in Affinity Designer. Making them a little bit lighter. That's why when we were creating an Adobe Fresco, it really didn't matter that we were using the gray scale. It's just to be quick and dirty and then to get to the real work, which is editing, saving, tiding things up. Okay, those are two lines. I'm gonna rename it to win Soft. And I'm going to keep it separately because maybe I would like pea from the move till maybe I would like to kind of reshuffle those lines freely. That's why I keep them. I don't merge them. I just keep them in the folder as they are. I'm going to make it invisible. This one will be with jittery, the jitter brush. Again, each of those lines will be kept separately. I'll make it invisible. Now, here we have S, some of those drops, they're built of two different shapes. See? Those need to be merged with the bullion operation add. I'm just trying to locate which of these also need merging this one. Mm hmm. Okay, here I see something to add. Again, I'm keeping each of those raindrops because now that they're merged, if I'm within the folder, anywhere in this raindrops folder, anywhere I click, from the move tool, I'm able to move them around. So handy. So this will be rain making it invisible, and now we have our clouds left. So for starters, this is the folder with the shapes of the clouds. From the group level, I click the group icon and I ungroup them. Now, for the eyes, I would like to pair the eyes that belong to one cloud. So I'm selecting the pair that I want to pair or group, and then I group it. The same. This is one group, Copela. And this is one group, and now I also want to ungroup all the eyes. Okay. Over here, up, I'm going to use the gesture with two finger tap. I have the eyelashes on one cloud that I want in one group, and I'm not merging them because I still want to have the flexibility to be able to move them around individually, maybe delete one. Okay, the smile stays. The eyes will be one group. And now I go one by one. Okay, these are the eyebrows. What do we have here? When I select it here from the Layers panel, you should also see the selection over here. Double checking. Okay. Those can be grouped as well. And these eyes, as well as a pair, the smile stays individually. Now, this one, this one is a whole smile. I don't need those separate items to move them around. I want to stay I want for them to stay as they are. So those three layers, those three curves, I will go again to merge them. And it's just one layer, it's more convenient and the remaining es here and the entire folder with those features, I would also like to ungroup it, release it, so to say. Now, what do we have left? The extras. See, just the extra details. I think those belong. I can also slightly change their color. Those can be grouped. I can also take it out of this group manually. And now what we have left here are the freckles, which are already in this group because we remove the other detail. Oki dooki. Now we have to merge it by the cloud, so to say. So it doesn't matter where we are here on the layers panel, we have to be on the move tool. And from the outside of our white canvas, we have to make our selection. You will see that the selection will have I think it's a blue outline with a slightly blue fill, and everything has to be selected. You see it also gets selected here in the layers panel by changing the color. And then we go to the group icon, we group it, and this star is ready. The same. So we cannot stay on this cloud that we just created. We have to click somewhere else where we have the other elements that need to be sorted out anywhere else. And then from the outside from the Move tool, we have to make sure that everything is selected. You can double check it by making it visible, invisible to make sure that your selection is correct. And now this last cloud and now I select everything and I bring it together. If you want to deselect, you either hit this X symbol or you click, for example, you tap with your Apple pencil somewhere outside of your canvas on the gray area. And now from the move tool, you see whatever we grouped can be rescaled. If you want to keep the proportions, you have to keep one finger on the screen of your iPad. So those are the advantages of working on the iPad. If you want to change the shape, you're not holding the finger, but if you want to retain the proportions, one finger on the screen, can move these around, and as long as they are grouped, for example, although snow stars are grouped, I can keep either moving them or re scaling them or recoloring them at the same time. Those clouds can also be renamed, for example, Cloud, number, number one, number two and number three, but I will skip this step. So we built our assets, our jittery assets in Adobe Fresco. We exported everything as a PDF and then opened everything in Affinity Designer. We sorted everything out, and as we were going, if there were useful assets or useful textures, we also practice saving them to our assets library. Now we have our assets ready. We are not coloring yet because we haven't decided on the color palette of our pattern. The next step will be to choose our repeat type for our pattern, to choose a template or to build a template with me from scratch. 7. Repeat Type: Diamond Template: I so our vector assets are ready, and now we can start choosing our template or building our template. I would recommend that we go either with a Half-Drop Repeat or a diamond repeat. I also have a few pattern templates saved to my iPad storage. For example, here I have some full drop or a standard repeat, template. Here's a brick repeat. But the ones that I use most commonly is either half drop or diamond. For example, this is my diamond repeat template, and this is what I would recommend that we do together. So if I go to the shape and I select this shape, you will see that we will be building the pattern within a diamond shape. And the reason for that why I prefer the diamond repeat. If we open this pattern, for example, it's also built from a diamond repeat template. So to prove it to you, I have my guide over here. See, we have a shape of a diamond. When we make it invisible, this guide that helped me to build this pattern, we will just end up with our original pattern tile. And then when we export it, it will already be in a standard repeat, but it was built using half drop repeat. So for example, this latest grayish cloud, it is repeated sort of at a diagonal in a half drop repeat manner. But the pattern tile that is the final pattern tile that is exported is in a standard repeat. So if we are testing the pattern, for example, here, I tested the pattern with a bitmap fill, it will be kind of in the correct order. So there are really no issues with this diamond repeat pattern. Now, I have, of course, a dedicated class how to build diamond repeat automated pattern template, and I will make this template available in the class resources for those of you who would like to save some time. Or perhaps you have taken some of my previous classes and you already have this template somewhere saved up or somewhere in your iPad storage. For those of you who are new to this technique, I would like to show you quickly how I create this automated pattern template for the diamond repeat pattern type. First, we have to go to New to create a new document, and then I usually work on a canvas of 4,000 Pixel square. So this is just like a portfolio document that I pre created before. You can also change your document your document units here. We make sure we have pixels, 4,000 pixels square, 300 DPI and RGB color format. Usually printers for pattern design, except RGB and a lot of POD shops such as Red Babble and Pun flower actually prefer the RGB color format. Nothing under margins and bleed, so this is not marked, so there's no margins or bleed and very important, we do not create an artboard with automated patterns. If we created an artboard, this would be marked and this little round switch would shift to the right. We have to make sure that it's not selected and then we hit to create our new document. From the shape tool, we're making sure we are on the rectangle tool and to create a perfect square, we have to put one finger on the screen. This is our perfect square. Let's also on my Halloween color palette, let's choose this hot pink for the fill and maybe we can keep the outline black. But we can go to the stroke studio and we can make it at least five points so that this line is thicker. We also have to make sure that we have this cap line selection at the middle so that the line of the square runs exactly through the middle of our stroke because there's also the option to do it on the outside or on the inside, so we just have to make sure it's aligned in the center, that our stroke is aligned in the center. Next, we have to make sure that our snapping magnetic snapping is on. And then from the move tool, we have to position. You see, I have those guiding lines that tell me that everything snapped perfectly into place. So a green line will show up and also a red line will show up that will help me to make sure that everything is really aligned to this upper left corner. Then as I want to retain the shape of the square, I have to put one finger on the screen and snap it to the other side and see also that those alignment lines show up. Okay, so this is now aligned. Very good. Now we have a perfect square. Next, we need to rotate it here. There's this, I don't know if I can call it a rotation handle. One finger on the screen, 15 degrees, 30 degrees, 45 degrees. Now, still from the move tool, I'm going to position it to this upper edge, so to say, of my canvas. Then I'm going to grab this lower node and place it here. And this should have solved our right and our left corner. So now, this diamond is perfectly positioned in the middle. Okay. It's so called a rectangle, but we created a diamond shape. Now, having this selected, keeping this selection, we go to the symbol studio and we have to change it into a symbol. Three vertical lines, Hamburger menu, add symbol from selection, and it was actually good that I pre selected this hot pink color because now I can really double check that this is the shape that I want. Okay. We can also swipe to the left and rename it as our pattern. Now from the move tool, we have to make a few copies of this shape and place it to the edges of our canvas. The white selection is our original canvas and the whole gray area around is just our workspace. When we want to export our work, the gray workspace area will not be exported. Two fingers on the screen to make a copy. See now I have a copy and I'm placing it to one corner here and I'm looking exactly for those guiding lines that will help me to snap that into place. Again, two fingers on the screen, another copy, hoopla, and I'm placing it looking at my guiding lines to the left. Now I can select those two guys here. You see what is it? Blue selection. I can make a quick copy at a time of those two elements, two fingers on the iPad screen. And we make another copy. Now, in case you don't want to use gestures the way I did for the iPad, you can always have this one element that you want to copy selected, and then you got to go to the three dots menu here, and you just hit Duplicate, and then you create another copy, but I'm going to remove that because I copied everything that I needed. Now, if you've taken other automated pattern courses, you know about the preview mode. This little windshield symbol, if you click on it, it will show you everything that is outside of your canvas. For the diamond repeat, I would recommend that we also extend our pattern to those empty areas here so that we have a better preview of our pattern when we build it and we see how the pattern expands and if it looks well balanced. I'm just going to grab one of the diamonds and from the move tool, I prefer to use gestures, two fingers on my iPad screen, I make another copy. I place it here, and it all snaps nicely in the guiding lines, just confirm it. Another copy, and one more. And one more. Each of those diamonds will be like a mirror reflection of the diamond that we have in the middle. Next, I select all the diamonds that are on the outside. And I will only leave this one diamond, the original diamond that I have in the middle here of my canvas. Another thing that we have to do is to set up our background so that we make sure there are no white lines around. We select another rectangle tool and we just draw Let's maybe see. We just draw a big rectangle that has to be dragged somewhere outside. And you can also make it bigger so that it really covers all the diamonds that we just created. This one is not a symbol. So when you create a symbol, you see this orange line. Also here, this orange line to the left side indicates that it's a symbol, and it will be like a mirror copy of what we are creating. And I flip up to get rid of the outline, and I choose just any other color to show you that this will be a completely different color and will focus on our background only, so I swipe to the left. And I name it background. And now, those guys here that I sorted out to a separate group, I will ignore them. They will just give me the repeat and they will give me a preview of my pattern. All the work will be done on this original this one here. I tried to show you the selection. You see this faint blue line. Hopefully, this will be just this middle diamond. We want to go to the color studio, and we want to flip the fill up so that there is no fill. And I'm going to change the background color. Let's maybe bring the color palette, this one, the wintry color palette that I think I will be using. Let's change already the background color, the fill area from this eyedropper tool to either this blue or maybe the slight blue so that we can see better. And now what is left is just this black outline. You can still edit it to your liking. So for example, if I want to change its color, I just have to make sure that I'm on this empty circle selected, which is the outline. And on top of that, so this is what I've been using so far in my courses, but you can still edit it further by going to the Stroke Studio, and you can change it to a dotted line. And then over here, you can increase the gap, for example, to two. Or three or four, and the dash pattern, you can change it to zero, five, so it's a little bit smaller. Let's maybe also increase the gap. And now we have a guide that looks like this. I know it's just cosmetic, but if this is something that you would prefer, then you can also adjust your guide in this way. And if you haven't done this before, you can also save this template to your iPad storage so that next time you don't have to build it from scratch, but you can just open it right away. And you do it in the following way, you have to go to this Hamburger menu. Experts template. You can rename it. For me, I'm just going to rename it as new diamond. I just want to show you because I already have one template saved up, safe. I save everything to my files folder, just like everything else. I created a dedicated folder called templates. And you see all the other templates are also here extension with the file extension dot A of template, and I just hit Save. And if I would be to go back, maybe just close it with this X, meaning remove it completely before I save. Next time around, I can either open document from template or go to templates, find the folder where I have my template, and then this is this template that I just saved with you called New diamond. When I'm working on it and I'm building my pattern, I am not overwriting it. The original template is still there. I can use it as many times as I want and will always stay the same. I will choose now some random assets maybe here that are somewhere on my app just to show you how those automated templates work. It's good to switch off everything else at first and focus on this original diamond in the middle. If I were, for example, to insert this little monster here and show you how easy it is all we have to do is to place the asset inside of the pattern folder. So maybe now let's add another one. For example. This guy looks happy, and we again, have to place it into the symbol. Since it's vector based, I can also rescale it as I want and maybe one more. This one, everyone looks happy because it's for kids. Now I can also rename this diamond shape to guide, and I can make it invisible. You see, I can just switch off the visibility. And then I can zoom zoom out to see if I'm happy with what I created. I think I can add one more. So this would be my pattern preview, and the fact I will switch on the guides again that we positioned all the other diamonds around. It gives us a good preview, so we focus not only on our original pattern tile, but we can also expand the pattern and see if, for example, anything needs shifting. If you would like to take a more in depth course about automated templates, I have dedicated courses that you can also check out. For example, there's a huge class just about the diamond repeat. 8. Building the Pattern Base: Okay, so now I kicked out the assets that I just used for my demonstration, I will be using the diamond repeat pattern template. So first, we have to build the base of our pattern. And for that, we need to take all the assets that we built in Adobe Fresco. So I'm going to select the first group, and with a double fingertap, I will select everything. Then I will go to the three dance menu and click Copy. Everything is copied now. I'm leaving this working document and I'm going to my template here. I am hiding everything else and most likely the dimensions will be a little bit off. I place myself somewhere on top and then again, three dots, paste. When you import something as a PDF, it might be that the dimensions will be changed. The scale will be changed to preserve the shape of our assets, one finger on the screen, and we just have to size it a little bit down, which is, of course, not a problem because everything is vector based. So we size it down so that everything fits the original canvas size. Now, I will also go to the background layer. And from the fill area, I will change it to another gray color. I would like to create everything in gray scale because I will make my color choices later on. I also have a bit of a cheat sheet here. Those are all the pattern images that I created before. This one is more pastel. I will just orientate myself by looking at something that I created before. I will see if I will replicate this exact same pattern or if I'm going to do something else. This one is with pixel texture and vector brushes. I'll show you how I did that. This one is a little bit more neutral pastel with vector brushes and the same pixel based texture. And basically, those clouds are the same. This is from my Halloween collection. I created this Halloween pattern full of super reciprocal texture, especially on that ghost. And this spooky cloud was part of my marketing mix also for my social media and I built a pattern out of it. This guide is just from our template. So feel free to replicate a similar cloud pattern with me or create something completely unique. It might be another form of a cloud or it might be even ghosts or something else. The um what's the most important thing. The most important thing is that the base will be vector as you will see. This is our vector base, and then we will be decorating our pattern further with different texture types. We're practicing textures in this course. This is the most important focus or objective of this class. I have all the assets, but they're not part of the pattern yet. I like to again select everything and make it invisible at a time. Then I like to work asset by asset when I sort things out. So for example, I am bringing back from the move tool now, the visibility of this first cloud. From this preview mode, when I clip it, I clip to Canvas. This whole square will be our final pattern tile and I like to orientate myself still either within this diamond shape or very close to this diamond shape. Now, here we have our pattern template symbol. You can see this orange marking to the left. I'm taking this crowd, this cloud and I'm putting it inside of my folder. Just like with the monsters. I can also shift the cloud a little bit, maybe rotate it. I still like to go back to the original pattern tile. Cloud number two. We have to bring it inside. See it showed up. You can scale it up or down without any quality loss, rotate it if you want to. Now I'm bringing back the rest to see if everything is nicely balanced, but I will know more when I bring the third cloud into the mix, and then I will also decide whether I need an extra element. Here we have a mirrored repetition of this cloud. That's why I urge you to try to stay within this original middle diamond shape. When we edit this cloud further, we will work on this cloud and not on this cloud. Because this one, if I tap on it, see, it belongs to this group that we wanted not to edit. It belongs into some other folder. It's just a copy. And of course, you can keep editing in here, but I would rather urge you to work with the original middle diamond, so to say. Okay, now let's see if it's really balanced because I think I'm missing something. I think I will add another cloud to the mix. Maybe rotate it a little bit, and then I'm going to grab maybe this guy, two fingers on the screen, make a copy and then from the alignment tool, I will flip it horizontally and just change the angle a little bit. Now, I would like to select the ice of this cloud and maybe shift them. They are grouped because we made all the entire grouping exercise was also for this type of practicality, that the grouped elements are easier to edit. I want this cloud to look a little bit towards this cloud. I think I also want to kick out those freckles. Creating all those extra features, it's optional. You can also delete them. Sometimes it's actually better to keep things simple. The same because it's a mirror reflection, this cloud of this cloud. This little element here got also mirrored. I don't really like how it looks, so I'm going to delete it here. And also from the move to this cloud could be looking down a little bit, whereas, it's so easy with vectors. Whereas this one can look up or maybe towards Papa maybe towards this goofy one here. And maybe we can flip vertically. Oh, that's nice. See, I'm improvising here. That's why, this one is so cute. A little bit kai. That's why it's good to keep some elements separately. Though this mouth maybe I'll make it a little bit smaller. So this guy is surprised and that one is a little bit angry. Again, if you're not sure if you're selecting the copied item or not, just make sure that you're in this original pattern folder. And then when you select it, you see, this is my original. This is just a copy. This is my original. This is just a mirrored copy so that the repeat is created. This is my original. You see the selection. That means this is a copy. Yo. Okay. I think it's spread out nicely. I can still resize it. And finally, I can also make the guide invisible. All the other details, for example, if you already knew that you want to use this rain, you can already start kind of using it. So you can build a few variations. For example, this rain here. I'm going to make a copy of this rain, maybe resize it a little bit. See how that works. You can also move the individual little drops. But again, to make sure that you're working on the original, just tap the folder that will show you which one is not a mirrored copy and move there, making sure that you really have this original that you wanted to edit. You can also remove some of the water drops if you have too much, and then I can select all that rain that I just put in that was created in Fresco and I can group it and rename it as jittery rain, for example, from the jittery brushes that I'm using, I can make it invisible. I can first work on some variations. For example, let's see the option with the wind. Let's bring it back, make it a little bit lighter. Again, working in gray scale. Now it's nice that we have all the lines separately. Clicking somewhere else, clicking again will help us to select it to new. Clicking in, reshuffling the lines. Now we can really see that it was good that we kept those lines as separate. You can also choose those smooth wind lines. So when we were making those variations in Fresco, it was for our flexibility and you don't even have to use everything for your pattern. You can create pattern variations. For example, now, I'm going to group that wind. I'm just showing you to 22. Or maybe jittery wind. I'm just showing you some tricks for more flexibility and efficiency. So we have, for example, one pattern with the wind, one with the rain. And now let's also bring one with the snow. I'm not going to bother too much with reshuffling those elements into different positions. I'll just place them roughly so that you see what I mean with creating efficiency. This one will be Snow, and you can keep refining this pattern. So we can also click from the move tool within those stars, double click to select a star. And then you can just keep moving things around and refining it, but I want to speed it a little bit up. I just wanted to show you that we're creating just a base. We will be refining it with vector texture, but I also want you to create some variations. And this will be our base pattern tile. And in essence, you could simply just recolor everything now together with the background, and you would already have your pattern. But of course, we want to practice adding extra interest into our patterns. So in the next lesson, we start adding in all those juicy textured details. 9. Texture: Vector Assets: Now, I wanted to show you how to add an extra detail by using vector assets that are already textured. So one way is to use those assets that you create by yourself. So we can, for example, bring back this scratchy texture that we created in Fresco, I'm going to recolor it to this hot pink so that you can see better. So you can, for example, create such textures in Adobe Fresco, which you already know how to do. Then export it as the PDF, sort it out, maybe merge it together, and you have your own scratchy, organic textures. And then you can bring it into your symbol. And for example, let's take the smiley cloud over here. This is the body of the cloud. You can just bring and clip this scratchy texture inside, and I was clipped inside and you will have texture that is vector based. If I change it to black, you can also or to white, you will see what I mean or blue. I just want you to see it nicely on the camera, but I think you can see it pretty well. And the same with this texture here, scribbles. You can also clip them to the body of the cloud. I'm going to change it to hot pink. From the move tool, you can change its shape, you can also make duplicates, what's it called more dense. You see? Now if you only wanted this texture to be visible, there's a neat little trick which we will be also using together with pixel brushes. The textures here, I can group so that I can recolor them in a good way. Now if I make this invisible again. Now, when we go to the body of the cloud, we can go to the field tool and we can make the color of the body of the cloud the same color as our background. Right now we're still not choosing our colors. That's why it's this dull gray. But then we can bring back the textures. Da. For example, we can recolor it to white, and then we can go to the eye whites of the cloud and we can make those pink. This is from my Halloween colors, by the way, and we can do something like this, maybe also recolor the eyelashes. And see if we also want to recolor this. We actually also have a third one that we created together in Adobe Fresco. This is an example of using self made textures to clip to your vector base. This is option number one and this is one very psychedelic example. Now, in the resources, let's go back to our folder. I also created a few textures that could look like snow or they could look like rain. For example, this can look like snow. You also have it in your resources. You can just click on Insert. And we can switch off our jittery rain and we can put this I called it scratchy dots. We can put this S, it's like texture that I also made with either fresco or procreate. I don't remember anymore, but it's done by me and it's very organic. It has all those speckles. And everything is vector based. You see? This is all vector shapes grouped together as one texture element. Then we can just zoop make copies. And use the snow throughout our pattern. I actually like this really a lot. Just to repeat, we can clip our vector texture into shapes, but we can also use it outside. When you're looking at the folder, have a look at all the other textures that are included. Those textures that you see here, they could be also clipped inside. For example, this is a texture that is made with charcoal. We can see what's it going to look like when we clip it to this angry cloud. This is the original. When I clicked on it, it could selected. And now I call it fluffy base. I clip it to the shape of this angry cloud. Wow. So cool. You can make it smaller, and then you can make copies or you can just make it bigger. Wow, this cloud is really angry. I'm also changing here, the ice into this hot pink. You can already do a little bit of recoloring, especially if you already know your colour palette, but I also want you to see the changes that I'm doing on the video better. And then another texture that I have here is this one here, let's maybe take it put it into the symbol. It gets this orange line and we're going to clip it, put it inside of this cloud. Okay, that also looks interesting. Change the eyes to some pink. If we need more, we can resize it, make a copy, make another copy, make another copy, and maybe also group it so that we can recolor it more easily. Ah, and the body of the cloud, we can also change it to the color of the background. The same with this guy here, pla. I think I selected everything to be gray, but I have to select the body of the cloud, you see, and now and also those detail elements, I will change it to the color of the background so that it looks as if it was cut out. Now this guy, let's also do something with him, maybe this scratchy texture that we created together in Adobe Fresco, we put it into the symbol. We clip it inside of this cloud. And I would make it a little bit more dense and with two fingers on my screen, I'm creating copies. Sukuk, suck as many as you need. It imitates the feeling as if you are also coloring everything with a pencil that actually looks pretty cool. We can, of course, group everything so that we can recolor it better. I'm going to the body of the cloud and I'm changing it to the background color so that things merge together and I change the eyes to pink. And this is our pattern, and this is our pattern tile. This is just an example. It looks a little bit wonky, but this is how we could add interest and texture by still not doing anything with pixels, sticking to vectors. The big advantage is the scalability and the ability to recolor everything super fast. I have another example of things that you can also buy. And again, I'm recommending Franken tune studio. We don't even know each other. But I keep recommending him. I have, garage elements, texture Peg volume two. I have some textures that I bought because I also love what he's doing. I think he's very talented, the owner of this studio, and if I buy brushes, it's usually from Franken tune. So it's an unpaid promotion. But they have, for example, those Grangi textures, for example, this one. It's beautiful. You can use it in the background of your pattern or you can clip it to your Cloud, and they don't cost a lot. And as you know, if you would like to save some money, you can make your own textures or you can use the textures that you get from my classes. So this is the first scenario building a pattern with vector assets textures. 10. Texture: Pixel Persona: I Okay, but enough of the vectors, let's start working with pixels. So first of all, I need to save my document. The dots, save as, and then I'm going to name it as. For me, it will be fluffy clouds, three because I had a few tests before, save and I save it to my patterns folder. It's again, a dedicated folder that I have in my files app. And now I would still like to keep working on this pattern here, so I'm just going to swipe to the left and make a copy. I'm going to shift maybe this copy. Sure to the beginning, and then I'm going to save it as fluffy clouds four. I will make a variation because I'm not sure if I'm going to keep the one that we did now, but maybe I would like to get back to it, so I will work now on a duplicate here. So I'm just going to quickly open those clouds, select those vector textures that I just clipped. There's the angry cloud got omitted. And I'm going to bring back their color. So first, I have to make sure that all the clouds are selected here, here, here, here. It's easy to do it manually. It's okay. I'm keeping the pink because maybe things will be more visible. I'm keeping this vector snow. But now, what we're going to do is we will explore using the Pixel persona. Right now we are in the designer persona, but when we click on this logo, we can change to Pixel. So let's actually start with the angry Cloud. We have to be in the designer persona to see that we really selected it. If we're in the Pixel persona, there are a few limitations. For example, when I click on the other Cloud, the selection is not visible. So just to make sure where you are, you have to always go back to designer. Locating the original, you can also clip your canvas to see the original better, locate the original cloud, the body of this cloud. And then before I switch to Pixel persona, I like to go right away to this plus symbol. Pixel layer. We click on it. We create a new pixel layer, which is called Pixel, but it also has this pixel symbol with a checkerboard to the left and I will already clip it in, so to say. Then I move to Pixel, and we have pixel brushes here. We also have the MOV tool. Then the second option are our pixel brushes. And the third option for now, what you have to know is the eraser, and we can also choose the same eraser just like in Procreate of the same brush type. So we stay within our it's called the paint brush tool. If you're not sure, there's this little question mark that when you click on it, shows you the entire menu and you can double check what the tools are called. So from this paint brush, we can select our brush types, and when we click on any title of the brush, you see all the pixel brushes that are available here, and you might have a little bit less. Normally, the default affinity folder starts with acrylics. I have a few more because I've been using this program for a long time. There's a lot of, for example, this Frankin tune set is currently my favorite pixel brush set. But again, you really don't have to buy anything new because Affinity has a whole bunch of free brushes that come with this program. So for example, acrylic, Basic brushes, they don't have that much texture, so I would rather not use it for building this pattern because we want to choose something with more texture. Dry media is really cool. So let's stick to the dry media now. For example, we can choose this gritty crayon. And now that we have this pixel brush selected, the most important thing or the most important setting is this one here. You see, this is the size of the brush. So we make it a little bit bigger. We focus on the angry cloud, and the funny thing is that we pre select the color of the pixel brush, not from the fill menu, but from the stroke menu. So right now it's pink. So if I start see drawing with this brush, it will be pink. I want to bring it back, and I want to change it to white. And now I want to explore these brushes and see how they will look that looks pretty cool a little bit of texture. And especially if you're new, if you're very new to those brushes, you're just starting out, you don't have your favorite brushes yet. My big, big recommendation so that you don't forget which brushes are your favorite is to check that, okay, this one was called gritty crayon. Go to your layers, swipe to the left and take a note for yourself because it happened that I was experimenting with brushes, and then I chose a texture, and then I wanted to replicate it, and I forgot gritty. What was that? Gritty, see, I already forgot. Gritty crayon. I think I was saying that you can take notes. So I wrote gritty notes. Gritty crayon. And now we can make it invisible, go to the plus. Another pixel layer, and now we can explore more. For example, we can go to I think Markers was pretty interesting. We can choose. That's the thing. I don't know all of these precious. I play around with their size, and I'm not really using those settings here. That's nothing that you need to know about for now. So it happens that I am actually on the eraser. I have to make sure that it goes back to the paint brush. Don't panic if there's something that you don't see. It's probably because your paint brush switched itself to the eraser. Again, markers. Dry media. Let's find markers. Just the first marker to test it out. Oh, this is really nice and smooth and sometimes you can layer them as well. This is just for you to test. I'm just going to take a note that it's a marker. I will know that it's the first one. I'm going to make it invisible. Another plus pixel layer and 22 from the brush studio, let's go to you have it probably to pressure pixel shader brushes is something that you get if you register with affinity. Let's go back and I also urge you to save on a regular basis with using the pixel persona because sometimes on the iPad, it can crash and then you're losing your progress. Maybe this will be fixed in the future. I don't have it too often that the program crashes, but if it crashes, it's when I'm using the Pixel persona. So if you're happy with something that you just created using a pixel layer, please go back and three vertical lines, just save it. Save your progress. So as I was saying, when you are registering with affinity, here you have your account. You are able, so you're registering with your email, you are able to download some free brushes. For example, the artista, Affinity Designer brushes by Pixel Buddha. So Pixel Buddha, that already implies that those are pixel based brushes. And then you just have to over here, there's this download button. You have to make sure you download them, close. And next time you're here in the Pixel persona again and you go to your brushes. You are able to find them over here pixel shader brushes. And that already gives us a hint. Those will be great for our purposes because they're basically called shader brushes. For example, let's take this noise brush number one. I think I tested it before. Making sure I have the signs died I want. You see the circle, kind of gives you a hint how big this brush is going. Ah, yes. And this is the one that I want. And I remember it because I took a note. So that was noise one. Pa. I clicked Cancel. I think noise one. Now, going back to the designer persona, I want to go again to the body of this cloud and make sure it has the color of the background because now we have only the texture left. This is this great effect that I wanted to teach you and all of a sudden, the outlines of our vector shaped are becoming blurry. Now I can also inside of this folder, check all the beautiful textures that I created before. I can see which one I like the most. You can also, of course, zoom in zoom out. The problem is, actually, it's an advantage, but it's also a problem that a lot of them are really super cool. So you can leave all of them for future reference, you don't have to delete them. But I think I will go with the gritty one, which was from the noise brush number one from this pressure set by Pixel Buddha. Since I like it so much, back to the live dogs, it's safe because with a pixel persona, something might crash, hopefully not. From the designer persona, let's locate our next cloud. It's going to be this one I'm going to zoom in so that I don't make any mistakes. Plus pixel layer, now we go a little bit faster, clip it, and now going to the pixel persona, it should remember our previous settings. We have white color, noise brush number one, the same size. I'm going to make it a little bit bigger because then this texture becomes even more gritty, very pretty. I'm going to recolor the body of the cloud later on. Or maybe now. Actually, let's do it now. This one needs to be recolored to the color of the background. Very good. Our next cloud will be this one. I will show you a different approach. First, we merge the body of our vector shape already to the color of the background. Now plus pixel layer because then you can see the defect better. We clip it. Now we go to the pixel persona. The breast should be remembered and now we can see even better how much we want to leave. Maybe we just want half of this cloud. But I still want those shapes to be visible. Okay. I think I like this one. I'm going to go back and save it so that I'm really making sure I'm not losing any progress. The last cloud, it got selected, I zoom in. I change its color to the color of the background. Now, plus pixel layer, clip Pixel persona, double checking white noise noise the brush that we want, which is noise number one. D Oh, this is so nice. Even though I created such patterns before, but I really, really like this effect, and sometimes you cannot achieve this effect just with vector brushes. So going back, saving and just wanted to show you again that this is the exact technique that I used on this pattern. So this is a ghost. Let's select this guy where. It's just my test. Two, two, let's select this ghost. You see, it's a vector base. I experimented with different textures. This one is a little bit more chunky and this one is a little bit softer. The same with the cloud. This time I use the color black. In this way, it was super easy to create this texture clipped into a vector shape. Now the previous technique is a little bit more graphic as you can see, it is still scratchy. There's a texture element. It's not as smooth as vectors usually are. But pixels, as you know, they feel softer, so to say. Now, let me talk about some limitations of pixels. For example, recoloring is much, much, much harder. For example, for those clouds, I would rather color again. If I wanted, for example, this guy, the angry guy to be black, I would rather create a new pixel layer, go to the pixel persona and change the color to black. I think the brush was remembered exactly, and I would rather do it again. Of course, then I have to change the other elements so that his mouth is not merging too much, maybe. This would be actually interesting, going back to the designer persona just to see what it would look like. For example, this could be white. And maybe his eyes could be to to to something else like that. And now all of a sudden we have an angry black cloud in our pattern. I think I'm going to leave it like this. And I'm even starting to like this gray background. Not everything has to be super colorful like here. So one option is to recolor. There's another thing I wanted to show you. I'm going to create maybe duplicate copy. Make the original invisible. And now I'm going to shift this cloud so that it gets cut by our original campas, okay? And now two to two, we will go back to this original shape. Delete all the textures that we used, create a new pixel layer so that I can demonstrate one challenge to you when working with the pixel persona. Let's also zoom out. Theoretically, this cloud should repeat here also the angry cloud. A here, you see, now what happens when we want to work in the pixel persona and it gets cut outside of our original canvas. We're still on black, the brush is correct. We start to color in and this is what happens. See, this is another limitation of the pixel persona. If I wanted to fix that, does it mean that this cloud can never be positioned outside of the canvas? Of course, it can, but I'm going to delete it and go back to the original one. Before I create anything with the pixel persona that will be I mean, the original element that we're working on. If I know it's going to be cut out, I will first position it somewhere within the original canvas size, then decorate it with my pixel based elements, and then I'm going to shift it because you see that this texture is clipped, but it doesn't matter once it is done, so to say. So this is let's say one limitation. Another limitation would be when drawing with the pixel persona outside of the original pattern tile. For example, I create a dedicated pixel layer, and let's switch off over here the snow. Back to this pixel layer that I just created. Let's switch to white. And let's take this more scarce noise brush and make the snow like this. See, again, I cannot create anything here outside. Of course, it will be mirrored. But maybe I can choose a sticker brush to show you what I mean. If I wanted to create wind If I'm drawing within, again, the brush. If I'm drawing within my original tile, then everything is fine. But the moment I go out, see it's getting cut so I'm going to go back with the elements that were cut back to the designer persona. This is this pixel element that I created. If now in post production, so to say, I want to move it, then it's fine. The problem, it will not be cut when I'm moving it, but it will be cut when I'm drawing it. So in the context of creating repeat patterns, this matters if we want to draw something in pixels outside of our original pattern tile. To say this is very important. Going to remove that, bring back does Victor snow that I wanted. And that's one limitation that I wanted to talk about in this lesson. In the next video, I will briefly talk about recoloring our pixel elements. 11. Re-coloring Pixels: Okay, we continue chatting about the properties of pixel based elements and affinity designer. So one way to recolor is to draw it again. So I wanted to change this grumpy angry cloud into a black cloud, because it's just one simple element, I can still switch between the colors because I didn't delete those textures here on the layers. It was easier for me just to grab my pencil again, create a brand new pixel layer, and to make it from scratch. Now I want to make a copy of this cloud so that I don't destroy the other cloud that I already like. There's another way to recolor our pixel layer in affinity designer. We have to move back to the Pixel persona. Then we have to select the color that we would like to affect, and then we have to add. So when you click on the question mark, it will give you the names of the other settings that you have in this pixel view. We have to apply an adjustment. Over here, there's a whole bunch of options that I haven't explored too much yet myself because I mainly work with vector elements. For example, you can work on black and white, brightness and contrast and some were here towards the middle or even the end, you have the option to recolor. When you click on it, you have this menu, which for me personally is not super handy. You have to make create this adjustment and then you have to clip it into your cloud. For example, lightness is on 0%. That's why it's black. When we go up, you see that we make something brighter. We can also increase or decrease saturation. Here we can experiment with the hue. For example, we can make something green, maybe again lighter, maybe less saturated to make it pastel. This is one way to recolor, but it's not as good as in procreate, for example, where this menu so in Procreate, for example, recoloring our pixels is much easier because you just go to those adjustments menu and you can, for example, choose hue saturation brightness, and you can pump up the saturation or bring it down to turn into gray scale. And I think it's a little bit better. So I think it's something to get used to. I find this a little bit too small, and it only works, of course, if the pixel color is just one single color that can be edited, so you cannot have I mean, you can experiment, but I would rather split colors if I know that I want to recolor them. There's no quality loss, so it's basically just procreate, adjusting hue saturation brightness. If you want to go back to it, remember that this is clipped inside of this pixel layer. That's why there's an arrow that allows you to close it and to open it. Then if you want to get back to this menu, you just click on those symbols here. You can, of course, get rid of them and you can keep working on it. For example, you can keep changing the hue. This one is a little bit more minty. I actually like this one. Then this is something that you can keep as an alternative. Now I can go back to the designer persona. Put it somewhere in the place of this black cloud. Maybe this will be more subtle. Hide the black cloud, and now we have another variation. I can also bring back the color of the e to I think this is just pure black that the other clouds have. And now the only difference is that it's a little bit more minty. Maybe the mouth and the eyebrows, I can also switch them back to black. Now it's just this black sheep type of angry cloud that is just a little bit different in color. Maybe the eyes can be just like those pixels, but I'll go to HSL sliders, make them a little bit darker. Maybe this could be interesting. I just wanted to sum up the limitations of the pixel persona. Remember that if you would like to create a new pixel texture, you have to draw within your canvas. This is very important, otherwise, things will be cut out. But you can also remember that once this is created, if you go back to the designer persona, we take this angry cloud, then you can move it non destructively and everything will be okay. So this is all good. If you want to recolor, you can either create just variations that you say you don't get rid of them, and you create each of them anew. Or you can use this, as you can see here, this adjustment layer, which has to be clipped to this pixel layer and then you can make your adjustments by manipulating hue, saturation, brightness or lightness, and even the opacity. Those are the options. I think that patterns don't have to be super elaborate or intricate and that's why I'm teaching this for pattern design because it's technique that demands a little bit of effort, but it's completely manageable. It means that the effects are completely worth it, even if it takes an additional step and that's why I wanted to show you this technique. Now when it comes to working on texture, let's also make sure to save our file. Now, the one thing that we have left is to discuss how we can enrich our patterns by using vector brushes. This will be in the next lesson. 12. Texture: Vector Brushes: All right. So just to quickly recap, we built our base assets in Adobe Fresco. Then we were experimenting with vector based assets for texture. And then we were getting to know a little bit better the pixel persona and affinity designer. And in this lesson, it is time to learn a little bit more about vector brushes. I'm going just to open an entirely new document. The size doesn't matter so that I can show you vector brushes separately. The vector brushes are available in this menu here under the designer persona. First, you have to switch to the vector brush mode. Then you can go to the color studio, and you can also adjust the color on the stroke side, just like for the pixel persona. Now, all the brushes that are available are super awesome and therefore free, and there's a lot to choose from. They look very similar to the pixel persona. For example, by default, you will have acrylic brushes and also here. In this section, you can change the size of your brush just like in the pixel persona. So when we take, for example, the acrylic stroke brush, making sure that it's black, we can start drawing with it and we will see that we'll get different types of texture results. It takes a little bit of getting used to it and finding your favorite brushes. You also get Artista brushes, victor brushes for free when you register with affinity and you can download them. One of my most favorite brushes is this Hatch three brush. Just make it a little bit bigger. It looks like this as if it was really drawn with pencils. Then we have dry media. So for example, this charcoal dry is very interesting. And I'm drawing in black on purpose so that you can see the texture better. I will draw a few lines to show you what variety we have here, and then I will discuss the properties of vector brushes in a little bit more detail. There's the engraving section. For example, that looks very interesting. Oop. I have a ton of brushes again from Frankintun that I purchased a while ago. I'm going to skip that. You don't need to buy any new brushes because affinity has a lot for free. So for example, dry gouache brush. We just have to make sure that we always in this vector brush menu. Sometimes it can switch back, for example, to the move tool or to the node tool. Then just have to make sure that you go back. And again, here we just the size, and you can get different effects. I'll show you in a second, a few illustrations of mine that use vector brushes, inks, markers. This is more of a dense marker, but it has some texture around as you can see. Some texture is more visible when we change the color. Oil in pasta for example, and the rest is pretty much up to you to play around with all those categories to explore, for example, pencils. This one is really awesome. It's for free and the pencils folder, pencil strokes. I love it because it really does look like pencil strokes. It's amazing. There's also pens, and right at the end, we also have watercolor. Watercolor is really cool. I use it quite a lot in my children's book illustrations. This one is amazing. You see? So it has this texture of a real watercolor brush, actually. So now we can go back to the note tool. Over here one more time, and you will see that, for example, this stroke, the water looks a bit like a worm. It is editable. Editable. Yeah. Just like any other vector shape, it is very easy to re scale, and it pretty much behaves like a stroke. So when we are drawing with the pencil tool, we have the option to draw just with the stroke. So right now, I'm just creating a standard line. And then we can also draw with the pencil tool. Creating a fill. So this black outline is the stroke, the circle that is empty, and the fill is what you have inside. We can also switch off the fill and have only the line, and then we can play with this line through the stroke studio. And those vector brushes, you will see that they're not like this standard vector shape which has both the outline and the fill. They rather behave like a normal line. And along this line, there's this single line that is in blue. There is a clipped vector texture. I think I also have at least one YouTube video on my YouTube account showing vector passes and explaining them a little bit. We have a pause. Let's, for example, recolor this one. We have to recolor on the line side, on the stroke side. C just choose this default blue, for example, and now this other line will be also visible. Everything goes on the line. We can add in additional Nodes by just clicking anywhere on this line. Of course, this doesn't make too much sense because the texture is getting a little bit too weird. But theoretically, we can grow this line, add extra notes, and with the node handles, we can keep editing it. Again, if I want to recolor it, empty circle, stroke. Maybe from my Halloween section, we can change the colors, and depending on the medium that we chose, the color effects will be different. So this green looks very interesting. But just like in watercolor, if we choose lighter colors, the texture might be more or less visible. I guess, with watercolor in general, it's better to choose slightly darker colors so that we can really see those texture effects. Now, some people are not fans of vector brushes because they say they are not real vector brushes, whatever that means. But to me, they are real enough, so to say, what does it mean? It means they give me texture. If I were to try to create this effect with normal vector shapes, it would be impossible. So they do offer really, really interesting textures. That's number one. Number two, they are very scalable. Number three, they are super easy to recolor. What was the word non destructively? Non destructively, so we are not losing any quality. And on top of that, I think this original pattern tile, not a pattern tile, illustration file is again 4,000 pixels square. If I were to go to Export and export it in an original color of 4,000 pixels, let's do that. Save image to my camera roll. And then if we were to export it again, but this time, instead of 4,000, we would choose maybe 14,000. That's a lot. Square. It will generate a new export, which will naturally be much bigger because it's a much bigger dimension. Remember, if you're creating pixel based artwork, for example, in Procreate, you will be tied to your original document size. You can scale it down, but you cannot scale it up. Here, I started with 4,000 Pixel square, but now I am exporting exactly the same artwork in 14,000 Pixel square. Share, let's save this image. And now we will compare if the quality really deteriorated, basically because we scaled this up. So when I clicked on Safe Image, I clicked to save it to my camera roll, so let's find it in my camera roll. Alright. So these are my recently saved illustrations. This one is 4,000 pixels. I mean, it's the original size that I created in, so it all looks great anyway. Now when we swipe to the next image, this one is 14,000, and it's exactly the same. So if we click on this I, we will get the information. It's a bigger file. It's 19 megabytes, but it's 4,000 pixels square, whereas the previous one, we click on the information is just 4,000 pixels square and 5 megabytes. This is working. This is brilliant. Sometimes I create an illustration for my agents and they ask me for higher resolution file converted to CMYK for the client portfolio that they need to print out. I don't have to do everything from scratch or I don't have to, I don't know, export it to Adobe, to maybe edit it up there. Everything is possible in affinity designer. Those are the advantages of those vector brushes. You can scale them super easily. You can export them at any size. You can recolor them. And through the node tool, they have this flexibility. Because they behave like a line, you can also go to the stroke studio, and you can change also the size of the stroke. So to say, which will influence depending what texture is used, meaning depending on what brush you're using. We can go back to this test file. For example, this original watercolor blob, we can make it smaller or we can make it wider. The same with this engravings brush, smaller or much wider, of course. We usually come at some sort of a limit. But when you're working on canvases that are between 2000, 4,000 and even more Pixel square, then you rarely arrive at those limits. These are really, really sufficient. So this is how you roughly use vector brushes, and now how can we use it here for our pattern? First of all, you have to know your favorite brushes. I already have a few. So one challenge for you will be to explore this library, to go to the Vctor Brush tool. For this background color, I would say I would stick to the white because the contrast would be good for me to explore what kind of Vctor brush details I can add in to this pattern. Then you go to the brush studio. Hatching vertical. I wanted to create or recreate those clouds with rain. Look at this lovely texture. And this is actor vector, I don't know, vector hybrid pixel brush that behaves like vectors and has all the flexibility of vectors. So I don't know what's not to like I can start drawing my rain. If I don't like it, I can always go back. I will clip my canvas, so I just see the original pattern tile, and I can make a few shapes. But because everything is vector based, when I switch back, it's super easy to reshuffle everything. For example, this angry Cloud. I would like to move it a little bit here and maybe make it bigger. And now from the node tool, I would like to explore if I need to make adjustments to to those guys here, maybe make them a little bit bigger. Actually, like how it looks right now. Then I can group everything. So this is my vector brush rain. And because it's a line, it will behave like a line in a way, and on this line, we will have this raster texture. We can edit it from the stroke studio. So if you want, for example, change color, we have to do it on this empty circle side. Ooh. That looks nice. I can also make a copy, duplicate and I can keep one in black and one in white so that I can make up my mind later. So back to the vector brush, let's explore one more variation. I really like to do this watercolor. And there's one brush that is called water particles. I'm on white color. This is the size of my brush. I just want to see that can also look interesting. You can make rain like this, even though I think it's too grainy, so I'm going to go back and try to look for something else. There's watercolor bristle. That can be fun, or I can make wind out of it, you know, a very abstract. And unlike with the pixel, I'm just going to demonstrate here, we can still draw outside of our original canvas size, and it will be non destructive. Nothing will be cut. And we can see our whole preview here to double check that everything is really nicely balanced. So this is, for example, one more pattern variation that I can think of, and it's textured. You see, it's very beautiful. So this will be my pattern tile. If I ever want to edit it or make it invisible, I select everything and I group it, and now I can either switch it off, or I could, but then I have to leave the vector brush, for example, to the moveTol and now I can also recolor it, for example. That looks very cute or make it darker. Black also looks great. For a pattern for kids or just plain white. Now, if you have your favorite brushes, the way I have, I have a few favorites here. You can also save them into a dedicated folder. And this, by the way, also applies to the lesson about pixel brushes. So if you want to create a new folder, you go to the brushes studio, of course, three vertical lines, and then you add category. And for example, we can I like to choose zero or one so that my categories are sorted alphabetically, but the numbers will come to the front. And then just for the sake of this demonstration, I'm going to make a new category, for example, new favorite. I would create it and it's empty. I can go, for example, to this watercolor section, and I think I used this watercolor bristle number three brush. If I swipe to the left, a new menu will pop, and I wouldn't move it, I would copy it, copy two, and we're looking for this new category called zero New favorite. And now a duplicate is made. So when we go back to this Oh, this is my old favorites category. New favorites, then we have this brush over here. I also liked what else did I like Is it in patterns? This hatching vertical. So again, swiping to the left, copy two, new favorite. I think also pencils, I really like this pencil strokes brush. Swiping to the left copy two new favorite. And now when we click on this title here, we have access to the whole library. We can go back to this new category that we just created, and this is one way to kind of cheat your way into remembering which of the brushes are your favorite. I have to admit when I first started working with affinity, I felt a little bit intimidated by the sheer number of brush options that were there. But again, one plus is that you don't need any new brushes. Everything is here. You just have to pick your favorites. I also have some favorites for liners. And of course, I also bought some brushes. So this is, for example, by True Grit texture supply. And of course, Frank and tune brushes, I think I only buy from those two sources because not all of the digital shops out there for brushes, not all of them still create for Affinity Designer, which hopefully will change soon, but in any case, there's so many brushes here that I am good. I really don't need anything extra. So I just want to go to the Stroke Studio and make this texture a little bit wider. Super convenient, and I'm going to leave it at that. So we were working with our Fresco base that has a bit of this uneven outline which adds a lot of interest. We experimented also. Just let me remind you with more of our fresco assets. So textures that you get access to in the resources section when you download this whole folder. We also worked here with the pixel persona, clipping textures, for example, to our vector shape. And finally, we also so let's get rid of this snow. We also played around with some really awesome vector brushes affinity designer. And kind of referring back to the very first lesson when I was explaining what software is out there, when you compare all those options in between different types of software Procreate, Fresco, Adobe, then you'll see that affinity has a lot to offer, and luckily for me, I still have plenty of material to teach. I think it has a lot of offer with regard to texture. Some people think just because it's called designer. It is mainly for vector design, which is also true. It's called designers, so a lot of people use it for graphic design with text, you know, for marketing branding purposes. But it's also very suitable for illustration and it's also very suitable for pattern design. So we have one more lesson to cover about pattern variations and about our color palette and recoloring. 13. Efficient Pattern Variations: Throughout this course, I showed you ways to be efficient. So one thing that you can do is you can create different pattern variations with regard to the details. For example, you can create different the card developments that are around your main assets, which for me, are those clouds. You can also create different kind of texture elements. For example, this pattern variation, which I remember I just made a copy and I let it be. You can still go back to those happy experiments, and then you can keep refining them, change color and so on. So you can make it one set of assets. For this pattern, I also created different color versions. Then I also saved up those extra assets. So I'm going to bring this pattern here so that you can see better. I think I created also one with a pink background, one with a green background, and on top of that, I use those cats, those cat assets. To create greeting card design. So when you are creating your patterns, you can also recycle all those things to different types of materials, including marketing materials. For instance, as we speak, right now, I'm running a sale on all my courses through my website. Let's have a look. So this is my website. And some of those assets, they will be part of my branding or my promotional material, you know? This is how I created this banner to announce my Halloween sale, for instance. We can also go together to Instagram. That was at least from today. This is how I created this post about the sale. I was also using the same spooky cloud that I created for this pattern. So one option that you can do is to create different color variations. We haven't talked about color palettes yet. Sometimes you will start with gray scale and you will be happy with the outcome. For example, if I wanted to change this gray color, I have to focus on the background layer, then I have to go to the fill area. Oops. Select this blue color, and I also have to remember to change the blue on the clouds. I have to go back to this original folder. I will open all the clouds at the same time, select just their bodies, and readjust it to this blue so that this shape kind of merges with the background or kind of floods into the background seamlessly. If I want to find any particular color at a time, I can also select this one color, for example, this green and from the move tool, I can go to SAM. Fill color. And it's only this green. So maybe it's a bad example. But if you had more colors, you could select exactly the same color, which is a few clicks using this function. And now I can maybe change the color here to orange. I think those pinks were exactly the same. But you can keep tweaking your pattern. You can keep adding different details, recolor it to your liking. So to change this pattern into another pattern variation, sometimes it's enough to just change the background. So for example, this pattern here with the cats, I mainly changed the background and I just needed to see, for example, if some of this green does not have to be changed to a different color. But it was a matter of maybe 1 minute and I was able to create my own pattern variation. So I think recoloring is clear. Then another thing that we did was we created different types of assets, and this is how you can create similar pattern variations by using different elements. So we had snow. This one, we can create very quickly a pattern for kids, for example, with the stars, there was a variation with this wind can recolor it also very fast. We had a variation with this self made vector texture for snow and all that, you can export. Let me just make sure that this is the original pattern tile. Every time you create a variation, you go to the three vertical lines export. And in this original size, you can click Share and you can save image either to your camera roll or you can save it to files to a dedicated folder. Every time you have a variation. And then perhaps you put everything into one folder, and then you see what you've got. For example, when I was working on those GrampyClouds, I created I didn't bother about color changes at first. I just wanted to create see there's one with the textured rain. There's one with like a dotty line that's also Victor brush. I hope you can see that when I zoom in. And there was one with my own texture. And in this way, I have one, two, three, four different pattern variations. On top of that, I can also recolor to make further variations. So I hope that this small demonstration shows you that you can expand it very, very fast. 14. Final Thoughts: Yay, congratulations. Another pattern design course in affinity complete. I really can't wait to see your final work. I hope that you also fell in love with adding texture to your vector patterns, and I am absolutely sure that you will get fantastic results. As always, in case you're taking this course on Skillshare, you can share your work in the project gallery. You can, for example, show us your pattern tile, or you can screenshot your entire interface. And if you're taking this course on Gum Road, you can share your work on the social media, for example, Instagram, under the Hashtag Magical vectors. Also, don't forget to download your class resources and leave a class review. I would very much appreciate it. Now, we also have two dedicated Facebook groups for people who use Affinity Designer for general illustration and also for pattern design. You can definitely publish your projects there and ask for a critique. So it doesn't matter if you're taking this course from Skillshare or you bought it on Gum Road. And even for Skillshare students, it is a good extra place to connect with people outside of Skillshare. Or, you know, you can also post your own dedicated threat with your own images, and even my students were posting their videos to explain problem that they had, and the whole community was able to help in the end. And in addition, I have some extra resources and articles because I really like writing on my Sap Stag. I call it a blog letter. It's like a blog, but it's also a newsletter. You can get it to your mailbox. I called it the art of growth because it's about illustration in general, life of an artist, and, of course, also affinity designer and using it for work and for personal projects. And I like promoting this platform because it's great also for leaving comments, getting involved. Again, with people who are outside of Skillshare or Instagram, you can leave your comments, start a discussion, or you can also discover other creatives who write their articles. Remember that you can learn with me both on Skillshare my Gumbod courses, or maybe I will also see you on my YouTube channel. I'll see you in my next class. Thank you.