Fashion Illustration in Adobe Illustrator – Designing a Range of Leggings

Fashion Illustration in Adobe Illustrator – Designing a Range of Leggings

Fashion Illustration in Adobe Illustrator – Designing a Range of Leggings

Digital Fashion illustration in Adobe Illustrator is a fantastic tool to have and something that can speed up your design process immeasurably. In these tutorials, we explore the use of layers, fashion templates, creating illustration outlines, adding design details and then populating them with colour, texture and print. It’s a long course but we cover all of the basics which will be enough to give you a comprehensive understanding of digital fashion illustration in Adobe Illustrator. If you have used Adobe Illustrator in the past, these tools and tricks should be pretty easy to grasp. If you are new to using Adobe Illustrator it can take a bit of time to familiarise yourself. Don’t worry, simply watch each tutorial in sequence. We explain step-by-step how we build our digital fashion illustrations.

Watching the tutorial and working in Adobe Illustrator on the same computer can be tricky. Switching between screens can be a bit of a nightmare. Instead, why not watch the tutorials on a tablet or iPad, place it next to your laptop or computer, open Adobe Illustrator and follow the tutorial, step-by-step. You can pause the tutorial at any time. We’ve found this technique incredibly useful and it reduces the learning curve dramatically.

Digital Fashion Illustration Tutorials

Below, you will find our list of “Digital Fashion Illustration in Adobe Illustrator” tutorials. It’s very simple- start at the top and work your way down the list! Each tutorial is in order the order you should watch it. It is important that you complete each tutorial in order. This will ensure you don’t miss anything crucial. Once you’ve finished all the tutorials, you should have a firm grasp on the basics of creating fashion illustrations in Adobe Illustrator. You can then go on to learn and develop your own skills with your own designs.

That’s pretty much all you need to know so why not give it a shot? Before you know it you’ll be a pro at fashion illustration in Adobe Illustrator!

PART 1 – Using Fashion Templates & Creating a Fashion Illustration Outline

In this tutorial, we take a look at pre-made fashion templates from companies such as Prêt-à-Template. We demonstrate how to resize, adapt and use them to suit our specific project or design needs. Finally, we create the outline layer and discuss why layers are so important for Fashion Illustration in Adobe Illustrator. Visit the Prêt-à-Template site to view their entire range of fashion templates.

PART 2 – Adding Design Details Technique 1 – Using the Pathfinder Tool

In this tutorial, we start to add our design details. These are the panels that are drawn within the outline of the leggings illustration. They make up the various panels or seams of the legging’s design. Later, these panels can be filled with colour, texture or print. There are numerous techniques to create the panels that form the design details layer, however, this tutorial focuses primarily on one technique – using the pathfinder tool.

PART 3 – Adding Design Details Technique 2 – Creating Fillable Panels

This tutorial also focuses on adding design details, however, this time we use a more simplistic approach. We simply draw our design detail panels side-by-side, without the need for the pathfinder tool. This is the most common way to create design details and fillable panels.

PART 4 – Adding Colour, Texture & Print to the Design Details or Panels

In this tutorial, we look at how to apply colour to the panels within the design details layer. We also explain how to create a texture using the repeating elements and the swatches palette. Finally, we explain how to group panels, within the design details layer, to change colour quickly and consistently. It’s a fantastic process that allows you to create hundreds of designs quickly and easily.

PART 5 – Creating a Line-up of Styles, then Batch Adjusting Colour & Textures

In the final tutorial of this series, we explain how to combine our individual fashion illustrations on one art board to create a gorgeous line-up of designs. We also explain how to batch-change colours across all of the fashion illustrations, making it incredibly fast and easy to experiment with colour, texture and print. This allows you to create hundreds of line-up variations in no time at all. This tutorial really demonstrates the power of digital fashion illustration vs hand-drawn or painted fashion illustrations.

Fashion Illustration in Adobe Illustrator – Full Length Video

This video is the full-length version. It features the exact same content but this time without all of the breaks and pauses. Enjoy!

Comments

If you do feel there is something that we have left out or you need specific advice then please feel free to comment or ask us a question. There is a comments section at the bottom of each tutorial. Adding comments or asking questions is a great way for the community to learn together and get answers to similar issues.

S2. EP2. Leggings Fashion Illustrations – Transforming hand-drawn sketches into digital fashion illustrations

S2. EP2. Leggings Fashion Illustrations – Transforming hand-drawn sketches into digital fashion illustrations

S2. EP2. Leggings Fashion Illustrations – Transforming hand-drawn sketches into digital fashion illustrations

In this episode we take a closer look at the hand-drawn fashion sketches that we created in episode 1. We’ve selected eight final leggings designs that we’ll now transform into dynamic, digital, fashion illustrations using Adobe Illustrator. Transferring them to Adobe Illustrator allows us to quickly duplicate them with ease. We can then add colour, texture and print to efficiently create hundreds of variations based on the original designs. This is important, because when we come to finalise our prints we have a range of leggings that we can add them to to create our final designs. Once we have the final designs, we can then make our selections and start sampling.

This blog post looks at hand-drawn sketched versus digital design and how they can be used side by side to speed up your design process. This is also the next step in our process when it comes to designing a range of leggings sewing patterns.

Digital Fashion Illustrations – Outline & design details

The first step in the process of digitalising our leggings fashion illustrations is creating the outline and design details or panelling. We use various line thicknesses to represent various parts of the design. A thick line is added to the outline or finished edges of the leggings. A medium-thick line represents the seams or panels that make up the design. A thin line represents creases or position of the knee. When all these lines are combined, they create depth and a greater understanding of how the leggings blocks might be sampled.

Digital Fashion Illustrations – Colour, texture & print

The final step in the process of digitalisation is to add colours, textures and print. We do this by creating fillable areas from the panels. Each panel can be filled individually with a colour, print or texture. Grouping these panels allows us to add colour in bulk and to areas that have already been established as visually appealing.

DOWNLOAD: Want to play with these designs? Download the fully-editable design pack and open it in Adobe Illustrator to have full access. You can then change colours, adjust the panels and create your own set of designs- a great tool for designing your own leggings variations!

Creating a line up allows us to build a range of designs that work in harmony with one another. They are held together using a common colour palette. You can see the colour palette in the bottom left of the image below.

Gallery

Pinterest

Follow this collection’s inspiration and progress on Pinterest. We have loads more imagery around the project and we post daily! Click the button to take a look. Subscribe to our Pinterest channel to ensure you never miss a post!

What’s next: digital fashion illustration?

In the next episode, we’ll start developing our print inspiration into a range of full-scale, digital, repeat prints, using Adobe Illustrator. We’ll then combine these prints with our fashion illustrations to create gorgeous designs, displayed in a line up, ready for selection and sampling. 

 

 Made-to-measure leggings patterns

Create a profile, add your measurements and design your basic leggings block. We’ll then draft it for you in seconds for you to download either as a multi-page PDF or a fully-editable SVG file –  compatible in Adobe Illustrator.

Graded Leggings Block UK 4 – 24

Want a ready-to-wear set of editable leggings patterns that you can edit in Adobe Illustrator or any other SVG editing suite?  Check out our sister site DesignLab and get the entire set of standard sizes in our Pattern Pack.

SE 2. EP 1. Fashion Design Leggings: Image Inspiration & Initial Fashion Sketches.

SE 2. EP 1. Fashion Design Leggings: Image Inspiration & Initial Fashion Sketches.

SE 2. EP 1. Fashion Design Leggings: Image Inspiration & Initial Fashion Sketches.

To celebrate the release of our latest made-to-measure pattern, the basic leggings block, we’ve decided to design a range of high-stretch leggings that we’ll eventually sample up and showcase with a photoshoot. Watch the video below to see the whole process and understand what ideas and concepts have inspired our designs.

 Made-to-measure leggings patterns

Create a profile, add your measurements and design your basic leggings block. We’ll then draft it for you in seconds for you to download either as a multi-page PDF or a fully-editable SVG file –  compatible in Adobe Illustrator.

Graded Leggings Block UK 4 – 24

Want a ready-to-wear set of editable leggings patterns that you can edit in Adobe Illustrator or any other SVG editing suite?  Check out our sister site DesignLab and get the entire set of standard sizes in our Pattern Pack.

Imagery & Mood Boards

To start the design process, we collate inspiring imagery found on Pinterest into a series of mood boards that refine our ideas into more cohesive themes or concepts.

For this project, we have been inspired by design details such as hidden pockets, waistbands, leg hem styles and body panelling. A strong theme for modern leggings is the use of bold dramatic prints and colours. This concept has also inspired us to come up with three separate print concepts: neo tropical (large diagram below), hyper shapes and hyper-real.

Like our mood boards? Feel free to download the original PDF files straight to your desktop. Click here.

Fashion Illustrations/ Sketches

Using these mood boards as inspiration, we then sketched around 25 legging designs, using Pret-a-Template fashion templates as a drawing template. This speeds up the process of design considerably, allowing us to focus on the design, rather than redrawing the female form over and over again. From this collection we choose 9 of our favourite designs.

What’s next: digital fashion illustration?

In the next episode, we will turn our fashion illustrations, or hand-drawn sketches, into gorgeous digital illustrations or outlines using Adobe Illustrator. We’ll also start to add colours and experiment with the three print concepts. This will bring our designs to life and give us a better understanding of what they finished samples will look like.

Editing the measurements of basic blocks drafted using standard size charts

Editing the measurements of basic blocks drafted using standard size charts

Editing the measurements of basic blocks drafted using standard size charts

Vladimir would like to know how to edit the measurements of basic blocks drafted using our standard size charts, post purchase. That’s a great question and something that we originally didn’t offer. However, after this question was posed, just under a month ago, we’ve managed to add this rather useful functionality. Not only that, but this feature now works for all existing basic blocks and orders that have been drafted using our standard size charts. So, thank you Vladimir for your great suggestion! Check out the video tutorial below to see exactly how you can utilise this great new functionality.

Question:

Hi PatternLab… I’ve drafted my block using a standard EU size, however, I would like to edit the standard measurements post purchase. Is it possible? I found a guide on your website but I can´t see the option edit standard measurements.

Vladimir H

 

Answer:

Yes, you certainly can edit the measurements of a block drafted using our standard size charts.

1. Make sure that you are logged in to your account.
2. Navigate to My Library=
3. Select the order you wish to edit by clicking the EDIT PREVIEW & DOWNLOAD button. Ideally, edit a basic block drafted using our standard size charts. You can also edit the measurements of basic blocks drafted using a profile or unique set of measurements.
4. Click the EDIT MEASUREMENTS button located in the top left area of the order page.
5. Next, locate the measurement you wish to change in the list and add your new value using the input box.
6. Finally, click the DONE button at the top of the page and you’re done. PatternLab will then redraft your block, with the new measurement, ready for download. Simple!”

Learn digital pattern making

Learn how to customise your made-to-measure basic blocks and slopers using Adobe Illustrator as a pattern making platform, using our in depth video tutorials. It’s completely free!

How to change the measurements on existing profile or order

How to change the measurements on existing profile or order

Abi wants to know how edit the measurements of an existing order or pattern. Ths is something we get asked a lot and it’s relatively simple if you know where to look. This tutorial should answer this question, but if anything is unclear then please feel free to leave us a comment.

Question:

Abi – Hi, I purchased a few ePatterns last June. Is there a way to edit them with new measurements? I did not see a way to do this on the website. Thanks!

 

Answer:

Yes, you certainly can change the measurements of an existing ePattern or PDF order.
1. Make sure that you are logged in to your account.
2. Navigate to the My Account> My Library page. If you have a few orders the page might take a bit of time to load.
3. Find the order you wish to edit from the list of existing orders.
4. Click the “Edit, Preview, Download” button on the correct order to open the pattern draft. 
5. In the top left corner click the “Edit measurements” button.
6. A popup similar to the profile page will appear. You can now amend any of the measurements. Please note the Bust, Waist and Hip measurements can only be altered a maximum of three times.
7. Once you have corrected you measurements you can do one of three things:
– Click the “Done” button to redraft the pattern and preview your changes.
– Click the “Copy to Profile” button to save your adjustments back to the existing profile.
– Click the “Create new Profile” button to create a new profile with the adjustments, this will not affect the existing profile.
8. You can do this as many times as you wish for no extra charge. Enjoy!

Learn digital pattern making

Learn how to customise your made-to-measure basic blocks and slopers using Adobe Illustrator as a pattern making platform, using our in depth video tutorials. It’s completely free!

Pin It on Pinterest