How to illustrate ruffles & skirt fullness

Posted by Kathleen Fasanella on Nov 14, 2011 at 4:54 pm / Design, Designers must know / Trackback

The short version: I’m finally learning to use Adobe Illustrator. Yay me!

The long version: In the olden days, pattern makers didn’t need to know how to sketch because illustration was the designer’s job. I think most of us took the class because it was in the first year before students knew into which camp they’d eventually develop their strongest interest. These days though… it seems few designers provide illustrations. Since the job must be done, it has increasingly fallen to service providers to provide sketches. Which is fine as these things go. What isn’t fine is when new designers have the expectation that it is our job or worse, act like there is something wrong with us because we don’t offer it as a matter of course.

But I digress. I put an ad on Craigslist for a tutor this weekend because I’m hopeless when it comes to teaching myself certain things. I lined up tutor A on Saturday and Tutor B on Sunday. Not sure which I like better, each have their strengths. Both are poor which makes me sad (they wanted $15 an hour but I paid $25. Considering their student, anything less amounts to cruel and unusual punishment).

Okay, so today I’m practicing what I learned and decided to do a very simple illustration tutorial for designers. I do not plan to do many, only as it relates to common problems in communicating your ideas that end up costing you a lot of money because you have to have your patterns remade. One such example is gathering and ruffling.

Below are two skirts. The one on the left is a straight skirt with gathers at the waist. The pattern for this is a rectangle or maybe a square depending on the desired fullness. The skirt on the right is a circle skirt. Its pattern is a half circle. Meaning, if you wanted the skirt on the right but you drew one that looked like the skirt on the left, it is not your pattern makers fault and you’ll have to pay extra to cut a completely new pattern because you can’t reuse the former pattern.

straight_vs_circular_skirt

By the way, I didn’t draw these skirts. They came from the CD of a book I like called Flats: Technical Drawing for Fashion. I plan on reviewing it later on.

The difference in the two skirts (or ruffles, as applicable) amounts to two things, hem (or line) shape and fabric fold lines. The line or hem shape for a straight rectangle looks something like the illustration below. The top line is the schematic. The line underneath is softer and closer to representing what you want in a rough sketch.
straight_ruffle_illus

For comparison, below is the schematic of a circular flounce, ruffle or hemline. Again the schematic is first, hand rendering is underneath it.

circular_ruffle_illus

So far so good but these hemlines won’t tell the whole story. You also need to show how the fabric flows into the hem or garment edge. I’ll illustrate this in reverse starting with the circular hem because it is very different. Note that in the schematic, there is a triangle shape representing the fabric folds. This is what we’re looking for in a sketch of a circular flounce.

circular_ruffle_w_fabric_illus

By contrast, the straight skirt has straight folds as illustrated below.

straight_ruffle_w_fabric_illus

I hope the differences between these two options in design effect are clearer now.

An aside: there are significant cost differences between these two. The circular shaped edges are more expensive than straight ones because the former use more fabric. In some cases, quite a bit more. For this reason, circular patterns are more common at higher price points. These also cost more in finishing because the hems have to hang awhile before they can be trimmed and hemmed (bias pulls).

The last reason circular skirts can be pricier is because it is rare that circular skirts fit smoothly into waistlines, usually the fabric is lighter weight and as a consequence, must have gathered fullness at the waist (otherwise it just looks cheap) which means even more fabric. Having waist smooth circular skirts in bottom weight goods was common in the 50′s but it’s pretty rare today. I close with a comparison of the two silhouettes below.

circular_skirts_compared

13 Responses to “How to illustrate ruffles & skirt fullness”

Comments RSS feed

Lisa Howdin
November 15th, 2011
3:02 AM

Hi Kathleen

I recommend Kevin Tallon’s ‘Creative Fashion Design with Illustrator” as a great book with tutorials to learn with. http://www.amazon.com/Creative-Fashion-Design-Illustrator-Tallon/dp/0713490225 Sometime ago you mentioned you had a wishlist on Amazon for people to purchase books for you – I would happily buy this for you as I have learnt so much from your book and blog.

Tara Griffiths
November 15th, 2011
7:21 AM

Thank you so much for this post. Wow, you are a fast learner if it only took you two sessions to get illustrator.
I was just going to redo my technical sketches for the umpteenth time because there is something not quite right about the drape of the fabric. Talk about good timing. You’ve shown me the errors of my ways, I think. Just to make sure, for a silk bias cut tank (straight silhouette) the hemline would look more like the straight ruffle?

Jen Rocket
November 15th, 2011
7:35 AM

Great job Kathleen! I love Illustrator. I took a course in school and it was awesome. If there is anything I can get lost in on a computer it is illustrator. I have the same book by the way ;)
I am considering adding flats on my website to give another view for the our products. Lip Service does this on their site, it is a nice touch. Sometimes their crazy prints can hide seam lines and this approach clears that up.

celeste
November 15th, 2011
8:56 AM

ohhhh, a book I don’t have (and didn’t know about), I look foward to the review. I wonder how it compares to what I already own, though. Illustrator can be lots of fun even though sometimes it can be frustrating.

Tiffany
November 15th, 2011
9:53 AM

Great post. I’m just learning Illustrator too! Would love to hear your review of the book.

Kathleen
November 15th, 2011
10:38 AM

Lisa: I do have Tallon’s book (for CS2). I think it will be good now that I can kind of, sort of, navigate the workspace. For whatever reason, it wasn’t clicking for me when I first bought it. I’ve had CS for quite a long time, since 2006? I am up to CS5 now on the PC (CS4 on my mac) so it’s about time I figure it out…

Tara: yes, the hemline would look more like the straight ruffle.

Another option for illustrating is Carol Kimball’s CD which she sent me but I have since misplaced. eek!

Betsy
November 15th, 2011
10:57 AM

Welcome to the club! I love Illustrator-especially the fact that you can re-use parts of sketches to make new sketches so it is not always necessary to start from scratch.
Rather than focusing on fashion sketching I think designers would get the best results if they focused on the technical sketches. Tech sketches work great not only for sketches to give to the patternmaker, but also for linesheets.
I feel like every designer sketch I get is a long conversation of “is this what you mean?” and by the end the style is nothing that I initially thought it was. Fashion-y sketches can be beautiful, but don’t always get the point across.

Nic Cornell
November 15th, 2011
6:25 PM

I also enjoyed this article! I learned Illustrator in digital arts school nine years ago and still consider it to be one of my strong points. Lately I’ve been giving some consideration to applying those skills to fashion illustration and this posting was just the thing to get me really thinking about that. Thanks Kathleen! I would be interested also to hear more about your experiments with CAD software…I guess come to think of it I have notice more CAD illustrations lately :)

Carol Kimball
November 15th, 2011
6:39 PM

Interesting timing – the “Classroom in a Book” for Illustrator made it out onto my work table a few days ago. I am a big fan of those tutorials, which come with CDs, and can hardly contain my envy at Kathleen’s personal instructor. Yes, another here struggling to learn Illustrator.

I’m proficient in its twin-on-steroids, Photoshop, for stuff like creating the graphics for my CD (thanks for the mention, Kathleen!) and using that in lieu of a CAD program to (among other things) reconcile the bra patterns for the line Carol Phillips and I are working on.

I’ve taught fashion sketching for donkey’s years. As a professional artist, let me lay on you: it’s okay to trace! It’s an amazingly fast way to learn. When people come to me and say, “I need to learn to draw but am terrified, where do I start?” my answer is “whatever way is easiest for you to get into it”. It’s less scary to find another use for something familiar than invest time and considerable $ to start fresh. Remember when Kathleen posted about using the spreadsheet program Excel to work up line sheets?!

Alison Cummins
November 15th, 2011
9:54 PM

Kathleen, I’ve often wondered the same thing as Lisa: is your Amazon wish list up to date?

E A
November 16th, 2011
11:35 PM

Heh, I use illustrator to do comics, but the sensibility came in handy when I tried the CAD editor in of a home use pattern software.
One thing to do once you find there’s certain sequences you use often…make macros.
True about tracing or at least having a photo ref to check things out, do that all the time.

Eric H
November 17th, 2011
1:08 PM

“Its pattern is a half circle.”

Not a half annulus?

Joelle Hodson
December 3rd, 2011
4:33 PM

I don’t understand why I’m comfortable with Photoshop but completely lost with Illustrator. I like making tech flats by hand, but hand drawn has many downsides. Good idea to hire a tutor!

Leave a Reply

Current ye@r *

Archives

Categories

The Entrepreneur's Guide to Sewn Product Manufacturing

Often described as the garment industry “blue book”, the most highly rated book in the business is guaranteed to get you off to a solid start or your money back. Many service providers require you read this before they’ll work with you. Learn more »

Subscription Options

RSS Feed Google Reader My Yahoo My MSN Technorati

Subscribe by email: