Scrapbook Paper Designs with Displacement Maps in Photoshop - A Graphic Design for Lunch™ Class | Helen Bradley | Skillshare

Scrapbook Paper Designs with Displacement Maps in Photoshop - A Graphic Design for Lunch™ Class

Helen Bradley, Graphic Design for Lunch™

Scrapbook Paper Designs with Displacement Maps in Photoshop - A Graphic Design for Lunch™ Class

Helen Bradley, Graphic Design for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Lessons (36m)
    • 1. Whimsical Scrapbook Paper Designs using Displacement maps in Photoshop - Introduction

      1:38
    • 2. Pt 1 Create two displacement maps

      3:31
    • 3. Pt 2 Apply the Displacement to a pattern

      5:56
    • 4. Pt 3 Color the Whimsical Pattern

      1:23
    • 5. Pt 4 Create a second paper and save it

      4:22
    • 6. Pt 5 Uneven Dot Pattern

      5:26
    • 7. Pt 6 Scrapbook Paper with a Map and Glass Filter

      2:52
    • 8. Pt 7 Pattern of Triangles

      7:16
    • 9. Pt 8 Map a Displacement map onto itself

      1:54
    • 10. Project and wrapup

      1:21
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

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.

334

Students

5

Projects

About This Class

Graphic Design 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 to make whimsical designs to use for scrapbook papers, backgrounds, wall papers and for print on demand use by combining basic patterns with your own custom created displacement maps. The resulting images display a whimsical and irregular look which is difficult to achieve otherwise in Photoshop. While this class is taught using Photoshop CC, the instructions apply to pretty much any version of Photoshop. 

More in this series:

Make Patterns from Sketches & Digital Art in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Pattern Tips and Techniques in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make Ikat Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Marble Repeating Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make & Sell Scrapbook Paper Designs in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Range of Circle Patterns in Adobe Photoshop - A Graphic Design for Lunch™ class

10 Blend Tips in 10 minutes in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Brush Tips in 10 Minutes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Clean & Color Scanned Line Art in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Top Photoshop Tips in 10 mins - A Graphic Design for Lunch™ Class

3 Exotic Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Abstract Glowing Backgrounds in Adobe Photoshop - A Graphic Design for Lunch™ Class

Complex Pattern Swatches in Adobe Photoshop - A Graphic Design for Lunch™ Class

Complex Selections Made Easy in Adobe Photoshop - A Graphic Design for Lunch™ Class

Award Badge & Ribbon Design in Adobe Photoshop - A Graphic Design for Lunch™ Class

Backgrounds - Halftones, Sunburst, Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Hi-Tech HUD Rings in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Organic Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Text on a Path in Adobe Photoshop - A Graphic Design for Lunch™ Class

Curly Bracket Frames and Text Boxes in Adobe Photoshop - A Graphic Design for Lunch™ Class

10 Selection tips in 10 mins in Adobe Photoshop - A Graphic Design for Lunch™ Class

Cutout & Frame Photos in Adobe Photoshop - A Graphic Design for Lunch™ Class

Vintage Image Cutout Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Creative Layer Styles in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make Patterns with the New Pattern Tool in Photoshop 2021 - A Graphic Design for Lunch™ Class

Paint a Photo in Adobe Photoshop using Art History - A Graphic Design for Lunch™ Class

4 Critical File Formats - jpg, png, pdf, psd in Adobe Photoshop - A Graphic Design for Lunch™ Class

B&W, Tints & Isolated Color Effects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Bend Objects with Puppet Warp in Adobe Photoshop - A Graphic Design for Lunch™ Class

Glitter Text, Shapes and Scrapbook Papers in Adobe Photoshop - A Graphic Design for Lunch™ Class

Color a Scanned Sketch in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Color Scheme Graphic in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Custom Character Font in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create a Mandala in Adobe Photoshop - A Graphic Design for Lunch™ Class

Reusable Wreath Design in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Complex Half Drop Repeating Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Create Mockups to Use and Sell in Photoshop - A Graphic Design for Lunch™ Class

Create Plaid (Tartan) Repeat Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Color a Sketch with a Texture in Adobe Photoshop - A Graphic Design for Lunch™ Class

Droste Effect with Photoshop and a free online tool - A Graphic Design for Lunch™ Class

Critters with Character in Adobe Photoshop - A Graphic Design for Lunch™ Class

Whimsical Textures for Drawings in Adobe Photoshop - A Graphic Design for Lunch™ Class

Demystifying the Histogram in Adobe Photoshop - A Graphic Design for Lunch™ Class

Double Exposure Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Draw a Fantasy Map in Adobe Photoshop - A Graphic Design for Lunch™ Class

Emboss and Deboss Text and Shapes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Folded Photo Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Everyday Photo-editing Made Easy in Adobe Photoshop - A Graphic Design for Lunch™ Class

Get Your File Size Right Every Time in Adobe Photoshop - A Graphic Design for Lunch™ Class

Grab Bag of Fun Text Effects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Grid Collage for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Hi-tech Mosaic with Brushes & Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Warhol inspired Colourful Animal Images in Adobe Photoshop - A Graphic Design for Lunch™ Class

Intro to Creating and Using Photoshop Actions - A Graphic Design for Lunch™ Class

Isometric Cube Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Layered Paper Collage Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Layers and Layer Masks 101 for photographers in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make & Sell a Shapes Collection in Adobe Photoshop - A Graphic Design for Lunch™ Class

Seamless Repeating Patterns in Adobe Photoshop - Just the Basics - A Graphic Design for Lunch™ Class

Make & Use Photo Brushes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Photo Collage for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make and Sell Overlays for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make Custom Shapes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Kaleidoscopes with Smart Objects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Diagonals, Chevrons, Plaid & Polkadots in Adobe Photoshop - A Graphic Design for Lunch™ Class

Make & Sell Photoshop Brushes in Adobe Photoshop - A Graphic Design for Lunch™ Class

Overlapping and Random Circles Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Pattern Bombing Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Turn a Photo into a Pattern in Adobe Photoshop - A Graphic Design for Lunch™ Class

Patterns as Photo Overlays for Social Media in Adobe Photoshop - A Graphic Design for Lunch™ Class

Photo Texture Collage - Blending & Textures in Adobe Photoshop - A Graphic Design for Lunch™ Class

Inking Techniques in Adobe Photoshop - A Graphic Design for Lunch™ Class

Prepare images for Social Media & Blogs in Adobe Photoshop - A Graphic Design for Lunch™ Class

Recolor Objects without Making Selections in Adobe Photoshop - A Graphic Design for Lunch™ Class

Techniques for Recoloring Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Remove Objects & Tourists from Photos in Adobe Photoshop - A Graphic Design for Lunch™ Class

Reusable Video Glitch Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Seamlessly Blend Two Images in Adobe Photoshop - A Graphic Design for Lunch™ Class

Set up Colors, Tints and Shades in Adobe Photoshop - A Graphic Design for Lunch™ Class

Sketches & Brushes to Whimsical Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Snapshot to Art - 3 Handy Photo Effects in Adobe Photoshop - A Graphic Design for Lunch™ Class

Surreal Collage Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Text Over Image Effects - Glyphs & Layers in Adobe Photoshop - A Graphic Design for Lunch™ Class

Using Textures in Adobe Photoshop - A Graphic Design for Lunch™ Class

Photoshop Type Basics in Adobe Photoshop - A Graphic Design for Lunch™ Class

Upside Down Image Effect in Adobe Photoshop - A Graphic Design for Lunch™ Class

Using Illustrator Objects in Photoshop - A Graphic Design for Lunch™ Class

Using the Scripted Pattern Fill Tool in Adobe Photoshop - A Graphic Design for Lunch™ Class

Valentine's Day Inspired Hearts in Adobe Photoshop - A Graphic Design for Lunch™ Class

Whimsical Rotated Patterns in Adobe Photoshop - A Graphic Design for Lunch™ Class

Scrapbook Paper Designs with Displacement Maps in Photoshop - A Graphic Design for Lunch™ Class

 

 

Meet Your Teacher

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

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. Whimsical Scrapbook Paper Designs using Displacement maps in Photoshop - Introduction: Hello, I'm Helen Bradley. Welcome to this Graphic Design for Lunch class, create scrapbook paper designs using displacement maps in Adobe Photoshop. Graphic Design for Lunch is a series of classes that teach a range of tips and techniques for creating designs and for working in applications such as Illustrator, Photoshop, and Procreate. Today we're looking at creating whimsical designs using displacement maps. Now, these are the kind of designs that you can use for scrapbook paper and we're going to use scrapbook paper as the example. But you could also use these designs for backgrounds, wallpapers, and for print-on-demand items like mouse mat and phone cases, for example. What we're going to do is to take some basic patterns in Photoshop and we're going to make displacement maps, black and white images that we can use to bend these patterns to create interesting effects. Now, as you're watching these videos, you will see a prompt which ask if you would recommend this class to others. Please, if you're enjoying the class and learning from it, would you do two things for me? Firstly, answer yes, that you would recommend this class, and secondly, write in even just a few words why you're enjoying the class. These recommendations help other students to say that this is a class that they too might enjoy and learn from. If you'd 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 of your class projects. If you're ready now let's get started making whimsical scrapbook paper designs using displacement maps in Photoshop. 2. Pt 1 Create two displacement maps: We'll start making our scrapbook designs here in Photoshop. I'll choose "File" and then "New". I'm going to make a document that's 1800 by 1800 pixels in size, a resolution of 300 pixels per inch, RGB color, I'm just going to use a white background. Now, there's a reason for me choosing these values. Scrapbook paper is typically 12 inches by 12 inches in size. If you print that at 300 pixels per inch, then you would need a document that's 3600 pixels by 3600 pixels. The document I'm creating is half of that. The reason for making it half the size is I'm going to increase the size at the very end. But I want to work on slightly smaller sizes when I'm actually doing the displacement maps. You could work at full size, but I suggest that you probably get as good a result, if not better, if you work at a smaller size. We're choosing 1800 by 1800 and 300 pixels per inch. I'll click "OK". Note, unsurprisingly, here in the layers palette, which of course, you can get to by choosing window and then layers, we just have a background layer and it's white filled. For our displacement map more at least for the first one, we're going to use difference clouds. I've made sure I have black and white selected as my default colors. If you don't say that, you can just click on this icon here or press the letter "D" for default, and that will give you the default colors. I'll choose "Filter" and then "Render", and then "Difference Clouds". That gives me a set of black and whites of clouds in my document. Now, this is a potential displacement map. I may want to at this stage just save it away as a map. "File", "Save". We'll make sure that it is a PSD file, absolutely has to be a PSD file or you can't use it as a displacement map. I'm just going to call this clouds. We saved as a PSD file, I'll click save. Now, this is one option for displacement map that's got plenty of black and white and that's going to bend our image a little bit. But let's say another alternative while we're here. With these difference clouds, I'm going to apply another filter. I'll choose "Filter" and then back to "Render", and this time I'm going to choose "Fibers". Fibers is a nice textured look too. What it's going to do is it's going to turn our clouds into something that looks like this. Now, I have variance set to around about 20, and I have strengths set to about 17, could be 20. Just play around with the figures. All you're looking for is a nice set of fibers. Little bit concerned that there's quite a lot of black there, so I might try and even this out a little bit, see if changing things around. I'll just go with that and click "OK". There's my fibers. Again, I'm going to save this, but I can't choose "File Save" because we've already saved this as clouds. I'm going to have to choose "File Save As", but also checking to make sure I've just got a single background layer or a single layer. "File Save As", and I already have a file called fibers, so let's just overwrite that with the new one. Now, we have two displacement maps that we can use. Typically, displacement maps of black and white images. They don't have to be, but most people design them as black and white images. In the next video, we'll go ahead and create a piece of scrapbook paper and apply a displacement map to it. 3. Pt 2 Apply the Displacement to a pattern: For our scrapbook paper, we're going to go a head and create a document exactly the same size as the displacement map. File, New, there will be 1800 pixels by 1800 pixels at 300 pixels per inch. I'll click "Okay". Now, I'm going to make some striped papers, I know how big my document is. I'll go to the rectangular marquee tool. I'm just going to drag out a long narrow rectangle, and I'm just using the little display at the bottom of the screen to tell me how wide my rectangle is. I'm looking for one that is 30 pixels wide. I'm just going to go and see if I can get it 30. As soon as I get it to 30, I'll just let go the left mouse button, so I have a selection that has 30 pixels wide by the 1800 pixels high of this document. I'll add a new empty layer, with this layer selected and with my selection in place and the default colors, I'm going to press Alt Backspace on the PC, that would be Option Delete on the Mac, and that fills my selection with the black color. Going to make a duplicate of this layer, so I'll drag it onto the new icon here, and then I want to move this pace, so I'm going to the Move Tool, and I'll choose Edit and then Free Transform. That gives me access to these transform options up here. The first thing I'm going to do is to mark this edge here as the transformation point. There's nine little boxes here, we want the middle one on the left-hand side. Now we're going to move it across a factor of 1800. A number that when you divide it into 1800, it divides without leaving any remainders, so one of those is going to be 90, so this would give us stripes that look like this. If it's too far, you could wind it back to 60 because that's another factor of 1800. Think I like this, so I'm going to settle for 60 as being my transition. I've just typed 60 into the X-dialogue here, and I'll click the checkmark. I've made one shape, I've duplicated it and moved it, so if I now hold down the Control Alt and Shift keys on a PC, that's Command Option Shift on a Mac, and press the letter T for transform, and if I keep doing it, I'm going to repeat the shape all the way across the document. I'm just going to stop short of the edge. Now, if all of these shapes go in different layers, don't worry, that's just fine too. Because what you're going to do is select the topmost one, hold the Shift key, and select the bottom most one. In this case, I've only got two, but you might have lots and lots of layers, sometimes it works like that. That's just fine. Just select all of them except for this background one, right-click and choose Merge Layers, and that just puts everything on a single layer. I still have a selection here, so I'm going to press Control or Command D to deselect the selection, you can also choose Select and then Deselect if you wish. These are the stripes that we're going to use for our scrapbook paper. But this does not look like whimsical scrapbook paper, it just looks like a set of stripes. We're going to use our displacement map to create something more interesting. The first thing that we'll do so that it's easy to undo and change is we're going to make this particular layer into a smart object. With it selected, we can choose Filter, and then Convert for Smart Filters. That's exactly the same thing as making a smart object of it, which you can do by right-clicking and choose Convert to Smart Object, they're exactly the same process, exactly the same result. Having made this into a smart object, we can now apply a displacement map to it, and we do it this way, we choose Filter and then Distort and Displace. Now, here's where the experimentations going to come in because we want to displace these stripes horizontally. There's no point in trying to displace them vertically because if we move them up, all we're going to get is vertical movements, so we don't actually need to use vertical scale on this particular design with the displacement maps that we have. But we will select the horizontal scale. This is a value between zero and 100, and it's a percentage. You don't want a lot of displacement, 10 is probably going to be too much, but we'll see. Now, we can stretch it or tile at this displacement map because, in actual fact, it's neither going to be stretched or tiled because it's exactly the right size. We can select either repeat edge pixels or wrap around, it doesn't really matter at this point for this particular design. We'll just click "Okay". Now, we can go ahead and select one of our displacement maps. I'm going to select fibers, and I'll click "Open". Now, the fibers displacement map has been applied to our design. We've got something that looks whimsical, it's not a set of stripes anymore, it's something a lot more interesting. Now, if we think that the movement is too much, we can edit the displacement. I'm going to click here on Displace to open the displace dialogue again. Going to set the horizontal scale to five this time, click "Okay", and I have to go out and reselect my displacement map. But now we get less of a displacement because we only selected five percent instead of 10 percent. You can experiment with the values that you want to use. I actually like this a lot, so I'm going to settle for the five percent. In the next video, we're going to look at the situation where we don't want it to be black and white. What if we want to use a different color? Well, I'm going to show you how you can do just that. 4. Pt 3 Color the Whimsical Pattern: To color our pattern, we're going to use a hue saturation adjustment layer. I will just click on the topmost last layer selected and then choose Layer, New Adjustment layer, and then hue saturation, and we'll click "Okay". The hue saturation adjustment layer, we only want it to apply to the layer immediately below. We are going to click here on this icon, that creates a sort of clipping group so that the hue saturation adjustment only applies to this layer. Whatever else might be happening in the background layer won't be affected by the adjustment here. I'm going to click "Colorize". We will start to increase the lightness. As you can see when I do that, we're starting to pick up the current hue. I'm also going to increase the saturation because that's going to give me a darker color. At this point I can just drag on the hue slider to make my stripes, my sort of whimsical stripes, whatever color I want them to be. Now, this point, if I liked the color but they too saturated well, I can wind down the saturation. I can also increase the lightness or decrease it to make it darker. We have a fair bit of flexibility here in crafting the color that we want for the stripes. But we can make the stripes black to start off with and then just recolor them to whatever we want once we're done. 5. Pt 4 Create a second paper and save it: Now, when we first created our displacement maps, we actually created two displacement maps. One was the fibers which we've just seen and use, and the other one was the difference clouds. Well let's see what happens when we use difference clouds on this striped pattern. What I'm going to do is make a duplicate of this layer. I'm just going to drag it on to the new icon here. I have two layers identical. They both got smart filters applied to them. They both got the displacement map applied to them. I'm just going to turn one set off, that's the set that I want to keep, that's going to be my fiber set. But for this one, I want to change the displacement map that's applied from fibers to clouds. I'll double-click on Displace. Now in this case, the clouds displacement maps can look a lot different to the fibers one. Instead of being up and down, it has a lot of curvy spits in it. What I'm going to do is I'm going to set the horizontal and vertical scales to 5 percent. That means it's going to be pushed both horizontally and vertically. We're going to get something a little bit more interesting out of it, perhaps. I'll click "Okay", I have to go and select the displacement map to use, I'm using clouds, and this is the result. Here we've got a set of wiggly lines. Now, if they're not wiggling enough, you can double-click on Displace and perhaps increase the values. Let's say what 10 and 10 look like. Again, we need to pick up our clouds, and here is a more wiggly set of lines. Now at this point it's probably timely to look and see what we're going to do if we want to actually save this as usable scrapbook paper. In that case it needs to be double the size that it is right now. What I'll do is choose Image and then Image Size. I'll scale this down so I can see it and I'm going to double the size. I'll type in 3600 by 3600. Well, because this icon here we've selected, any change that I make, the width is also going to be reflected in the height. We also need to choose a Resample option. There is Automatic. We could use Preserve Details, which I think is going to look pretty good for this. I'm actually quite impressed with that. We can use Bicubic Smoother because that's also one we could use for enlargement. You just want to see what effect they are having on your document and choose the one that is best for it. Now you don't want to use Nearest Neighbor, that's not going to be very nice at all. It's going to be quite harsh and pixelated. But you might get good value with Bilinear as well. I'm actually not seeing a huge amount of difference so I'm going back to my Preserve Details, and with Preserve Details you get the option of adjusting noise if you want to reduce any noise in the image. I think it looks pretty good, I'll just click "Okay". Remembering that what we're going for is a whimsical design, so we want to see uneven elements in this design. Now because it's been doubled in size, it's looking really big on the screen, so I'll press Control or Command 0 just to zoom back out. Now in reading off the bottom of the screen here, you can see we have a 3600 by 3600 pixel document at 300 ppi. That's typical scrapbook paper size. At this stage, to save it as usable scrapbook paper, I would choose File and then Save As. I want to save it as a JPEG image because typically scrapbook paper is sold as JPEG images. I'm going to call this stripes wiggly. I'm going to set the ICC profile to sRGB. That is the profile that you typically use for things that are going to be displayed on the web, and then just click "Save". Depending on what your site requires, typically I will just set it to maximum size and click "Okay". Of course I have two pieces of scrapbook paper in this file, so I'm going to turn off the top layer, I'm going to go to this layer, and then I would save this. I might change the color, or I might just go ahead straight away and save it as a JPEG and this would be a second piece of scrapbook paper. 6. Pt 5 Uneven Dot Pattern: For our next whimsical design, we're going to use the same difference clouds filter, but we're going to use a pattern of dots. I'll choose "File" and "New", and the first thing I need to do is to make my pattern. I'm going to make a document 100 pixels by 100 pixels in size, I'll click, "Okay". Just going to zoom in here so we can see it a little bit more clearly. I'm using a 100 pixels by 100 pixels in size because, that means I know exactly how big my document is, and that's really important. It's also divisible by 2, something which is also really important. I'm going to the Shape Tool here, and I'm going to fill this shape with a black fill. I don't want any stroke at all, so I'm setting that up before I begin. I'll click once inside the document, and now I get to choose my ellipse size. I'm going to make it an even number, because I want it to be able to be centered perfectly in the document. I want it to be a little bit smaller than half the sizes document, so I'm going to use 40 and 40. The height and width are 40, that's going to make a circle. I'll just click "Okay". Now, because I had shape selected here before I started, you'll see that the shape is on a separate layer and that's going to be really helpful, because that's going to allow me to center it after I've drawn it. I'm clicking on the Move tool, I've got my ellipse layer selected. I'm just going to drag it until I see those lines telling me that I have it centered perfectly in the middle of the document. If you have trouble centering it, let's just put it over here. This is what you can do with the last selected, you'll choose "Edit" and then "Free Transform". You're going to make sure that in this series of boxes, the middle of the nine boxes is selected. Because our document is 100 pixels by 100 pixels in size, the middle is at 50-50. So you'll type of 50 into the X box and 50 into the Y box, and that will center the circle right in the middle of your document. We need a duplicate so I'm going to drag the ellipse onto the new icon. So we have two of them. I'm going to switch to a tool that is not the Move tool. I found that sometimes in later versions of Photoshop, things go a little bit weird here. One of the ways of avoiding that weirdness is to make sure that you actually don't have the Move Tool selected for this next step. You're going to target the topmost one of these ellipses, and we'll choose "Filter" "Other Offset". You're going to be warned that you can't run an offset filter on a shape. So that's fine, we're just going to click to rasterize it. Into this dialogue, you're going to set the offsets to half of the width and height of the document. The document is 100 pixels by 100 pixels, so the offset is going to be Horizontal: 50, Vertical: 50. That will give us a repeating pattern. I'll click "Okay". At this point we'll select everything with Select All. We could also press "Control or Command A". To make a pattern out of this, we'll choose "Edit" and then "Define Pattern". I'm going to call this dots, and click "Okay". We don't need this document any longer, so we can just get rid of it. We need a new document for our scrapbook paper. I'm going to again make it half the size and then increase it once I'm done. 1800 by 1800 pixels in size, click "Okay". To apply my pattern, I'll choose "Layer" and then "New Fill Layer Pattern." I'll click "Okay". By default, Photoshop will fill this document with the most recently created pattern, which is the circles that I created earlier. I'll click "Okay". At this point, we're going to do it exactly the same thing as we did with ass stripes. We're going to target this layer and we're going to choose "Filter", "Convert for Smart Filters" and click "Okay". So we now have a smart object layer. To this, we're going to apply our displacement map. Again, exactly the same, Filter, Distort Displays. We can set the values on our displacement. I'm going to set mine to 10 and 10. I want my circles to be displaced both vertically and horizontally, because I want them to look uneven and the clouds displacement map is going to do that for me. So I'll just click "Okay" Select my "clouds", click "Open" and this is the result. We have got this uneven pattern now of circles created by applying a displacement map to our pattern. The displacement map that we used was that clouds displacement map, which had some interesting shapes in it, and it just distorted all our circles really nicely. At this point, we could go ahead and add our hue saturation adjustment layer to recolor our dots. We can go ahead and increase the size of the document and save it again as a piece of scrapbook paper. 7. Pt 6 Scrapbook Paper with a Map and Glass Filter: Now there are other ways in Photoshop that you can use displacement maps that might not be at first apparent. I've gone back and created an 1800 by 1800 pixel image and I've just applied the pattern, that circular pattern that we created to it. Now, I've already made this into a smart object, so I just selected it and chose filter and then convert for smart filters. So that's already been done. Now, let's apply a glass filter to this. With it selected, I'm going to choose filter and then filter gallery and in the distort area of the filter gallery is a glass filter here and there are some options here for texture, so you can apply a blocks or a canvas or a frosted texture or a tiny lens, but we are not going to use any of those. I'm just going down here because I want to see the whole of my document on the screen. That's really important. I'm going to click the fly-out menu here because this allows me to use a different texture so when I select "Load Texture", it's possible for me to go and get my clouds filter. I'm going to select "Clouds" and click "Open". We want to set the scaling to at least 100 percent. 100 percent is going to scale our texture to the same size as our document. If we start bringing it down, we are going to get these fracture lines in here where the texture itself is not a seamless pattern and so we're not seeing those edges rendering correctly, so it needs to be at least a 100 percent but you can make it larger if you want to. But I'm going to settle for somewhere around about a 100 percent but definitely at least 100, and at this stage we can also adjust the distortion so you can get more or less distortion and you can adjust smoothness. Now, I think smoothness at a fairly low value but distortion at a higher value is giving me an interesting effect. This is something that would be very difficult to create any other way in Photoshop, but with filters, it's very, very simple to do and the benefit of using the glass filter here without clouds texture distorting the image, is that we get a bit of control over it, so we can adjust the scaling, smoothness and distortion. You can also invert it so that might give you a different result and one that you like better. I'm pretty happy with how it looks here. So I'm just going to click "OK". There's another pace of whimsical scrapbook paper created. In this case, we've taken the clouds displacement map image, but we've used it with a filter and of course we can recolor this easily, exactly the same way as we've been recoloring things all along. Before saving as a scrapbook paper, we'd want to double it's size of course, and then save it as a Jpeg. 8. Pt 7 Pattern of Triangles: For our next displacement map, we're again going to create a document 1800 by 1800 pixels in size. I'm going to create a set of ways. I'm going to start with a line across the top of the document and it doesn't really matter how deep it is. I just want a reasonably thick line. In fact, I think maybe a little bit thicker than that, it's about there. I'm going to make sure that I'm on a brand new layer and I'll press ''Alt Backspace'' option ''Delete'' to fill it with black, which is my foreground color. I need to make a duplicate of this layer, so take it down here onto the new layer icon. I'm going to target this stripe here, choose "Edit" and then "Free Transform". Now, I'm going to measure it from the top here. I'm going to click on the top most middle of these nine boxes and I want to start moving it down. I'm going to alter its y value. I'm just going to press ''Shift up arrow'' and just move it down till I have it in a position where I want it to be. I'm thinking probably about that stripe is going to look good. I'll press the checkmark just to confirm that. Again, we'll use ''Control Alt Shift'' command, option ''Shift'' on the Mac and tap the letter t to just put stripes all the way down the page. We again want to make sure that we have our stripes all on one layer. Let's go and get this last pallet. I need to merge these two layers. I'll click on one shift, click on the other. You've got stripes all on different layers. Just click on the top one shift, click on the bottom one, right-click and just choose "Merge Layers". You have one layer. Now, at the moment I've got the stripe at the bottom selected. I don't want anything to be selected or the next step won't work. I'll choose "Select" and then "De-select". We just want to have this layer targeted and we're going to apply a wave filter to it. We're going to create little waves, "Filter", "Distort" and then "Wave". Now, we're going to use a sine wave and depending on what your dialogue looks like, you probably won't end up with the look that you want straightaway. So what I generally do is play around with the number of generators and then start increasing the wavelength a little bit. You'll want the wavelength, the minimum, and maximum to bay within one of each either, because that gives you the best results, and as soon as you start seeing what it is that you want, then you can just make fine tuned adjustments to it. In fact, I've got my number of generators down quite low. Amplitude is going to be the height of the wave and you don't want it to be to high, you just want waving lines. For this, I'm not looking at the minimum, maximum being too close to each other. In fact, the minimum I've got is one, and the maximum here is 29. I can adjust the scale should I wish to do so. It's actually having no effect here at all. Once I'm happy, I'll just click "Okay". This is my wave pattern is just a black and white set of waves. I'm going to choose "File" and then "Save As". Already have one called waves so I'm just going to overwrite it with this one so that we're using the one that I've just created. Having created a displacement map, I'm now going to create a pattern to use. I'm going to make it again 100 pixels by 100 pixels for my pattern path, I'll click "Okay". I'm going to create a small pattern of triangles. I'm going to add a new layer here and on that new layer, I'm going to make a square. I'm just going to drag out a square by holding the ''Shift key'' as I do so it's constrained to a perfect square. I'll fill it with black by pressing ''Alt, Backspace'', option, ''Delete''. It's important to have it on a separate layer because we want to rotate this and I'll hold the shift key as I do, I want to rotate it around 45 degrees. The next thing I want to do is to curve off half of the square, the bottom half. I'm going to the Selection Tool here and I'm just going to drag over the bottom half of this diamond. What is now a diamond with this layer selected, I'm just going to press ''Delete'', so I've just got rid of the bottom half of it. I have a nice triangle here. I'm going to deselect my selection by pressing ''Control'' or ''Command D''. Go back to the Move Tool, select over my triangle. Now, I want it to be a little bit skinnier in shape, so I'll hold the ''Shift Key''. I just constrain it to a slightly better shape and I'm going to position it right in the middle of this document having a bit of trouble finding the middle. Let's just go up here and position it at 50 and 50. There it is, in the middle of the document. It doesn't really have to be exact because we're going to destroy this pattern shortly anyway. We'll take this layer, make a duplicate of it and we're going to make sure that we have a tool other than the Move Tool selected, because we want to use the offset filter on this again, "Filter", "Other", "Offset" and this will be 50 and 50 because our document is a 100 and 100 in dimensions. The offset is half of that click "Okay". ''Control'' or ''Command A'' to select everything or you can just choose, "Select" and then "All", and we're going to make a pattern out of this. "Edit", "Define", "Pattern", just going to call this triangle and click "Okay". We have our pattern and we have our displacement map, so now we need our scrapbook paper. "File", "New", 1800 by 1800. Exactly the same dimensions as we've been working with. I'll choose "Layer", "New Fill Layer" and then "Pattern". Click "Okay" and our pattern is applied to our document. If we want to increase or decrease the scale, we could do so at this stage. I'm happy with it right now, I'll just click "Okay". Again, we want to convert this for smart filters. I can just right-click and choose "Convert to Smart Object" because that's exactly the same as using convert for smart filters and again add distortion, "Filter", "Distort", "Displace". I'm going to start with 5 and 5. I don't need to worry about stretched to fit or tile because the displacement map is the exact same size as my document, I'll just click "Okay". Let's go and get waves and click "Open". This time we are getting this shattered look. Now, if we want less of movement or if we don't want movement in one direction, we can change this. Open up ''Displace'', for example, if I want to move it horizontally but not vertically, then I'll just set vertical to zero, horizontal to five. Go ahead and re-select my pattern and this time I have horizontal movement, but no vertical movement. You could make just small amounts of each. I'll select 2 and 2 and go back and pick up my waves, and then we get again some distortion, but not as much distortion as we had before. Same exact process for re-coloring this, same exact process for re-sizing it and saving it as a JPEG, so you have it then as a piece of scrapbook paper. 9. Pt 8 Map a Displacement map onto itself: There are obviously innumerable things that you can do with Designs and Displacement Maps. But before we finish up, I just want to show you an effect of applying a Displacement Map to itself. Now we've already saved this pattern as a waves psd file so that we could use it as a Displacement Map, but it's also possible for us to use it as a Displacement Map for itself. Let's just go to this layer. Let's right-click and Convert to Smart Objects, and then apply the saved version to this one. Filter, Distort and then Displace. Now I'm going to set a five and five for horizontal and vertical scale. Displacement Map, Stretch to Fit. Tile doesn't matter because it's going to be mapped back on top of itself. I'll click, Okay. Then I'll go and pick it up, the waves psd file, and click, Open. Here we get some distortion within the design itself. It's just a really interesting distortion effect. That could be another piece of scrapbook paper. We'll get a different effect if we turn off the horizontal scale so we're not moving it horizontally, but we are going to move it vertically. Let's just see what happens there. Well, here we are getting this double wave effect, but there's no horizontal movement in the process. If we wanted it to be larger, we would just increase the vertical scale movement from five to ten and we're going to get a larger value. Of course, we could flatten this and save this back again and use it as a Displacement Map too. We could even map it back onto itself. There's lots of things that you can experiment here with Displacement Maps and Patterns to get unusual designs in Photoshop. 10. Project and wrapup: Your project for this class is to make one or more designs using the techniques that I've shown you in this class. Make a displacement map, make a pattern that you can apply the displacement map to, and feel free to use the exact same examples as we've done in class or make up your own. It's up to you. Apply the displacement map to your image and then save it and post an example or two of the work that you've done as your class project. I hope that you've enjoyed this class and that you've learned things about Photoshop of which you were previously unaware. As you have been watching these videos, you will have seen a prompt which asked if you would recommend this class to others. Please, if you enjoyed the class and learned something from it, would you do two things for me? Firstly, answer yes that you do recommend the class and secondly, write even in just a few words, why you're enjoying the class. These recommendations help other students to say that this is a class that they too might enjoy and learn from. Now if you'd 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 of your class projects. My name is Helen Bradley. Thank you so much for joining me for this episode of Graphic Design for Lunch. I look forward to seeing you in an upcoming episode soon.