Photoshop: Circular Abstract Color Pattern using Repeat & Blend Modes | Benjamin Halsall | Skillshare

Photoshop: Circular Abstract Color Pattern using Repeat & Blend Modes

Benjamin Halsall, Final Cut Pro X & Adobe Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (11m)
    • 1. Class Introduction

      0:29
    • 2. Setup Your Project

      1:24
    • 3. Create & Edit Your First Shape

      3:14
    • 4. Duplicate Your Shape

      1:39
    • 5. Create the Colour Pattern

      1:19
    • 6. Modify Your Colour Pattern with Blend Modes

      0:59
    • 7. Create Your Outlines & Wrapping Up

      1:51

About This Class

Create this very cool circular colour pattern and learn how to customise circular shapes, duplicate layers to make patterns and work with blend modes to generate the design you see here.

Check out animated GIF preview below to see what you will cover:

c1f80bc0

Transcripts

1. Class Introduction: Okay, so it's Photoshopped natural. We can have a look at how we create this call pattern on. We're gonna use some different shape players to do this. We're gonna manipulate their shape players. So we'll be looking at how we take a regular ellipse on, then adjust it. So we get this nice kind of pointed flower type pattern, and they were gonna have a look at how we create the duplication, which is gonna create It's cool pattern that we can see adjudicated here. And then lastly, we're gonna have a look how we manipulate color. So we get this nice blend of the different colors with its color spectrum circle that shows up here. 2. Setup Your Project: Okay, so the first I'm gonna go ahead and do here is create a new file that we're gonna work with . So let's go ahead to file on you for this project. We're gonna be working with standard U. S. Letter size document. We're gonna make it 11 by 8.5. Okay. 300 pixels per inch and then rgb color on those settings. I will be fine for what we're doing. We can always copy and paste the object that we're creating in 12 files. So not too worried about the specific file size because we're working with victor objects. We can always re scale this a late stage either up or down. So this project will be suitable for print or for the Web as we kind of work through. So we're gonna click OK here to make our new project. I'm just going to Commander zero so that I can zoom to fit the screen. OK, so let's go ahead and save this. We're gonna go to file, save us. We're gonna save into this pattern project folder that I have set up here. Okay, So once that's saved, let's go ahead and create the first of our shapes that we're then gonna go ahead and duplicate. So we're gonna go ahead to the left hand tool by now if you've got a slightly different layout Photoshopped to me. What I suggest you do is go to window workspace, make sure you're on the essentials layout on, then jumped recent essentials. OK, and that means you just be looking at the same photo shop layout I have set up here. 3. Create & Edit Your First Shape: Okay, so let's jump to the little. So if you come down to the bottom of the toolbar on the left hand side here, OK, we can see either the rectangle tool or the Ellipse tour, depending on what you have selected. So if we just jump in here, we can select the Ellipse store. Okay? I was just gonna draw a nice tall ellipse here around halfway down the page, okay? And now we're gonna go ahead and modify some settings here, firstly, for the shape of the Ellipse. And then we're gonna work after that on the field color for the electable. Talk through the way that we're going to set this color up there is gonna be easy for a supply. The changes we need to make later. Okay, So first of all, let's jump to the pencil on the left hand side here on from this menu, we're gonna pick out the convert point all, and we're going to use this at the top and bottom of the shape. Just toe change those curved top and bottom edges into appointed top and bottom edges. Okay? And then we're gonna grab the direct selection tools in the second of the two hour totals down at the bottom here. OK, on with this. Just grab this left hand point. Okay, hold down, shift and then click and grab the right hand point. I'm just gonna move these down, so it's basically gonna make the bottom off this shape a little bit fatter than the top. Okay, It's almost like a raindrop or a teardrop effect. And you can modify, adjust this shape A So you want to? So what you got something like that? We could also, if we wanted to select each of these points on, then just move this out a little bit. I'm holding down shift as I do that just to kind of make those increments a little bigger. So if you hold our shift and use the left and right curses, it will move things a little bit quicker. So once we've got that will enter, then we're gonna go back to our shaped all okay, which is gonna allow us to modify the Phil and the stroke. Okay, so I'm gonna modify my feel here using the color picker. Okay, So come to the top right on. Just double click in there and in order to get this kind of pattern flow that we had in the original image that we saw were going to be basically adjusting Hugh. Okay, on the Hugh runs from zero toe, 360. Okay, so all the way around the color wheel on, we're gonna have the saturation at 100% on the brightness at 100% again. So that's going to start itself down the bottom with this pure bred. Okay, So basically gonna spin through the different colors as we kind of work through its shape on, and that's what we're going to use to going to make the blend. So we're gonna be adjusting Hugh up here in order to do that. So I want to You set that, too. Read. Okay. Okay. That would change the fill color to red, and then we're gonna change the stroke of this two white on. We're gonna make it three pixels wide. Okay, So relatively thin stroke. So now once that's set up, we're gonna jump to our lip shape across here on the right hand side, and I'm just going to set the Phil to 10 or 20% and we can adjust this later. So we just said it 20% for the moment, and then we can always come back in on a just as we go through. 4. Duplicate Your Shape: Okay, so let's go ahead now and work on the transformation. So we're gonna jump back to the move Tool up here on now we're gonna do is we're gonna use a very particular short cut toe, get this transformation going. So instead of using command or control anti to bring out transform, we're gonna hold out cult and command, or halt and control the same time, and then tap T. Now that's gonna bring up the transform. But it means that when we transform it now because we held out Holt, it's also gonna make a duplicate as we transform. So I'm gonna drag it's little anchor point down to the very bottom middle of my shape here . Okay? And as soon as I do that, you can see I get a duplicate off that shape. So now I'm gonna go up to the options toolbar up here on type in 10. Okay? So basically, we're gonna making 36 off these petals as we go around from zero toe 3 60 Okay, So once I've done one of those, I'm gonna hit enter twice, And then now, to repeat that transformation, I'm gonna hold down command cult shift and then tap t. OK, so that's command cult shift and then tap t and that will repeat the duplication around the entire circle. And you can see those layers of blending nicely together. And even just with the one color on, we're getting quite a nice effect there. So just as I'm coming back up to the top, I'm slowing down and just going one step at a time until I've repeated that. So you can see that increment of 10 that we used means that we get this kind of perfectly even spacing between each of these objects. 5. Create the Colour Pattern: So now we're gonna work from the top. Most object. Okay, so if I double click here, it's gonna bring up my corruptions when we leave this 1st 1 at zero. Okay. And then I'm just going to start to work through the rest of these lace. I'm gonna pull my layers panel out and just stretch this out, okay? And I'm gonna double click here on just type in 10 goods the next layer down type in 20 and then just keep working through these, adding 10 as the increment each time. So 30 40. So go ahead. Now, set up your shape, do the duplication. You could try a different shape. And if you want to do this color brand will work with different shapes and then just work through on change the hue for each of the layers that you add in order so that you get this nice blend. OK, so we're going to go now from 40 and then work all the way around 23 50. Okay. So you can see now that we've gone round and through that hole and circle, we get this kind of beautiful blending of those different colors 6. Modify Your Colour Pattern with Blend Modes: now, if we select all of those shapes, OK, we can change the amount of intensity off those color. So if we change the opacity and we can blend those colors differently so we can have a stronger blend or ah, kind of weaker blend by dropping the opacity so we can adjust this with all those layers selected on to select all the layers are simply selected the top mostly or the bottom. Most layer held downshift and then went to the opposite end. I have selected those layers so you can see here. We've got this nice kind of level of control over what we have here. And we could also do things like multiply to kind of change, the kind of way that the shapes blending together, which could get some nice effects. And then we can also use things like difference to change, change the way those shapes are blending, blending together as well again. So some different methods off actually blending the shapes together to get a different kind of level of intensity of those shapes. OK, 7. Create Your Outlines & Wrapping Up: So you remember. We also added that kind of white border onto the shapes as well. So let's just will these layers selected, Okay, I'm gonna use command and G or got here and go to new group from layers. Okay, that's gonna make a new group from these layers, and I'm gonna call this fills, okay? And so now what I can do is if I grab this layer, drag it down to the new layers, but in a maker Jew clicker, that I'm just going to call this stroke. Okay, I'm gonna open this new group of layers up in select all these. Okay? And then once I've done that, I'm going to change this back to normal, okay? And come in here, change the opacity. Back to 100 case. I have all that. The white outlines think it's even just like this. It kind of gives a nice, a nice pattern. But what I want to do now is go back to my shape options and just remove the feel here on what I'm left with now is this white patterns of these white outlines of the shape. So you can see by working with these shapes with these groups and then in the layers here with the hue adjustment for the color. We can get this nice spin around all the different colors in our RGB color palette On create this nice design as we go along as well I have. It's been useful. It's certainly a youthful way to kind of start thinking about how he works in terms of working with and blending your colors. Okay, and then also looking at house that you can use opacity on D duplication is in different ways to create cool patterns in Adobe Photo Shop. I'd love to see some different shapes, uses examples for this project, and I hope to see some of your your work on the project will soon.