9 September, 2015

Tutorial: Seamless Arrows Pattern, Part Four

2016-03-16T10:04:02-05:00Spoonflower & Fabric Design, Tutorials|Comments Off on Tutorial: Seamless Arrows Pattern, Part Four

(This is part four of a tutorial for making a seamless arrow pattern.  Find Part One and Part Two and Part Three here.)

Proofing and touching up the pattern is the finishing step to create the seamless arrow design and I am going to do that with the Photoshop pattern tool.  The first thing I do is select the whole design (Edit -> Select All) and create a pattern tile by choosing Edit -> Define Pattern and click OK.

Screen Shot 2015-09-09 at 10.46.34 AMIt will look like nothing has happened.  That’s ok!  The tile that you selected has been saved in the patterns palette, which is kind of hidden.

To proof the design, I create a new blank file that is the size of a yard of fabric. That’s an arbitrary size – I just think it’s nice to look at a large number of repeats.

Screen Shot 2015-09-09 at 10.46.58 AM

Then I choose Edit -> Fill from the menu.  From the pop-up Fill menu, choose Pattern from the contents drop down menu.  Just below that in Options there is another drop down and in it, you should find that pattern you just saved.  (See what I mean about a little hidden.)

Screen Shot 2015-09-09 at 10.47.25 AM

 

Now you can see what it looks like when the tile is repeating across a whole yard of fabric.  And right away a couple of things jump out at me.

arrow

Oops.  I didn’t think about the edges and I have a blank space where there aren’t any arrows.  I can fix that by cropping out some of the blank space.  The other thing that jumps out is a seam where the color changes. The color change is kind of abrupt and it makes a dark line.  I can fix that pretty easily by going back a step to my original file.  I select the photo layer of that flower because that is where the color is coming from.  The easiest way for me to make that contrasting line to go away is to just use a paintbrush to just touch it up. I choose a green color from the bottom of the image and paint some at the top where that really deep green was, hiding that seam line and blending the two together.

arrows2

After I do those two little edits…

Screen Shot 2015-09-09 at 11.23.29 AM

 

I have a pretty good finished design.  I save that tile and that is the repeat that I can upload to Spoonflower and print my fabric.  This is the version that I used for my grant project exhibition, which I will post photos of very soon.

Screen Shot 2015-08-07 at 11.26.11 AM

More in this series: Part OnePart TwoPart ThreePart Four

arrowsPin

 

1 September, 2015

Tutorial: Seamless Arrow Repeat Part 3

2016-03-16T10:03:14-05:00Spoonflower & Fabric Design, Tutorials|Comments Off on Tutorial: Seamless Arrow Repeat Part 3

(This is part three of a tutorial for making a seamless arrow pattern.  Find Part One and Part Two here.)

For Part Three, I am going to move over and work with the design in Photoshop now.  Why?  I could easily add color in Illustrator, but the effect I want is to cut those arrowheads out of another photo, which will give it a very organic color wash instead of a solid color.

Open the file in Photoshop.

So first I open that file we just saved in Photoshop. I first double click the Layer marked Background to unlock it (making it Layer 0).  Then I use the Magic Wand tool and delete to remove the white background and just leave the pattern of black lines.  (Make sure the option marked contiguous at the top center is clicked off and you will select all of the white in the image and not just the parts touching where you click.)

Screen Shot 2015-08-27 at 10.11.41 AM

Screen Shot 2015-08-27 at 10.15.30 AM

That will leave a checkerboard pattern in the background.  That is Photoshop’s way of telling you that is now transparent.

Add the photo layer.

Next I will add something to create that colored layer.  For my grant project design, I used one of the layers from the photo created by my design partner, so that her print and mine would coordinate.  But really anything will work, as long as it has the colors you want.  So for this example, I used a photograph of a columbine.  Choose File -> Place Embedded and pick your image.  Size/resolution is not really important.  Once you have placed it, click and drag it to resize and fill the space.  Make sure the photo layer is on top and your arrows on the bottom.

You can add filters or adjust colors or edit this layer if you want to.  For example, I might blur it to make it look more watercolored and less photo sharp.  In my grant project design, I added a few pops of magenta with a paint brush to bring out that color in the coordinating fabric.

Screen Shot 2015-08-27 at 10.14.23 AM

 

Create a clipping mask.

Select the Layer with your image and right-click it to bring up a pop up menu or choose Layer -> Create Clipping Mask from the top menu.  This will cut from the photo in the shape of the layer underneath.

Screen Shot 2015-08-28 at 11.54.48 AM

 

Add a background.

I will add a new layer to give the design a background color. You can click the new layer button in the palette (looks like a page with a bent corner) or choose Layer -> New from the menu.  I can choose Edit -> Fill from the menu to fill this layer with color and then drag it in the Layers palette to be on the bottom of the stack.

Screen Shot 2015-08-28 at 12.00.47 PM

 

The last thing I did was to add a little texture to that flat grey layer.  When I double click the layer in the Layer Palette, I will get a menu of Layer Style options.  I chose an asphalt texture that I had saved previously and set it to be only 19% opaque.

Screen Shot 2015-08-27 at 10.20.08 AM

 

In Part Four, I will show you how to proof your design and touch up any little flaws in the repeat and then it is finished and ready to go.

More in this series: Part OnePart TwoPart ThreePart Four

arrowsPin

31 August, 2015

Tutorial: Seamless Arrows Print – Part Two

2016-03-16T10:02:27-05:00Spoonflower & Fabric Design, Tutorials|Comments Off on Tutorial: Seamless Arrows Print – Part Two

(This is Part Two of a tutorial for creating a seamless arrows print.  See Part 1 here.)

Screen Shot 2015-08-27 at 10.06.48 AM

Part two of the tutorial is all about making the design seamless.  What does that mean?  I want these arrows to look like they are traveling all over the fabric without having a a start and stop.  Even though I only made a small section of the design, I want it to look like I designed something bigger and disguise the edges of the repeating element.

Check and adjust your lines.

With this design, one way to make it look seamless is to make sure that any line that extends off the edge of the drawing, joins up with the design again.  In orange I circled two lines, which go off the edge at the top of the repeat, and then show up again at the bottom.  When I make this tile repeat and put two identical tiles next to each other, those lines will match up and look like they are one continuous line.  I should also say, you don’t have to always work in a repeat, in fact I don’t make repeats very often, but for this particular project I just needed some yardage and not a specific shape.  So a repeat was the easy way to go.  Make sense?

Try the Pattern Tool.

Illustrator also has a Pattern Tool which you can use to get a preview of what that repeating element will look like.  Select all of the elements in your design and then go to Object -> Pattern -> Make.

Screen Shot 2015-08-27 at 10.09.17 AM

 

repeattoolThe pattern tool has lots of options for the kind of repeat style and the spacing, which you can play with.  I am using the tool in this screenshot to just show me what it looks like if I were to see 3×3 tiles.  And I can see when I have everything repeated that there are a couple of edits that I would make.

What do I look for?  Think about how your eye travels around the design.  My eye keeps going to and stopping at two arrowheads that are lined up side by side.  I think I need to move one of those around and break that up.  I also look for negative space – is there somewhere that is blank or has a gap that looks out of place?  Then look for things that are unique – there is only one line that stops (it’s between those 2 parallel arrowheads).  That might be a quirk that I want to leave in, or it might be distracting.

So my next step is to make all of those adjustments and then save this tile.

Screen Shot 2015-08-27 at 10.08.21 AM

I am going to save it as a .jpg and check the box that says “Use Artboards” which will crop it to fit the tile (in case I have anything that hangs over the edge.)

In Part Three, we move to Photoshop to add color and texture to the design.

More in this series: Part OnePart TwoPart ThreePart Four

arrowsPin

28 August, 2015

Tutorial: Seamless Arrows Print – Part One

2016-03-16T10:01:48-05:00Spoonflower & Fabric Design, Tutorials|2 Comments

It’s a busy week for me with The Spoonflower Handbook coming out on Tuesday and the opening reception for my grant project on Thursday, so I thought I would combine the two and give you something fun:  a fabric design tutorial based on one of the prints from my grant project.

The third project for my grant was a dress also created in duet with another artist.  For that design, she created a layered photo image and sent it to me.  I created a coordinating print and the two were combined in the final piece.  The photo she created had lots of organic shapes, transparent layers and abstract imagery, so I decided to create some contrast by making a print that was the opposite of that: geometric & somewhat representational.

Screen Shot 2015-08-07 at 11.26.11 AM

The inspiration for this design is actually a software engineering tool that helps designers collaborate by tracking the different versions of the code and where things merge and branch off.  I saw this graphic representation of that over my husband’s shoulder while he was working and I loved both the look and the metaphor.

Screen Shot 2015-08-27 at 10.45.42 AM

I decided to make arrowheads instead of dots and to use a layer from the photo to choose the colors in my design (which I will show you more about later.)

Creating the Arrowhead Design

Open a new file in Adobe Illustrator.

For this tutorial I did just a small repeat so it was easy for you to follow along.  (My finished design was about 18 inches square.)

I turned on two options in Illustrator that really make this design easy to do: Show Grid and Snap to Grid.  You can find both of those in the View menu.  You can adjust the spacing of your grid lines under Illustrator -> Preferences -> Guides & Grid.

Screen Shot 2015-08-27 at 10.52.02 AM

 

Screen Shot 2015-08-27 at 10.53.39 AM

 

Draw with the Pen Tool & adjust lines.

I drew all of the lines in the design using the Pen Tool.  (If you need help, there’s a great tutorial here for drawing straight lines with the Pen Tool.)  The grid will help you see where to place lines and the Snap to Grid option will make them stick to the intersections of the grid – making it really easy to make straight lines that are very precisely spaced based on your grid spacing.

Once I had a line in place, I selected it and went to the Stroke Palette to adjust the look of the line.  I made the line weight heavier at 6 pt and added an arrowhead at the end by choosing one from the dropdown.

Screen Shot 2015-08-27 at 9.59.28 AM

Add extra arrowheads with the Polygon Tool.

I did all of my drawing in black and white because I am going to add the color in a later step. Once I had all of the lines in place, I wanted to add some extra arrowheads, not just at the end of the lines.  To do that, I used the Polygon Tool (which is one of the options under the Rectangle Tool).  I chose a 3 sided shape with a .5 inch radius, which matched the arrowheads pretty perfectly.  I adjusted the fill to be black and the outline transparent.

ss2

Screen Shot 2015-08-27 at 10.04.02 AM

Adjust the fill and outline in the bottom of the tools palette. It’s the two overlapping squares.

Screen Shot 2015-08-27 at 10.05.26 AM

 

In part two of this tutorial, I will talk about how to make sure that this design is seamless and check for a balanced repeat.

More in this series: Part OnePart TwoPart ThreePart Four

arrowsPin

24 August, 2015

Jerome Grant: Duets Part One

2015-08-24T10:34:01-05:00An Artist's Life, Gallery Exhibitions, Spoonflower & Fabric Design|Comments Off on Jerome Grant: Duets Part One

The three projects for my Jerome Grant exhibition are all duets with other artists.  I chose three people as partners who I thought had something to teach me about art and design.  The original idea was to work on things digitally and have the focus be about the ways we all use digital design tools, but as we started to talk, each duet turned into something a little different.  The first partner I worked with was my dear friend Donna Kallner.  Donna is the fiber artist of the three and although her particular passions are ancient art forms, she is one of the most self-taught “techhie” artists I know.

Donna was featured in the Spring 2015 of the publication from the National Basketry Organization.

Donna was featured in the Spring 2015 of the publication from the National Basketry Organization.

Donna and I decided to play a game called “Photoshop Tennis”.  The idea is that you pass a digital image back and forth and each make an edit.  I do something and lob it back to her and vice versa.  We gave ourselves a pool of images to work from with a shared DropBox folder.  We set down some ground rules (choose at least 2 photos to combine) and a general aesthetic (organic, earth tones.)  We had wet dogs, fungus, brick, bittersweet, weathered tables and agates among the images in that folder.

originalsq

 

We had several versions of designs going, but this set of photos ended up being the final fabrics.  A brick wall, a snowy cornfield, frost on a window and a line drawing that I scanned.  These were layered with different opacity, repeated, mirrored, inverted.  We did a lot to them, but I think they still read in the final fabrics amazingly well.

finishedsq

I love that we created a geometric print from an organic shape.  That is one of my favorite parts of this design. I can’t tell you who did what because it evolved very organically. I was completely skeptical at first because I had never created a design from a large landscape image.  My photo choices tend towards close up macro shots, at the other end of the spectrum.  One of the “new” ideas I think I learned was the use of repeating layers.  The brick pattern was layered several times by itself and rotated – transforming the brick into a more irregular cross-hatch pattern, which is a fantastic texture. We left our files “in progress” when we passed them back and forth, so I could dig right into the layers and see how everything fit together. I think we get into habits as designers of going to your “go to” tools and this was a really interesting exploration for me to dig into Donna’s work and say “what did she do there”.  It was a way for me to watch her work and see a new process.

The ensemble that these fabrics go in to is two major pieces: a sheath dress made from the blue brick print and a coat made from the geometrics.  Both pieces have the frost image layered on top in very specific places.  It makes a “collar” on the dress and is layered at the hem and cuffs of the coat at very large scale.  The hand-drawn print is the coat lining.  The dress and coat are made from cotton sateen, the coat lining is satin.  (The coat is interlined with a heavy cotton twill to give it some weight and structure.)  Both pieces are based on 1950’s vintage patterns.

I have titled it “You Can Take the Girl Out of the Country”.  I do know that I am taunting you, but I won’t show the finished pieces until after the show has opened.  Hopefully you can use your imagination a little bit until then.

4 August, 2015

Upcoming Classes: New Classes this fall

2015-08-04T11:52:41-05:00Classes & Teaching, Spoonflower & Fabric Design, UpcomingClasses|2 Comments

waterlilyquilt

I am teaching a LOT of new classes this fall and I am really excited about that.  I am going to be one busy lady.

The waterlily is a sample for my Digital Art Quilt class.  It is one of the “Beyond the Book” classes that I am teaching, which are based on projects from The Spoonflower Handbook, but I am taking them a step further and adding some hands-on components.  This is based on a really cute quilt project from the book using an original piece of  collage art.  We are going to expand the collage idea by making paper collages, handpainting some papers and adding digital layers to the design as well.  This one is made only from the pages of an Eddie Bauer catalog and a sharpie drawing of pebble shapes.  I think I am going to print it at about 15 inches square and finish it as an art quilt.

Check out most of the fall classes here on my Upcoming Classes page.  I have a few more to come that are waiting to confirm dates.

Go to Top