POINTS of MEASURE

TUTORIALS & EDUCATION

 

WELCOME TO THE BLOG

Free educational resources and tutorials for the fashion professional.

 

Use the buttons below to search categories, or scroll down to see all posts.


 

Introduction To Technical Flats - Part 1 of 10

Have you been keeping up with me on Instagram? Then you know I’ve completely shifted my mindset.

My goal on Points of Measure is to provide you with everything you need to succeed in the fashion industry. I’m done playing the “game” so I’ve decided to start offering my content FOR FREE. Like, really free, no email required to download my resources. Because I no longer ask for your email, be sure to subscribe if you want to stay up to date with new posts!

Psst! If you need some more info on the basics before you dive in, check out my post Illustrator Basics for Fashion Design.

Alright, let’s get started!

Introduction-to-technical-flats-tools-and-windows-points-of-measure.jpg

INTRODUCTION TO TECHNICAL FLATS

SECTION 1: Tools and Windows

 

YOUR TOOLS & WINDOWS MAKE UP THE ACTIONS WITHIN YOUR DASHBOARD. TOOLS ARE

HOUSED ON THE LEFT WHILE WINDOWS ARE DOCKED ON THE RIGHT. IN ORDER TO

PERFORM ACTIONS WITHIN ILLUSTRATOR YOU WILL USE YOUR TOOLS OR WINDOWS.

 

Follow along with this step-by-step video!

 

INTRODUCTION


If you delete a window from your dashboard or it’s not showing, go to Window in your top menu and choose the window you’d like to view. There are many different window options. As you become more familiar with the program, you can customize the windows you use most often to your dashboard.

introduction-to-technical-flats-section-1-tools-and-windows-1-points-of-measure.jpg

QUICK TIP: I find that the only window I need that isn’t defaulted to my dashboard is the Type window. You can edit the style of type, height, spacing, and much more from this window. It’s convenient for making custom calligraphy to fit an image.

 

COMMANDS


Copy and Paste: Select an object and hold alt (PC) or option (Mac) and drag, this will copy the object you’ve selected.

Copy and Paste in Front: [ctrl+c] (PC) or [command+c] (Mac) to copy and then [ctrl+f] (PC) or [command+f] (Mac) to paste in front.

Copy and Paste in Back: [ctrl+c] (PC) or [command+c] (Mac) to copy and then [ctrl+b] (PC) or [command+b] (Mac) to paste behind.

Copy Object and Repeat Spacing: Select an object and hold alt (PC) or option (Mac) and drag, this will copy the object you’ve selected and the spacing of which you dragged. Then hit [windows key+d] (PC) or [command+d] (Mac) to copy the same command. This is a great shortcut for when you’re creating multiple objects.

QUICK TIP: I have a full tutorial on this copy and paste trick!

 

TOOLS


introduction-to-technical-flats-section-1-tools-and-windows-2-points-of-measure.jpg

Shortcut: [p]

Description: Used to make paths and anchor points that make up an object.

Function:

  • Click to add anchor point, drag mouse to add second anchor point, and so on

  • Click and hold then drag mouse to create a curved path

  • To exit use shortcut [Command/Ctrl + click]

  • Click and hold pen tool in menu to access other tool functions

  • Add Anchor Point Tool [+] : Add another anchor point on any segment of your path

  • Delete Anchor Point Tool [-] : Delete any anchor point on a path

 
introduction-to-technical-flats-section-1-tools-and-windows-3-points-of-measure.jpg

Shortcut: [v]

Description: Used to select objects.

Function:

  • Click, hold, and drag to select a group of objects

  • Click to select an object or a group

  • Double click to isolate a group and manipulate the objects within it

 
introduction-to-technical-flats-section-1-tools-and-windows-4-points-of-measure.jpg

Shortcut: [a]

Description: Used to select anchor points.

Function:

  • Click on an anchor point and drag to move its position

  • Click on a section between two anchor points to move its position

  • Click on an anchor point to reveal handles, use handles to change the curve of a path

 
introduction-to-technical-flats-section-1-tools-and-windows-5-points-of-measure.jpg

Shortcut: [\]

Description: Used to create straight paths comprised of two anchor points.

Function:

  • Click once to create line parameters

  • Click, hold, and drag to draw straight to second anchor point, let go to end path

 
introduction-to-technical-flats-section-1-tools-and-windows-6-points-of-measure.jpg

Shortcut: [m]

Description: Used to create shapes that are made up of paths and anchor points.

Function:

  • Click and drag to desired size

  • Click and hold shift to make symmetrical

  • Click and input desired width and height

  • Polygon, Rounded Rectangle, Star: Click, drag, and hold – use up and down arrows to change the number of anchors or level of roundness (for Rounded Rectangle)

 
introduction-to-technical-flats-section-1-tools-and-windows-7-points-of-measure.jpg

Shortcut: [c]

Description: Used to cut a path.

Function:

  • Select cut tool, click on any point of a path

 
introduction-to-technical-flats-section-1-tools-and-windows-8-points-of-measure.jpg

Shortcut: [h]

Description: Used to move the canvas, use in place of scrolling.

Function:

  • Select hand tool, click and drag to desired location

 
introduction-to-technical-flats-section-1-tools-and-windows-9-points-of-measure.jpg

Shortcut: [z]

Description: Used to zoom in and out of the canvas.

Function:

  • Select zoom tool, click to zoom in

  • Hold option (Mac) or alt (PC) and click to zoom out

  • Click and hold, drag mouse to the right to zoom in, drag mouse to the left to zoom out of one central spot

 

WINDOWS


introduction-to-technical-flats-section-1-tools-and-windows-10-points-of-measure.jpg

Description: Used to combine shapes in different ways, eliminates the need to go through and delete multiple anchors, easily create compound paths.

Function:

  • Layer shapes on top of each other, highlight both (or more) objects with the select tool [v], then choose from divide, trim, merge, etc. to achieve the desired shape

 
introduction-to-technical-flats-section-1-tools-and-windows-11-points-of-measure.jpg

Description: Used to color the path of a line/object and fill the interior of an object with color.

Function:

  • Select your object with the select tool [v] or direct select tool [a], go to swatches panel, choose color

  • Switch between line color (black outlined box above) and fill color (white filled box with red line through it above) by clicking the respective box.

 
introduction-to-technical-flats-section-1-tools-and-windows-12-points-of-measure.jpg

Shortcut: [shift+o]

Description: Used to add, move, scale, select, and delete artboards. Artboards represent what will print from your canvas.

Function:

  • Select artboard tool, click and drag to create a custom sized artboard

  • Use anchor points along edge to resize an existing artboard

  • Click on existing artboard to move around canvas

  • Click and press delete on keyboard to remove

  • Use Artboard window to manage artboards: delete, add, and manipulate size

 
introduction-to-technical-flats-section-1-tools-and-windows-13-points-of-measure.jpg

Description: Used to create different layers within the document.

Function:

  • Create a new layer by clicking the “Add Layer” button at the bottom of the window

  • Add, delete, lock, and hide layers in the Layers window

  • To move object between layers: select object, click on the new layer created, right click (PC) on object or [control+click] (Mac), select Arrange > Send to Current Layer

 
introduction-to-technical-flats-section-1-tools-and-windows-14-points-of-measure.jpg

Description: Used to change the style or width of a path.

Function:

  • Select path with the select tool [v] or direct select tool [a], go to stroke panel

  • Change the width of a path with “Weight”

  • Change the style of the end of a path (anchor point) with “Cap”

  • Change the style of a corner of a path (anchor point) with “Corner”

  • Click the “Dashed Line” box to create a dashed line, change the width of the dash and gap by entering a value in the box below, the ideal values for a stitch line are 1.5 dash and 1.5 gap

  • Add an arrowhead to a line with the dropdown “Arrowhead” menu, can be added to either side of a path

  • Use “Profile” to change the style of a path

 

RULERS, GUIDES, & GRID


introduction-to-technical-flats-section-1-tools-and-windows-15-points-of-measure.jpg

Description: Used for drawing using a guideline.

Function:

  • Choose View from the menu at the top, choose show rulers to add rulers to the top and left side of your template (change the unit of measure by going into document setup)

  • Click in the ruler and drag to bring out a guide: lock, delete, and hide guides by going to View > Guides

 

Are you loving this free content? I would love it if you would subscribe so I can keep giving you the goods!

READ: Introduction to Technical Flats: Section 2 - Scale

 
introduction-to-technical-flats-section-1-tools-and-windows-points-of-measure.jpg
Natalie SmithITTFComment