FASHION SKETCH - learning.efi.com guides... · Create a new AI file and open the Fashion Sketch Tool by going to Window > Fiery DesignPro > Fashion Sketch or by clicking the button

FASHION SKETCH Utlizing the Fashion Sketch Tool

Fiery DesignPro User Manual- Fashion Sketch/Fashion Utility pg 2

Fashion Sketch allows designers to draw mirrored flat sketches with stitch lines, text and measurement lines. To open the Fashion Sketch Tool, go to Window > Fiery DesignPro > Fashion Sketch or click the button on the Design Bar.

Exploring the Layout of Fashion Sketch

Selects the same art on the other side of the symmetry line

Distance from the selected sketch line that the new stitch

line will be offset

The stroke weight in points for your stitch lines

Manually enter the length of your sketch lines

Manually enter the angle of your sketch lines

Manually create a sketch line

Brings symmetry line back to the file if it is deleted

Manually edit the length and angle of a sketch line

Dash line options for your stitches

Makes stitch lines based on the values entered above

Takes the symmetry function away from a selected object and removes the symmetry line from the file


The Dimension Scale for your the entire document

Number of decimal places

Applies a white background to selected text

Check to apply arrowheads to any line selected

Units of measurement

Define Dimensions and Apply Measurements to your sketch

Sets the Dimension entered to a Selected Line Segment

Use the current document Measurement Units

Measures other line segments based on the dimensions set to the first line

Options to change the size of arrowheads applied to your dimension lines

Technical Tab


Automatically exports a raster version of your file when saved

Applies the Fashion Sketch Template

Adds the Template to the current document

Adds the Template to a new document

Shows borders on the template

Apply a template and export a single sketch file or multiple files at once

Exports the file as raster artwork

Exports the current document

Allows you to select multiple files to Export at once

The resolution of your raster artwork

Export Tab


Create a new AI file and open the Fashion Sketch Tool by going to Window > Fiery DesignPro > Fashion Sketch or by clicking the button on the Design Bar.

There are two new tools that have been added to Illustrator’s Main Tool Bar that are designed to work with the Fashion Sketch Tool.

The first is a new pen tool that works similar to Illustrators Pen Tool, except curve lines are made by pulling toward the curve and bezier handles are only created on one side of a point instead of both sides. Either pen tool will work with the symmetry line so use whichever one you prefer.

The second tool is the Symmetry Line Tool. Use this tool to draw a symmetry line on your document. Once created, anything drawing on one side of the line will be mirrored to the other.

Using Fashion Sketch Tool

Select the Symmetry Line Tool, hold the Shift key and click and drag a line down the center of your art board. When you release the mouse, you should see a pink dashed line.


Next select the Fashion Sketch Pen Tool. Set your Fill Color to be None (it should look like a white box with a red slash going through it) and select any color for your Stroke Color.

Start by clicking your first point directly on the symmetry line. Click in a new spot where you would like your line to end. If you would like this line to be curved, click and drag in the direction you would like the line to curve. You’ve drawn the first line of your sketch! You should see it perfectly mirrored on the other side of the symmetry line.

It may take some getting used to, but the Fashion Pen Tool provides a much quicker way to draw sketches on the symmetry line by using less points and less clicking to control the curves of your lines.


Continue drawing the rest of your shape and end somewhere on the symmetry line.

Press Cmd+Shift+A on Mac or Ctrl+Shift+A on PC to deselect the line. Now you can draw another shape, and continue this process for the rest of the details in your sketch.


With the Fashion Sketch Tool, you can easily offset specific lines of your sketch to create stitch lines.

Use the Direct Select Arrow (the White Arrow) to select a line segment on your sketch. In the Fashion Sketch Window, in the Stitches section, choose the distance you would like to offset the stitch line (on the right side of the symmetry tool the negative numbers offset the line to the inside of the shape and the positive numbers to the outside, vice versa for the left side of the symmetry line). Select the type of Dashed Line you would like to use. Select the Stitch Weight, which translates to the stroke weight of the line created.

Press the CREATE button and a stitch line will automatically be added and reflected across the symmetry line.


To create a double stitch line, use the Direct Select Tool to select the stitch line that was just created. Adjust the settings in the Stitches section of the Fashion Sketch Window and click the CREATE button.

There are two ways to delete an element that is being mirrored on the other side of the symmetry line. The first is to select the object with the Selection Tool (Black Arrow) and then click the select co button. This selects both lines. Click on one of the selected lines again, and press the Delete Key. The other way to delete a symmetrical element, is to use the Direct Select Tool (the White Arrow), select one of the lines and delete it and the points. The duplicate line on the other side of the symmetry line will also get deleted.


Using the Direct Select Tool (White Arrow) select other line segments in your sketch to offset the rest of

You can use the Symmetry Line to create other elements of your sketch to add them later. For example, if you wanted to add a left chest pocket to our t-shirt, you could draw one side of the pocket somewhere above or below our sketch on the Symmetry Line. When you are done drawing these extra pieces, you can select one side of the element and click the RELEASE button.

The Symmetry Line will be removed from the page, and the selected element will no longer have symmetry tied to it. If you change one side, the other side will not be affected. The lines that were not selected, still have the symmetry function tied to them and will reflect any changes made to one side regardless of the Symmetry Line being removed from the page.


With the Symmetry Line turned off, you can move the extra elements you’ve drawn onto your sketch without having to worry about them duplicating on the other side.

With the Symmetry Line removed from the page, this would also be a good time to draw in the rest of the your asymmetrical details.


The stitches that you first created are just simple, dashed lines. But what if your sketch needs more than just a standard dashed stitch? Well, as part of our install, we include a huge library of stitches, hardware, laces, and other trims as Brush Libraries.

Open your Brushes (Window > Brushes) and click on the Brush Menu button in the top right corner. Select Open Brush Library... and then DesignPro Brushes. Take some time to look through all the different options available to you.

The Basic Stitches library is where you will find a long list of different stitch types. If you choose to view this library in Small or Large List View, you can see we’ve added a stitch name for each type as well, to easily find what you are looking for.


To change one of your stitch lines to a new brush stitch, simply select the stitch line you would like to change with the Selection Tool (Black Arrow), and click one of the stitch brushes in the Brush Library.

If the stitch was created with the Symmetry Line tied to it, the reflected line will also update to the new stitch brush as well.

The stroke options from the basic stitch line will still be turned on for the brush, so make sure to click on the Stroke Window and uncheck the Dashed Line check box and change the stroke weight if necessary. If the whole stitch line was created with the Symmetry Line is actually two pieces, select one section, click the RELEAS button and either press Cmd+J on a Mac or Ctrl+J on a PC to join the two lines into one piece.


Adobe Illustrator is loaded with incredible drawing tools that you can use in combination with the Fashion Sketch Tool to finish off your design.

The first trick involves Illustrator’s Width Tool ( ). This tool allows you to adjust the stroke weight of a line in specific areas only. It works great with our different stitch libraries to taper and tuck stitches into folds or edges of the garment.

To get started, add some new stitches to your sketch. You don’t have any stitches drawn at the sleeve seam, so we can select the line where the sleeve and body meet and offset it -1 with a stitch line using the Fashion Sketch Tool.

Next apply a cover-lock stitch from the DesignPro_Brushes Basic Stitches Library and change the stroke weight to 0.5 pt with no dashed line.

When you look at the area where our new stitches end under the arm, they don’t look very realistic. They appear to just be floating over the sleeve seam and ending abruptly.

Tips & Tricks with Illustrator’s Tools


To taper this stitch line and help it look a little more realistic, select the line with the Selection Tool (Black Arrow) and then switch over to the Width Tool ( ). Click and drag on the end point of our stitch line and you will see two new handle bars that control the weight of the stroke at that point.

If you pull the handle bars all the way in to the end point of the stroke, you’ll see how the brush will taper it’s width so that your stitch has some perspective as it vanishes under the arm. Since it’s the only point we’ve applied a width, the stroke is tapered from one end point to the other. It still doesn’t look very realistic because the stroke’s width is thinning out in the middle. Press Cmd + Z (Mac) or Ctrl + Z (PC) to undo the Width Tool.


The Width Tool will also let you set new anchor width points anywhere on the line. Hover the width tool over a new point on the line and you will see a white point follow your mouse. Once you click and drag on that point, it will create a new width anchor point. This time, drag the width anchors so they are about the same width as the rest of the brush width.

Now pinch the end point with the Width Tool and you’ll see the brush only tapers between the new width anchor point you created and the end point you pinched.

Continue following these steps for any other stitches that need the added perspective the Width Tool can provide.


Once you have drawn in all the elements that make up your sketch, you can use some of Illustrator’s tools to complete your sketch and create your shapes for coloring and filling with patterns.

First, delete your symmetry line if it is showing and then select your entire drawing (Cmd+A on Mac, Ctrl+A on PC). In the Fashion Sketch window, click the RELEAS button. This removes the symmetry properties of all elements.

The sketch is still in two half pieces. To close these shapes you can use Illustrator’s Shape Builder Tool to combine the vector lines into shapes. The Shape Builder Tool looks for any negative space between multiple vector lines and transforms them into a closed, single vector shape.

Before you can start using the Shape Builder Tool, though, we’ll need to hide the stitch lines and any other elements you don’t want to interfere with the shapes.

Start by selecting one of your stitch lines with the Selection Tool (Black Arrow).


With a single stitch line selected, either press the Select Similar Objects Button ( ) on the top Application Bar or go to Select > Same > Stroke Weight to select all elements in your sketch that have 0.5 pt stroke weight. Then press Cmd+3 (Mac) or Ctrl+3 (PC) or go to Object > Hide > Selection to hide all of your stitch lines. Use the same steps to hide all other elements that would interfere with the main shapes until you are left with only the lines that make up the basic shapes of the sketch.


Now press Cmd+A (Mac) or Ctrl+A (PC) to select all of the vector lines of your sketch and select the Shape Builder Tool. Select any color from your Swatch Menu to use as a Fill Color and hover your mouse over a shape in your sketch. You should see the area you are hovering over fill with a tiny grid. If you see the grid, click the mouse and the area will become a closed shape with the Fill Color you have selected. If you do not see a grid when you hover over your shape it’s probably because there is a gap in the vector lines. The next page will show you how to change some settings to close these shapes with Shape Builder Tool.


If some of your shapes have gaps that are not allowing Shape Builder to close and create a single shape, you can double-click the Shape Builder Tool to bring up it’s Options Window.

At the very top, check the Gap Detection Box, and toggle between the Gap Length drop down options. Now the Shape Builder will automatically close any shape that has any gaps in the lines.

Click the OK button and continue using the Shape Builder Tool on the rest of your sketch.

Gap DetectionGap Length: Small

Gap DetectionGap Length: Large


When using the Shape Builder Tool, any shapes inside of another shape will create holes. You can move the inside objects out of the way and use the Shape Builder Tool to click and drag through the main shape and the hole to fill it.

Move any elements back to their place.

Press Shift+Cmd+3 (Mac) or Shift+Ctrl+3 (PC) to reveal all of the hidden elements.


Now that you have solid shapes to work with, you can take advantage of Illustrator’s Stroke Effects and Clipping Mask Tools to create rib textures where needed. We can quickly add rib lines to our collar by following these easy steps:

First, start with the Pen Tool and use No Fill Color with a Stroke Color that matches the stroke color used in your sketch. Draw a single line through the middle of the front of the collar. The start and end of the line should extend well beyond the collar. You don’t have to be perfectly exact in following the shape of the collar either.


Select the line you just drew and in the Stroke Menu, check the Dashed Line check box. Set the Dash at 0.5 pt. In our example, we are setting the Gap at 2 pt, but you can set this at whichever size you feel best represents the rib being used in your sketch.

Next, increase the Stroke Weight until your dashed lines fall outside both the top and bottom of your collar shape.


Now all we have to do is duplicate the collar shape to create our Clipping Mask. Select the collar shape and press Cmd+C (Mac) or Ctrl+C (PC) to copy it. Now press Shift+Cmd+V (Mac) or Shift+Ctrl+V (PC) to paste a new collar shape on top of everything else in the exact same place as the original.

Select the pasted collar shape and the dashed stroke and press Cmd+7 (Mac) or Ctrl+7 (PC) or go to Object > Clipping Mask > Make. Any areas of the dashed line that fall outside of the collar shape will disappear and you will be left with a rib collar.


Follow these same steps for any other shapes that need to be filled with a rib texture. Once you are finished, save your file, you now have a sketch that is ready for technical call outs or for making colorways.


If you are having a challenge with anything related to our products

PLEASE CONTACT THE SUPPORT TEAM:

589 8th avenue, 8th Floor | New York, NY 10018

[email protected]

Live support available 9 am - 6 pm Eastern Standard Time Support: 646.766.0359

Main: 212.391.2370

For guided tutorials, please visit elearning.efi.com

For articles published on DesignPro topics as well as forum style discussions about DesignPro tools, please visit communitites.efi.com for more information

Documents

FASHION SKETCH - learning.efi.com guides... · Create a new AI file and open the Fashion Sketch Tool by going to Window > Fiery DesignPro > Fashion Sketch or by clicking the button