How to Create a Chevron Print using Photoshop Elements

I think it’s safe to say – everyone loves the classic chevron zig-zag print.  Am I wrong? Some of you may be “tired” of seeing it everywhere, and it might be approaching it’s overuse, but I don’t see it going away any time soon.

chevron 1

 

I was thinking about it the other day, why is chevron so loved?  In my opinion, (and not like it means anything!) I think chevron is loved so much because of it’s versatility and bold character.  The pattern itself looks great almost anywhere, on walls, on throw pillows, on main or accent rugs, or as detail on a piece of furniture.  You can add chevron accents in almost any style of home, traditional, contemporary, or mid-century modern.  Even though the zig-zag print itself is a classic, it’s always retained a current and trendy feel.

If you’re anything like me, you’ve already figured out how to personalize and recreate this classic print.  Before I had figured it out, I searched high and low to find the right chevron print, for an image background or yard of fabric.  I searched Pinterest, Google images, stores like Target or West Elm, and would gaze longingly over the chevron fabrics over at Spoonflower.  It didn’t feel right, like I was borrowing someone else’s design when I should be creating it myself.

Well, search no longer! I’m going to show you how to create your very own chevron print using Photoshop Elements!

How to Create a Chevron Print using Photoshop Elements

 

Photoshop Elements is the beginner’s version of Photoshop.  It’s robust yet easy to use, and you won’t feel lost in it like you do in the big Photoshop software.  You can download the free 30-day trial here.

Here’s a sneak peek of the print we’re going to create:

chevron 2

 

Step 1 – Open a blank file

Select the size and type of background you want.  I chose 8.5″ x 11″, and “transparent”

1_SCREE 10

 

Step 2 – Rotate the canvas to landscape

2_SCREE 11

 

Step 3 – Add a grid to the canvas

3_SCREE 16

 

Step 4 – Click the “custom shape” tool (the heart button on the left toolbar)

4_SCREE 17

 

Step 5 - In the drop-down menu for the custom shapes, make sure “all shape elements” is selected

5_SCREEN 2

 

Step 6 – Select “Arrow 2″ from the custom shapes

6_SCREEN 3

 

Step 7 – Draw the arrow

This example is a 2″x2″ arrow

7_SCREEN 6

 

Step 8 - Rotate the arrow layer to the right

8_SCREE 12

 

Step 9 - Duplicate the arrow layer

9_SCREE 15

 

Step 10 – Reposition the duplicate layer next to the first layer

Use the “move” tool on the left toolbar.  *Make sure you selected the duplicate layer in the edit menu on the right side of the screen before moving

Step 11 - Repeat steps 9 + 10 until you’ve created one full row of arrows (which now look like zig-zags)

Step 12 – Merge visible layers

This takes each individual arrow layer and turns it into a single layer.

*If you have a white background, make sure you turn the background “off” by clicking on the layer’s eye.

12_SCREE 18

 

Step 13 – Change the color of the layer (optional)

Do this using the button that looks like a paint bucket.  You can also do this step at the end.

13_SCREE 21

 

Step 14 – Duplicate the new merged layer to create a second row of zig-zags

14_SCREEN 1

 

Step 15 – Reposition the duplicate layer using the move tool

Repeat steps 14 & 15 until until canvas is full

15_SCREEN 7

 

Step 16 – Merge visible layers (same as step 12)

Step 17 – Save image

A) Remove grid

17_a_SCREEN 8

 

B) Save file for web

17_b_SCREE 13

 

C) Re-size image, then save

I usually re-size images within a range of 500 ~ 700px

17_c_SCREE 14

 

Here are a couple other patterns I completed:

Chevron green

 

The ideas are endless, now that you know how to create your own chevron print! You can make party hats, party favors, cards for special occasions, digital backgrounds and web images.  You can make templates for wall art or wall stencils.  You can even create your own fabric on Spoonflower.com and sell it to the public!

LoveB

Share
  • http://www.dptok.com Screen printing oklahoma city

    Great stuff. Keep writing and shower your readers with such usefull information. Keep it Up!!!

  • Kristi

    Awesome. Thanks so much. Just made an aqua one for my spring mantle!

  • http://presschimp.com cheap print

    Its great likely to read online from your side of your respective web address upon net.

  • It oklahoma

    Your site always offer some really interesting information. Thank you for sharing it with us.

  • sarahstroup524@gmail.com

    Very AWESOME!! Can you recommend any websites to print for wall art???

  • http://www.southerngrace-photography.com Wendy Hensley

    I just made this. However when I went to save the only option I have to save in is .gif I want to use this in elements so I can put in onto business cards. Also I can only paint the chevron pattern not the background. How do I paint the background too?

  • http://profile.typepad.com/6p01538f56e0a5970b brittanyMakes

    Hi Wendy! There are a couple ways to paint the background. I think easiest way would be to change step 1. Instead of selecting transparent background, you select “white background”. This will give you a background layer which you’ll see in the layer’s menu. To paint the background layer, select the layer, then use the paint bucket tool. I’m not sure why your only save option is .gif… did you save via the “save for web” option? Once you’re finished with the design, try merging all layers then saving. Hope this helps!

  • http://www.southerngrace-photography.com Wendy Hensley

    Yes I saved using the “save for web”, I ended up saving as a .PSD file also about to make a new one with a white background & go from there. You wouldn’t happen to have a tutorial on how to make a Sweet 16 card would you? lol

  • Kim Heuer

    oh, thank you for this tutorial! You helped me make my first ever document in Photoshop Elements! So exciting. I am brand new to Santa Rosa, and I was excited to see that you are from this area. So beautiful–we are loving it!

  • Kathi

    I’m at the step where you use the shapes tool…but when I try to commit or duplicate it, the arrow shape disappears…new to this elements thing…help??

  • Kelly

    I happened upon your tutorial and cannot see the pics on this one or the argyle tutorial. I can, however, see your pics on your latest blog entries. Any ideas? Thx!

    • brittanyMakes

      Hi Kelly! Let me work on adding these images back for you – I lost the image links to many of my posts when I upgraded my blog last Summer. I’ve been slowly adding them back. Sorry for the inconvenience!

  • http://www.rachaelmcanuff.com Rachael

    Hello. I followed this step by step and when i go to rotate the arrow it rotates the whole image. :( Please help!

    • http://www.rachaelmcanuff.com Rachael

      Never mind, i figure it out. hehe

  • jessica wall

    Awesome tutorial. Thank you.

  • http://www.facebook.com/ashleysutton0828 Ashley Travis Sutton

    Awesome tutorial!! I’m having issues with a slight white line appearing in between colors. Do you know how this is happening or what to do to get rid of them?

    • brittanymakes

      Hi Ashley! Can you try starting out with the entire background as the blue color? Then draw the pink chevrons over the top of the background. That should get rid of the white lines.

  • michael

    I loved this. HEre is my issue similar to Ashley. I made them and came out nearly perfect but in my case, when i look at the image it looks seamless. When i print however, i get miniscule little white gaps between each section and cant seem to get rid of it. I know each Chevron are alligned proper.
    suggestions?

    • brittanymakes

      Hi Michael – I just replied to Ashley’s comment, and will suggest the same – try starting out with the background as the color of one chevron, then drawing the other color chevron on top of the background. Right now in Ashley’s case, her white background is showing thru. If you change the background color to the color of one of the chevron stripes, it should get rid of this problem. Let me know if this works for you!

      • michael

        is there any way i can send you my document to show you where i stand? I would love for you to see it to make suggestions.
        thank you

        • brittanymakes

          of course! Email it to me as a .psd (make sure to include all layers when saving) to brittanymakes@gmail.com

  • Ashley

    This tutorial is just what I have been searching for!! I currently have photoshop elements 11 (free trial, deciding if I like it ) I have done everything you have said I get as far as drawing the arrow on, then when I try to rotate the layer it will not let me do it, the layer rotate option isn’t even highlighted in the drop down box. is there something I am doing wrong or does the free trial not offer that …..

  • Nikki

    Thank you for this! :) I was searching around for the perfect chevron background for my blog and just couldn’t find what I wanted. So, why not make it myself?

    I use Photoshop CS6, and these instructions translate just fine to that as well!

  • http://www.facebook.com/lilybughugsboutique ReBecca S

    I was SO excited to find this! I a completely obsessed with anything chevron & I want to make my own FB cover.
    My only problem I am having is my arrow has this jagged effect all around the edges :/ IDK how to fix it! I followed everything exactly. Any help is appreciated! TIA! :)

  • Nancy

    I love this however when I duplicate it doesn’t show up. What am I doing wrong?

    • brittanyMakes

      Hey Nancy! usually when you duplicate a layer, the new layer sits right on top of the old layer. you have to use the “move” tool to move that layer over so you can actually see it. let me know if this helps!

  • Mary

    I’m having trouble with creating the chevron as you describe it. Could you email me one? I would greatly appreciate it! mtaylor729@aol.com. Thanks so much!!

© Copyright brittanyMakes - Designed by Pexeto