Hello, I'm Helen Bradley.
Welcome to this video tutorial.
In this tutorial I'm going to show you how you can make both herringbone and diagonal
line patterns in Photoshop.
Before we get started on this video I just want to introduce you to my new eBook.
It's 57 Secrets for Working Smarter in Photoshop.
Using these secrets is going to make you a better Photoshop user both for graphic designers
and for photographers.
The book is available on Amazon.com and it's available for both the Kindle and in a printed
version.
You can also find it on the iTunes store.
So that's 57 Secrets for Working Smarter in Photoshop.
So now let's go back to the tutorial.
And this is the tutorial that we're going to do.
I'm going to show you how to create a sort of hounds tooth check like this and I'm also
going to show you how to create a set of diagonal lines like this.
So we're going to start with the diagonal lines.
I'm going to choose File and then New and I'm going to create an image that's 8 pixels
wide by 8 pixels tall.
It's a very, very small image.
So click Ok.
I'm going to need to zoom in on this so that we can see it more clearly.
You'll be able to get into 3,200 percent zoom and that's when it stops.
I've preset my grid and guides here.
I'm going to choose Edit and then Preferences and then Guides, Grids and Slices.
And I set a grid to be every 4 pixels with subdivision every 4.
And that will get me a grid that is going to make it a little easier for me to see what
I'm doing.
So I'm going to choose View, Show Grid.
This is my grid.
Now the Brush tool always paints anti-alias so we'll always have soft edges and it's not
going to work for this at all.
So we need to use the Pencil tool.
So I'm going to click on the Pencil tool to select it.
And I've lost my Tool options so let's just go and put the options back in.
And what I want to do is make sure that I have selected here from the Photoshop collection
a hard square 1 pixel brush.
So I'm painting with black here and I'm going to paint to start off with the 4 pixels in
the top corner here and then I'm going to skip the 4 pixels in the top corner here and
I'm going to paint 4 pixels.
And if I make a mistake I'm just going to (paint switch paint colors?) by pressing X
and paint out the ones I've made a mistake with.
And now I'm going to paint the next 4 pixels and then the next 4 pixels.
And having done that I'm then going to fill in the (gap or gaps?).
So I'm going to make this a slightly smoother line but if you do the first ones as a block
of pixels you'll see it's very, very obvious where the next ones go to smooth out this
line.
And if you hit the sort of top left corner of the cell just over the edge of the top
left corner you'll find that that's the way to paint with the Pencil tool.
Now that we've got this shape let's do Select All to select all of that shape that we've
just created and choose Edit and then Define Pattern.
And I'm going to call this large strips diagonal and click Ok.
And now to use that pattern we'll choose File, New and I'll create a new document.
I'm just going to use a letter size landscape paper.
We're seeing the grid lines right now so I'm just going to turn them off with View Show
and turn off grid.
And now let's use our pattern, Edit, Fill.
We're going to fill with a pattern so I'm going to make sure I select Pattern and then
I'm going to the very last of my patterns which is this one here and I'll click Ok.
And that has now filled this shape with my pattern.
And there's my pattern of lines.
Now these lines are very, very tightly placed.
If you wanted to create a set of wider apart lines then you would simply start with a bigger
document.
Let's choose File, New and this time instead of 8 by 8 let's choose 16 by 16.
Again, we'll need to zoom into this.
And again, it will be very handy if you set your grid on View, Show Grid.
And we're going into the Pencil tool with a 1 pixel brush and black color.
And again, we're going to do the same thing as we did before and color in these top cells.
I'm going to color in a set of exactly the same shapes as I did last time just making
sure that I delete any if they're not correct before we go ahead.
Of course making a pattern this is the only time that you need to do this.
You don't need to do this again.
Once you've got your pattern made you're off and running.
Now I'm going to fill in the extra bits so I'm just going to fill this in.
Let's get rid of that one and let's do another black one here and again, we're going to fill
in down here.
I find it easier just to do this filling manually rather than trying to speed it up any other
way because I really do want it to be correct because if you're so much as one pixel off
it's going to show up in the final result.
So there is our shape so I'm going to press Ctrl or Command A to select the design that
we've made, Edit and then we're going to choose Define Pattern.
And this is going to be strips, big, wide, diagonal, and click Ok.
And now let's use that in a document.
In fact let's use that in this exact same document.
I'll add a new layer to it.
I'll hide the existing layer and let's go and fill that with Edit, Fill.
We still have Pattern selected but we want to make sure that we select the last pattern
in the pattern dialog here and click Ok.
And so now we have a slightly bigger pattern.
Here it is and now let's see the one behind it.
You can see that that's a much narrower pattern.
This is a much wider one apart.
So that's how you create a set of diagonal lines.
Let's have a look now at how we would go ahead and create our herringbone.
The herringbone is a really interesting shape and it's really quite easy to create.
I'm going to choose File, New and I'm back to my 8 by 8 pixel document.
I'm still on my Pencil tool and I'd still like to see my guides too or my grid, View,
Show Grid, ok, Pencil tool, black paint.
This time I'm going to paint down a block that is 2 pixels wide by 6 pixels long and
then I'm going to do the exact same thing here but it's going to be offset so it's got
this sort of zigzag shape.
And then I'm going to fill it in.
So I'm going to go across here with 4 pixels and across here with 4 pixels and I've got
one extra one here.
So you're looking for this sort of shape here and if you want to you can go back in and
you can actually fill in the corners too so that you get this nice shape.
And once you've got that shape you can just select it and create a pattern from it.
And so we're going to call this herringbone.
And now I'll do File, New to create a brand new file.
Again, we'll do letter size paper, again, I'm going to turn the grid off and I'm going
to fill it with the pattern.
My pattern will be the last one here.
I'll just click Ok.
And I can zoom in and there is my herringbone pattern.
Now if you wanted to you could do it at a larger size.
So it's going to be very easy to turn this from an 8 by 8 pixel image into a 16 by 16
pixel one so you have a larger size pattern.
To do that I would for this one I would just very simply choose Image and then Image Size
and I would make it 16 by 16.
And to make sure that the pixels stay black you're going to choose Nearest Neighbor and
just click Ok.
And here's our 16 by 16 herringbone pattern and again, we can just fine-tune it by adding
in some extra little pixels in here just to give it a slightly better shape.
We might even do these extras here as well.
We're just trying to create this basic sort of shape.
And again, we'll select everything and we'll create this as a pattern.
So this is herringbone2 and let's go back to our document here.
I'm going to add a new layer to it so we can compare these two herringbone fills, to Edit,
Fill and we're going to choose the newest one that we've created and fill that.
And let's zoom out.
So this is at 100 percent.
So this is the last one that we created the bigger one with the 16 by 16 pattern and here's
the 8 by 8.
So you would choose which was best for you or you could go ahead and even increase the
16 by 16 into a 32 by 32, whatever you want to do.
My name is Helen Bradley.
Thank you for joining me for this video tutorial.
Look out for more tutorials on this YouTube channel.
And consider subscribing to this channel so you'll be alerted to new videos when they
are released.
And visit my website at projectwoman.com for more tips, tricks and tutorials on Photoshop,
Lightroom, Illustrator, Photoshop Elements and a whole lot more.