Tag Archives: Fabric Design

Sunday & Seurat: Sailing the Seine

This is part of a series of “behind the scenes” posts about my Sunday & Seurat designs for the Guthrie Store. Click here to see all of the posts in this series or see a gallery of the collection.


Another detail I noticed in the Sunday on the Isle painting was the sailboats in the distance. Since Minnesota is nicknamed the “Land of 10,000 Lakes”, I knew that a print with boats would probably be something people here would love.

I started this print by creating the water. I collected about 15 different patterned and colored papers, everything from newsprint to sheet music to scrapbooking paper. I laid them all out on my table and gave them all a wash of blue paint. I wanted to obscure some of the patterns a little bit, but I also wanted to give it a cohesive color palette. By giving everything a wash of the same blue, they suddenly all become variations on a theme, rather than 15 separate colors.

I tore the papers into long strips and started layering them together to look like waves. I deliberately tore them a little unevenly to get the “foam” of white paper showing on the tops of some. I glued this all together as a paper collage. My scanner can only scan a piece 9×12, so I needed to carefully adjust and mask the edges of that rectangle so that I could make a seamlessly repeating pattern that could fill any amount of fabric. There is no magic formula to making something like this appear seamless, just lots of time zoomed in and manipulating pixels one by one to disguise the edges of the tile. Totally tedious; totally worth it. Many hours later, I had made a seamless water pattern out of it, which I saved as is, because I reuse patterns like this all the time once I have the hard work done.

Next I created a cut paper illustration of the sailboats and scanned it. One of the things I loved about the sailboats in the painting was the reflection in the water. I thought that was such a lovely detail. So my illustration had a reflection as well.

I made several different sailboats and added those in a layer on top of the water. I was careful to place them on the waves so they looked like they were sailing along and not just plopped down. Finally, I added a flock of birds. I originally had made a set of water lilies as well (my favorite flower) to go in among the boats, but the scale just didn’t work out. If they were small enough to make sense with the sailboats, you couldn’t tell what they were. So those got scrapped.

You’ll notice that the color of my water and the color that it is on the finished fabric aren’t the same thing. When I looked at my finished design, I realized that it looked a little somber. Although the colors matched the painting pretty well, it didn’t have that summer sailing kind of feeling that I wanted. So I went back in and brightened up the water and shifted it to look a little more turquoise, a color that made me think more of sunshine on the water. I also tweaked the tiny flag at the top of the mast so there were pink and yellow flags just for a little sparkle of color.

The final layer, of course, was my Seurat-inspired pointillism texture added in layers. You can still see a tiny bit of the polkadots in some of the patterned papers, but I love the complexity that gives to the design. I love this one and I hope lots of you love it too.

Take a tour of my Unexpected Art Exhibition

I know that not everyone can make it to Minneapolis to see this exhibition, so I am bringing it to you virtually. I walked through the gallery and took photos of all of the pieces and didactics, so you can walk with me and follow along. For those that are local, you can see the show in person at Hennepin History Museum through April 30.

Screaming Hairy Armadillos (or armadillos as the road to inspiration)

There is a lot going on in the world right now that makes some of us want to scream. I get it. But I think we need a little break from that to talk about a different kind of screaming.

Let me introduce you to Amber.

She’s a screaming hairy armadillo from the Smithsonian National Zoo. They tweeted about her last week. And my mom and I both saw it and were curious. Why was she called a “screaming” hairy armadillo? I get the parts about hairy and armadillo, but screaming?

So we Googled it.

And then we got the giggles. My dogs are now in love with Amber’s cousin-in-the-video and come running in the room when I play the sound. I told my mom “I think I need to design something with screaming hairy armadillos on it”. This might be the first fabric I have ever designed inspired by a sound. 🙂

So I thought about that for a couple of days. I have been working non-stop on grant/exhibition projects and I needed a day to goof off and design something fun. And I thought it would also be fun to talk a little about that process.

First I studied a bunch of armadillo photos and thought about how to make that great armor texture they have. Cut paper bits? Something photographic? Lace? Then I saw something pop up in my Facebook feed about making a paint texture with bubble wrap.

Screen Shot 2017-02-02 at 4.48.30 PM

So I grabbed a piece of bubble wrap and some double-sided tape and made myself a roller around an empty soda can. I squirted out some paint on the tin foil, rolled some on the roller and painted some sheets of black card stock.

Screen Shot 2017-02-02 at 4.50.27 PM

Messy, but perfect! Then I started drawing some armadillos. I did a quick pencil sketch and then drew over them with a fine sharpie pen.

Screen Shot 2017-02-02 at 4.52.40 PM

I thought I would just fill in their backs with the paint texture and have them be hand drawn. Turns out that they are perfectly cute little guys, but not very successful as fabric. I played with colors and fills and I just couldn’t get them to balance. The bubble wrap texture was so bold and dark and the lines here too delicate. Bleh. So I walked away for a bit.

Then I tried re-drawing them using layered shapes in Illustrator. That worked a lot better. The big blocks of solid color were much more balanced with the bubble wrap texture. I am kind of in love with them.

Screen Shot 2017-02-02 at 5.03.04 PM

The bubble wrap also got a little tweaking. I changed the transparency of that layer to be about 45% and put it over the same base color of the armadillo (turquoise in this example). The black in the bubble wrap print darkened the color up so that I got a nice related shade and you can still see some of the rainbow colors in the paint.

Then, we all know they are screaming armadillos, so they needed to say something. Only I couldn’t make up my mind what they needed to say, so I actually did two versions of the design: one with blank speech bubbles and one with “just do it” sort of positive messages: read it, think, love, believe, speak up, try, make good art.

I thought it would be fun to have options. Want your armadillos to scream Happy Birthday? or Congrats? Or Happy Retirement? Then you can fill it in with fabric markers, paint, embroidery, or sharpies. A friend sent me a list of “g-rated” swear words yesterday. She remembered that I talked about a collaborative print I did in a class with phrases like “oh piddle” and “son of a biscuit” and I now think it would be super funny to do a version with the armadillos politely swearing up a blue streak. But that’s another day.

bluearmadillos

So I started with a blue and green colorway and did two color variations, one with bright earthy colors and another with pinks and purples. The background of the armadillos is a photo of peeling paint from a utility box. Sometimes amazing textures come from weird places. But it goes nicely with the other paint textures. I took the same bubble wrap scan and made a seamless texture out of it too. So you can also get coordinating “polkadots” that match the armadillo armor.

versions

bubbles

I named them “Activist Armadillos” and I have uploaded all 16 designs to Spoonflower as fabric or wrapping paper designs. I have ordered swatches of all of the versions and I will post an update when I get them and decide if I need to make any tweaks to the design. I can’t wait to see them.

I think the screaming armadillos would make an awesome tote bag with a lining of armor polkadots. I might have to make that for me.

A Taste of Digital Fabric Design

Have you ever dreamed of being a fabric designer? Online services like Spoonflower.com allow you to digitally print fabric with your own designs, from just a swatch to yards of fabric. Led by co-author of The Spoonflower Handbook, this seminar will give you the basics to get started designing your own fabrics, from how to deal with colors to resolution and file set up. See lots of samples and create a collaborative fabric design in class. No laptops needed, just paper and pencil for notes.

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?

Fabric Design Tutorial: Create a “Mini Photo Scrapbook” Fabric Design

Screen Shot 2016-07-13 at 11.48.36 AMI am going to call this tutorial the first in what I hope will be a series of “Suggestion Box Tutorials“.

I got an email from a woman this morning asking for help designing a fabric to make a keepsake zipper bag. She and a collection of friends are meeting up this summer and she wanted a little something to give each of them to commemorate the occasion. She had a great idea for what she wanted the fabric to look like: a collection of photos and little graphics that were all significant to this group of friends. The photos should be scattered like postage stamps on a white background. She even sent me a sketch.

Her question was: did I know of anywhere there was a tutorial that could show her how to do this and how could she make sure that it was just the scale and size she wanted?

Could I think of anything? No. So, this seemed like the perfect tutorial for me to write.

What does your intention tell you about your design?

If you have had the chance to take a class from me, you know that one of my tips for creating really successful fabric designs is to design with intention. The intended use for your fabric can give you so many hints about how you need to set up your design files.

This fabric is intended to be a lining for a small zipper bag. So we know that will use pieces of fabric that are maybe 10-12″ square. If I create a repeating tile that is larger than 12″, I won’t see all of the photos that will be in the design because I will be just cutting out a piece. Maybe that’s ok. Or maybe you want to make sure that each bag has every photo visible. That’s a choice for you to make.

I also know that if my zipper bag is 10-12 inches, I probably need the photos to be pretty small in relation to that so that the scale makes sense. If the photos are each 6 inches, I will only be able to see a couple of them once I cut it out.

Screen Shot 2016-07-13 at 12.12.30 PM

Do the math.

So for this project, I am going to use that information to set up my design file (aka do the math). Why do I need to do that now? Can’t I just do the fun part (designing it) and worry about that math stuff later?

The number one thing I hear from new fabric designers is:

I uploaded my thing to Spoonflower and it was so awesome, but it was totally the wrong size! I thought it would be small but when I uploaded it, it was huge! I don’t know what happened. I was so surprised.

This is the step where you can make it turn out exactly the size you want it to be. It just involves a tiny bit of math.

  1. Decide what size you want your repeat to be. By “repeat” I mean the file that you will upload to Spoonflower. Spoonflower computers will repeat that file it to fill as much fabric as you want to print. Yes, you repeat your repeat. English is weird.

Screen Shot 2016-07-13 at 12.25.24 PM

I decided that for this zipper bag lining, I want my repeat to be 12″ because I want to be able to see the whole thing with all of the little photos when I cut out my lining piece. That’s my design choice. You make your choice.

2. The magic number is 150.

The only thing you need to remember about resolution for this project is 150. Resolution is the number of dots (or pixels) per inch that the file needs in order to print at the size you want. Dots per inch = DPI.

Spoonflower’s printers use a resolution of 150 DPI. That’s why 150 is our magic number. That means if you set your file to 150 DPI, you will get exactly what you expect to get. That’s a rule. 150 uploaded = 150 printed. In otherwords, if I make a file that is 12 inches at 150DPI, I will get a printed design that is 12 inches. No more, no less. So how do I set up the file?

3. Figure out how many pixels that is.

Resolution is the number of pixels per inch. Since we know how many inches we need (12″) and we know how many pixels per inch (150 DPI) we can figure out how many total pixels that is. And we need to know the total number of pixels because that’s the number our graphics program will ask for.

inches x resolution = pixels

12 inches x 150 pixels per inch = 1800 pixels

That means if I want a file that will print exactly 12 inches wide, I need to make a file in my graphics program that is 1800 pixels wide.

Remember that number. 1800 pixels. Write it down on a scrap of paper.

Create a new blank file.

For this design, I am going to use a program called PicMonkey because I think it is the ideal tool for this design. It’s going to make it easy. You can use any program you want to to make your designs, but PicMonkey has some built in tools that I know will work really well for this. That’s why I picked it. It’s a free online graphics software that works right in your web browser. You don’t need to download anything.

Go to PicMonkey.com. At the top of the screen you will see a menu bar.

Screen Shot 2016-07-13 at 12.44.02 PM

Click on the option on the right that says Collage.

Set up the Layout.

Screen Shot 2016-07-13 at 1.22.09 PMThe reason that PicMonkey is such a great tool for this project is because of this collage tool. Look at the left sidebar on your screen for the icon that looks like a grid. If you hover your mouse over it, it will say “Layouts”. Click the Layouts button.

Feel free to explore the options in this panel! These are all of the different ways that PicMonkey can layout a collage for you.

(There are some options that are marked with a crown – those are part of the upgraded “Royale” package that PicMonkey offers, which is an annual fee of $40/year. We will use a free layout option for this project but that $40 per year membership is totally worth it. Note: I don’t get anything from PicMonkey for telling you that; it’s just my personal opinion. I just love PicMonkey.)

Screen Shot 2016-07-13 at 1.24.22 PMClick on the option called “Square Deal” out of that list and then pick the little icon at the very far right (a grid of 25 squares.)

 

 

 

 

 

 

 

Remember when I told you to write down “1800 pixels”. The very next thing you want to do is set this file to be 1800 pixels. Look at the bottom center of the screen and you will see where to type that in. I put in 1800 for both the width and the height, so I will have a 12 x 12 inch square as my file size. (See how easy that was!) Hint, if you click the Lock Icon after you do this, it will keep it at this size while you are doing the next steps and rearranging things.

Screen Shot 2016-07-13 at 1.32.25 PM

Add your photos.

The dotted lines in this layout represent the places I can drop in my photos and graphics to make up this design. But first I need to load them into Picmonkey.

Screen Shot 2016-07-13 at 1.35.43 PMLook back again at the left sidebar. Choose the top icon that looks like a picture of mountains and is labeled “Images”. The very first thing in the panel of thumbnails will be a button (top left) that says “Open Photos”. Click that and it will pop up a window for you to find the files on your hard drive.Screen Shot 2016-07-13 at 1.36.58 PM

A hint: It’s super helpful if you collect everything you want to use for this design and put it all together in a folder on your Desktop (or somewhere else handy). Then you can select and upload them all at once instead of needing to hunt and peck all over your computer to find what you need. Load all of the photos you want to use right now. You can click that “Open Photos” button more than once to keep adding photos.

Screen Shot 2016-07-13 at 1.44.14 PMYou will see all of your photos pop up in the thumbnails along the left side of the screen. They don’t have to be photos. Anything in a .jpg format will work, like little graphics or screenshots. Just make sure you have permission to use them.

Now the photos are ready to use. I chose a bunch of photos of my dogs for this example.

 

 

 

 

 

 

 

Fill in the blanks.

You can now click and drag the photos from the left sidebar and drop them in the boxes in the template on the right. If I look back to the sketch my friend made, she has photos scattered all around the design, so I am not going to fill in every box in the template, but I will leave some spaces.

Screen Shot 2016-07-13 at 3.05.41 PMWant to vary the sizes of the boxes a little? You can click and drag to change the size and shape of the rows and columns. Hover with your mouse between a couple of boxes and you will see a double arrow pop up. You can drag with that double arrow to make the columns and rows bigger and smaller.

Screen Shot 2016-07-13 at 3.07.20 PM

 

 

 

 

Recenter a photos? Hover over a picture and wait for your cursor to change to a 4-pointed arrow. Now you can move the photo around within the box (to recenter it).

Want to add another photo and insert an extra box into the template? Grab a photo from the thumbnails, drag it over to where you want to add it and wait for a blue outlined box to pop up. When you drop the photo it will add a new box where that blue outline was. Now there are two photos in that space.

Screen Shot 2016-07-13 at 3.11.02 PMScreen Shot 2016-07-13 at 3.11.10 PM

 

 

 

 

 

 

Zoom? Click any photo in the collage to see an Edit button (top left) or an “X” (top right). Click the “Edit” button and a menu will pop up that will let you zoom and rotate that photo you have selected. Click the “X” to remove the photo.

Screen Shot 2016-07-13 at 4.08.10 PM

How do you know if the photos you are using are going to work and not look pixellated? Pretty much it is what-you-see-is-what-you-get. I could help you do the math to check that you have enough pixels in each of these photos and so on, but honestly, if it looks blurry, or pixellated, or in any way yucky when you look at it in this step, it’s going to look that way when you print it. It’s pretty simple. Your best bet is: if it looks yucky, choose a different picture. You can’t fix blurry or pixellated.

Read More →