Skirt Straight STYLE DEMO

TUT-ICON-Skirt-straight.jpg

nederland.png

In this tutorial you learn to draw a basic straight skirt.

 

 

 

icon ai file.jpg

Step 1: Click on the yellow 'Ai' icon to download the exercise document and open it in Illustrator.

Step 2: Activate the 'Zoom Tool' Zoom Tool.png (z) .

Skirt-straight-001.pngStep 3: Click and drag a 'marquee' around the skirt to zoom in to the skirt.

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-003.pngStep 4: Go on top of the screen to 'View' and see if  'Smart Guides' is active. If not, click on it.

 

Step 5: Activate the 'Pen Tool' Pen Tool.png (v).

Skirt-straight-004.pngStep 6: Click exactly on the center guide at '1'.

Step 7: Click at 2 and drag a 'handle' to the dot at 'A'

DO NOT RELEASE THE MOUSE YET.

Step 8: Press 'alt' and drag the handle to the dot at 'B'.

FIRST RELEASE THE MOUSE, THEN 'ALT'.

Skirt-straight-005.pngStep 9: Click on the box at '3' and drag a handle to 'A'.

WHILE YOU DRAG, PRESS AND HOLD 'SHIFT'.

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-008.pngStep 10: Click at '4' and drag a handle to 'A'.  

DO NOT RELEASE THE MOUSE YET.

Step 11: Press 'alt' and drag the handle to the dot at 'B'.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-009.pngStep 11: Click at '5'. Be sure that you click exactly on the center guide.

Step 12: Close the path by clicking on the anchor point where you started at '1'.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-011.pngStep 13: Inside the panel called 'DS graphic styles' click on 'Standard  1pt'.

Or when you did not install our libraries, remove the fill color manually.

 

 

 

Step 14: Activate the 'Line Segment Tool' Line Segment Tool.png (\).

Skirt-straight-012.pngStep 15: Click on the top path and drag a seam as per sample.

 

 

 

 

 

 

 

 

Skirt-straight-013.pngStep 16: Inside the panel 'DS graphic styles', click on 'Fold 1pt one side'.

Skirt-straight-014.png

 

Step 17: Activate the 'Selection Tool' Selection Tool.png (v).

Skirt-straight-015.pngStep 18: Click on the path of the skirt to select it.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-016.pngStep 19: Inside the panel called 'DS graphic styles' click on 'Standard 1pt White Fill'.

Skirt-straight-010.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-018.pngStep 20: Press and hold 'shift'. Click on the seam to add it to the selection.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-019.pngStep 21: To reflect the selection to the right:

  • Click and hold the 'Rotate Tool' Rotate Tool.png and choose the 'Reflect Tool' Reflect Tool.png (o).
  • Press and hold 'Alt' and click above the skirt on the center guide. Then release the 'Alt' key.
  • Inside the panel that appears now, click on the button 'Copy'.

Reflect-01.png

 

Skirt-straight-020.pngStep 22: Activate the 'Selection Tool' (v) and click on the path of the left part to select it. 

Step 23: Press and hold 'shift' and click on the path of the right part to add it to the selection. 

 

 

 

 

 

 

 

 

 

 

 

 

Step 24: Activate the 'Shape Builder Tool' Shape Builder Tool.png (shift-m).

Skirt-straight-022.pngStep 25: Move the mouse / pen on top of the left part, then click and drag right over the center line.

This will eat up this center line and makes one shape from the left and right paths.

Skirt-straight-021.png

 

____________________________________

THE CENTER LINE DID NOT DISAPPEAR?Sometimes, the line in the center does NOT disappear. This happens when the paths in the center are not exactly on the center guide. Carrie out the five steps below.

  • Activate the 'Direct Selection Tool' Direct Selection Tool.png (a).  
  • Click and drag outside above the body and drag a marquee around the whole center line to select all center anchor points of both objects...
  • Go to 'Window > Align' (opens the align panel)
  • Inside the Align panel, click on the button 'Horizontal Align Center' .

Shirt-woman-93.png

  • Repeat step 23 and 24 and the center line will disappear!

____________________________________

Skirt-straight-023.pngStep 26: Activate the 'Direct Selection Tool' Direct Selection Tool.png (a).

Step 27: Click on the center top anchor point.

Step 28: Press 'F2' to create a clone of the selected part of the path.

When the 'DS Action' function keys are not installed:

Press 'Ctrl-C' following by 'Ctrl-F'.

 

Skirt-straight-024.pngStep 29: Go to 'Object > Path > Join' 'Ctrl-j'. This will close the path joining the left and right anchor points with each other.

 

 

 

 

Skirt-straight-025.pngStep 30: Click on the same anchor point again.

 

 

 

Step 31: Press 'F2' to create a clone of the selected part of the path.

When the 'DS Action' function keys are not installed:

Press 'Ctrl-C' following by 'Ctrl-F'.

Skirt-straight-026.pngStep 32: Use the 'down arrow key' on your keyboard to move the cloned path a bit downwards.

 

 

 

Skirt-straight-028.pngStep 33: Inside the panel 'DS graphic styles', click on 'Standard 1pt' to remove the white fill.

Or manually remove the white fill...

Skirt-straight-027.png

Skirt-straight-030.pngStep 34: Inside the panel 'DS Brushes' click on 'Single stitch'.

Skirt-straight-029.png

Skirt-straight-031.pngStep 35: Click on the top path.

 

 

 

 

Step 36: Press 'F2' to create a clone of the selected part of the path.

When the 'DS Action' function keys are not installed:

Press 'Ctrl-C' following by 'Ctrl-F'.

Skirt-straight-032.pngStep 37: Use the 'down arrow key' on your keyboard to move the cloned path a bit downwards.

 

 

 

Skirt-straight-033.pngStep 38: Activate the 'Eyedropper Tool' Eyedropper Tool.png (i) and click on the other stitching path.This will sample the path settings (stitching in this case) to the selected path.

This will only work when you changed the settings for the Eyedropper Tool! So if it did not work? Follow the three steps below.

  • Double click on the Eyedropper Tool (the eyedropper settings will apear).
  • Check both boxes 'Appearance'.
  • Click 'OK'.

Shirt-woman-26.png

Step 39: Activate the 'Direct Selection Tool' Direct Selection Tool.png (a).

Step 40: Move the anchor points from the path a bit inside to fit the stitching.

Skirt-straight-034.pngStep 41: You figure out how to create the hem stichting :-).

 

 

 

 

 

 

Shirt-woman-81.pngTHE BACK

Step 42: Activate the 'Selection Tool' Selection Tool.png (v).

Step 43: Click next to the drawing to deselect 'ctrl-shift-a'.

 

Step 44: Right click on the page and uncheck 'Lock Guides'. If there is no check in front of 'Lock Guides', do nothing.

 

 

 

 

 

 

 

Skirt-straight-035.pngStep 45: Select the whole skirt (the center guide should be selected as well).

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-036.pngStep 46: Start moving the skirt to the right. Then press and hold 'alt' and 'shift' and drag the skirt next to the other skirt. Release the mouse first and then 'alt' and 'shift'.

 

 

 

 

 

 

 

 

Step 47: Deselect (ctrl-shift-a).

Step 48: Right click on the artboard and click on 'Lock Guides' to lock the guides.

Skirt-straight-042.pngStep 49: Delete the front stitching.

  

 

 

 

 

Skirt-straight-043.pngStep 50: Press and hold 'shift', then click on the path of the skirt and click on the top path to select both paths. 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 51: Activate the 'Shape Builder Tool' Shape Builder Tool.png (shift-m).

Skirt-straight-040.pngStep 52: Move the mouse / pen on top of the skirt, then click and drag over the front waist line.

Skirt-straight-044.png

 

 

 

 

Skirt-straight-045.pngStep 53: Go on top of the screen to 'Object > Arrange > Send to Back'.

 

 

 

 

 

 

 

 

 

 

 

 

Activate the 'Direct Selection Tool' Direct Selection Tool.png (a).

Skirt-straight-046.pngStep 54: Fix the length of the stichting path and the two seams.

 

 

 

 

 

Step 55: Activate the 'Line Segment Tool' Line Segment Tool.png (\).

Skirt-straight-047.pngStep 56: Press and hold 'shift', then click and drag exactly over the center of the skirt.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-048.pngStep 57: Drag another two paths just next to the center path. The top path is a bit longer than the bottom one.

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-049.pngStep 58: Click and drag another path for the stichting of the split.

Step 59: Activate the 'Eyedropper Tool' Eyedropper Tool.png (i).

Step 60: Click on the hem stitching.

 

 

 

 

Step 61: Activate the 'Pen Tool' Pen Tool.png (v).

Skirt-straight-050.pngStep 62: Draw four anchor points to create a puller.

Step 63: Left, under the Tools panel, click on the 'Gradient' button.

Skirt-straight-051.png

 

 

 

Step 64: Press 'Ctrl - 0'

CONGRATULATIONS, YOU JUST FINISHED YOUR FIRST SKIRT!

Skirt-straight-052.png

_____________________________________________________________

TUT-ICON-Skirt-straight.jpg

BASIS ROK RECHTIn deze tutorials ga je leren om een basis rok te tekenen.

 

 

 

 

 

 

icon ai file.jpg

Stap 1: Klik op het gele 'Ai' icoontje om het oefendocument te downloaden en te openen in Illustrator.

Stap 2: Activeer het gereedschap 'Zoom' Zoom Tool.png (z) .

Skirt-straight-001.pngStap 3: Klik en sleep een rechthoek over de rok om hier naartoe in te zoomen.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-003.pngStap 4: Ga bovenaan het Illustrator scherm naar 'Venster' en kijk of er een vinkje staat voor 'Slimme Hulplijnen. Zo niet, klik op 'Slimme Hulplijnen'.

 

 

Stap 5: Activeer het gereedschap 'Pen' Pen Tool.png (v).

Skirt-straight-004.pngStap 6: Klik precies op de middenlijn bij '1'.

Stap 7: Klik bij 2 op het hoekpunt, houd de muis ingedrukt en sleep een 'hendel' naar het punt bij 'A'.

LAAT DE MUIS NOG NIET LOS!

Stap 8: Houdt 'alt' ingedrukt en sleep de hendel naar het punt bij 'B'.

LAAT EERST DE MUIS LOS, DAN 'ALT'.

Skirt-straight-005.pngStap 9: Klik op het vierkantje bij '3' houdt de muis ingedrukt en sleep een hendel naar 'A'.

TERWIJL JE SLEEPT, HOUDT 'SHIFT' INGEDRUKT.

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-008.pngStap 10: Klik bij '4' en sleep een hendel naar 'A'.

HOUDT DE MUISKNOP NOG STEEDS INGEDRUKT.

Stap 11: Druk op 'alt' en sleep een hendel naar 'B'.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-009.pngStap 11: Klik bij '5'. Zorg dat je exact op de midden lijn klikt.

Stap 12: Sluit het pad door op het ankerpunt te klikken waar je mee bent gestart bij '1'.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-011.pngStap 13: Klik in het deelvenster 'DS graphic styles' op 'Standard  1pt'.

Of wanneer je deze bibliotheek niet hebt, haal de witte vulling handmatig weg.

 

 

 

 

Stap 14: Activeer het gereedschap 'Lijnsegement' Line Segment Tool.png (\).

Skirt-straight-012.pngStap 15: Klik op het bovenste pad en sleep een lijn zoals het voorbeeld (figuurnaad).

 

 

 

 

 

 

 

 

Skirt-straight-013.pngStap 16: Klik in het deelvenster 'DS graphic styles', op 'Fold 1pt one side'.

Skirt-straight-014.png

 

Stap 17: Activeer het gereedschap 'Selecteren' Selection Tool.png (v).

Skirt-straight-015.pngStap 18: Klik op het pad van de rok om het te selecteren.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-016.pngStap 19: Klik in het deelvenster 'DS graphic styles' op 'Standard 1pt White Fill'.

Als je deze bibliotheek niet hebt, dan geef je het pad handmatig een witte vulling.

Skirt-straight-010.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-018.pngStap 20: Houdt 'shift' ingedrukt. Klik op de figuurnaad om het aan de selectie toe te voegen.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-019.pngStap 21: Om het linkerdeel naar rechts te spiegelen:

  • Houdt de roteer knop ingedrukt en kies het gereedschap 'Spiegelen' Reflect Tool.png (o).
  • Houdt 'Alt' ingedrukt en klik dan boven de rok op de middenlijn. Laat de 'Alt' dan weer los.
  • In het venster dat nu verschijnt klik je op de knop 'Kopiëren'.

Reflect-01.png

Skirt-straight-020.pngStap 22: Activeer het gereedschap 'Selecteren' (v) en klik op het pad van het linker deel om het te selecteren.

Stap 23: Houdt 'shift' ingedrukt en klik op het pad van het rechter deel om het aan de selectie toe te voegen.

 

 

 

 

 

 

 

 

 

 

 

 

Stap 24: Activeer het gereedschap 'Vormen maken' Shape Builder Tool.png (shift-m).

Skirt-straight-022.pngStap 25: Beweeg de muis boven het linkerdeel van de rok, houdt dan de muis ingedrukt en sleep de muis over de middenlijn.

Dit verwijderd de zwarte lijn in het midden en smelt de twee delen aan elkaar. 

Skirt-straight-021.png

 

____________________________________

WIL DE ZWARTE LIJN IN HET MIDDEN NIET VERDWIJNEN?Dit kan gebeuren als bij het tekenen van het linker deel de zwarte lijn op de middenlijn daar niet exact bovenop ligt. Er is dan zeg maar een 'kiertje' tussen het linker en het rechter deel. In dat geval volg je de onderstaande punten.

  • Activeer het gereedschap 'Direct selecteren' Direct Selection Tool.png (a).  
  • Klik boven het midden van de rok (een beetje links van de middenlijn) en sleep een rechthoek naar beneden over het hele midden van de rok. Dit zal alle midden ankerpunten selecteren.
  • Ga bovenaan Illustrator naar 'Venster' en kies 'Uitlijnen'. Het deelvenster Uitlijnen opent.
  • In dit deelvenster klik op 'Horizontaal uitlijnen midden'.

Shirt-woman-93.png

  • Herhaal nu stap 23 en 24 en de middenlijn zal verdwijnen.

____________________________________

Skirt-straight-023.pngStap 26: Activeer het gereedschap 'Direct selecteren' Direct Selection Tool.png (a).

Stap 27: Klik op het middelste ankerpunt van de bovenlijn.

Stap 28: Druk op 'F2' om een kopie te maken van deze bovenste lijn.

Wanneer je de 'DS Actions' funktietoetsen niet hebt geinstsalleerd:

Druk op 'Ctrl-C' (kopieren) opvolgend door 'Ctrl-F' (op dezelfde plek een kopie terugplakken).

 

Skirt-straight-024.pngStap 29: Ga bovenaan Illustrator naar 'Object > Pad > Verbinden' 'Ctrl-j'. Deze actie 'Verbinden' zal het linker ankerpunt en het rechter ankerpunt van de lijn met elkaar verbinden. Nu is het een gesloten pad geworden die je later een kleurvulling kan geven.

 

 

 

 

Skirt-straight-025.pngStap 30: Klik nogmaals op hetzelfde ankerpunt.

 

 

 

Stap 31: Druk op 'F2' om een kopie te maken van deze lijn.

Wanneer je de 'DS Actions' funktietoetsen niet hebt geinstsalleerd:

Druk op 'Ctrl-C' (kopieren) opvolgend door 'Ctrl-F' (op dezelfde plek een kopie terugplakken).

 

Skirt-straight-026.pngStap 32: Gebruik de toets 'pijltje omlaag' op je toetsenbord' om de gekopieerde lijn een stukje omlaag te verplaatsen .

Met de pijltoetsen iets naar beneden verplaatsen i.p.v. met de muis voorkomt dat je naar links of rechts verplaatst.

 

 

Skirt-straight-028.pngStap 33: Klik in het deelvenster 'DS graphic styles', op 'Standard 1pt' om de witte vulling te verwijderen.

Of verwijder de witte vulling handmatig...

Skirt-straight-027.png

Skirt-straight-030.pngStap 34: Klik in het deelvenster 'DS Brushes' op 'Single stitch'.

Skirt-straight-029.png

Skirt-straight-031.png

Als je deze bibliotheek niet hebt, dan open je het deelvenster 'Lijn' en maak je handmatig een stippellijn.

Stap 35: Klik op het pad.

 

 

 

Stap 36: Druk op 'F2' om een kopie te maken van deze lijn.

Wanneer je de 'DS Actions' funktietoetsen niet hebt geinstsalleerd:

Druk op 'Ctrl-C' (kopieren) opvolgend door 'Ctrl-F' (op dezelfde plek een kopie terugplakken).

Skirt-straight-032.pngStap 37: Gebruik de toets 'pijltje omlaag' op je toetsenbord' om de gekopieerde lijn een stukje omlaag te verplaatsen .

 

 

 

Skirt-straight-033.pngStap 38: Activeer het gereedschap 'Pipet' Eyedropper Tool.png (i) en klik op de andere stiksellijn. Dit wil de lijninstellingen van deze stiksellijn kopieren naar de lijn die je nu geselecteerd hebt.

Dit kopieren van een stiksellijn werkt 'alleen' als je zelf de instellingen van het gereedschap 'Pipet' hebt aangepast. Heb je dat nog niet gedaan? Volg de punten hieronder om dat te doen.

  • Dubbelklik op het gereedschap 'Pipet'.
  • Vink links en rechts het bovenste lege aanvinkvakje aan. Beide 'mapjes' klappen nu dicht en je ziet alleen nog maar aangevinkte vakjes. Dan is het goed.
  • Klik 'OK'.Vanaf nu kan je stikels en andere 'fancy' lijninstellingen met het pipetje kopieren naar een andere lijn.

Shirt-woman-26.png

Stap 39: Activeer het gereedschap 'Direct selecteren' Direct Selection Tool.png (a).

Step 40: Verschuif de uitstekende ankerpunten een beetje naar binnen zodat de stiksellijn mooi past binnen de rok.

Skirt-straight-034.pngStap 41: Nu mag jij zelf uitvogelen hoe je onderaan een stiksellijn maakt :-). Probeer uiteraard dezelfde stappen te volgen.

 

 

 

 

 

 

Shirt-woman-81.pngHET ACHTERPAND

Stap 42: Activeer het gereedschap 'Selecteren' Selection Tool.png (v).

Stap 43: Klik naast de tekening of voer de sneltoets 'ctrl-shift-a' uit om te 'deselecteren'.

 

Stap 44: Klik met de rechter muisknop op de pagina en als er een vinkje staat voor 'Hulplijnen vergrendelen', klik er dan op om deze te 'de-activeren'. Staat er géén vinkje voor? Klik dan gewoon weer in het witte deel van de tekening.

 

 

 

 

 

 

 

Skirt-straight-035.pngStap 45: Selecteer de gehele rok (als het goed is, dan selecteer je ook de midden hulplijn).

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-036.pngStap 46: Beweeg de rok naar rechts (niet loslaten). Tijdens het slepen ga je 'alt' en 'shift' ingedrukt houden. Sleep de rok er netjes naast. Laat dan eerst de muis los, dan pas de toetsen.

 

 

 

 

 

 

 

 

Stap 47: Deselecteer (ctrl-shift-a).

Stap 48: Klik met rechts op het tekengebied en klik weer op 'Hulplijnen vergrendelen'.

Skirt-straight-042.pngStap 49: Verwijder de twee figuurnaden.

  

 

 

 

 

Skirt-straight-043.pngStap 50: Houdt 'Shift' ingedrukt, klik dan op de buitenlijn van de rok, klik nu ook op de bovenlijn binnenin de rok om die toe te voegen aan de selectie. 

 

 

 

 

 

 

 

 

 

 

 

 

 

Stap 51: Activeer het gereedschap 'Vormen maken' Shape Builder Tool.png (shift-m).

Skirt-straight-040.pngStap 52: Beweeg boven de binnenkant van de rok (bovenaan), klik dan en sleep over de lijn naar beneden.

Skirt-straight-044.png

 

 

 

 

Skirt-straight-045.pngStap 53: Ga bovenaan Illustrator naar 'Object > Ordenen > Naar achtergrond brengen'.

 

 

 

 

 

 

 

 

 

 

 

 

Activeer het gereedschap 'Direct selecteren' Direct Selection Tool.png (a).

Skirt-straight-046.pngStap 54: Pas de lengte aan van de figuurnaden zodat ze weer passen tegen de bovenlijn aan.

 

 

 

 

 

Stap 55: Activeer het gereedschap 'Lijnsegement' Line Segment Tool.png (\).

Skirt-straight-047.pngStap 56: Houdt 'shift' ingedrukt, klik dan bovenaan de rok in het midden en sleep een lijn recht naar beneden naar de onderkant van de rok. Je hebt nu een midden achter naad getekend.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-048.pngStap 57: Teken midden bovenaan en onder een kortere vertikale lijn een klein beetje naast de midden naad. Dit suggereert de ritssluiting en de split.

 

 

 

 

 

 

 

 

 

 

 

 

 

Skirt-straight-049.pngStap 58: Klik en sleep vanaf de top van de split een diagonaal lijntje.

Stap 59: Activeer het gereedschap 'Pipet' Eyedropper Tool.png (i).

Stap 60: Klik het de zoom stiksellijn.

 

 

 

 

Stap 61: Activeer het gereedschap 'Pen' Pen Tool.png (v).

Skirt-straight-050.pngStap 62: Teken vier ankperunten om een puller te suggereren.

Stap 63: Links onder het deelvenster 'Gereedschappen', klik het het 'kleurverloop' icoontje.

Skirt-straight-051.png

 

 

 

Stap 64: Doe 'Ctrl - 0'

GEFELICITEERD, JE HEBT NET JOUW EERSTE ROK AFGEROND!

Skirt-straight-052.png

 

Related items