Want to learn how to use Adobe Illustrator to bring your fashion illustrations to life?
My name is Natasha Polozenko, also known as @nataszko all over the web.
And in this three-part tutorial, we're going to walk through the process of digitizing our sketches, bringing life to our materials through different Illustrator effects, and lastly, we're going to package up all of our work into a portfolio ready fashion lookbook.
So, let's dive in.
Project overview and sketch preparation
For this project we are going to be creating designs for the fashion brand Atelier Fluera.
In response to the brief, I went ahead and created a series of sketches.
You can create these however you like.
I created mine using Adobe Fresco on my iPad.
Now in Illustrator, I'm going to start off by resizing my artboard
Setting up the artboard and preparing the sketch layer
to 1080 pixels wide by 1920 pixels high, and I'm going to place my base sketch in like so.
And just to make this easy to trace, I'm going to turn the Blending mode of this sketch to Multiply, decrease the Opacity, rename the layer to Sketch and lock it in our Layers panel.
The next step is to create a new layer underneath, and I'm going to call this Base Model.
Now let's start off by drawing the body suit.
Tracing the base model with the pen tool
Select the fill in the color you want to use, and with your Pen Tool selected, start tracing out the main shape of that body suit.
If you need to edit your shapes, you can use the Direct Selection Tool to tweak the anchors or adjust the anchor handles like so.
So hopefully you get the gist.
Now just use that same method to create the rest of your shapes.
To keep things very simple, I'm just going to make the torso and the legs all one continuous shape, while the arms and the head are going to be their own separate shapes.
As you're going through this process, just make sure that you're ordering your layers correctly.
For example, if we quickly change the color of the arm, we can see that it is positioned behind the torso when it should be in front.
To fix this, we can navigate to Object, Arrange and select Bring to Front.
We're almost done with creating our base model.
Adding shadows using draw inside mode
I just want to briefly touch on adding a little bit of shadow.
So, select the shape you want to add shadow to, navigate over to the Drawing modes in your Toolbar and select Draw Inside.
Now, with a color that is slightly darker than your base, you can now go ahead and add shapes like this.
And you'll see that anything that you draw while in the Draw Inside mode will be bound to that base shape.
Now, once you're done, you can select Draw Normal to exit back out.
And now that you know how to do that, you can go ahead and finish up drawing your base model.
Here is what my final version looks like.
Reviewing the base model and next steps
And you can also go ahead and use that very same process for drawing out the base shapes of your outfit.
And we'll stop here for now.
I'll see you over in part 2 where we are going to use some Illustrator effects and techniques to breathe some life into our outfits.
I'll see you there.
What you’ll learn
Prepare your sketches
Set up your sketches for efficient tracing to ensure a clean and organized workflow.
Build your design layers
Trace shapes carefully and arrange layers in a logical order to create a solid foundation for your artwork.
Add colors and shadows
Apply base colors and shadows to body forms and models to establish depth and dimension.
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
General information
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
We’ll still count your use of our site and services
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
Operate the site and core servicesOperate site and measure engagement
Always active
These cookies are required, and they are used to enable the site and related services core functionality. Without them the site could not operate, so they cannot be disabled.
These cookies enable the site and related services’ core functionality and collect statistics about user engagement, such as counting active use to help us understand trends. These cookies cannot be disabled.
Measure performance
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued and how often unique visitors return to the site, making it hard to improve information we offer to you.
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued, making it hard to improve information we offer to you.
Extend functionality
These cookies are used to enhance the functionality of Adobe sites such as remembering your settings and preferences to deliver a personalized experience; for example, your username, your repeated visits, preferred language, your country, or any other saved preference.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.