Tag Archives: design

Pattern Development > Steps 7, 8 + 9: Present, Build the Repeat, Tweak & Finalize

allofusrev_designsketches_bji I’ve finished work on a custom pattern for All of Us {r}evolution and here are the rest of the steps regarding creating custom patterns and my whole artistic process.

Other links in this series:

Steps 1-3 > Question, Prep & Sketch Like a Mad Thing

Steps 4-6 > Scan, Manipulate, & Colorize

On to Steps 7-9 > Present, Building a Repeat, Tweak & Finalize…

 

~~~

Step 7: Present the Pattern Sketches to the Client

allofusrev_designsketches_bji

I will have repeated Steps 1-6 several times to come up with a variety of pattern sketches. Usually I only include 3 options, but this time I was inspired to try all kind of options and went hog-wild with 6! Zoinks!

From here, Kristin and Shannon loved #4, but wanted the feathers to be more filled-in, like #2. I created a new sketch for them, in two different color ways. They loved it, with a few minor tweaks, so I went ahead and built the repeat!

feathers5

Step 8: Build the Repeat

In this example, I will show a basic repeat. This is the simplest way to repeat a pattern.

filled-in

Within Photoshop, I worked to fill in the artwork within the artboard as pleasingly as possible, not going past the edges.

Next, perform the following:

  • Select All (Ctrl-A)
  • Copy merged (Shift-Ctrl-C)
  • Paste (Ctrl-V)

1stmerge

You will now have a merged layer of your artwork. I rename this layer “1st merge offset” but you can call it whatever sexy thing you want. I usually put this layer above the artwork, and keep the artwork layers in a grouping below, calling it “1st merge”.

image_size

Checkout the image size. (Image > Image Size). Take note of the width and height. Divide each dimension in half. Note that on a scrap piece of paper or memorize if you like.

With the newly pasted layer selected, Filter > Other > Offset.

offset

This is where you’ll need those dimensions you noted. Input them in the correct horizontal and vertical boxes. Click the “Wrap Around” radio button.

Now you can see the image was turned “inside-out”. And there are “seams”, or, in this case, negative spaces without art.

In order to create a smooth, seamless pattern, we will need to fill in those spaces with art and make some adjustments to make the pattern flow and not look like tiled.

repair_seams

For this pattern, I grabbed feather layers from the “1st merge” grouping to fill in the seam. I like to put the seam-covering parts & pieces in a grouping called “seam”.

Once I have the pattern filled in pretty nicely, I like to check the flow of the pattern. To do this:

  • Select all (Ctrl-A)
  • Edit > Define Pattern
  • Fill in pattern name, click OK
  • Create a pattern fill layer (Layer > New Fill Layer > Pattern)

pattern_layer

To see how the pattern flows, I usually input 50% scale or smaller. Seeing the pattern in this way helps to identify weird anomalies within the pattern, so you can twerk that stuff OUT.

Note: Within the creation of one pattern, I will go through the cycle of tweaking the artwork and then creating a pattern fill to view the pattern flow several times to get it looking just right. The above image is the result of going thru this cycle probably 10 or more times! Yikes!

Step 9: Tweak & Finalize

feathers5.1_withmockup

Once the flow of the pattern is just right, I will present the design to the client and ask for feedback. If the pattern is for a specific application, I sometimes do a quick mockup of how the pattern will look to help them visualize scale and final usage.

If all looks good, I prep the file at the correct size/scale and send it on it’s way!

Thanks for following along! Do you have any questions? Leave them below in the comments or tell me what you think of this series.

Pattern Development > Steps 4, 5 + 6: Scan, Manipulate, & Colorize

step4_sketch-scanI’m working on a custom pattern for All of Us {r}evolution and thought it might be neat to share with you how I go about creating custom patterns and my whole artistic process.

Other links in this series:

Steps 1-3 > Question, Prep & Sketch Like a Mad Thing

On to steps 4-6!

Continue Reading →

What I was up to last night ~ Spreenkler & Hipstamatic

IMG_2760 IMG_2761 IMG_2762 IMG_2752 IMG_2750 IMG_2754

 

I love fun, impromptu events!

I found myself at a chat with the dudes that created Hipstamatic last night. And I learned something interesting. They’re originally from Milwaukee! How neat! (Now in San Fran. Good choice, boys.)

In case you don’t know what Hipstamatic is, it’s a photo filter app with the added tactile experience of feeling like you actually have an old camera in your hands. It can be purchased for iPhone and also, I imagine, Android. It’s a highly successful app ($$$$) with a huge following. I know a lot of designy-type people like it and no doubt you’ve seen images like the above on blogs around the world wide webs. I’ve been a fan of this app for some time so it was interesting to hear the backstory.

The chat was via Skype and the energy levels were high ~ a relatively big crowd from the tech & creative scene showed up (50 people, perhaps?)

It also gave me a chance to connect with other creatives and also check in with past work & college acquaintances. I’ve been looking to do more networking events and this one ROCKED. I shall be attending these meet-ups frequently, organized by Spreenkler ~ an idea networking group for design, tech & start-ups.

Thanks to Billy Judge Baldus, my rad bro-in-law, for letting me know about the event. (He’s the curly-haired ginger up above there.)


Check back tomorrow for a giveaway!!! It’s all in celebration of my new online home. Woot!

And if you have not already ~ subscribe to my blog, why don’t ya?

New site, new outlook

Well, hello there and happy Monday!

Welcome to the new online home of my artwork and my surface design + illustration blog ~ now called “Prettified”.

I’ll be sharing lots of tips, inspiration and stories about my adventures in being a full-time artist, so bookmark, subscribe and check in regularly!

Hope you think it rocks as much as I do! Can’t wait to share what the ridiculously pretty future holds.

new swirly design ~ “Hooper”

123_Hooper_lowrez

My latest creation for HoopPretty is a flourishy design with hooper flare. I’d been craving a design that was more swirly and said “Hooper” in a very obvious way and my hand, in it’s creative wanderlust, sketched the above.

It’s inspired by vintage circus posters, swirly henna tattoos and carnies.

Hooper” is available on a variety of shirts in a variety of colors for ladies, guys and even kiddos, so if you happen to be a lover of the hoop, check out the options. Below are my favorite color options for this hoopy design.

Recently Updated1-1

I could also see this printed out on some nice archival paper as frame-able artwork.