Surface Pattern Design: Digitize Traditional Artwork in Affinity Photo V2 | Jenny Veguilla-Lezan | Skillshare

Playback Speed


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

Surface Pattern Design: Digitize Traditional Artwork in Affinity Photo V2

teacher avatar Jenny Veguilla-Lezan, Latinx Designer & Illustrator

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.

      Course Introduction

      4:57

    • 2.

      Project Outline

      1:12

    • 3.

      Prepping and Creating Your Artwork

      1:26

    • 4.

      Photographing your artwork

      1:28

    • 5.

      Exploring the interface - The Menus

      9:54

    • 6.

      Exploring Interface - The Tools

      14:39

    • 7.

      Exploring the Interface - The Studios

      11:42

    • 8.

      Isolating the Motifs

      8:55

    • 9.

      Building the Pattern

      12:56

    • 10.

      Recoloring and Exporting Final Tile

      3:44

    • 11.

      Testing the Pattern

      2:31

    • 12.

      Uploading to Spoonflower

      6:41

    • 13.

      Course Outro

      0:59

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

143

Students

7

Projects

About This Class

About This Class

Are you an artist or illustrator that works in traditional mediums and are interested in surface pattern design? Do you possibly paint with watercolors or use gouache or even sketch with color pencils and want to learn how you can take your traditional art work into the digital medium for commercial use as surface pattern repeats?

0c71fb82.jpg

Well, in today’s class I am going to walk you through how I digitize my traditional artwork and translate them into surface pattern designs using Affinity Photo V2 on the iPad. Working with traditional mediums doesn’t mean you have to always create your repeat by hand and in this class I will show you my process for taking traditional artwork into the digital realm that still keeps its handmade look, but offers a quicker streamlined process.

Hello everyone! If this your first class with me, welcome! If you are a returning student, welcome back! I am Jen and I will be your creative guide throughout this course. I’m a freelance graphic designer, illustrator and educator based out of the midwest and I run Bella + Sophia Creative studio. If you want to learn more about me, check out my youtube channel: The Creative Studio. I shared helpful creative tutorials on art, design and more as well as behind the scenes of the work I do as a creative freelancer and educator. If you want to see some of my design and illustration work - you can visit my website at: http://www.bellasophiacreative.com and you can also find some of my surface pattern work over on Spoonflower: https://www.spoonflower.com/profiles/bellasophiacreative

So, in today’s class, we are going to be exploring the creative place where traditional art meets digital art and it is a fun place design. While I often work digitally, I really enjoy working with  watercolor and other traditional art mediums like paint, gouache and color pencils. When you work traditionally by hand, people think it is difficult to translate to a digital product, but in reality you can still take those pieces of art to a digital format. I like to do this for easier access when it comes to any commercial projects or projects that require digital files. Creating surface pattern designs with traditional work is a fantastic way to do this. As we work together today, we will go through the process of  prepping your art for use in a repeat pattern, learning how to create the pattern in affinity photo, exporting your final file and some of the ins and outs of the new version 2 affinity photo app.

If this is your first time taking one of my classes relating to surface pattern design - Definitely make sure you check out my previous surface pattern design courses - I have a variety that cover everything from basic level topics that walk you through the entire process of designing from concept to final pattern to more advanced classes that explore building specific types of repeats like half drop patterns and more. While this class is focused on using the Affinity apps on the iPad, I also have courses that walk you through the design process using the desktop affinity apps on a computer.

What the class is about

In this class, I will walk you through my process on how to create a repeating pattern from traditional art - in my case watercolor work - using the Affinity Photo versions 2 app. I will first walk you through preparing my art work for use in digital formats. We will go over how to get your work onto your iPad. We  will walk through how to photograph using your iPad camera  to make it easier to isolate your design elements. We will go into how to  isolate your design elements and then we will also review exploring color variations of your artwork. Then we will begin to build out the repeat pattern using the design elements in affinity photo version 2 iPad app. Finally, we will test and export the final for for use with print on demand sties like spoonflower.

Make sure to check out the class resources for some helpful tools you can utilize while working on your class project. You can also check out inspiration over on my surface pattern design Pinterest board:  https://pin.it/2ZCvupW 

 

Tools needed 

iPad with Affinity Photo 2 installed

Apple Pencil or stylus

Scanner and computer 

Premade art work in a medium of your choice on non textured white paper

Who the class is geared toward 

This class is geared towards anyone interested in learning how to translate their traditional or analog art to a digital medium and create repeating patterns with them in Affinity Photo 2. Whether you are a beginner or pro, this course will go through all the steps necessary to bring your traditional art work into the digital space.   

Take My Other Classes

Creating Groovy 60s inspired surface pattern designs in Affinity Designer V1- https://skl.sh/3ZmGDoh

Learn to Design a Half Drop and Rectangle Full Drop Repeat in Affinity Designer V1 on your iPad

https://skl.sh/44tOYaq

Learn to Design Half Drop, Full Drop, Tossed and Brick Seamless Patterns in Affinity Designer V1

https://skl.sh/3RqNbjx

Meet Your Teacher

Teacher Profile Image

Jenny Veguilla-Lezan

Latinx Designer & Illustrator

Top Teacher

 I am a Chicago-born Latinxer (I'm a proud Puerto Rican and Mexican American) millennial, an educator, and a freelance creative with experience in graphic design, digital media, illustration and surface pattern design. I am also a mother of two  who is in on a mission to reach all the creative goals I've set for myself while trying my best to be a positive influence on the world.

I have 15+ years of experience in the fashion and creative marketing industry in both the corporate world and teaching as a professor in Higher Education. I am working on building course offerings that bring people a new perspective and opportunity to take your design and art to a new level.  I am pushing for continued growth, running... See full profile

Level: Beginner

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. Course Introduction: Are you an illustrator that works in traditional mediums and are interested in surface pattern design? Do you possibly paint with water colors or use squash or even sketch with color pencils? And you want to learn how you can take your traditional artwork into the digital medium for commercial use as surface pattern repeats. Well, in today's class, I'm going to walk you through how I digitize my traditional artwork and translate them into surface pattern design using affinity photo version two on the ipad. Working with traditional mediums doesn't mean you have to always create your repeat by hand. And in this case, I will show you process for taking traditional artwork into the digital realm that still keeps its handmade look but still offers a quick streamlined process. Hi everyone, if this is your first class with me, welcome. If you're a returning student, welcome back. I'm Jen and I will be your creative guide throughout this course. I'm a freelance graphic designer, illustrator, and educator based out of the Midwest, and I run Bella and Sophia Creative Studio. If you want to learn more about me, check out my Youtube channel, The Creative Studio. I share helpful creative tutorials, art design, and more, as well as behind the scenes of the work that I do as a creative freelancer and educator. If you want to see some of my design and illustration work, you can visit my website at www Sophia Creative.com and you can find some of my surface pattern design work over on Spoon Flower. I'll make sure to leave a link below. In today's class, we are going to be exploring the creative place where traditional art meets digital art and it's a really fun place to design. While I often work digitally, I really enjoy working with watercolor and other traditional art mediums like paint gush and color pencils. When you work traditionally by hand, people think that it's difficult to translate that to a digital product, but in reality, you can still take those pieces of art to a digital format. I like to do this for easier access when it comes to any commercial projects that I might be working on or projects that require digital files. Creating surface pattern designs with traditional work is a fantastic way to do this as we work together today we will go through the process of popping it for use in a repeat pattern, learning how to create the pattern in affinity photo, exporting your final file, and some of the ins and outs of the new version two of the affinity photo app. If this is your first time taking one of my classes relating to surface pattern design, definitely make sure you check out my previous surface pattern design courses. I have a variety that cover everything from basic level topics that walk you through the entire process of designing from concept to final pattern. To more advanced classes that explore building specific types of repeats, like half drop patterns and so much more. While this class is focused on using the affinity version two apps on the ipad, I also have courses that walk you through the design process using the desktop affinity apps as well as the version one apps. In this class, I will walk you through my process on how to create a repeating pattern from traditional art. In my case, I will be working with watercolor work using the affinity photo two version ipad. First, walk you through preparing the artwork for use in digital formats. We will go to get your work onto your ipad. You will walk through how to photograph using your ipad camera to make it easier to isolate your design elements. Go through how to clean up your artwork and how to isolate your design elements and take away that pesky white paper background. We will also review exploring color variations of your artwork. Then we will begin to build up the repeating pattern using the design elements in affinity photo version two on your ipad. Finally, we will test and export the final for use with print on demand sites like Spoonflower. Make sure that you check out the class resources for some helpful tools that you can utilize while you're working on your class project. You can also check out inspiration over on my surface pattern design, Pinterest board. And I'll leave all of that linked in the project description. In order to take this class, you'll need a few tools. The first would be an ipad with the affinity photo to app installed. I also suggest using some stylus. Could be a stylus of your choice or you can utilize the apple pencil. I just like it because it has such great usability, especially when it comes to pressure sensitivity. Finally, you'll want some premade artwork in a medium of your choice on non textured white paper. It's really important to have that non texture of white paper because it just makes the whole photographing process so much easier when it comes to having to remove that white paper background. Who is this class geared towards? This class is geared towards anyone interested in learning how to translate their traditional or analog art to a digital medium and create repeating patterns with them in affinity photo version two. Whether you are a beginner or this course will go through all the steps necessary to bring your traditional artwork into the digital space. 2. Project Outline: Now before we get started, I want to go over the class project. For your class project, we will be creating a seamless repeating pattern using the traditional artwork that you created and that photograph and digitize. In the affinity photo app, you will want to select artwork that is on clean white paper without much texture. We'll then clean it up, isolate the art, and then go through the process of designing a repeating pattern with it using affinity version two. While I will be working with a watercolor piece, you can apply the steps we go through to any medium of your choice. Once you complete your project, you can submit the following to the course project gallery to share with your fellow classmates and myself. Or you can even share it on social media and tag me at Fellow Sophia Creative for your deliverables. When you are ready, upload the following to the project gallery. You can share any of your sketches or pre work in terms of your final artwork. And then finally, you'll just want to upload your final repeat pattern. You can showcase it as a full pattern or you can just share your pattern tile, whichever you feel comfortable doing. I'm really looking forward to creating with you today. Let's get started. 3. Prepping and Creating Your Artwork: Before we even begin working in our program, we have to create some artwork for use in our surface pattern design. I personally enjoy working with watercolor as I can build up the color on the page. But you can use any medium that you feel comfortable creating in. When it comes to the artwork you select, though, there are a few things that you should keep in mind. First, try to pick a piece that has saturated and more defined colors. More contrast between the edges of your painting and the white paper is always easier to digitize. I also suggest utilizing cold pressed, non textured watercolor paper or any kind of paper of your choice that is non textured. This helps make the process of removing the background so much easier as you are less likely to have small shadows due to texture on the paper. Finally, you might want to start off picking something simple, like basic shapes, without too many intricate details and edges. But it really is up to you if you opt to go the simple route. It just makes the process a bit less difficult the first time around. Once you have your art, then you can jump into the process of photographing it so it can be used in affinity photo for your repeating pattern. 4. Photographing your artwork: Before we can use our art in affinity photo, we have to transfer the traditional art into a digital format. You can scan if you have access to a scanner. But another quick way to go about this is to just photograph it with your phone or with your ipad. Some tips to keep in mind when photographing. First, use bright, indirect, natural lighting. I would also suggest avoiding deep shadows, as this can affect our process for removing the background. You'll want to position the lights and the artwork carefully before taking the photo so that you don't have to worry about any glares. Make sure your ipad or phone is level and not angled up or down when photographing your art. This helps ensure that there's no distortion of the image. You can also double check that you are holding your smartphone camera so that the middle of the artwork is parallel with the camera ****. Let the grid on the view finder of your camera guide. You finally snap multiple shots of your image. When you're done, select the best photo of that grouping. And then either e mail it to yourself or you can open it up on your ipad. When you're done, select the best photo of that grouping. And then either e mail it to yourself, so you can open it up on your ipad or you can airdrop it to your ipad for use. Now that we have access to our artwork in a digital format, let's get started exploring Affinity Photo. 5. Exploring the interface - The Menus: Before we get into working with the artwork in your affinity photo app, I want to go through the app itself and kind of highlight some of the pieces of the interface that will be helpful to you as we actually work on building the repeating pattern using our traditional art work. I'm just going to launch my affinity photo app. If this is your first time working in the app, you will likely have nothing in your gallery. It'll be empty. I use this often, therefore I have different projects already in there. What I want to do first is get us to actually set up a work file and go through some of the interface. On the left hand side of your app, you'll see different options for setting up a new file, new document. You can pull documents in from your clipboard. You can create a template and also create a new file based on that template. You can also look at the templates that affinity has if there's within your download or that you've created under the templates icon. There are also samples that you can check out that affinity has created within the app. Then your best friend within the app is this little help icon. It'll take you to the learning portal. And there's so many great tutorials and informational articles that can help you through any of your projects. I love that. It's like a library within the app that you can just tap to when you're trying to learn something new. Within it, there's also your account set up and then underneath that is your settings, or your general settings for your undoes and the different automatic updates and whatnot. You also have your user interface. You can update it to go into a left hand mode. You can also adjust the background gray level. You can also go into your color options and update that based on your default profile that you want, say you're going to be printing often, you may want to change it. Then from RGB to CMYK, you can update all of that here. You can adjust your tools as well here in terms of like your nudge options and synchronizing your tools between your documents. Touch for gestures only. You can also allow canvas rotation in all tools. If you hit your pencil, you'll be able to adjust your pressure sensitivity within your app here. You can also enable double tap, show, brush previews. Can review any fonts that you have added or you can add the fonts in as well. So you download something from font, you can select the plus and then load it into your app. You can also adjust your shortcuts, and then you can see the shortcuts as well that are already pre installed, which can be really helpful. Then you can go into reset, and reset all of the different elements within the app. Once you're done, you've updated to whatever you want your options to be, you can hit Done and it'll save it. What I want to do first is start with a new document, or we're going to select this new document icon, and we're going to select new document. We are just going to create a document in 4,000 by 4,000 pixel square format just because it's an easy and high quality high resolution format that we can load to a printing site or that we can use in something like spoon flour. I'm going to go into my options here, you'll see your general pop up. You can also create documents based on templates that are already in here. And you can just scroll through them to check those out on your left hand side. But in our case, I want to set up a whole new file format document units. If it's not on pixels, you can tap where it says pixels and whatever unit of measurement that you're using. And change it. I want to make sure we are in pixels. Then I'm going to tap our width and change it to 4,000 and our height to 4,000 Then I'm going to change our DPI to 300 just in case you want to print it out. But for website spoon flower, 150, DPI is the usual standard. That way your file isn't too big. Since we're just going to be viewing this on the web. I'm going to keep our G B eight for my color format. I'm going to make sure I turn on transparent background, then everything else I can keep as is. And then I'm going to hit okay. This is the file we're going to be using when we're working on our actual pattern. But I want to just play around in this file and show you some of the tools and the studios that you'll be working with before we actually start building in. The first thing I want to highlight are your menus. In the upper left hand corner, you'll see your menus. You'll see a square that is the affinity photo icon. If you tap on that, you'll see all these other options. You can change an affinity photo, you can change your options to liquefy the develop persona tone mapping and export persona. They give you different panels and different options when you're working in your app itself. For example, in Port, you can create a bunch of different icons and say you needed them all to have transparent background and you needed all those elements to export individually. You can select the And then you can export those elements of slices, so little icons by themselves and they'll save us files by themselves. This is a really helpful persona rule work in. But we will be primarily working in the affinity photo persona. If you wanted to actually develop and edit photos, you develop persona will be your option because it gives you the tools that you need in order to do photo editing. We're going to go back to affinity photo, then right next to that, to the left, you'll see a little bunch of squares and an arrow that will take you back out to your gallery. When you're in your gallery view here you'll see all of your files. If you tap these little hamburger menus, you'll be able to access like your save and save As options. If you swipe with your finger left across any of these files, you'll get these little pop up options and it'll allow you to duplicate your file. It'll allow you to download and it'll allow you to save and save, as these are just really helpful quick actions that you can utilize when you're working within your gallery. I'm just going to tap on the file again. So it'll bring us back into our file. To the right of the personal icon, you'll see three additional options. What's nice is if you ever get lost in terms of what we are working on or what tool or what menu. If you go to the lower right hand side over here and you tap on this little question mark and you tap on this question mark, it will pop up all of your options and what the names are. This first one here is your document menu. You can convert your document. You can re size, you can flatten export. You could also place images. You can edit your canvas. This is where your document options live. The next to the right of your document menu is your edit menu. It's the three dot menu, and I like to refer to it that way because it's just easier to remember. If we select our three dot menu, you'll have all of your edit options. You have your clipboard where you can duplicate. You can cut, copy, copy, merge, paste. You can also emerge different elements. And then you have your different insertion placements, like if you're putting something behind or on top. This is also where we have some rasterize options as well. Then to get out of that, you can just tap anywhere outside of it. Then right next to that is our selection menu. We can use this to select all select, reselect, invert our selections. Just adjust different options in terms of how we're selecting. Whether it's with the marquee tool or our manual selection, we can adjust those here. On the right hand side, in your upper right hand corner here, you'll have some additional options like your zoom options, which is that little magnifying glass here right next to that is our preview option. If we tap on that little windshield wiper, you'll be able to preview what your elements look like without any margins. But then you could also add things like margins and guidelines. Your grids and congres, things like that. That's really helpful. You can also turn on spell check and add in rulers and whatnot. Then to the right of that, it looks like a little magnet, that is your snapping tool. You can enable snapping. You could also adjust your snapping options here as well. Snapping is actually really helpful if you're trying to align things really perfectly with your magnetics turned on. Say you make a shape, we're going to go to the shape tool. I'm going to create a quick shape and then I'm going to select my move tool. When I move that shape around will snap into place. What's nice is that it'll move into place. But we'll also see, based on our grid here, we'll see some lines like right here, we have that middle line. And then you'll see that green line which places that shape exactly in the middle of our document space here. 6. Exploring Interface - The Tools: All right, so now that we know our menu, let's jump it to some of the tools. I already showed you one tool, all the way at the bottom, That's our shaped tool. But let's start at the top and move our way down. I've already showed you one tool, that shaped tool, so I'm going to tap on that again. It's all the way at the bottom. If you tap on at once, you'll get the shape that it's already set on. But if you hold, you'll get this pop up which gives you a whole bunch of different shapes options that you can utilize, star to square, star to doughnut pie, things like that. Your segment tool, I'm going to select this doughnut tool and you'll see that it creates a doughnut shape. A quick action you can do is hold your finger down when you're creating that shape. And it'll give you perfect dimensions, so you get a perfect circle. Then if we zoom in here, we have, we have some little red dots. If you pull those dots in or out, it'll adjust the inside of that doughnut. Now I'm going to take two fingers and squeeze them together to zoom out. And then if I take my two fingers and squeeze them apart, it's going to zoom in to my as here. This moved off to the side. So I'm just going to select my move tool and that's the first tool we're going to look at really quick. Right underneath our view tool is a black arrow, and that is our move tool. When we tap on that tool and then tap on whatever is on our canvas, we can move it around. We can adjust its shape and its size and whatnot. We'll be using this a lot as replacing elements within our pattern tile and moving them around. The next tool below it is our color picker tool. We're going to look at some, but not all, of these tools. We're just going to focus on what we need for this particular project. But the color picker tool is a great option. You can use that to pick up a color and change a color. For example, I'm going to place an image, this is helpful to get you acclimated to placing images within your canvas. I'm going to select my document menu. And I'm going to select and I'm going to place something from my photos, for example. I place this artwork that I have. Say I want these colors to be in my design. Once I've hit placed, I'm going to take my pen and I'm going to drag it across the canvas and then it's going to place that image. What's nice is I can resize it and move it off to the side and say bunch of rings in this color story. I'm going to resize this ring using my move tool. And then I'm going to go into my edit menu here at three dot menu. And I'm going to select Copy. Go back into that three dot menu, and I'm going to select Paste. It's going to paste it right on top. And then say I want to paste a third time. Maybe you want to get used to your quick actions. You don't want to use your edit menu. If you hold your finger down, this little pop up with some quick options will come up and we can select Paste again. Then it'll paste a third. All right. Now say I want to pull in colors from this little image to select this first ring by tapping on it, making sure my black move arrow is selected. I'm going to tap on it. You'll know it's selected because it has this blue outline. And then I'm going to go into that color picker tool that we were looking at. And I'm going to zoom in and I'm going to select the yellow. And then you'll see over here on the right hand side in our color studio, our color options yellow has popped up and now that ring has turned yellow. I'm going to select that black arrow tool again, my move tool, tap on the middle ring. Then I'm going to select that color picker tool and I'm going to tap on the red. Now the ring has turned that orangey red. Then I'm going to go back to that move tool, tap on third and final ring. I'm going to zoom in just a bit more and I'm going to try and get that blue there. I'm going to select that color picker and then I'm going to tap on the blue. The blue is now filling that ring, and you see it in our color options. If you tap on that little blue circle over on the right hand side, that is our color studio. When you tap on it, the studios pop out. You have all of your colors that you've been working on. You also see at the very bottom, you have some recent colors that you worked on. If you tap in, you'll get your swatches, and we'll go over that later, how to add colors to your swatches. I'm going to tap on that color, pull it back in. Then we're going to go back to our tools. On the left hand side, we've recolored, we use our color picker tool. The next tool that I want to use is our selection tool. Four icons below that color picker will be our selection marquee. Right now it's the rectangle marquee, the rectangular marquee, which only allows you to select in rectangle shape parameters. But if you hold down, you'll see additional ones. You will likely be using this free selection tool more than anything as we're working on creating our pattern. I'm going to select the brush tool really quick to create a little element that we can then select with that freehand selection tool. Using my brush tool, I'm just going to color some elements here. I'm going to go back to my selection tool. I'm going to select my freehand selection. Sometimes a circle or rectangular marquee just doesn't cut it. You need something that allows you to select based on the shape, and that's what this lets you do. And then you'll notice the marching ants go around it. And then what we can do is go into our Edit menu, select Cut, and then go back in and select Paste. And then to deselect everything, I can just go into my Selection options here and just select Deselect. Then we'll go into our layers here on the right hand side or layer studio, Pop that out. And then you'll see that that option icon that I created is just selected by itself without anything behind it so I can layer it and not worry about having any issues with like a white background. That's also what's important when you're setting up your file. We selected transparent background. That is really helpful in some instances when you want to have a transparent background without a white Jpeg style background in order to be able to do this thing, it'll be important to have that transparency. But let's add a background to this so that we have it to you guys can see what I'm working on a little bit better. I'm going to go back to that shape tool. I'm going to tap on it. I'm going to select a rectangle this time. And then I'm going to change my color from that blue to white. And then I'm going to tap on the circle option behind it. In my quick colors, this little white rectangle with a blue line in it. That means that there's no stroke, there's no fill. Then I'm going to create a rectangle. It's going to go and cover everything. But if we go back into our layers on the right hand side, select that rectangle and dry it all the way to the bottom. It'll be behind everything. But we can turn this rectangle on or off and say we wanted to export something without this white background. We turn off that rectangle, we have that transparency. Now that we work with the freehand lasso tool, let's work with some of these additional elements. And then we can jump into the right hand side and take a look at our studios. Let's jump into our fill options. Not the flood fill, but it's the icon right underneath the little paint bucket. What this allows us to do to fill a shape with color or a pattern, which is what we're going to be working with, say we wanted to change the fill of this doughnut shape from that red to a pattern. What you'll do is select that fill tool and then you'll see these options in the upper menu. Currently it's says solid, but if we tap to the right, we can change it to like a linear gradient. If we keep tapping, we can change it to something called bitmap. Bitmap is what will allow you to fill a shape with a pattern of your choice. This is how we're going to test our patterns later. But I'm going to select place and file. And then I'm going to go on my ipad and find one of my patterns that I've created. I'm going to select this tropical, then once it places it, if you zoom in, you'll see my pattern is in there. But I'm going to actually resize this pattern. You'll see these little arms. If you drag those arms in it'll re size how big your pattern is. I'm going to make it a little bit smaller so that the pattern fills more of that shape. This is one great way to test out the patterns that you've created to make sure that they are filling seamlessly and that they work well. That is how you use your fill tool. Then underneath that, you have some additional things like your paint brushes. You can select your paint brush and you can, using these sliders, you can adjust how wide it is, how opaque and the spread of it. You can change your color in the color studio. And then you can use the paint brush by just painting with your stylus. Say that you want to adjust the paint brush options in terms of the type. If you go to the right hand side, you'll have your paintbrush studio. You tap on it and you'll get this pop out. You'll have all kinds of different brushes. I have brushes that I've loaded that I've purchased, but there are also tons of options already preloaded. If you select brushes and tap where the labels are, you can select the different ones like I have some that I've imported. But you could also utilize the ones that are already included which are fantastic. I'm going to select one of these squash brushes. I'm going to go into my color studio right at the top. I'm going to update my color to this red so it's easy to see. I'm going to remove the stroke color, Then I'm going to make sure I'm on a plain layer here. And then once I have all of my options updated, I can utilize this brush on my screen. Like I said, they have some really fantastic, realistic looking brushes that you can use the layer beautifully. I liken this to something like procreate. You have some really great options since when it comes to brushes and blending and whatnot. Right underneath your brush is your erase brush. You can select your eraser tool, then you can erase what you've added as well. Anything that's like a pixel paint brush or a pencil, you can erase it off of your screen. This is really great for digital art. Then finally, the last two options I want to look at are the pen tool and then again just underneath that is that shaped tool. And just showing you the additional shapes that we have access to. If we select this little pen icon, this will allow you to create some vector elements within affinity photo. If you tap on it, you have your pen options and your node. If you select your node, it'll allow you to edit and update any of these shapes that you've already created. If you scroll in, you'll be able to get the increase and decrease options again to revise your shapes. Then if we zoom out the pen tool, we're going to tap on the node tool again. You'll get this pop out select. The pen tool will allow you to create some bezier curves. I'm just going to tap on one side of my screen, then hold my finger down to create a straight line tap on the other. Then I'll zoom in. And then I'm going to go into my color studio here on the right hand side. And then I'm going to update the stroke. The stroke is typically the circle towards the back, so I'm going to tap on that, pull to the front and I'm going to give it a color, select that yellow. And then in the upper menu here, you'll see all these options pop up as you select different tools. Right here, you'll have your option to be able to adjust the size of your stroke. If we pull this to the right, it will increase. We pull it to the left, it'll decrease our stroke. And then we could also change the style of the stroke. We can change it so that it has square caps instead of rounded. We'll tap on that stroke option again. We can change the cap from rounded to square. We can adjust the joints, we can adjust the minor limits, things like that. Then also, once we've created that line, we can go back into the pen options. Tap again, select your node, you can adjust the placement of these shapes here that we've created. Let's say we want to create a curve here. We can select our pen tool, tap where we stopped and then create another point. And then we can create some curved shapes. I'm going to throw this in the garbage by tapping on it and I'm going to throw it away. I'm going to tap a little garbage icon and it removes it, deletes it off my screen. I'm going to tap my pen hole again, and then I'm going to create multiple points. I've created three points. I haven't lifted up my pen. From that third point, you can see that you can begin to create these curves. Let's do this again. I want to just make a curve with two points. Well, on our first point tap where our second point is, don't lift your pen up and drag down, you'll create a curve that goes up. Then if you drag up, you'll create a curve that goes down. It's nice to be able to have these additional options within the photo space here. 7. Exploring the Interface - The Studios: Now I want to look at some of our studios. On the right hand side, we played around with a few already, so we played around with our color studio. Say we want to change this stroke from this yellow to something else, making sure it's still selected. With that moved tool, that black al tool, you'll see it's outlined in blue. We can tap on our color studio. We can tap where the color is, a stroke so that it pulls up to the front so we know we can edit it. And then we can update the color to whatever we'd like. Now what's nice is say you have a specific color story you want to work with. You can add swatches. For example, on the very bottom of these options here, within your color studio, you're going to tap on swatches. This color isn't in your color swatches here, it's in your most recently used say. We want to add this though, so that we don't forget this is the color story we're using. I want to make sure this is pulled in this little hamburger menu. It's like a three line menu in the upper right hand side of your swatches options here. Tap on that. You'll be able to add your current fill to your palette. And it'll add right into your palette. And these, you can also load palettes and whatnot to these, but you have all kinds of different options. Gradients, grays, pantone options here as well. Any color libraries that you've created get saved in here as well. Great options, really helpful just to keep projects organized. Now that we've looked at our color options here, we can also adjust the opacity of something. If you drag your opacity meter to the left, it's going to make it more invisible. If you drag it to the right, all the way up to 100, it's going to make it more opaque so you can see it. You can also add things like noise, which adds a bit of texture in. Zoom in, so we can see this a bit better. If we tap our noise option here and we drag to the right, it adds a bit of a grain effect to this. If you'd like to have a gritty feel to your shapes or a gritty feel to your color. This is a really great tool to utilize and add that with all underneath our color options here are layers. We've already been working in layers. Whenever we add a new element or a new pixel, we create a pixel layer for every shape line image that we've placed, a new layer has been created. What's really nice is that you can also organize these layers. That's what I find is really impactful when working in these is just to keep in mind the tools that you can use to help you organize yourself. Say we wanted all of these circles to be together. I'm going to tap on that photo and I'm going to drag it up to the top of my layers here. It's out of the way. Then I'm going to tap on that first donut and then drag right over the next and drag right over the yellow one. Everything is selected together. You see them all highlighted in blue in your layer studio here. If you count from the left 123, you'll get this little icon that looks like a folder. If you tap on that, it will group all of your elements together. And then on the left hand side of this layer group, you'll see a little carrot. If you tap on that carrot, it'll open up your folder and you'll see all of the layers that are grouped within there. If you tap that group and you go into three options in your layers studio here, you'll get another pop out that is our layer options. We can rename that group by tapping where it says group. In our case, we named it circles, then hit, okay. And it will group that and it'll rename that whole layer group circles. Within the layer options, you're also able to turn on or off your layers by making it visible or invisible. We can also lock the layers with a little like lock icon. And it'll make sure that your layer cannot be moved by accident. This will be really helpful as we're working on patterns and adding additional elements that we don't want to move. Then of course, you can adjust the opacity here as well. I'm going to tap that little back arrow and it's going to take us back to our layer studio here. We can add a new layer by selecting that plus icon. You can add a pixel layer, a fill layer, a pattern layer, a mask layer, any layer that you would like. Then to the right of that are your merge options. We'll be utilizing these quite a bit as we build our pattern later on. Today, you can merge only the selected elements. You can rasterize. You can rasterize and trim. Those will be really helpful to you as we build our patterns. Then below that, we looked at our brushes studio already. This is where you have all of your different brushes. The different brush options that you can work with when you tap on the brush itself. On the left hand side, you'll see these little pop ups. This will help you to adjust the size of the brush, the opacity, and the hardness or softness of your brush. If you tap on some of these little icons here, this will be your flow option. If you tap on that tear drop, it'll then turn to your hardness options. Then up here, this is your opacity. If you tap on it, then it changes to your accumulation. So how thick the paint, so to speak, is added onto your color as you're using the brush order to change some of these up, you do have to tap on these additional menus because they're housed in there that can be difficult to find. You'll see that works the same way when we're working with the affine functions. Then speaking of that, we'll see that a lot within our filters. Right underneath the adjustments studio, here is the filter studio. The filter studio almost look, it looks like an hour glass. If we tap on that, you'll have all of these additional filters that you can utilize. What we want to focus on is the Afin filter, which is the second option. Basically, a fend will allow us to pull whatever is in the center of our workspace to the corner, so that we can build out a seamless repeat. But what I wanted to highlight while we're in the fend studio, we'll learn more about this as we actually build the pattern, is that to the left here, all of our functions to change things are in these little slider options here. In order to go from x to Y, you have to tap on the little icons here. If we're adjusting our offset and we start with X, we have to tap that X to get to the Y in order for us to adjust offset for our Y. The same here when we're looking at the scale. In order to adjust the scale for Y, we have to tap it so that we can get the slider options for that. Then to get back to X, we'll tap it again so that we get those options. Then this is our rotation. You can adjust it based on sliding or you could also tap on the numbers here within the sliders and actually type in specific numbers that you're working with. Then you can hit, okay. The last thing that I want to look at before we start to build our pattern is towards the bottom of our studios. Here you tap on this little square that has a lot of points around it, that is our transform studio. If we tap on it, pull it out, you'll have all of your transform options. This is where we can adjust different positions, we can adjust our rotations. Say we select this little set of circles with our black arrow tool. You know they're selected because they're outlined in blue. We go into our transform studio, say we want to rotate it. We can tap on our rotation and we can insert a number and then hit Okay. Or we can just drag right or drag left over that rotation option and it will rotate it for us. Then same thing with your position. You can drag over your position left or right to move it. Same thing with R Y, drag it left or right to go up or down. Then to undo, you can just take two fingers, double tap to undo, and it'll take everything back to where you had it based on your original placement. This is where we can adjust our height, our dimensions, our positions, things like that. At the top here, we have dimensions locked so that everything stays in proportion. If I'm going to increase the width of something, I want the height to adjust with it proportionally to make sure that that is locked in place in between your dimensions. Here, it's like a little rectangle. If you tap on it, it'll turn almost into like a link. You know that it's locked in place so that if I adjust the width of something, my height is going to adjust in proportion with it. If you tap that link again to unlink it, it'll allow you to adjust just specific width or height. We can also adjust the order here. Say we want something in front or behind. Say we want this image behind these circles. We'll select that image. And then we'll transform our order by selecting move behind. And it'll move it behind. Say we want to bring it back to the front. We can just double tap to undo or we can just select the Re order to move it to the front. We can also flip horizontally. Flip vertically. And then we can rotate right or rotate left to adjust the placement of any image or icon that you place in your layers here. Also utilize your alignment options. I'm going to copy this a couple of times so that we have some of them so that we can work with that alignment. I'm going to select my move tool and make sure that stamp image is selected. Hold my finger down on my screen to get my edit options. I'm going to select Duplicate and Duplicate again. And then I'm going to have three of these here. And say I want these all to be aligned at the bottom, I can select my move tool, drag across all of those elements. Go to my transform studio here. And I can go down to the very bottom where it says Alignment options, Select that. Then you can align these horizontally. We can align them vertically. Say we want them all aligned to the bottom. So I'm going to align them vertically at the bottom by tapping on that icon. And then it's going to align everything towards the bottom. But say I want them to be spaced out evenly, so I'm going to go to my align horizontally and I'm going to space them evenly. But by selecting that last option and it's going to space everything evenly and have everything aligned to the bottom. This is a really helpful tool to allow you to create really nicely placed and aligned elements when you're laying out your design. That's pretty much like the basic functions that I want us to get used to before we jump into designing the repeating pattern. 8. Isolating the Motifs: All right, now that we have played around with working in affinity photo and we got used to the studios and the different tools, let's jump into prepping our artwork for use in the app in order for us to build a pattern. Obviously, the first thing we'll want to do is in the artwork into a digital format. If you took the photo on your ipad, it's going to just be saved in your photo role and we can import it quite easily. We're going to jump back into the affinity photo app. I have files here already. What I want to do though is just open the image that I've taken on my ipad so that we can work with. It's on the left hand side. We're going to select open, We're going to import it from photos. Then you'll get a pop up and then you're going to find your photo. I'm going to select the second option because I took a few and some of them had a bit of a shadow on it. If you don't have the perfect like lighting situation, that's okay. You can always edit the photo in affinity photo as well. And adjust it so that you have less shadows and it's brightened and you can do things like that. I'll show you quickly how to do that, but I'm just going to use the most clear image I have, which is this middle one. I'll tap it and then it'll open up. Actually, when I look at this, I do have some shadowing on this left hand side to make things a little easier. What I want to do is crop first on the left hand side, underneath our color picker. We actually didn't utilize this tool, but we're going to use it now is the crop option. Once you select it, you'll get these little grid lines. And I'm just going to crop my photo in so that I have just the artwork that I want. Then once I'm done, at the very top, you'll see a checkmark and X. You can X if you want to redo the crop, or you can just select the checkmark and it'll crop your image. Now like I said, even if you don't have the perfect lighting scenario like what I was dealing with here, we can still fix that. We can go into our adjustments on the right hand side. Also, we have some other options for adjustments. Specifically, we can adjust our brightness and contrast. I'm going to increase our brightness just a bit by tapping on brightness. And then I'm going to get these options towards the bottom. And on the brightness setting, I'm just going to drag it to the right that it helps to adjust the brightness of the image and remove some of that shadow, our contrast. I'm going to increase that as well. Once I'm done with that, I'm going to actually go into my exposure and adjust some of that as well, just so that I have more of a effect here. I do this so that we get a nicer white background. It makes it easier to remove that background. Once I'm done with that, I can just on the studio icon and it'll pull it back in. And then I can just tap anywhere on the screen to remove the settings. Now that I have this a bit cleaned up, what I'll do is go into my filters. What I'm going to do is before we do anything with like a fine, I want to remove this paper background. In the beginning, I mentioned that it's important to photograph. When it came to the tools that you're using, the paper that you use will impact how easy this part is. I suggested utilizing a cold press paper or something that doesn't have a lot of tooth or grain to it because that will impact the overall effect of this next step. Now that I've made all these adjustments, I'm going to select everything. I'm just going to flatten it so that we just have on one layer that we're working on. Once I my adjustments, I'm going to open up my layer studio, tap on my background, swipe right over my first adjustment and swipe right over my next adjustment. And then I'm going to go into my Merge options here. I'm going to Merge selected and it'll merge everything. Then I want to make sure that that layer is selected. And then I'm going to tap my layers icon here to pull it in so we can see what we're doing. Then I'm going to go down to my filters here. I'm going to scroll down to remove paper background. This is why I love Working in affinity photo, it makes the white background removal process so simple and so easy. I don't have to worry about trying to hand select everything with a selection tool or utilizing any masking techniques and things like that. It just makes it really simple. This is why it's my go to for this option. It's all the way towards the bottom, it says erase white paper. I'm going to tap on that. It's going to delete everything that is behind that is white, that's behind the artwork. What you'll see is once we zoom in, you can see you have that transparent background, that gray and white grid, just so that you can see though that we've removed the white background because I know it's hard to see in the camera. I'm going to add a layer that is a fill layer and I'm going to change the color from white to something easy to see. Like then you'll notice that everything that was white is now yellow. You can see. And zoom in to make sure that your background removal worked well for you. And in this case it did. I'm going to remove this background now, so I'm going to tap on my fill background. Then I'm going to go down to my lower left hand corner. There is a little trash can. I'm going to tap on that and it'll delete the layer for me. What I want to do is take this background and remove all of these flower elements and separate them out. If you remember, we had the selection tool. I'm going to go into my selection tool right now it's the rectangle marquee, but I'm going to tap on it and hold. And I'm going to use the freehand selection tool, making sure that I'm on that background layer. I'm going to start to cut things out by selecting them. All right, I'm going to zoom in and we're going to select an area to cut using our freehand selection tool. I'm going to select this little branch looking thing here. And then I'm going to go either, you can go into your Edit menu select, and then Paste. Or you can hold your finger down. It'll give you your quick options and you can cut and then paste. Once I've done that, that's going to basically single out this element. And I'm just going to go back and repeat that process for the rest of these. Making sure that I go back onto the correct layer here, select my free hand lasso tool here, and then start cutting away pieces of this artwork that I have the individual elements to work with. As I continue to cut elements out to figure out what I have left, I can just turn off those layers by tapping on the little dot on the right hand side of the layer options here. And that will toggle on and off the layer itself. I've toggled all these off so that I can see what's left that I have all of the different elements that I want for my project here that I've cut from the original artwork. I can start pulling those into my working art board. That's basically how we remove the background and isolate each of the elements for use in our pattern. Repeat. Right now that we've cut everything out, let's jump into building the actual pattern with these elements. 9. Building the Pattern: Now that we've isolated all of our elements, let's pull them into our working file. First, let's kind of prop our working file. I'm just going to go into that original file that we were working on when we were kind of playing around with the affinity photo interface. I'm just going to select all the layers that I have here and I'm just going to trash them. I'm going to go into my layer studio, tap on that group. You may have multiple layers, that's fine. Remember you can just tap on a layer and then drag right to select multiples. But I'm just going to tap on my group and then I'm going to select that little trash icon in my layer studio here and delete everything off of it. I'm going to keep that rectangle because remember we do have a transparent background. But I think it'll be helpful to keep that turned on as we're working. And then we'll turn it off as we start to create the repeat. Just double check how everything is looking. I'm going to go back out into my gallery here. Go into my file with all of the different elements that I was using. I think I'm going to start with these. Over on the right hand side, a little buds, pull in some of the bigger groupings later. I believe I have these towards the end, so I'm going to select all of them by tapping on one and then dragging over to the right on the next one that I want to use. And I'm going to select these three, I'm going to go into my edit menu. I'm going to select Copy, or you can hold your finger down and get that pop up and select Copy. And then I'm going to go out into my gallery, go into my file, then I'm going to go in and paste those elements there. Obviously they're small. You can re size as needed to rotate things around. Maybe you want them to be smaller, more petite. You can create something more along the lines of like a ditzy print. I'm going to increase them just that someone hold my finger down. And I'm going to pull from the corner so that I have everything in proportion as I re size. I think that is a good size here. Then I think I might want to pull in one more grouping. So I'm going to go back out into my gallery, Select my other file with these elements here. I think I'm going to pick this bigger grouping here again to figure out which one is which. You can just turn on or off the layers by tapping on that little button on the right hand side. All right. I think I found the correct layer. I'm going to select it. I'm going to hold my finger down. I'm going to select Copy. Go back out into my gallery. Select my working file here, hold my finger down. And then select Paste. It'll bring it in. And then again, what I'm going to do is resize it. All right, now that I've rotated everything, I can start to play around with placing them. Since we are going to be working with the affine function, what we need to do is start building our repeat at the center. Making sure that none of the elements that we add or place touch the edges. We'll understand why in a bit. As we start to build this design out, what I'm going to do is just start playing around with the placement of my elements by tapping on them in my layer studio, using my move tool. And then just moving them around my artboard. And working this as if I was making a puzzle, seeing how pieces fit together, duplicating things as I need them. I'm going to duplicate this larger grouping here by tapping on it, holding my finger down, getting that little pop up. And then select Duplicate. And then I'm going to move it. We could also transform some of these elements. Say I want this to be flipped, so I'm going to make sure that that element is selected in my layer studio. I'm going to go down to my transform studio, which was that square with all of the little dots around the bounding box. And it's going to give us our transform options. I'm going to select in my flip and rotate, flip horizontally and then it's going to flip it for me. And then I'm going to rotate it a bit. All right, I'm going to select this little yellow flower here, and I'm going to duplicate it. And I'm going to bring it to the left. I'm going to go into my transform studio again. I'm going to flip it vertically, rotate it a bit. I'm going to take this little green bud here, the little leaf, and I'm going to duplicate that a few times, actually making sure I'm on the correct layer I am. I'm going to hold my finger down. Then I'm going to duplicate, and I'm going to do that three times. Then I'm just going to move these elements throughout the layout. Here, let's have placed everything where I'd like it. I'm actually going to select all of these elements and group them into a folder, that way I can make a copy before I do anything to adjust or start to create the repeats. So I'm going to select them all by tapping on the first one and then dragging right over the following ones. And then I'm going to select my folder icon here, the group icon. And then I'm going on layer, or that group layer. I'm going to select a three menu tap where it says group. I'm just going to name it Original Floral grouping. And then hit Okay. And then I'm going to go back out of my layer options. I'm going to select that now. I can move it around as one group and I can get it more centered. Once I've centered it a bit more, I have everything placed the way I want to. What I like to do is make a copy of this grouping by tapping on the group, and then going into my edit menu and duplicating it. And then going into that original grouped folder. Turning it off just so that I have a group that I can always go back and edit if need to be. Because in order to make the next process work, we have to flatten it. By flattening this set, it basically removes the ability to adjust and edit the individual elements themselves. I'm going to select that copy, then I'm going to go into my Merge Options. What I'm going to do is basically select Rasterize and trim for that specific layer. And it trims it down so that it's a nice, clean, crisp grouping, but it's all on one layer. The reason we do this is so that we can utilize the affine function. What I like to do once I have that layer rasterized and flattened, is just make sure that it is exactly in the middle of my artboard. Here I have magnetics turned on. Remember that little magnet icon in the upper right hand corner? I am able to see these green and red guidelines that show me my work is exactly in the center of my artboard. Once I'm done with that, I'm going to make sure that that set is still selected. My original floral grouping is turned off. Then I'm going to go into my filters, and we are going to utilize the affine filter. Basically what our fine will do is pull everything from the center to the edges, so we'll have our edges created. And then we have to fill in the middle part. And that's why we have that extra grouping just in case we need to edit or revise something. But also so that we can copy the elements and place them into the center of this, making sure the correct layer is selected. Our floral grouping will go to our filters. Then what we're going to do is select a Fine. Now this is where things get a little tricky with the updates in affinity photo for version two, Fe settings are to the left. Now in the past you'd be able to see a pop out a fly out and then edit your settings. There you'll see the little pool bars to the right and the left. We'll have our rotate. We will have our scale and then we have our offset. What we want to work with is the offset. We're going to keep our scale at 100% which is the very top option here. The scroll bar. Bottom scroll bar is our rotate. We don't want to touch those. We want to focus on the middle one here. This is our offset. In order to get between your X and Y options, you have to tap the little icon that says X. And it has like an arrow going to the right. When you tap on it, it'll transfer to your Y offset, and you'll see Y with an arrow pointing up to offset. What's nice is you don't have to worry about the numbers, it's just working in percentages. In this case, we want to offset our X and Y by 50% We'll want to tap on the 0% here and we're going to type in 50 and it will offset our X 50% And then we want to tap where the X is to change it to our Y offset. And then we're going to tap on the 0% and update that to 50. And then hit okay, and it will pull our design to our corners. Now in order for this to save, you have to go into the top menu. Here you'll see a check mark and an X. Make sure you tap on the checkmark. But before we do that, if you're having any issues with this not pulling to your corners, next to that checkmark. In an X are different options. You want to make sure your options are set to wrap and it will wrap it and pull your elements to your edges as is needed. Then you'll want to select that checkmark. And it will apply the transformation. It'll apply the affine transformation. Now what we want to do is fill in the center area here with some additional elements to finalize the repeat. I'm going to go back into my layers. I'm going to go into that original layer grouping that we made a copy of. I'm going to select some of these and copy them. I'm going to select the first one. I'm going to duplicate it, and then I'm going to drag it out. It is not inside of that group layer because it's turned off. I'm just going to basically duplicate one of each style and pull it out of the grouping. Then that way I can always just duplicate the duplicates of what I have. Once I've done that, I'm going to close my original grouping and then I'm going to select these duplicated elements and move them around just so that I can see what I'm working with here. All right, now that I have those extras, I can go through and just duplicate and place them throughout the layout as I see fit. Again, keeping in mind working this kind of like a puzzle fitting and configuring the pieces where they seem to make sense. All right, now that I've placed all of the elements in my grouping word like I'm going to select all those additional copies I've made and I'm going to group them together with the flattened layer that we actually offset to our corners. I'm going to select them all. I'm going to select a little folder icon. I'm going to group them. I'm going to rename this group. Making sure that layer selected tapping on my three menu here, which are my layer options. Tapping where it says group and I'm going to rename this final tile. 10. Recoloring and Exporting Final Tile: What you could do if you wanted to make sure you had a transparent background, you can just remove the background and a sport it as it is to have transparency. Or you can turn it on if you want to have this white background. We could also make a copy of this final tile and adjust some of the colors if we wanted to, what I would do is just select that final tile group. Go into my Edit menu, select Duplicate. Select that original final tile group. Turn it off. And then tap on the new grouping here. And we can rename it recolor. And then hit Okay. If we wanted to recolor this, what we can do is go into our adjustment studio here. And again, you could apply some of the brightness and balance and things like that. Or we could also change our colors by selecting our HSL option here. This will allow us to edit, play around with the colors within our overall design. We made a copy of this, so we don't have to worry about messing it up too bad. If we don't like the colors, we can always undo or we can just delete that group layer. I'm going to select Invert, and then I'm going to select the actual color wheel here. And I'm going to play around with these options. Then again, if you don't like something, you can just double tap with your finger and it will undo everything. We can select desaturate. If we wanted, we can just increase our saturation again, so it's back to what it is. And then we can adjust the hues that are used within the overall colors here. That's one way to play around with changing the colors really simply. All right, now that we're done with creating our tile, what we'll want to do is export it. Like I said, you could export the tile with the white background as is, or you can turn off the white background by tapping on that little tago button on that colored layer. The thing is, if you're going to export the rectangle as, just make sure that it's size precisely to what the size of your tile is. Or in this case 4,000 by 4,000 If you tap on that rectangle, go into your transform studio, you should be able to see your dimensions. That's just an easy way to double check things on our width and height. You see 4,000 by 4,000 it's perfect. I'm going to keep the white background on. And then I'm going to export this by going into my Document menu and I'm going to select Export. You can export this as a PNG or a J Peg, whatever you like if you are removing your white background so you can export it with transparency. You want to make sure you select PNG fine PNGs, just higher quality. And then if you need transparency, it's required that it is a PNG file. I'm going to rename this by tapping on the file name to floral tile one. Then what I want to do is make sure I export the whole document. My preset is PNG. Then I'm going to hit Okay. And then I'm going to save it within a file folder that I have on my ipad already, which is for my surface pattern designs. And then I'm going to save, then it'll save the file. 11. Testing the Pattern: Really quickly before we move to the next step. What I'd like to do though is show you how you can test it just to see how the repeat works in a file. I'm going to go out of my project and into my gallery, and then I'm going to set up a new document really quickly. I'm going to select new document, and then I'm going to set it up just like an 8.5 by 11 letter. I'm going to select letter. Then I'm going to hit Okay. In order to test the tile. What we're going to do is create a shape and we're going to fill it with that bit map. I'm going to select the rectangle, I'm going to create a shape, whatever color it is. Right now, it doesn't really matter. Then I'm going to select my fill icon here. My fill tool, it's right underneath the bucket fill. It looks like a gradient fill. And then remember at the very top menu, you have option. We're going to change it from solid to bit map. When it gets to bit map, you'll get these options. I'm going to select Place from files because I have my repeat tile saved in my surface pattern design file. I'm going to go on my ipad, then I'm going to look for my floral tile one. It's going to place it. It's probably going to be relatively large because we have such a large file size. But all you have to do to see how everything works is drag in these arms. If you drag in the one on the right, it's going to resize the scale. And this one, the one at the top, allows you to rotate. All right, once I have adjusted and zoom in, you can see that my file repeats seamlessly, don't have any weird breaks or anything, and you can edit and revise as you need. But so far I don't have any breaks or any odd overlaps or anything like that. The print is seamless and this is just a great way to test it and make sure it's working properly. If you ever want to go back and revise after you reviewed this, this would be the time to do that. Now that we have the tile set up, we can jump into how to upload to a print on demand site like spoonflower. 12. Uploading to Spoonflower: Now that we have designed our pattern, we've exported it, what I'd like to walk you through is just showing you how you can use it on a print on demand site like spoon flour. For spoon flour, you want to log in and if you don't have an account, I would suggest setting up an account in order to upload a design. You want to go to the website after you've logged in. You'll see in the very top menu on the right hand side see an option that says uploaded design. You'll want to tap on that. It's going to take you to a new window which allows you to upload your designs. Keep in mind that this design has to be yours. You are confirming copyright. You're able to upload eight files at a time, but each file must be less than 40 megabytes and they suggest 150 DPI. I'm going to select Choose Files, and then I'm going to select the Choose Files option. Because I have to go in my file system to find where I saved mine. And I'm going to scroll down to where it says floral tile one, because that is the floral tile that we worked on. Then once I've selected my option, I'm going to hit open. Then I'm going to confirm my copyright And then I'm going to scroll down and I'm going to upload my file. I also like uploading two spoon flour because it allows me to double check my tile to make sure that it is working properly and I can make sure that it is in fact seamless. Once we get to the next step, I'll show you how you can do that. Once it's uploaded, you will come to this screen. It'll be basically your design library, so you can see some of my past designs. Up here you'll see the new design that I have uploaded. You have a whole bunch of options. You can make it public. You could upload a revision, you could download the original. You could also delete a design and enter your challenges. What I like to do, because obviously my design is scaled up very large, I like to scale it down. To do that, you have these options here. You can scale it down smaller, but you can't scale it up bigger until you've scaled it down smaller. My file is quite large. You're going to see that the tile itself fills this whole entire measurement area. If you look at the guidelines and the rulers here, it's in inches. It shows 481216, 20 ". That would be a really large tile. We'll obviously want to scale it down. Another thing you can keep in mind though, is that it allows you to adjust the repeat. For example, we've created a straight repeat, but say for example, we designed something as a half drop or a half brick repeat. We can adjust those by tapping on any of these options here. And it'll change the way the tile is actually tiled within the layout here. I'm going to keep it on Basic and I'm going to resize this down smaller you can, once I resize it down, you'll see more of the repeat repeated multiple times within the layout. I think I like this size here. It's about a seven inch by seven inch tile. If we were to change the repeat type, of course this is a straight repeat, so we want to keep it as a basic repeat, But if we were to have a half drop, it would change how the repeat is laid out. The only issue is that you're likely to see some problem areas with your repeat not being seamless. I'm going to change this back to Basic, but if you were to create like a half drop, and I have a class that chose that, and I have a tutorial over on Youtube as well. Then you would want to adjust your repeat style here. Then I'm going to hit Save Changes. Then after that though, I'm going to go down to the marketing and selling area. Here is where you can add your design to changes. For example, I have a collection called Latest Designs. This isn't a public collection, but it's a way for me to keep track of designs that I need to print. For example, before you can put a design live for sale, you have to print it. I save my newest designs under latest designs because those are the ones that I know I have to print. Then you can rename or print here as well. I suggest renaming it really descriptive words so that it's easy to find in the search as you're looking. Because just like other search platforms, Spoonflower is an algorithm search based type website. So you want to use keywords that work the best for what people might be looking for, for your sell of fabric. You can add any additional details and then you want to update what your thumbnail would look like. You want to show as much of the print as you can. I would suggest using either a crop or a fat quarter. Then you'll add in your tags. You have 13 tags available. Same as with the description and the title. You want to make sure the tags are very descriptive in terms of what people might look for when it comes to searching for your specific print. Then once you are done, then you can decide whether or not you want to sell or display your design. In this case, I'm just check marking that I would like to display it in my public gallery. I can't sell it yet though, which is the second option because I have not printed it out. That's why this is blocked off. But once I print it, then I'll be able to market for sale after it's shipped. If you want to see your gallery, you can see your shop to view the prints that you have for sale. But then you could also view your gallery, which showcases all of your design. You select your design library, you'll be able to see all of the prints that you've uploaded over time. Then if you select your shop, you'll see all of the repeats and tiles that you have currently for sale. Again, you have to purchase a Swatch, or you can do, or you can do a yard with multiple prints added to it in order to be able to put any of your designs up for sale. Okay. That is it for how you can take your traditional artwork, whether it be watercolor or paint or Gah or any of those more traditional mediums, and translate them to the digital space so that you can create seamless surface pattern repeats. I hope you found it helpful. 13. Course Outro: Thank you so much for creating with me in this course. I hope that you feel inspired and that you feel comfortable creating repeating patterns in the new affinity photo version two ipad app using your traditional mediums. Feel free to share your work in the class gallery or on social media. If you're on Instagram, just tag at Bella Sofia Creative. I'd love to see what you create and if you need it, offer any feedback. Also, if you have some time and enjoy the class, please consider leaving the course review. It truly helps teachers like me be discovered on these platforms as I continue to grow my course library. Remember, if you want to learn more about me and my work line at www.bellsophiacreative.com Finally, if you want to get a behind the scenes view of the work that I do as a creative freelancer, make sure you follow along on Youtube at the creative studio. Thank you so much for learning with me today. I will see you in the next one. By.