Spoonflower Fabric Development Series 2: Computer Art Programs And What They Do

 

Welcome back for Part 2 of my series in fabric development! Back for more, eh?

Today I’m going to talk about Computer Art Programs available for people just like you and me.

There are so many things to think about and cover for something like this; the only way I can really even begin to touch on it, is to just bring you through the process the way that I go about it. That of course is not to say that other ways are wrong…(smile)…I’m just remembering how my sister Megan always says that I design backwards. So, there. I do things backwards. But, somehow they get done.

“I don’t have Photoshop or Illustrator”

For those of you who have Adobe Photoshop and Adobe Illustrator installed and being used, that is awesome! This post will not really pertain to you. I assume that you most likely have some sort of artistic computer presence in your house being yourself or your spouse. Adobe Photoshop and Illustrator are amazing programs to use. They also cost a bit of money to get them legally installed which is what I would recommend if you decide to go that route. Be wary of pirated computer programs. Being married to a computer nerd myself (love you Jon!) I have been more than warned about downloading anything. But then again, things are a bit strict around here in that regard. The newest version of Photoshop is $649+ and Illustrator is $599. You can download a trial version for free and try it out if you like. There is a cheaper version of Photoshop called Photoshop Elements, so if you’re familiar with Photoshop, that could be a more practical option.

I have not had formal training regarding computer art programs. I did have an opportunity to use Photoshop and Illustrator in college when I worked as an intern for the Creative Department at MBNA America Bank. I’m telling you this because like anything, you will need to practice and learn the program—but it’s completely doable. You don’t need to get fancy…you can just stick to the basics and create a wonderful piece of work from your sketches.

That being said, I do not use Photoshop or Illustrator. For those of you out there who aren’t sure they want to invest in the programs before they know what they are getting into, there is another amazing option out there for you. Both of these programs are FREE Open Source Programs. Yes, I did say FREE. The first program is called GIMP, which is like Photoshop and the second is called Inkscape, which is like Illustrator. In this household my husband Jon has a motto that I will share with you, “Free is good!” To be honest, it took me awhile to believe him that anything out there for “free” could possibly be good. In my world, you get what you pay for and if it’s free, well, it’s pretty much crap. Things are a lot different in the computer world and I’m so glad to be married to someone who could educate me in that department. Both of these programs are incredible.

“What is the difference between these two programs?”

Who asked that? That is an excellent question.

Bitmaps vs. Vectors? We all win!

There are two main kinds of computer art programs: those that edit bitmaps (like Photoshop and GIMP), and those that edit vectors (like Illustrator and Inkscape). Here’s the difference between them:

  • Understand that (Inkscape) creates vector graphics and vector text. Vector graphics consist of lines and curves that contain mathematical objects called vectors.
  • Know that (GIMP) creates bitmapped graphics. Bitmaps consist of tiny dots of color. The eye fills in the spaces between the dots so the color appears to be solid. Bitmapped graphics are measured by the number of dots per unit - usually called dpi (dots per inch).
  • Realize that bitmap graphics are much larger in file size than vector graphics. Therefore, vector images take up much less storage space and can be downloaded faster.
  • Understand that you can scale a vector graphic to any size without losing quality. A bitmap will change quality if you enlarge it or reduce it.
  • Know that some filters can be applied to bitmap images but cannot be applied to vector images.

“HUH?”

Okay, basically there are two kinds of images you can work with. The first type of image is called a Bitmap. A bitmap is a pixel-based image with one bit of color information per pixel. These are the types of images when you blow them up really big you see all those squares and it doesn’t look so great anymore.

EllieImageA

Picture of my daughter Eleanor.

PixelatedImage

Part of the photo blown up so you can see the “pixels.”

Common types of bitmap graphics are GIF, JPEG, Photoshop, PCX, TIFF, Macintosh Paint, Microsoft Paint, PNG, FAX formats, and TGA.

The second type of image is called a Vector.

Vector graphics are made up of many individual objects. Each of these objects has individual properties assigned to it such as color, fill, and outline. Vector graphics are resolution independent because they can be output to the highest quality at any scale.

This is really cool because no matter how big you blow it up or how small you shrink it, your image looks absolutely perfect. Your lines and shapes are beautifully smooth.

SnipA

Here is part of the image I worked on in my last post. I’m going to blow it up so you can see the cluster of birds in the upper left corner.

SnipB

SnipC

SnipD

You could continue to blow this image up forever and the lines would stay smooth and never get the boxy “pixel” look. Like I said, really cool.

“Do you use both programs? If so, what do you use them for?”

I do use both programs. I use Inkscape to make my initial drawings. After some practice, it becomes easier to mess around with your shapes and colors and you’ll find that you can create things you may not have thought of. After they are finished, I export the image and load it into GIMP where I crop and re-size to the exact specifications needed. (We’ll talk more about Spoonflower specs later!)

Well, Rachel. This is all fine and good, but when I download these programs, I’ll just be staring at them and won’t have the slightest idea where to start!”

This will most likely be true. However, there are some great tutorials you could look through and just play around with it. ALSO IN PART 3 OF THIS SERIES, I will take you from start to finish through this process. We will start with a hand-drawn sketch and turn it into a Vector Art Image. To do this, you will need Inkscape.

Get ready!

Love, Rachel

Print | posted on Thursday, June 12, 2008 9:54 PM

Feedback

# re: Spoonflower Fabric Development Series - Part 2

Left by Betsy at 6/12/2008 10:36 PM
Gravatar I'm glad to hear that you've had success with Inkscape. I downloaded it recently to attempt to draw a family tree, but didn't get very far. It sounds like I just need to put in some more time with it.

I'm loving your designs for Spoonflower--can't wait to see more!

# re: Spoonflower Fabric Development Series - Part 2

Left by ta souer at 6/13/2008 7:50 AM
Gravatar I feel like I need to defend myself when I say you design backwards! In the industry, you design backwards. I myself... i sketch first then fabric 2nd. Does it really matter... HA

# re: Spoonflower Fabric Development Series 2: Computer Art Programs And What They Do

Left by Deborah at 1/26/2009 7:02 PM
Gravatar I'm glad to hear about Inkscape. I use Illustrator at work but don't want to fork out the bucks for a copy at home. First I"m going to look at Inkscape, then I'm going to look at GIMP. These should take me to a new level of quilting, I'm sure. Thanks for the loads of info on your blog!

# re: Spoonflower Fabric Development Series 2: Computer Art Programs And What They Do

Left by timm at 5/29/2009 1:41 AM
Gravatar Adobe PhotoShop has released a free online version Adobe PhotoShop Express - http://www.frogmix.com/search/Adobe+PhotoShop+Express . It is only available to the US as yet, which peeves me, so all I can tell you is that it is a cut down and simpler to use version of Photoshop.

# re: Spoonflower Fabric Development Series 2: Computer Art Programs And What They Do

Left by Lynn at 9/1/2009 8:48 PM
Gravatar I'm going to try Inkscape, but use Photoshop Elements. It's not free and the photo storage part isn't something I use, but you can do amazing things with it and it's a LOT less than Photoshop.

# re: Spoonflower Fabric Development Series 2: Computer Art Programs And What They Do

Left by LucyoQ22 at 2/18/2010 11:23 PM
Gravatar Students guess that the good essay accomplishing seems to be the really time wasting process. But, people rely on the essays online service help anytime when it's demanded.

# re: Spoonflower Fabric Development Series 2: Computer Art Programs And What They Do

Left by Black Jack Führer at 2/19/2010 12:07 AM
Gravatar I have spent the past couple of weeks wanting to design fabriscs for myself, but really not knowing where to start. I'm going to make some time this weekend to work through your tutorial.Thank you so much for this series. I hope you know that it is phenomenally helpful and your kindness in posting it is really appreciated

# re: Spoonflower Fabric Development Series 2: Computer Art Programs And What They Do

Left by Black Jack Führer at 2/19/2010 12:08 AM
Gravatar I have spent the past couple of weeks wanting to design fabriscs for myself, but really not knowing where to start. I'm going to make some time this weekend to work through your tutorial.Thank you so much for this series. I hope you know that it is phenomenally helpful and your kindness in posting it is really appreciated...So great work

Your comment:





 
Please add 8 and 3 and type the answer here:

Copyright © Rachel

Design by Bartosz Brzezinski

Design by Phil Haack Based On A Design By Bartosz Brzezinski