Fill and Stroke

TUT-ICON-Fill-and-Stroke.jpg

nederland.png

Vector drawings are basically lines (paths) with a stroke color and fill color applied to it. Each time you open a vector drawing, the computer calculates the coordinates of: 

  • 'Anchor Points'
  • the path and it's curve in between
  • the stroke color and stroke width
  • the fill color.

Stroke-and-Fill-01.png

Each time you scale a drawing larger or smaller, the computer recalculates all these values and coordinates. That's why a vector drawing is always sharp.

icon ai file.jpgicon video.jpg

This video takes 4,2 minutes.

 

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

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

Stroke-and-Fill-02.pngStep 3: Drag a 'Mark' around the shirt and realease the mouse button.

 

 

 

 

 

 

 

 

 

 

 

 

Step 4: Activate the 'Selection Tool' (v) .

Stroke-and-Fill-03.pngStep 5: Click on the path of the body or sleeve to select it.

 

 

 

 

 

 

 

 

 

 

 

 

Colors

Stroke-and-Fill-05.pngStep 6: When an object is selected, Inside the panel 'Properties', Illustrator shows a section called 'Appearance'.

  • Left from 'Fill', click on the white square'. This will pop up the 'Swatches' panel. 
  • Choose one of the color swatches. 
  • The fill color of the sleeve has changed. 

 

 

Stroke-and-Fill-07.pngStep 7: To apply a color to the stroke:

  • Inside 'Properties', at 'Appearance', left from 'Stroke', click on the little square with the black stroke. 
  • The panel 'Swatches' opens. When you click on one of the color swatches, the stroke color of the selected shape will change to that color. 

 

 

The Color Picker

Stroke-and-Fill-09.png

Step 8: Below the 'Tools panel' on the left, there are two color picker icons. One for the stroke and one for the fill.

 

 

Step 9: To change one of these colors, doubleclick on the 'stroke' color picker or the 'fill' color picker.

Stroke-and-Fill-11.pngStep 10: Click inside the center color slider on the small vertical color bar to choose the base color.

 

 

 

 

 

 

Stroke-and-Fill-12.pngStep 11: Then click and drag inside the left box called 'Select Color:' to choose the desired color tint. Then click 'OK'.

 

 

 

 

 

Stroke width

Step 12: Traditionally, the stroke width is mentioned in 'Points' (pt). When a single object is selected using the 'Selection Tool' (v) , the panel 'Properties' show the the stroke settings. Click on the down arrow icon right from '1 pt'. Then choose a larger or smaller stroke width.

 

 

 

 

 

 

 

 

 

 

 

---------------------------------------------------------

Kleurvulling en lijndikte

TUT-ICON-Fill-and-Stroke.jpg

Vector tekeningen zijn in basis lijnen (paden) met een lijn kleur met daar een kleur vulling aan toegevoegd. Elke keer dat je een vector tekening opent zal de computen de coördinaten uitrekenen van :

  • de 'anker punten'
  • de lijn (het pad) en de kromming
  • de lijn kleur en lijn dikte
  • de kleur vulling

Stroke-and-Fill-01.png

Elke keer dat je een tekening groter of kleiner maakt (van schaal veranderd) zal de computer al deze waardes en coördinaten herberekenen. Dit verklaart waarom een vector tekening altijd scherp is.

icon ai file.jpgicon video.jpg

Deze video duurt 4,2 minuten. 

 

Stap 1: Klik op het gele Ai icoon om het Illustrator document te openen in Illustrator.

Stap 2: Activeer het gereedschap 'Zoomen' (z) .

Stroke-and-Fill-02.pngStap 3: Sleep het zoom kader om het shirt heen en laat de muisknop los.

 

 

 

 

 

 

 

 

 

 

 

 

Stap 4: Activeer het gereedschap 'Selectie' (v) .

Stroke-and-Fill-03.pngStap 5: Klik op het object (de body of de mouw) om het te selecteren.

 

 

 

 

 

 

 

 

 

 

 

 

Kleuren

Stroke-and-Fill-05.pngStap 6: Wanneer een object is geselecteerd dan verschijnt in het venster 'Eigenschappen' een sectie genaamd 'Vormgeving'.

  • Klik links van 'Vulling' op het witte vierkantje. Nu opent het venster 'Stalen'.
  • Kies één van de kleurstalen.
  • De vulling van de mouw is nu van kleur veranderd. 

 

 

Stroke-and-Fill-07.pngStap 7: Een kleur toepassen op de lijn:

  • In het venster 'Eigenschappen', bij 'Vormgeving', klik links van 'Lijn' op het vierkantje met de zwarte lijn. 
  • Het venster 'Stalen' opent en je kan een kleur kiezen. Wanneer je dat gedaan hebt, dan veranderd de lijnkleur van de geselecteerde vorm. 

De kleuren die je te zien krijgt, zijn de kleuren die opgeslagen zijn in het document.

 

 

De Kleurkiezer

Stroke-and-Fill-09.png

Stap 8: Onder het 'Gereedschappen venster' links, zie je twee 'kleurkiezers'. Eén voor de lijn (Stroke) en één voor de vulling (Fill).

 

 

Stap 9: Om één van deze kleuren te veranderen, dubbelklik op de 'lijn' kleurkiezer of op de 'vulling' kleurkiezer.

Stroke-and-Fill-11.pngStap 10: Het venster 'Kleurkiezer' komt te voorschijn. Klik altijd eerst in het midden van de verticale kleuren balk om de basiskleur te kiezen.

 

 

 

 

 

 

Stroke-and-Fill-12.pngStap 11: Vervolgens klik en sleep je binnen de linker box genaamd 'Kleur selecteren:' om de gewenste kleur te kiezen. Klik vervolgens op 'OK'.

 

 

 

 

 

Lijndikte

Stap 12 : Traditioneel gezien wordt een lijn dikte weergegeven in 'punten' (pt). Wanneer een object is geselecteerd met het gereedschap 'Selectie' (v) , zie je in het venster 'Eigenschappen', bij 'Vormgeving' de specificaties van de lijn. Rechts van '1 pt', Klik op het rechter neerwaardse pijl icoon om een dikkere of dunnere lijn te kiezen.

 

 

 

 

 

 

 

Related items