my creative resolution

Watercolor, Illustration, Surface Design

How to create a repeating pattern in Photoshop {Feathers my pattern for September.}

16 Comments

featherspattern1d
Here is my pattern design for September. As you may have seen, I’ve been drawing and painting feathers all month, so it’s seemed appropriate to turn them into a pattern. I pieced this pattern together from my sketchbook (see below). I wanted this pattern to be much tighter than ones I’ve designed so far this year. This tighter pattern, required more playing and arranging in Photoshop becauses once I thought the pattern was “set” and I tried repeating it, things would overlap and I’d have to readjust and try repeating it again.
feathersinink

If you know Photoshop and want to try creating a pattern, I’ve included my steps below.

Creating a pattern in Photoshop:

  1. Scan artwork
  2. In Photoshop: separate each element of your design into different layers
  3. Within your artboard, create the area for your “repeat” using guides. (translation: use guides to create a box within your artboard. You can expand the canvas size before this step.)
  4. Arrange your elements. They can go over the guides.
  5. On a separate layer outline the guides to make a box.
  6. Create a group with the box and element layers – call it “original”
  7. Duplicate the “original” group. Drag to the right so the left edge of the box touches the right guide
  8. Duplicate the group again. Drag to the left so the right edge of the box touches the left guide
  9. Select the three groups and duplicate them. Drag the 3 duplicate layers up, so the bottom of the boxes touch the top guide
  10. Duplicate the three groups again. Drag them down, so the top of the boxes touch the bottom guide
  11. If any adjustments need to be made – delete all but your “original” group, make the adjustments and repeat steps 7-10
  12. When you are happy with your repeating pattern, hide all the layers with the box outline.
  13. Crop to the guides to create your “repeat.”

 

Below, you can see my boxes. The center box is where I have my guides (which are not visible).
featherspatternboxes

Slight variations on my feather pattern.
No distress in the background. 
featherspattern1

Distress shows yellow.
featherspatterndy

Which one do you like best? 🙂

Copyright 2015 Eileen McKenna. All rights reserved.

Advertisements

Author: Eileen McKenna {my creative resolution}

Web and Print Designer living in New York. I blog about painting, illustration, and designing patterns. Inquires are welcome.

16 thoughts on “How to create a repeating pattern in Photoshop {Feathers my pattern for September.}

  1. Hi Eileen, thank you for the pattern instruction. I’ve not made a fabric pattern before, so this helpful.
    I love your feathers, I like both prints. Are you going to have some fabric made?

  2. Beautiful pattern. I like both prints, they have a different and unique feel to them. Thank you for sharing the process.

  3. What a beautiful feather pattern 🙂 I really like it! Just wanted to let you know I have nominated you for the Infinity dreams award. If you would like to take part, please do 🙂 My post is here https://paintboxmum.wordpress.com/2015/10/01/infinity-dreams-award/

  4. Pingback: Self imposed deadlines {and a leaf pattern} | my creative resolution

  5. Pingback: Nutcracker Pattern – and it’s available as fabric and gift wrap on Spoonflower! | my creative resolution

  6. Pingback: My 12 Surface Designs – one a month this year! | my creative resolution

  7. Pingback: A Crab Pattern | my creative resolution

  8. Pingback: Overlay designs to create a new design and a pattern | my creative resolution

  9. Pingback: Polar Bear, Penguin Christmas pattern | my creative resolution

  10. Pingback: How to create a repeating pattern in Photoshop | my creative resolution

  11. Pingback: Designing print patterns – one a month | my creative resolution

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