how to chevron

This is an old post that, after reading through it again, I’ll update with a newer version of photoshop and an easier way to do this!

.

.

Danielle asked me if I could share how I made my own chevron pattern in photoshop, so here we go!

Before we start, let me just point some things out:

First of all, I am absolutely no pro when it comes to photoshop! All I know about it I learned from The Pioneer Woman, so if you’re looking for great tutorials in general, this is the place to go.

Second, this is now a pretty old post and there’s newer versions of photoshop now. Some features might not be the same, but the way this works still is.

Third, since I live in Germany and am German myself, my version of photoshop is in German, too. Don’t let that distract you though, I’ll try to explain everything as good as possible.

And finally, this is going to be a long post with lots of pictures. Click to enlarge them, you’ll  see more detail that way.

Well, let’s get to it then.

First of all, open photoshop. Duh.

Open a new file with a transparent background (important!). The size I chose was 8×10.

.

Next, when the file has opened, go to ViewShowGrid and also Magnetic Guides (not sure if that’s what they’re called in the English version). You’ll see the grid but not the magnetic guides.

.

Select a color of your choice, like red, and the rectangle tool and make several rectangles, using the grid as an orientation. Each rectangle should be on its own layer! I used the thick grid lines as an orientation and made the rectangles 1×3 big.

.

Select the first of your rectangles and click on EditFree Transform. You can now enter the rotation degree in the top bar. For the first of your rectangles, enter -45 to rotate it 45 degrees counterclockwise.

.

Now select the second rectangle, again click on EditFree Transform, and this time enter 45 to rotate the rectangle 45 degrees clockwise.

.

Repeat with your other rectangles, always alternating between -45 and 45.

.

Now this is the part where those magnetic guide things come in handy. Select the second rectangle and drag it over to the first one. You want them to overlap perfectly like so:

.

Repeat with your other rectangles:

.

Now select another color, let’s say beige, draw the same number of rectangles and rotate them like you did with the red ones.

.

Then select the first beige rectangle and drag it up to the first red one. You want them to line up against each other. Again, those magnetic guides come in really handy here:

.

Select the second beige rectangle and overlap it with the first beige one, like the first red ones did. Again, gotta love those magnetic things:

.

Repeat with the rest and it’s starting to look a lot like chevron:

.

Now click LayersMerge Visible.

.

Instead of several layers, you now have one.

.

What I did next was duplicate this layer by clicking LayerDuplicate Layer

.

The duplicte layer now sits right on top of the original one, so you can’t see it, except for in the layers widow on the bottom right.

.

Just move it and you’ll see it.

.

Now I lined the duplicate layer up with the original one, which wouldn’t work with a non-transparent background.

.

Now you could just go on merging layers and then duplicating them until your file is filled, but since I didn’t want it to be all 90 degrees everywhere I selected the rectangular marquee and carefully selected an area of the pattern that would look seamless if lined up with itself (make sense?). Don’t be confused here, I forgot to take screenshots inbetween. I merged layers and duplicated them for a while, then did this step:

.

Then go to ImageCrop:

.

And this is what I saved as a jpeg file:

.

Now I opened a new file. I chose 5×7 because I have some IKEA frames of that size lying around.

.

Then I copied and inserted the jpeg-chevron, which was too big because I created it in 8×10.

.

So I clicked EditFree Transform

.

…and while holding down the Shift key made it fit in width. Which, as I now realize, is probably unnecessary, because I could have just taken the lower right corner of the chevron and lined it up with the lower right corner of the new file. But whatever. I’ll show you anyways.

.

So after making it fit in width I made it fit in length, without holding the Shift key as to get rid of the too-perfect 90 degree angles.

.

And here’s the final result:

.

I hope I didn’t confuse you too much here. Let me know if you try this and how it works out for you!

If I can do this, you can do this, too!

31 thoughts on “how to chevron

  1. Can’t tell you how much I appreciate this tutorial. Just stumbled upon it when searching for someone to give me step by step instructions. Great instructions!!

  2. Woo-hoo! Thanks for sharing this technique! I’m so glad I stumbled on your site and can’t wait to explore!

  3. Excited to find this, but bummed that I can’t find the menu under View to match your tutorial. Must be the version I’m using.

  4. I want to thank you for this post !!! I have been looking everywhere for yellow chevron paper to make my sisters baby shower invitations. I was about to give up, when I saw your post. I was able to create my own yellow chevron pattern and print it on already cut cards. Thank you thank you Thank you!!

  5. Thank you so much for this tutorial!!
    I wanted to ask you what are your Grid settings (size) for some reason when I clicked on “Grid” it showed super tiny squares, and I noticed that yours look bigger, so I wanted to use the correct size.
    Thanks so much!!

    • Hi Mel!
      I think the grid size is always the same, it just appears bigger when your document is smaller. I did the tutorial on an 8×10 document, maybe you just used a bigger one?

    • It’s inches. I just chose one of the pre-set photo dimensions photoshop offers, but of course you can enter individual dimensions as well.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s