10 Photoshop Pattern Tips and Techniques - A Photoshop for Lunch™ Class | Helen Bradley | Skillshare

10 Photoshop Pattern Tips and Techniques - A Photoshop for Lunch™ Class

Helen Bradley, Illustrator for Lunch™ & Photoshop for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Lessons (41m)
    • 1. Intro - 10 Photoshop Pattern Tips and Techniques - A Photoshop for Lunch™ Class

      0:59
    • 2. Tip 1 Three Methods of Applying Patterns

      5:35
    • 3. Tip 2 Make an Offset Pattern

      4:50
    • 4. Tip 3 Make a Diagonal Line Pattern

      4:16
    • 5. Tip 4 Make a Stripe Pattern from a Photo

      3:40
    • 6. Tip 5 Rotate a Pattern

      2:22
    • 7. Tip 6 Edit a Pattern

      4:10
    • 8. Tip 7 Save a Pattern Library for Sharing

      3:10
    • 9. Tip 8 Use Scripted Pattern Fills

      4:43
    • 10. Tip 9 Paint With a Pattern

      2:38
    • 11. Tip 10 Use Patterns with SVG Fonts

      2:55
    • 12. Project and Wrapup

      1:17
13 students are watching this class

About This Class

Photoshop for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn ten tips and techniques for working with Patterns in Photoshop. You will learn three ways to apply patterns to a document, how to rotate a pattern and how to edit one. You will learn how to package patterns ready for distribution and how to create a range of patterns including creating a stripe pattern from a photograph. The techniques and tips in this course will be a valuable addition to your pattern making skills in Photoshop.

More in the Photoshop for Lunch™ series:

Photoshop for Lunch™ - Create a Color Scheme Graphic

Photoshop for Lunch™ - More Patterns - Diagonal Stripes, Chevrons, Plaid, Colorful Polkadots 

Photoshop for Lunch™ - Create Text on a Path - Paths, Type, Pen tool

Photoshop for Lunch™ - Create an Award Badge and Ribbon - Shapes, Warp, Rotate  

Photoshop for Lunch™ - Color a Sketch with a Texture - Masks, Dodge/Burn, Hue/Saturation 

Photoshop for Lunch™ - Create Mockups to Use and Sell - Blends, Smart Objects, Effects

Photoshop for Lunch™ - Create the Droste Effect with Photoshop and an Online Tool 

Photoshop for Lunch™ - Layered Paper Collage Effect - Layers, Layer Styles, Gradients,

Photoshop for Lunch™ - Cutout & Frame Photos - Clipping Mask, Layer Mask, Rotation, Shapes

Photoshop for Lunch™ - Get Your File Size Right Every Time - Size Images for Web & Print 

Photoshop for Lunch™ - Seamlessly Blend Two Images - Masks, Content Aware Fill

Photoshop for Lunch™ - Set up Colors, Tints and Shades for Working Smarter in Photoshop

Photoshop for Lunch™ - Folded Photo Effect - Gradients, Guides, Stroke, Drop Shadow 

Photoshop for Lunch™ - Surreal Collage Effect - Paths, Cloning, Warp, Blend 

Photoshop for Lunch™ - Make Custom Shapes - Combine, Exclude, Intersect & Subtract

Photoshop for Lunch™ - Pattern Bombing Effect - Patterns, Selections, Mask, Warp, Vanishing Point

Photoshop for Lunch™ - 10 in 10 - 10 Brush Tips in 10 Minutes or Less 

Photoshop for Lunch™ - 10 Blend Tips in 10 minutes 

Photoshop for Lunch™ - Patterns as Photo Overlays for Social Media 

Photoshop for Lunch™ - Whimsical Rotated Patterns 

Photoshop for Lunch™ - From Ho Hum to WOW - Everyday Photo-editing Made Easy

Photoshop for Lunch™ - Pattern Making - Seamless Repeating Patterns

Photoshop for Lunch™ - Draw a Fantasy Map - Brushes, Patterns, Strokes & Masks

Photoshop for Lunch™ - Clean & Color Scanned Line Art

Photoshop for Lunch™ - Create HiTech HUD Rings - Repeat transform, Filters & Textures

Photoshop for Lunch™ - Text Over Image Effects - Type, Glyphs & Layers

Photoshop for Lunch™ - Hi-tech Mosaic Effect - Brushes, Patterns & Pixelization 

Photoshop for Lunch™ - Make a Photo Collage for Social Media - Masks, Selections & Patterns

Photoshop for Lunch™ - Making Kaleidoscopes - Rotation, Reflection & Smart Objects

Photoshop for Lunch™ - B&W, Tints & Isolated Color Effects - Adjustment Layers, Masks & Opacity

Photoshop for Lunch™ - Pattern Bombing Effect - Patterns, Selections, Mask, Warp, Vanishing Point

Photoshop for Lunch™ - Photo Texture Collage - Gradient Map, Blending & Textures

Photoshop for Lunch™ - Grid Collage for Social Media - Clipping masks, Shapes & Layer Styles

Photoshop for Lunch™ - Vintage Image Cutout Effect - Selections, Drop Shadows, Transparency

Photoshop for Lunch™ - Snapshot to Art - 3 Photo Effects - Faux Orton, Gradient Map, Tritone

Photoshop for Lunch™ - Paint a Photo in Photoshop - Art History, Color, Texture

Photoshop for Lunch™ - 4 Most Important File Formats - Choose & Save As: jpg, png, pdf, psd

Photoshop for Lunch™ - Turn a Photo into a Pattern - Selection, Filter, Pattern Swatch

Photoshop for Lunch™ - 3 Exotic Patterns - Shapes, Paths, Patterns

Photoshop for Lunch™ - Complex Pattern Swatches

Photoshop for Lunch™ - Using Illustrator Objects in Photoshop - Files, Smart Objects, Shapes

Photoshop for Lunch™ - Make & Use Photo Brushes - Brushes, Masks, Watercolors

Photoshop for Lunch™ - Make and Sell Geometric Overlays for Social Media - Shape, Transform, Fills

Photoshop for Lunch™ - Create Backgrounds for Projects - Halftones, Sunburst, Patterns

Photoshop for Lunch™ - Upside Down Image Effect - Masks, Selections, Flip Images

Photoshop for Lunch™ - Color a Scanned Sketch - Blends, Brushes, Layer Styles

Photoshop for Lunch™ - Curly Bracket Frames - Shapes, Paths, Strokes

Photoshop for Lunch™ - Grab Bag of Fun Text Effects - Fonts, Clipping Masks, Actions & More

Photoshop for Lunch™ - Double Exposure Effect - Masks, Blends, Styles

Photoshop for Lunch™ - Glitter Text, Shapes and Scrapbook Papers

Photoshop for Lunch™ - Make & Sell Photoshop Brushes - Brushes, Templates, Preset

Photoshop for Lunch™ - Recolor Objects without Making Selections - Master Color Change Tools

Photoshop for Lunch™ - 10 in 10 - 10 Brush Tips in 10 Minutes or Less

Photoshop for Lunch™ - Create a Mandala - Template, Rotation, Texture, Gradients, Pen, and Shapes

Photoshop for Lunch™ - Create Organic Patterns - Pen, Offset Filter, Free Transform and More

Photoshop for Lunch™ - Reusable Video Glitch Effect - Use Channels, Shear, Displacement Map & Noise

Photoshop for Lunch™ - Overlapping and Random Circles Patterns

Photoshop for Lunch™ - Metaball Patterns - Structured and Organic

Photoshop for Lunch™ - Isometric Cube Patterns - Shapes, Repeat patterns, Smart Objects

Photoshop for Lunch™ - Create Plaid (Tartan) Repeat Patterns

Photoshop for Lunch™ - Recolor Pattern Techniques

Photoshop for Lunch™ - Intro to Photoshop Actions

Photoshop for Lunch™ - Photoshop Inking Techniques

Photoshop for Lunch™ - Valentine's Day Inspired Hearts

Photoshop for Lunch™ - Layers and Layer Masks 101 for photographs and photographers

Photoshop for Lunch™ - Abstract Glowing Backgrounds

Photoshop for Lunch™ - Whimsical Textures for Drawings

Photoshop for Lunch™ - Sketches & Brushes to Whimsical Patterns

Photoshop for Lunch™ - Critters with Character - Pen Free, One Color Designs

Photoshop for Lunch™ - Create a Custom Character Font

Photoshop for Lunch™ - 10 Selection tips in 10 minutes (or less)

Photoshop for Lunch™ - Complex Selections Made Easy - Master Refine Edge & Select and Mask

Photoshop for Lunch™ - Demystifying the Histogram - Understand & Correct images with it

Photoshop for Lunch™ - Bend Objects with Puppet Warp

Photoshop for Lunch™ - Emboss and Deboss Text and Shapes

Photoshop for Lunch™ - Remove Unwanted Objects & Tourists from Photos

Photoshop for Lunch™ - Using the Scripted Patterns Tool in Photoshop

Photoshop for Lunch™ - In the Footsteps of Warhol - Create Awesome Animal Images

Photoshop for Lunch™ - Make & Sell a Shapes Collection

Photoshop for Lunch™ - Whimsical Scrapbook Paper Designs using Displacement Maps

Transcripts

1. Intro - 10 Photoshop Pattern Tips and Techniques - A Photoshop for Lunch™ Class: Hello and welcome to this course on ten pattern tips and techniques for Photoshop. My name is Helen Bradley, and I'm a Skillshare top teacher. I have over 200 courses on Skillshare and well in excess of 90000 student enrollments. In this video, I'll show you ten tips and techniques for working with patterns in Photoshop. We'll look at everything from the range of options for applying patterns in Photoshop, including some of the advantages of each method. I'll show you how to rotate and edit patterns, and how to paint with a pattern. We'll also look at saving patterns to share them and how to use them with SVG fonts, which are the newest trend in fonts. These tips and techniques will give you a great foundation in making and using patterns in Photoshop. Enough from me, if you're ready, let's get started with ten tips and techniques for working with patterns in Photoshop. 2. Tip 1 Three Methods of Applying Patterns: There are multiple ways that you can add patterns to documents in Photoshop. I'm going to show you three of them and explain what the benefits and disadvantages are of age. While we're doing this, I'm going to have the last pallet open. One of the methods is to fill a layer with a pattern. You can do that even with the background layer by choosing edit and then fill. Now, we're going to select pattern from the drop-down list here, but we're not going to be using scripting at this stage. I'm going to select the pattern that I want to use, which is this one here. I'll click "Okay" and that's all I can do. There is no option to scale a pattern at all. This is a really quite large pattern, and so I'm not even getting a full instance of the pattern in this document. While edit, fill, and then selecting a pattern is one way of filling a layer with a pattern. It doesn't have a lot of flexibility in terms of scaling your pattern. Now, I'm just going to undo that and let's have a look at a different method, and that is to use the layer option. Layer, new fill layer, and then pattern, click "Okay." From the drop-down list here you can select any pattern to use. I'm going to use that exact same pattern. But here you can see it scaled at a 100 percent, but it doesn't have to be scaled at a 100 percent. For example, I could bring it down to 25 percent, and then I'm able to save the pattern repeats. I can go much, much smaller, say 10 percent. Now, we're getting a true sense of what this pattern really looks like. We get a lot more flexibility for using a design like this within our project. Let's discard that layer and try another method. In this case, I'm going to add a brand-new layer to the document and it has to be filled with something. It doesn't matter what it's filled with, but it does have to be filled with something. Black is my foreground color, I'm just going to dump black into that layer. You can also apply a pattern to a layer using the effects. I'm going to click on the "Fx" icon and choose "Pattern overlay." From the list here I'm going to choose the same pattern as we were working with, and I can scale it here. It's down to 23 percent, I can take it back down to the same five percent. We've got the pattern applied to this layer using an effect. But we also get the opportunity to alter the opacity. We can alter the blend mode here, and we can also link it with the layer or not. There are some other options in this pattern overlay dialogue. Now, there are a couple of things to watch out for here. One is that if your layer is empty, you're not going to save the pattern. I'm going to select the contents of this layer. I'm going to do it just with the magic wand tool. Just click to select the layer content and press "Delete", because I've deleted the black fill you can see that the pattern overlay is having no effect anymore, because there's nothing on that layer. I'm going to add a different color though. Let's go and add a blue color to this. As soon as I add the blue color, we're able to save the pattern overlay and because the pattern overlay is a 100 percent opaque, we're not seeing any of the blue color behind it. You need a fill, it just doesn't matter what fill you have. Although, if you want to use some blend modes, then you will need to have a fill that makes some sense, because you'll want to use these blend modes to, for example, impact how the pattern and the color below are interacting with each other. Having selected one blend mode, I'm just going to go through the other blend modes, to see if we can get a desirable effect from blending the pattern in with the blue color on the actual layer. I'm going to use luminosity, I'll click "Okay." Now, any of these methods can also be used with a selection. Let's just add a new layer here. I'm going to make a selection using the lasso tool. Now, if I choose edit and then fill, select the pattern, and click "Okay", we're getting the area that we had selected filled with our pattern. I'll delete that, but I'm going to leave the selection in place. I'll choose layer, new fill layer, and then pattern. I'll click "Okay. " We're getting a layer that is filled with our pattern but only where we had that selection. Of course, this is also going to allow us to scale a pattern pace within the selection that we had. It works for that method too. Let me just undo that. I still have my selection in place, I'm going to add a new layer to the document. I'll fill it with the foreground color. In this case, I'm pressing alt, backspace on the PC, that would be option delete on the Mac. Now that I have my selection filled, I can deselect my selections. I'll press "Control" or "Command day." We'll add a layer effect. It's defaulted to the last one we used. We're getting that same effect of being able to blend our pattern in with the color on that layer should we wish to do so. If we don't want to, we'll just set it to normal, and we'll get this area just filled with the pattern. There are multiple methods available to you for applying patterns in Photoshop. Just select the one that is most appropriate for the task that you want to achieve. 3. Tip 2 Make an Offset Pattern: It's pretty easy to make a offset pattern in Photoshop but it's best to start with objects on different layers. I have a background layer, I have a layer with the umbrella and one with the cloud. I'm going to turn the cloud off for now, I'll focus on the umbrella, drag it to the middle of the document. If you're not sure how big your document is choose image and then image size and read off the document measurements here. Mine is 1,200 by 1,200, it's a square document. Most recent versions of Photoshop have a nasty habit of missing up these patterns so I'm going to show you what to do to cure that before it even begins. At this point, you'll go to the crop tool. When you select it you get a crop rectangle around the document. Make sure here that delete cropped pixels is selected. Press the ''Enter or Return Key'' once and then once again. That just deletes any excess pixels which there probably aren't any off but a Photoshop can magic them up and mess up your pattern certainly well, so that will help you avoid it. The next step is we'll take the dimensions of the document 1,200 by 1,200 into the offset filter. I'll make sure I've got my umbrella layer selected, filter, other and then offset. Now, in this offset dialog, you're going to type one half of the width of this document. Now, it was 1,200 wide so I've typed 600 for the horizontal value and you'll do the same for the vertical. My document was 1,200 high, so I've typed 600. You'll turn wrap around on and just click ''OK.'' Now you can go back and turn the cloud layer back on. I'm going to move my cloud into the middle of the document so this will be my pattern pace. If I want to include the blue background so that my pattern will comprise green umbrella, white cloud and blue background I would just progress from here. I would choose select and then all and then I would choose edit and then define pattern. I'm going to call this umbrella and cloud and click ''OK.'' Now, if you don't want the background if you want to be able to insert your own background then just turn it off and do the exact same thing. Select all, edit, define pattern and I'll call this umbrella and cloud pattern no background. I've created two patterns from the one document. I'll create a new document in which to test my pattern I'll choose file and then new. I'm going to make a very large document so I'll make mine 6,000 pixels wide and 4,500 pixels tall. I'll click "Create." I'm going to apply my pattern to the document using the layer fill. I'll choose layer, new fill layer and then pattern. I'll click "OK." The most recent pattern that I created which is the one with the transparent background is now applied to the document. I'm going to apply the one that actually has the blue fill instead, so I'm opening up the panel and choosing that pattern. Your patterns are always going to be at the very end of the dialog so new patterns always going at the end. You can scale this down if you like, I'll take mine down to 75 percent and click ''OK.'' That is my pattern with its background embedded in the pattern. If I don't want that to be the case, if I want to choose a color of my own, I'm going to choose a color. I'm going to use a pinky purple here. I'll fill this layer with the color by pressing ''Alt Backspace,'' that would be option delete on my Mac to fill a layer with the currently selected foreground color. Now, my pattern is blocking out this background so I'm going to use the transparent pattern. I'll click on this to open it up. I'll go and select my transparent pattern and click ''OK.'' You can choose to have your patterns bring a background with them or not. The reason why you may want to avoid bringing a background with the pattern is because you could adjust the color of this pattern using an adjustment layer, so I'll choose layer, new adjustment layer and then hue/saturation. I'm going to click here on this icon which is going to limit any change in hue/saturation to the layer immediately below which is the layer that contains the umbrella and the clouds, not the background. Now as I drag on the hue adjustment slide, you can see I'm changing the color of the umbrella but nothing is happening to the underlying color, the pink background. The white clouds are not going to change because this doesn't actually re-color clouds unless you choose a colorize option. 4. Tip 3 Make a Diagonal Line Pattern: Creating a diagonal line pattern in Photoshop is an interesting exercise, so let's see how we would do it. I'll choose File and then New, and I'm going to create a document that's 40 pixels wide by 40 pixels tall. There are a few constraints on what this document has to be, and the first thing it has to be is square. To have perfect diagonal lines, it has to be a square document. You also have to make sure that the width and height, which obviously are going to be equal values, that they're even numbers, so 40 or 50 or 100, they can't be things like 45 or 99, which are odd numbers. Just be sure that you create the right size document. Now I'm going to zoom in because my document is really small. I'm going to the Layers panel and I'm going to add a new layer for the line to go on. I'm going to make my line using the Line tool here in the shape collections. So we're going to select the Line tool, make sure that you have black and white selected. So with the Line Tool selected, you're going to set the weight and I'm making my weight 12 pixels. I'm also working in pixels here rather than shape or path, so just make sure that everything's right here. Brand-new layer, black painters, your foreground color, set it to pixels and set a line weight. Now your line weight can be anything that you like, but it does have to be an even number as well. You can make it 12 or 20, but you can't make it 9, for example. We'll start at the bottom left corner of the document, click and drag upwards. I'm going to add the shift case so that as I'm drawing, I'm drawing a perfectly 45-degree angle line. The Shift key makes sure that it's on a 45-degree angle. Since I get to the top, I'll let go of the mouse button. Now to avoid issues with Photoshop with those uncropped pixels, we're going to the crop tool, we'll click on that and I'm going to press Enter to delete all the crop pixels, and that will just make sure that everything is going to work. I'm going to make a duplicate of this layer, so I've got two line layers on top of each other, and this is very much now the process that we used to create our offset pattern. With the topmost layer selected, we're going to run our offset filter. Filter, Other and then offset. Now the offset is going to be half of the width and half of the height of the document, it's a square document. The width and height were both 40, so half of that is 20. We'll type 20 as the horizontal offset, 20 as the vertical offset. Select wraparound, click okay. This gives us our pattern pace. If you want it to be transparent so that you could put it, for example, over a colored background, then turn off your background. Choose select and then all, and then choose edit and define pattern. I'll type diagonal stripe and click okay. Now let's test out the pattern with a brand-new document. I'm going to make mine 1920 by 1080. I'll click Create, I'm going to fill the design with the pattern and using Layer. New fill layer and then pattern, I'll click Okay and this is my diagonal line pattern. I can scale it down if I want it to be closed up a little bit and click okay. Now, how your pattern stripes workout is going to depend on the document that you use to create itself. If you want really narrow stripes, they make the line that you're drawing really narrow. Use two or four or eight pixels instead of the larger value that I used, and that will give you more white space or more clear space through your pattern and less lines. But this is a full proof way of creating a really nice pattern that has some really nice anti-alias lines in it. Now, this is way too large here it's a 324 percent. But if you look at this I'd say a 100 percent, you're going to find that it's a nice size pattern, and nice and smooth. 5. Tip 4 Make a Stripe Pattern from a Photo: It's very easy to create a striped pattern using a photograph as a basis for the pattern. I have an image here that I have downloaded from unsplash.com. Now it is huge, but that's just fine. We're going to start by resizing this image, so I'll choose image and then image size. Now what's important at this stage is that you set the width of this image to something that is a nice round number. It doesn't matter if you shrink it, that's just fine. Were are eventually looking at colored boxes out of this image. My image is 4,032 pixels wide. I'm just going to make it 4,000. That's all I need to do. Click "Okay", 4,000 classifies as a nice round number. Next up, we're going to turn this image into a series of colored boxes, will choose filter and then pixelate and then mosaic. Now the size of the mosaic has to be some number that will divide into the width of your document and not leave any left over. My document is 4,000 pixels wide, so I could use numbers like 2 or 400 or 100 or 500, any number that will divide into 4,000 and not leave any remainder. Now, I want to have reasonable size boxes, so I'm thinking myself they're going to be about 100, which would give me 40 boxes across the document and you can preview it so you can see whether you're getting what you want. I'm really happy with this. I'll click "Okay". The reason that we were so careful with setting the cell size, is that we want this set of boxes to be the same width as all the other boxes. Otherwise, we're going to end up with a pattern that is even size stripes with one stripe that's not the same size as everything else. Now we're going up here to a tool you've probably never used and may never use again and it's called a single row marquee tool. So just click on it to select it. What you're going to do is select a line across the document that goes through a set of squares that is interesting colors. You just need to determine what you think are interesting colors. What I'm looking at, is this row down here. I think these last few rows are really interesting. I'm going to select one of them probably this one, and let go. Now, it's really hard to say I cannot see my selection right now, but the next step is going to tell you whether you've got a selection or not. I'll choose edit and then define pattern and what you should see is this almost invisible stripe across the document that's telling you that you've made your one pixel selection and that it's going to be your pattern. I'm going to call this stripe and click "Okay". Now let's go and make a document to test this in file and then new. Now I'm going to make an 1920 by 1080 pixels document I'll click "Create" and I'm going to fill it using new fill layer and then pattern. The reason I'm using this option is so I can scale a pattern. I'll click "Okay" and now my document is filled with my pattern, but my pattern is really big. My document is really small, so let's take this down to say 10 percent and now you're seeing the stripes in the document. You can obviously scale as to whatever you like, because it's just a series of stripes that will scale really big and really small without any loss of quality. There's a simple striped pattern made by sampling color from a photo. 6. Tip 5 Rotate a Pattern: It should be much easier to rotate a pattern in Photoshop than it is, but let's see how we would do it. You choose File and New and make a document that I want to fill with a pattern that I want to rotate. I'll make a document 2,000 by 2,000 pixels in size, but your document can be whatever size document you need for your finished results. I'm just going to shrink it a little bit, then I'm going to choose the Shape tool and I'm going to make a rectangle. From the drop-down list here, I absolutely have to have Shape selected. What we're going to do is then create a shape that is much bigger than this document, which is why we made it quite a small document or quite small on the screen at least. Why we need to do this is we need to fill this with the pattern and then rotate the shape. I'm going to make my shape about this big. You can hold the space bar as you're drawing it just to fine tune its placement. But you want to place pretty much squarely over the document and it wants to be considerably bigger than the document because in a minute you're going to rotate it. Now you need to fill this shape with the pattern that you want to rotate. You'll click on either this element here in the properties panel or click on the fill up here and choose pattern. Then you get access to all the patents that you have in your pattern collection. For this purpose, I'm just going to fill my shape with a chevron pattern. Having done that, I'm now going to rotate the shape, but before I do it, I need to rasterize it. Let's go to the Layers palette. I'm going to right click on this layer and choose Rasterize Layer. Then I'm going to select the shape and rotate it around 45 degrees. If I hold the Shift key, that will rotate it in a 15 degree increment and three steps of that is 45 degrees. I'll click the Check mark. Now I can just crop away the excess that I don't want. I'll go to the Crop tool and press Enter key two or three times until I remove the excess, leaving me with a shape that is filled with a pattern that is now rotated. 7. Tip 6 Edit a Pattern: Sometimes you'll want to edit a pattern long after perhaps you've even lost the original pattern file. Let's see how we would do that now. Before we do it, we need to know exactly how big our pattern swatch is. I'll choose Edit and then Fill. I'm going to turn off scripted but I'm going to select Pattern from the drop-down list. Then I'm going to hover over the pattern passel I want to edit. The one I want to edit is this one here. As I hover over it, a tooltip appears telling me how big that pattern is and I'm just reading off that it's 900 by 350. I'm going to cancel out of here. I'm going to resize this document to 900 by 350. I'll choose Image and then Canvas size. I'm going to set the width to 900 and the height to 350. I'll click, "Okay". It doesn't matter that the new canvas size is smaller than the current one because there's not actually anything in this document. I'll click to "Proceed". I'm going to zoom into the documents so I can see it a bit more clearly. Next up, we're going to add a layer to take our pattern. I'm going to add a brand new layer and we're going to put our pattern swatch into that layer. I'll choose Edit and then Fill. Again, making sure that we have pattern selected, making sure that the pattern that we want to re-color or edit is selected, will just click "Okay". That brings in the pattern piece at 100% size. For argument's sake, what I want to do is to change the green in this icing. I'm going to put an adjustment layer onto this image. I'll choose Layer, new adjustment layer, and I'll choose Hue saturation. I'm going to select the Channel I want to change, which is probably science and I'm going to select the Hue slider and just move it around until I get a good color for my icing. I was thinking of something a little bit more in keeping with the rest of the document. You can get most colors this way, for me this is going to be just fine. Now I've got my icing recolored. Now that I've recolored my icing, I can close this panel here and I can merge this hue saturation adjustment layer into my pattern pace. I like to wait until I'm sure that everything's looking okay before I do that. I'll just make my last pallet a little bit wider so I can see what I'm doing right, click and choose, merge down. Now I have a pattern piece that is recolored. I'm going to turn the background off because in actual fact, this was a transparent pattern. If I want it to stay transparent, I shouldn't have a background visible when I'm saving as a pattern. I'll choose, Select all, and I'll choose Edit and then Define, pattern. I'll just going to call this recolored, I'll click, "Okay". Before you assume that everything's okay, you should really test your pattern. I'm going to make a really large document, 6000 pixels by 6000 pixels in size. I'll fill it with my pattern and it's always going to be the last pattern in the dialogue. I can just click "Okay" if I'm happy with it. I'd like to see it a little bit larger size. I'm going to make it 500% and click "Okay". The elements that are going to tell us whether we've done it okay, are these cupcakes. Let's just scroll in here and make sure that there are no lines that are disturbing through these cupcakes and everything looks just fine. It looks like they've recolored perfectly. I have been successful in re-coloring that pattern swatch. Make sure you know how big the pattern swatch is, make a document as big as it is, fill it with the pattern swatch, do your editing, and then save it again as a pattern swatch and then test it to make sure that everything worked as expected. 8. Tip 7 Save a Pattern Library for Sharing: One of the things that you can do with patterns that you create in Photoshop is that you can share them with others. You could, for example, give them away to your blog visitors and you can also sell them. Of course, that begs the question as to how do you actually get them to somebody else? Well, the secret is in the Edit menu. I'll click "Edit" and then go down to Presets and click "Preset Manager". Now, there are lots of different types of presets in Photoshop, including brushes and also custom shapes. But there are also pattern presets, and that's where we're going to find the patterns that we have in our current version of Photoshop. I'm going to click here on "Patterns." Now, these are all the patterns that I have in this version of Photoshop right now. I'm going to select some patterns to include in the set that I'm going to save. Now, as you can with files, you can click on one and then "Shift Click" on another pattern, and that's going to select both end patterns and everything in between them. I'm just going to turn that off because I want to be a little bit more selective. I'm going to click on the first pattern piece that I wanted to include, and it has a little blue border around it. Now, to add other patterns that are not side-by-side with this one, I'll just hold the "Control" or "Command key". Every time I click on one, it gets a blue border. I have four of these selected. To save them as a pattern file, I'll click "Save Set". I'm going to name this set HB Pattern Giveaway and click "Save". Those patterns are now saved to an external file. When I go to Save Set, you can see where the patterns are being saved too. You can actually navigate and store those patterns anywhere you like on your drive. You could, for example, put them in a folder where you gather up all the elements that you want to upload to your blog. There's a lot of flexibility here in terms of where you save your patterns because they're saved as a PIT file at any stage, you can come back in and load those patterns. You just click "load" and then you would navigate to the pattern file. I'm going to reselect that file and click "Load". My four pattern pieces that were in that file are now added to the end of the pattern presets. Of course, we can easily get rid of them from here by just selecting them and just click 'Delete". You can also rename a pattern piece here. It might make sense to rename a pattern piece before you include it in a file. You'll just click on the pattern piece and click "Rename". This one's called Palms. You could change its name, whatever you want to do. You will of course want to rename them before you save them to an external set. In this pattern's dialog, you can also move patterns around. If you want a pattern to be closer to either end of the dialogue, you can make it so. I'm going to move this one just into the beginning of the pattern dialogue, and I'll put this one in here too. It's possible to rearrange your patterns to make an arrangement that makes sense to you in terms of finding and using your patterns. When you're finished with this dialogue, just click "Done". 9. Tip 8 Use Scripted Pattern Fills: For a certain type of pattern, there is also an option to use Scripted Pattern Fills. They've been around in Photoshop for some time now. I have a brand new document which has got a background layer in it. I'm going to choose "Edit" and then "Fill" and I'm going to choose "Pattern" from the drop-down list. That gives me access to the scripted pattern fills, so you'll need to enable the "Script" option and then choose the pattern to use. Now this is a different set of patterns to the ones you've seen so far. Here, I have a pattern that is actually just a flower. It's been isolated from the background, so it's the flower with transparent areas around it, just as a simple pattern. I'm going to use that and I'm going to use a scripted pattern fill option. You've got lots of them here to choose from. The most interesting probably are "Random" and "Place Along a Path," so I'm going to select "Random," and I'll click "Okay." Then we get access to the "Random Fill" dialogue. Now, this is giving you a rough idea as to what things are going to look like. It's not a perfect look as to what things are going to look like, so you will need to experiment a little bit. The one thing that is a value is that these settings are going to be sticky, so if you add your pattern and then don't like how it's set up, you can come back in and just make changes to it because it's not going to change back to any default. I've got a setting here. I've got a little bit of density, 3.7, I've got some minimum and maximum scale factors. I'm asking to rotate the pattern, so it's going to vary a little bit in terms of rotation as well as scaling. Let's add some color randomness in here. The color of the patent is actually going to change a little bit. Each of those objects is going to be a little bit of a different color. I'll click "Okay." This is what I'm getting now, if I don't like that, I'm just going to undo it with "Control" or "Command" say, and I'll go back and do "Edit," "Fill," I'll click "Okay" again and I'm going to get the exact same setting as I got last time that I can now make adjustments to it. I didn't really like the scale. I would prefer it to be larger, so I'm going to scale it up to two and make the minimum 1.5. I'll get a bit of variety, but the pattern is going to be larger this time. It's more filled in, may or may not be what you want, but you can just undo it and then try again. The other option that's of interest is the one where you can place it along a path, but of course, before you can do that, you will need a path. I'm just going to use the custom shape tool and make sure that it's set to "Path" because you need that path, not a shape. I'm just going to draw out a circle, so let's just make a circle that is a path and that's what we can fill with our pattern. I'll choose "Edit" and then "Fill." Make sure that we've got "Pattern" selected here as the contents, make sure that "Script" is selected, and from this we're going to choose "Place Along Path." Of course then the shape that you're going to use whatever that happens to be. That needs of course to have been saved as a pattern pace, so I'll click "Okay." Here, we can see what it looks like. I'm thinking that the pattern scale's not going to go up any higher, but I could increase the spacing a little bit. That might give me the flowers a little bit more separated along the path. I don't think that I will have any color randomness, but I might randomize the brightness a little bit. There'll be some bright ones and some dark ones.You can also experiment with distance from path that will break the pattern away from the path on either side just to give you a little bit more of a random look, I'll click "Okay." That's the look that we'll get. Of course, once you finish, you'll need to go to your "Paths" panel and you want to click away from the "Work Path" so that you can see the design without the actual path in place. Now if you want to go back and fix it up, re-select the "Path," press "Control" or "Command" Z to remove the pattern and then go back to the "Pattern," "Fill" and just make your changes. I'm going to take out the brightness randomness. I quite like the effect, but not the change in brightness. I want all my flowers to be identical, I'll click "Okay" and that's what I've got. The scripted pattern fill gives you another tool for utilizing patterns in Photoshop. It tends to work better with patterns that are just a shape or a number of shapes, but with a transparent background so that you can get this sort of organic feel if you like to the results that you've created. 10. Tip 9 Paint With a Pattern: One interesting way that you can use patterns in Photoshop is that you can use them with a paintbrush so that you can paint a pattern onto an image. Now the tool that you use to do that isn't actually called a paintbrush, but it works that same way. So you're going to find it underneath the Clone Stamp tool and it's called the pattern stamp tall. So you'll click to select it, and then click the pattern that you want to use. Now I've resized down my palms pattern it was really large as a pattern initially, that was sort of 6,000 by four and a half thousand inside. So just enormous. I've scaled it down to 300 by 225. So it's much smaller here and it's a suitable size to paint with. Now you can select the paintbrush that you want to use as well. For this, I want to get some texture as I paint. So I am going to choose a texture brush, something like about this one. We can also adjust the size of it as we work in the document. So as I paint, I'm going to get some texture in the brush that I'm painting with and of course, what's being laid down is my pattern pace. They can also edit this brush. It behaves just like any other brush in terms of editing the brush. Let's go to the brush tip shape and let's increase the spacing on the brush. Then to shape dynamics, I'm going to increase some size duty here and then into scattering, I'm going to scatter on both axes. I'm going to increase the count, so that we get quite a bit of variety in this brush. You might even come back and decrease the spacing a little bit on it. So now this brush is going to paint in a very interesting way and we're going to get texture as well as our pattern as we paint. But of course there is no flexibility here for adjusting the pattern sides. So if you need to your pattern to be smaller or larger before you start painting, then your going to need to make that pattern smaller or larger before you begin painting. Now the aligned option is really important because if you have aligned turned on, then your pattern is always going to paint, as if it were a pattern filled layer. So wherever you going to paint, it's just going to paint exactly what should be there if you were to fill the entire layer with the pattern. Let me just undo some of that and let's see what happens when we turn aligned off. Then it's going to start a different version of the pattern every time you start painting and so you're going to get this sort of messy look, which in some instances might be what you're looking for but if you actually want to lay down your pattern looking like a pattern but painted, then you will probably want to have aligned enabled. 11. Tip 10 Use Patterns with SVG Fonts: One way that you can use patterns in Photoshop is to use them with text. So I have two pieces of text here, one is just a regular font, and one of them here is one of the new SVG fonts which are supported in Photoshop. These fonts can have transparency in them. So we're going to see how to work with just a regular font, that kind of font that you have on your computer here. I'm going to select the words that I have typed in that font, and I'll go to the fx icon here and choose Pattern Overlay. Now I can choose any pattern from my pattern collection. This is one of the patterns that I created in my terrazzo class in illustrator, but I brought it across to Photoshop. Having applied it to my text, I can also scale it, so I could make it smaller or larger depending on what I needed to do. I can also blend it into the color underneath. Right now, I've got normal blend mode. But if I chose dark, I'm going to lose the pattern because it was black underneath, but if it had a color underneath, we could blend things together. So just be aware that is an option that you have as well. You also have an opacity blend here, so you can dull down the opacity. Again, that's not going to do us a lot of service here because the original text was black. So just click OK. That's how you can use patterns with fonts in Photoshop, and of course now we have SVG fonts which can have color and also transparency. Now they don't recolor the same traditional way as regular fonts. You have to do all the recoloring through the effects, and you can also use a Pattern Overlay for this. Let's go to fx and let's choose color overlay, just so that you could see how you would recolor an SVG font, if you're able to get hold of one that you want to use. I'm just going to pick a sort of light turquoise color for this and just click OK. So this is the way that you re-color those SVG fonts. Of course you can also create them with a Pattern Overlay. I'm going to turn off my color overlay and let's go and drop in a Pattern Overlay. Now for the choice of Pattern Overlay, this time, I'm going to use one of these tree. These are some patterns that I've created using a palm tree. I'm going to change the scale down so that we can see some of the palm tree in the text itself. We can see here that the pattern is, of course, adhering to the transparency elements that are built into these new SVG fonts. Just going to change the background color here, so you can see what these look like even against a sort of dark background. You can see the transparency through this font. So patterns are a handy way to add some visual interest to regular fonts, as well as the new SVG fonts. 12. Project and Wrapup: We've now completed the video content for this course, so it's over to you. Your class project will be to take two or three of the tips that we've covered here and use them in Photoshop. Put them to work, test them, choose those tips and techniques that are going to be particularly a value to you in your day to day work. Post an image of your completed effect as your class project. Now as you're watching these videos, you will have seen a prompt asking if you would recommend this class to others. Please, if you did enjoy the class and learned from it, would you do two things for me? Firstly, answer yes, that you do recommend the class, and secondly, complete the on-screen survey. The results of this survey help other students to assess whether this class is going to be of value to them. Now if you see the Follow link on the screen, that means you're not following me yet, so click it to keep up to date with my new classes as they're released. If you would like to leave me a comment or a question, please do so. I read and respond to all of your comments and questions, and I look at and respond to all your class projects. My name's Helen Bradley, thank you so much for joining me for this episode of Photoshop For Lunch, and I look forward to seeing you in an upcoming episode soon.