Tag Archives: Fabric Design Tutorial

New Online classes are now LIVE!

Visit my brand new Online Classes page to learn more and sign up. Take the intro class for free and then dig in to designing all kinds of projects that don’t need a repeat. I am so excited to have these new classes to share with all of you. There are two classes that are live now and much more to come.

Try it: Spoonflower’s Fill-a-Yard tool and 8-bit Art

Spoonflower has a new Fill-A-Yard tool. It’s very simple to use.

  • Create a collection of fabrics.
  • Choose a template (this is 1 yard with 6 inch squares).
  • Click the fabric you want from the thumbnails on the right, then click the square you want to fill with the fabric design.
  • It will print as a “cheater quilt” as one piece of fabric with this design of squares filled with other designs.

As I was demonstrating this for a class a few days ago I suddenly had a brainstorm: I wondered if I could make a picture. It would have to be something ultra simple like 8-bit art (think PacMan or Space Invaders) because there aren’t very many squares to work with. So this morning, I collected a bunch of fabrics to try making a rubber ducky. Here’s my rubber ducky quilt. I think it’s pretty charming and it would make a sweet baby gift.

Want to see how it works? You can try this out with the Just Duckie collection of fabrics I put together. From that collection, just click where it says “Want to use this collection for a Fill-A-Yard project? Start Designing”.

What else can you “draw” using just 42 squares? I’d love to hear about it!

A Taste of Digital Fabric Design

Designing  and printing your own custom fabrics is a new innovation in the craft world.  Services like Spoonflower.com allow you to design and digitally print small amounts of yardage with your own custom designs. Learn the basics to set up a file and manage color; get tips for file resolution and formatting and see samples of fabrics you can create. Students will create a collaborative design in class and get a sample to keep.

Fabric Design Tutorial: Photo Collage Bonus Mashup

I posted a tutorial just a few days ago showing how to create a “scrapbook style” fabric design from a collection of photos. You can think of this post a variation on that theme. It’s a different way of using the same tutorial.

Screen Shot 2016-07-19 at 10.11.07 PM

In my last artist newsletter, the free download I sent to subscribers was a photo of a sunflower on a transparent background. It went along with the Prospect Park utility boxes project that I did recently; in fact, you can see that sunflower in the cafe scene and on the bicycle headlight on one of the boxes.

Maybe a fabric design with photos of your dogs or friends and family isn’t something you are interested in. What about flowers? This fabric design is a mashup; it uses that sunflower photo (and several other flowers) plus exactly the technique I described in the scrapbook style tutorial to make something totally new. I used the “color cell” option in the Background tool set (paint palette icon) to add the blocks of solid color to this design.

Screen Shot 2016-07-19 at 10.40.04 PM

What other variations on this theme can you come up with?

Classes on the Road: Digital Fabric Design at Arrowmont

Screen Shot 2015-07-15 at 12.38.04 PMIn June, I will be spending a week at Arrowmont School of Arts & Crafts in Gatlinburg TN.  I haven’t ever been to Arrowmont, but I have heard all kinds of amazing things about the experience there, so I am excited to have been invited.

Our class at Arrowmont will be intense.  We have 37 hours to explore all kinds of techniques for designing your own fabric.  For the class in April at Spoonflower, we are going to focus on Adobe Illustrator, but for this one at Arrowmont, it is all about Photoshop and layers and texture.  I have had several potential students email with questions about the class (which is awesome) and so I thought I should talk a little more about what we will be doing, since the description in the Arrowmont catalog is necessarily brief.

waterlilyquiltMy theme for this class will be exploring the different paths you can take to design fabric. Everyone knows the feeling of staring at a blank page with an equally blank mind.  Where do you start?

We are going to start this class by building a common vocabulary.  We will talk about pixels and resolution and color.  We will learn about different design tools that are common to Photoshop and other graphics programs (select, layer, opacity, offsets).  Then we will start building a toolbox of techniques.  Each day in this class we will take a different path to start a fabric design.  One day we will work with scanned found objects; one day we will start with photos; one day we will doodle with paint.  We will learn ways to layer and manipulate textures borrowed from other objects.

Are you ready for this class? You don’t need to know anything about Photoshop or designing fabric.  It is helpful if you are comfortable working with computers and you have maybe explored Photoshop (or other graphics programs) a little on your own.  You should be able to pull a photo off of your camera, save it and find it again.  You should be able to connect to wifi and navigate webpages.  You should be brave enough to try things and not worry that you are going to “break something”.

Screen Shot 2014-10-06 at 6.37.11 PMWe will be creating a faux batik, similar to this tutorial I put together.  Why faux batik?  Because it is a fantastic way of practicing a set of design techniques you can use for many other things: scanning your original artwork and manipulating the colors, digitally coloring a design, layering with a photographic textures.  It’s a great model that will teach you many skills that you will be able to use for future designs.

We will all go crosseyed if we have to spend 7 hours a day looking at computer screens, so I have a lot of design ideas and exercises that we will do offline as well to help break things up.  These will be things like learning how to make seamlessly repeating designs or creating balance in a repeating pattern. We will take a photo walk looking for textures.

Screen Shot 2015-09-15 at 5.48.43 PM

You will also have time in class to explore something independently.  I want you to be able to work on your own, but with the ability to ask questions and screw things up with help right there.  So we will set aside time for me to work with each student one-on-one to explore your own design goal.

These are some of my goals for class.  I hope that by the end of class, students will have learned:

  • digital vocabulary for fabric design (pixels, resolution, repeats, seamless, layers, colorway etc)
  • scanning and manipulating your own artwork and found objects
  • creating a design using original art (painted paper) and layers
  • creating a colorway from a photograph
  • using photographs in fabric designs
  • basic Photoshop skills and tools
  • other tools for digital design: RepperPatterns, Adobe Color
  • independent projects with instructor guidance
  • tour of Spoonflower site and tools, show and tell of printed fabrics, examples

You can see all of the details at Arrowmont’s website.  If you want to know more about any part of class, feel free to email me!

Digital Fabric Tutorial: Taking your design up a notch

I posted a tutorial last week to make your own Valentines hearts design.  Today I want to talk about how you can take this basic design and make it better.  In the original design tutorial, I cut and scanned 6 hearts and created a repeating pattern from that little motif, which I have outlined in blue below so it is easy to spot.  Those 6 hearts repeat over and over to make the pattern.
Screen Shot 2016-02-16 at 8.54.19 AM

If you step back and look at this design, it works, but the purple hearts form a grid-like pattern that is pretty obvious.  Your eye is drawn to that regular pattern; it gets kind of stuck and doesn’t move around the whole design. There is maybe even an illusion that the purple dominates the design a little bit.

One technique you can try to make your repeat tile have better flow and seem more dynamic is to make it bigger.  For example for the repeat below, instead of 6 hearts, I made a larger canvas and copy/pasted the same hearts so I had 24 hearts instead of 6.  I also added 4 more colors to my palette, taking the total from 6 to 10.  I used the same method to paint and overlay the texture.

Can you find the repeat tile now?  I think it’s much harder to do.  There’s more variation with colors and more distance between two elements of the same color.  I repeated some of the colors, so they form a less grid-like pattern.

Screen Shot 2016-02-16 at 9.02.46 AM

Here are the two designs side by side, first showing the repeating tile and then the designs on their own.

Screen Shot 2016-02-16 at 9.39.30 AM

Screen Shot 2016-02-16 at 9.19.13 AM

Starting with 48 hearts would add even more variation to the design.  I could also try varying the hearts themselves a little bit.  That could be as simple as flipping a few of them horizontally or even by cutting a few more hearts at the beginning of the design before I scanned.  I could also choose to have it repeat using a half-drop or half-brick pattern which would shift the tiles and add a little more variability. (You do have to plan ahead for half-drop/brick to make sure that your pattern matches up when shifted 1/2 tile.)

I often work this way when I am doing a repeat.  Start first with the small version and get it close to the design look and colors I want.  Then I increase my canvas size, put four copies of the design on the canvas and start to create variations.  Sometimes I repeat that process one or two more times until I have a repeating pattern that I like.  I check it often to see what it looks like when it is repeating and to see what stands out.

%d bloggers like this: