ILLUSTRATOR BASIC - Rum

T
T
T
ILLUSTRATOR BASIC
T
T
2330
3510
T
T
T
350
T
T
13. december 2010
Instruktører:
Marie-Louise Japhetson, cand.arch | Lene Schødt, cand.arch

INDHOLDSFORTEGNELSE
INDHOLDSFORTEGNELSE
Illustrator 3
Nyt dokument 4
Tools 5
Align og Distribute 6
Pathefinder 7
Clipping Mask 8
Live Trace 9
Stregtegninger 10
Stregtykkelse 11
Farvelægning 12
Live Paint 13
PAGE
2
Illustrator basic course AAA | December 2010

I Adobe pakken findes et hav af programmer - de
3 mest basic programmer, vi som arkitekter ikke
kan undvære, er Photoshop, InDesign og Illustrator.
InDesign er et opsætningsprogram og er det
bedste program i pakken, når det drejer sig om
opsætning af vores endelige materiale. Særligt til
tekstopsætning har programmet mange tools, der
ikke findes i samme omfang i de andre programmer.
Det kan dog godt bruges til at skabe nogle
enkle illustrationer, men man kommer hurtigt til
kort, hvis man prøver på for meget og man ender
med at lave lappe-løsninger for at få det til at se
rigtigt ud. Derfor har vi de to andre grund-programmer
til vores illustrationer, nemlig Photoshop
og Illustrator.
Photoshop er et pixel baseret program, det vil
sige alle illustrationer bliver brudt ned i pixels,
der hver har sin farve. Nå vi så zoomer ud, ser vi
disse pixels i deres helhed som et enkelt billede.
Det betyder, at der er grænser for, hvor meget vi
kan skalere vores illustrationer, før de kommer til
at se slørere ud. Heldigvis har vi Illustrator i disse
tilfælde.
Illustrator er et vektor-baseret program. Det
betyder, at det virker lidt, som om vi tegner i et
koordinatsystem. Når vi tegner en streg, gør vi
det mellem to punkter, som registreres og uanset,
hvor meget vi zoomer ind på stregen, vil den stadig
fremstå skarp som en linje mellem to punkter.
Instructører: Marie-Louise Japhetson, cand.arch (møbel & rum) | Lene Schødt, cand.arch (produkt design)
ILLUSTRATOR
Begge cirkler er tegnet i dokumenter på 30x30
pixels
NOTE:
I CS4 og CS5 versionen af Illustrator kan man lave multiple artbords i Illustrator
i tilfælde af, man vil bruge det til opsætning af plancher o.l., men da man
stadig ikke har samme kontrol over sin tekst, er det generelt ikke en god idé.
PAGE
3

NYT DOKUMENT
Når du starter et nyt dokument i Illustrator funger
det meget som i InDesign. Du kan vælge størrelsen
på dit ark, størrelsen af din bleed kant og
units. Du har også mulighed for at bestemme
om det skal være et CMYK el. RGB dokument og
hvilken dpi-opløsning du vil bruge.
Som nævnt kan man i de nyere versioner af Illustrator
lave multiple artbords.
Du har også mulighed for at vælge fra en række
templates, Illustrator-folkene har været så flinke at
lave.
Oftest kan du bare lave en helt basic opsætning,
da du oftest skal Place det i et InDesign dokument,
med en helt anden opsætning.
PAGE
4
NOTE: DPI-opløsning:
72 dpi er til skærm brug. En projektor kan alligevel ikke vise mere, så der er ingen
grund til at gøre dit dokument tungere.
150dpi er til print og plot. Langt de fleste printer og plotter arbejder med en max på
omkring 152 dpi. Man skal meget tæt på for at lægge mærke til noget over 140 dpi.
300 dpi er til tryk (bogtryk el. nogle professionelle plottere). Spørg evt. pågældende
trykkeri.
Illustrator basic course AAA | December 2010

TOOLS
Selection tools:
Ligesom i InDesign har vi en sort pil (V)
“Selection tool” og en hvid pil (A) “ Direct
selection tool”. Og som i Photoshop har
vi her også en Magic wand tool (W) og en
Lasso tool (Q).
Transformation tools:
Rotate tool (R) og Scale (S)
Warp tool (shift + R) og Free transform
tool (E) Live Paint bucket (K) dette tool er
lidt tungt at lege med i CS3, men er blevet
meget bedre i de senere versioner og er nu
et fantastisk tool til farvelægning af tegninger.
Perspektive grid tool (shift + P) (Ny i
CS5).
Artboard tools:
Artboard tool (Shift + O), Knife tool (Shift +
K). Hand tool (H) og Zoom tool (Z) to meget
brugte tools. Med zoom funktionen kan du
zoome ud ved at holde “Alt” nede, du kan
trække et vindue at zoome til, eller blot
zoom ind i trin (kliks).
Drawing mode
Her kan du vælge om du vil tegne foran,
bagved eller inden i de andre objekter. (Du
kan altid ændre placeringen ved at højre
klik på objektet og under Arrange kan du så
rykke det frem eller tilbage efter behov.)
Instructører: Marie-Louise Japhetson, cand.arch (møbel & rum) | Lene Schødt, cand.arch (produkt design)
TOOLS
Drawing tools;
Igen som i InDesign har vi vores Pen tool
(P) (din bedste ven i Illustrator). Text tool (T)
når vi vil tilføje en text, Line tool (\), Ellips
tool (M) Rectangular tool (M) ligger også
herunder. Paintbrush tool (B) og Pencil tool
(N). Blob brush tool (shift + B) og Erase tool
(shift + E) herunder ligger desuden Scissor
(C) og Knife tools.
Effect tools:
Mesh tool (U) Gradient tool (G)
Eyedrop tool (I) endnu et uundværligt
tool, findes også i Photoshop og InDesign.
Herunder finder du også measure tool som
kan være brugbart til at måle afstand på din
tegning. Blend tool (W). Symbol sprayer tool
(Shift + S) og Column graph tool (J).
Colour selection:
Der kan du se hvilke farve der er på dit
værktøj pt. Den der er forrest, er den, der vil
ændres sig, hvis du vælger en anden farve.
Firkanten til venstre er din fyld farve og den
anden er din konturstreg-farve, i øverste
højre hjørne kan du flippe de to farver. I
nederste venstre hjørne kan du slå tilbage
til S/H. Du kan ændre dine farve enten ved
at vælge nogle andre i colour eller swatches
panelet, eller du kan dobbeltklikke for at få
et farve hjul frem.
Nederst kan du vælge om det er en solid
farve, en gradient el. en transparent farve
der skal bruges.
NOTE:
Du kan hurtigt finde genvejstasten til en funktion ved at holde musen henover et ikon.
Mellemrumstasten: slår over til hand tool, slår tilbage når du slipper
Ctrl: slår over til selection tool (sort pil), slår tilbage når du slipper
Shift: så får du koordinaterne på pilens placering på artboardet.
PAGE
5

ALIGN OG DISTRIBUTE
To af de allerbedste funktioner i Illustrator er
nogle, vi allerede kender fra InDesign, nemlig
Align og Distribute.
Når man laver diagrammer eller andre illustrationer,
er det dejligt lige at kunne rette det hele til
sidst.
1. Tegn 5 forskellige figurer. De skal være af
forskellige størrelse og form.
2. Prøve nogle af de forskellige former for
align.
3. Prøve nu nogle af de forskellige former for
distribute.
Du opdager måske, at det ikke er alle former for
Align og Distribute, der er lige glade for, at vores
figurer har forskellige størrelser. Derfor kan det
tit være rart i stedet at bruge “Distribute Spacing”
funktionen. Her kan vi sætte en afstand, der skal
holdes mellem vores objekter, uanset deres respektive
størrelse og form.
4. Prøve nu at bruge Distribute Spacing
funktioner på dine 5 former.
PAGE
6
Random
Align top
Distribute center
Distribute spacing
Illustrator basic course AAA | December 2010

En anden funktion, vi kender fra InDesign er Pathfinder.
Denne funktion består af forskellige shape
og parthfindermodes, der kan hjælpe os med at
skabe en ny geometri på baggrund af en tidligere.
1. Tegn en række figurer efter eget ønske.
(Brug evt. dem fra den tidligere øvelse.)
2. Prøv nu de forskellige muligheder, der er
under Pathfinder og se, hvilken forskel der
er på de forskellige indstillinger.
SHAPE MODES:
UNITE: samler alle dele til en samlet figur.
MINUS FRONT: trække de forreste figurer fra den
nederst liggende figur.
INTERSECT: skaber en ny figur ud fra det der overlapper
i de gamle.
EXCLUDE: fjerne de områder hvor der er overlappende
figur.
PATHFINDER MODES:
DEVIDE: Deler figurerne med hinanden, beholder
fyld farve.
TRIM: Minder om devide, tilskærer dog også efter
figur der ikke beskæres af andre figur.
MERGE: Ligesom Unite, beholder fyld farve.
CROP: Beskær, men beholder også grund figuren.
OUTLINE: Deler figurerne med hinanden, beholder
konturfarven.
MINUS BACK: Trækker de bagerste figurer fra de
forrest liggende.
Instructører: Marie-Louise Japhetson, cand.arch (møbel & rum) | Lene Schødt, cand.arch (produkt design)
PATHFINDER
PAGE
7

CLIPPING MASK
Nogle gange, når man tegner noget i Illustrator,
kommer man til at tegne uden for stregerne. For
eksempel, når man henter et kort ind fra MapInfo
laver man tit kote linjerne lidt længere, end de
skal være. Når man så ligger flere lag ind passer
de ikke altid oven på hinanden. I de tilfælde kan
det være rart at kunne beskære hele sit billede til
sidste uden nødvendigvis at miste den information
der ligger yderst. Til det formål kan man bruge
CLIPPING MASK.
CLIPPING MASK fungerer lidt som en papskive
med et hul i vi ligger henover vores tegning, alt
hvad der er inden for hullet vil være synligt, mens
det der ligger udenfor ikke vil være synligt.
1. Tegn en serie linjér henover dit artboard.
2. Tegn nu en firkant der er mindre end
yderpunkterne af dine linjér.
3. Marker de to figurer og højre-klik.
4. Vælg Make Clipping Mask
5. Din Clipping Mask bliver lavet ud fra den
figur der ligger øverst af de markerede. Når
du holder musen henover, vil du ligeledes
se, at path’en fra den nederste figur stadig
er der. Hvis du nu igen højre-klikker på
figuren, kan du vælge Release Clipping
Mask. På den måde kommer du tilbage
til udgangspunktet og kan ændre
geometrien af figuren.
PAGE
8
NOTE:
Nogen gange, når du henter materiale ind og du ikke kan få lov til at redigere det, kan
det være fordi, der ligger en Clipping Mask på det. Så højre klikker du bare og vælger
Release Cliping Mask og eventuelt Compound Path, indtil du kan se det hele.
Illustrator basic course AAA | December 2010

En anden smart funktion i Illustrator er LIVE
TRACE. Den tillader os at forvandle pixel baseret
materiale til en vektor tegning. Man kan for eksempel
bruge det, når man har tegnet en håndskitse
og gerne lige vil færdiggøre den og gøre den
skarp. Eller hvis man har en silhuet fra en Photoshop
fil som man gerne vil bruge på sin stregtegning,
men den ikke er i en høj nok opløsning.
1. Åben “Dreng til Live Trace.psd”
2. Markere illustration.
(Bemærk, at den toolbar, der ligger henover
toppen af skærmen, ændrer sig afhængigt
af, hvilket værktøj man har aktivt).
3. I den øverste toolbar vælger du nu “Live
Trace”.
(Når du zoomer ind nu, vil du se,
at billedet ikke længere fremstår pixeleret
langs kanten.)
4. Hvis du klikker på Expand herefter, kan du
ændre på selve stregen ved at bruge dit
Direct Selection tool (A).
5. Prøv selv at finde nogle billeder enten
på nettet eller i dit eget bibliotek og leg lidt
med funktionen.
Instructører: Marie-Louise Japhetson, cand.arch (møbel & rum) | Lene Schødt, cand.arch (produkt design)
LIVE TRACE
PAGE
9

STREGTEGNINGER
Det man ender med at bruge Illustrator mest til,
er nok efterbehandling af stregtegninger. Man kan
godt sætte hatches og streg tykkelser i diverse
CAD-programmer. Men ved at gøre det i Illustrator
opnås et øjeblikkeligt resultat, vi kan forholde os
til.
1. Start med at åbne den stregtegningsfil (.ai)
du eksporterede fra Rhino.
PAGE
10
Du vil måske opleve, at dit artboard ikke
er stort nok til at rumme tegningen.
(fx et A4 artboard, der skal rumme en
tegning på A1.)
Dette kan du ændre ved at gå i FILE >
DOCUMENT SETUP > EDIT ARTBOARD
(Alt + Ctrl + P). Ellers står det også i den
øverste toolbar.
Dit artboard kan nu transformeres frit ved
at trække i hjørnerne, eller du kan indtaste
værdier på H og W.
Klik Esc for at godkende og komme ud af
funktionen.
2. Nu skulle vi gerne være klar til at
efterbehandle vores tegning.
3. Åben Layer panelet.
Bemærk, at når vi har eksporteret vores
tegning fra Rhino, får vi lagene med.
4. Prøv nu at åbne PDF stregtegningen, du har
printet fra Rhino.
NOTE:
Bemærk, at her bliver alt samlet på ét lag. Vi kan
dog sagtens arbejde videre med tegningen.
Illustrator er så vidunderlig et program, at vi kan bruge det til at bearbejde selv PDF’er.
Når vi åbner PDF’er i andre programmer, optræder de som billeder, men i Illustrator
kan vi få fat i de enkelte dele (tekst, linjer, illustrationer) og bearbejde dem.
Illustrator basic course AAA | December 2010

Som nævnt under Rhino er det oftest lettest at
rengøre sine tegninger i Rhino. Men hvis du stadig
skulle have nogle streger, som du ikke ønsker
at have med på den endelige, så start ud med at
fjerne dem. Hvis du vil være på den sikre side,
så flyt dem til et andet lag og sluk for det. På den
måde har du dem stadig, hvis du skulle fortryde.
At ændre stregtykkelsen:
1. Marker de streger du vil ændre.
2. I højre side af skærmen har du et panel
der hedder STROKE.
Du kan nu taste en stregtykkelse ind,
hvordan den skal afsluttes, hvordan den
skal se ud i hjørnerene og om din
stregtykkelse skal ligge sig på ydersiden,
på indersiden eller på selve linjen.
Du har også mulighed for at vælge, at den
skal være stiplet og, hvor lang streg og
afstand skal være, i det tilfælde.
3. For at give dybde til din tegning kan det
være en god idé, at de streger, der skal
fremstår som værende tættest, har en
tykkere streg, mens det der længere tilbage
i tegningen, har en tynd streg.
NOTE:
STREGTYKKELSE
Du kan markere alle objekter i et lag ved at klikke på cirklen yderst til højre i lagpanelet.
Når alt i et lag er markeret, vil der være en stor firkart helt yderst. Mens der kun
vil være en lille firkant, hvis kun dele af laget er valg.
Instructører: Marie-Louise Japhetson, cand.arch (møbel & rum) | Lene Schødt, cand.arch (produkt design)
PAGE
11

FARVEÆNDRING
De streger, du har hentet ind fra Rhino, har den
farve, deres lag har haft. Hidden lines kommer for
eksempel ind i hvid. Det er derfor rart at kunne
ændre farven. Det er den samme metode, vi bruger,
uanset om det er en streg eller et felt.
1. Markér igen de streger, du vil have ændret.
2. Du har nu 2 muligheder:
2a. I COLOUR panelet kan du blande dig frem til
den farve, du vil have.
2b. Du kan også vælge en farve fra SWATCHES
panelet.
Som du kan se enten i COLOUR panelet eller i
vores Colour Selection felt til venstre på skærmen,
er der 2 felter med farve. En der ligger forskudt op
til venstre og en anden der ligger forskudt ned til
højre. Den på venstre side fortæller os hvilken fyld
farve vi har, og den til højre, hvilken konturfarve,
der er valgt. Vi ændrer dem én ad gangen. Den
firkant, der ligger forrest, er den, vi ændrer ved.
Når vi vil ændrer en stregs farve, svarer det til at
ændre konturstreg-farven.
Hvid med en rød, diagonal streg betyder, at der
ikke er nogen farve sat på.
Nederst til venstre i SWATCHES panelet er der en
dropdown menu med en lang række farvepaletter
man kan brug. Der er bl.a. én, der hedder PAT-
TERNS, herunder kan man finde flere geometriske
mønstre, man kan bruge som hatches i sin tegning.
PAGE
12
NOTE:
Adobe har udviklet et meget smart værktøj til at finde farve paletter. Det er blevet integreret
med CS4 og CS5, men kan også findes i en fuld version på;
kuler.adobe.com
Du kan gratis oprette et AdobeID og gemme dine palleter fra gang til gang.
Illustrator basic course AAA | December 2010

En smart funktion til farvelægning af vores tegninger
er LIVE PAINT. Den var relativ ny i CS3 og lidt
tung at danse med. Men i CS4 og CS5 er den blevet
markant bedre og gør farvelægning af en tegning
til 1 - 2 - 3 - vupti.
Med LIVE PAINT kan du markere alle dine streger
og fylde mellemrummet ud med en farve, også
selvom det ikke er den samme linje der går hele
vejen rundt. I CS4 og CS5 fungerer funktionen
også, selvom der muligvis er et mellem linjerne.
1. Markér alle dine linjer med SELECTION
TOOL (V).
2. Vælg LIVE PAINT TOOL.
3. Når du nu holder musen henover dine
streger, vil den markere det hele med en
rød streg og skrive “CLICK TO MAKE A LIVE
PAINT GROUP”. Du klikker i det felt, du vil
have farve.
4. Du kan nu klikke videre og farvelægge de
resterende felter.
Oven over LIVE PAINT ikonet er der 3 små
farve felter. Det i midten viser den farve, der
vil bliver farvelagt med. Du kan så bladre i
farverne med piltasterne til henholdsvis
højre og venstre.
5. Når du flytter musen henover linjerne, vil
det felt, du kan farvelæg, blive markeret
med en fed, rød streg.
6. Det farvefelt, som opstår, er bundet op på
stregen og når du flytter stregerne vil det
følge med.
NOTE:
En anden god kilde til gejl til Adobe og diverse computer programmer i det hele taget er
www.deviantart.com
Her kan du finde bruses, pattens, actions etcetera til mange af Adobe programmerne
http://browse.deviantart.com/resources/applications/
Instructører: Marie-Louise Japhetson, cand.arch (møbel & rum) | Lene Schødt, cand.arch (produkt design)
LIVE PAINT
PAGE
13

PAGE
14
Rhino advanced course AAA | November 2010

Instructors: Marie-Louise Japhetson, cand.arch (interior design) | Lene Schødt, cand.arch (product design)
PAGE
15