Illustrator Undervisning

Transkript

1 Indhold Illustrator: Pixels kontra Vektor Pathværktøj Værktøjer Nyt dokument Intro til værktøjer Swatches Color Guide Strokes Brushes Symbols Gradients D grafik Appearence Graphic Styles Layers punkts perspektiv

2 Illustrator: Pixels kontra Vektor Den største forskel på Photoshop og Illustrator er, at Photoshop arbejder i pixels og Illustrator i vektorkurver. Dette betyder, at et billede i Photoshop altid vil ligne et legobyggeri hvis man forstørrer det tilstrækkeligt, mens vektorgrafikken altid vil stå knaldende skarpt uanset hvor meget man forstørrer eller formindsker billedet. Undervisningsmateriale Grafisk Design BASIS side 2

3 Pathværktøj Sådan gør du: Vælg Pathværktøjet. Klik der hvor din Path skal starte. Når du starter en helt ny path vil der være en lille * bag ved pennen. Når du klikker ned med penneværktøjet laver du et punkt. Når du klikker og holder musetasten nede laver du en vektorkurve (penneikonet bliver en pil. Du bestemmen kurvens bøjning efter hvor lang du trækker strikkepinden. Når du lukker Path en kommer der et lille o efter pennen, det betyder at du har ramt rigtigt. Går du ind over stregen kommer der et lille plus bag pennen. Klikker du, sætter du et ekstra punkt. Går du ind over et punkt med pennen kommer der et lille minus. Klikker du, sletter du punktet. Med Convert Point Tool, klikker du på et punkt så kan du trække nye kurver (strikkepinde) Klikker du på en strikkepind kan du knække kurven. Med den sorte pil flytter du hele path en Med den hvide pil flytter du de enkelte punkter i path en. Punktet du arbejder med er fyldt. Holder du Shift nede og klikker du på flere af punkterne kan du flytte dem samtidigt. Undervisningsmateriale Grafisk Design BASIS side 3

4 Værktøjer På mange måder minder de basale værktøjer meget om både InDesign og Photoshop. Færdes du hjemmevant i disse programmer vil Illustrator derfor ikke være så fremmed for dig. Der hvor der er væsentlige forskelle er, at Illustrator er et vektorbaseret tegneprogram, hvor man arbejder med stor præcision og kontrol. Illustrator indeholder unendelige muligheder for effekter. Flyttepil for hele elementer(bokse) Tryllestav, vælger ens bokse Penneværktøjet skaber vektorpunkter Tekstværktøj Boksværktøj Tegneværktøj Rotationsværktøj Forvrængningsværktøj Shape Builder Tool Flyttepil for punkter Lasso aktiverer de punkter man indkredser Linjeværktøj Pensel gør at du kan male, skaber automatisk vektorer Visker nye vektorer i bokse Skalérværktøj Free Transform Tool Perspektivværktøj Ved at holde musen nede over de enkelte værktøjer kan man ligesom i Photoshop vælge underværktøjerne. Når du klikker på den lille trekant for enden af boksen kan du løsne værktøjet som en palette. Illustrator giver dig desuden mulighed for at streame bitmapgrafik (ændre fra pixels til vektorer) og at skære PDF-filer fra hinanden. Mesh Tool / Kurvebaseret toneforløb Pipette tager egenskaber fra andre elementer Symbol Sprayer Tool, transformerer Symboler Artboard Tool, her ændrer du dit dokument Gradient Tool / Toneforløb Blend Tool blander forme Tabelværktøj Slicer bruges til webdesign Flytteværktøj Zoomværktøj Fyldfarve i boks/element kant/stregfarve Fyldfarve / Toneforløb / Ingen farve Undervisningsmateriale Grafisk Design BASIS side 4

5 Nyt dokument Du kan ligesom i InDesign vælge at lave mere end en side. Dette kan dog kun anbefales når du f.eks. bare lige skal have et par versioneringer eller en præsentation til PDF. InDesign styrer langt bedre sideopsætning. Dokumenttyper Indstilling af uddækning (Bleed) Opgave 01: Åbn de forskellige designs. Det kan være at du i en snæver vending kan inspireres. Her kan du hente præfabrikerede ting som du så kan arbejde videre på. Særligt velegnet når du har en logoguide du skaal arbejde ud fra. Undervisningsmateriale Grafisk Design BASIS side 5

6 Intro til værktøjer Penneværktøjet skaber vektorpunkter Tekstværktøj Boksværktøj Visker nye vektorer i bokse Småopgaver: Penneværktøjet (path) laver vektorkurver. Lav en masse former giv dem forskellige farver brug strikkepindene. Lær at lave buede skrifter med Skriftværktøjet. Med boksene kan du lave mange forskellige typer af bokse. lav polygoner og stjerner med mange spidser. Lav en firkantet boks og visk stregerne ind. Boks og viskelæder vektorpunktermed strikkepinde tekst på path værktøj Undervisningsmateriale Grafisk Design BASIS side 6

7 Swatches I Illustrator arbejder man meget med swatches. Man skelner mellem 3 typer, fyldte, gradients og mønstre. I swatchpaletten lægger man alle de farver man bruger eller henter dem fra andre farvebiblioteker. Man kan også uploade dem fra InDesign og Photoshop. Farverne kan justeres og kontrolleres i Colorpaletten. Color Swatch Her styrer du palettens egenskaber og du kan fx vælge at gemme dine farvesamlinger til andre dokumenter eller eksportere dem som ASE biblioteker du kan åbne i Indesign eller Photoshop. Gradient Swatch Her laver du en ny Swatch Opgave 02: Lav forskellige elementer (bokse). Hent forskellige farver og farvebiblioteker, f.eks. Pantone, eller de prædefinerede farvesamlinger der er sat sammen i harmoniske grupper. Du kan lave dine egne grupper ved at vælge New Color Group. Pattern Swatch Farvebiblioteker med inspiration fra kunst og historie, toneforløb (gradients), og mønstre. Egne farvebiblioteker der er delt igennem Creative Cloud på internettet. Undervisningsmateriale Grafisk Design BASIS side 7

8 Color Guide Colorguiden viser dig de aktive farver og de nærmeste variationer i lysere og mørke toner. Med harmony Rules bestemmer du hvordan dine farvesamlinger skal dannes. Colorguiden tilbyder dig et præcist farvestyringsværktøj hvor du kan justere farver med beslægtede farver med mange nuancer. Du kan erstatte og flytte hele beslægtede farvegrupper. Dette værktøj lærer du bedste at styre i praksis. Du finder hundredvis af farvepaletter indelt efter temaer. Det sparer dig tid når du skal finde matchende farver. Undervisningsmateriale Grafisk Design BASIS side 8

9 Strokes Stroke paletten bruger du til at indstille dine streger og bokskanter. Du kan stille enderne og vinklerne til at være runde, kantede eller spidse. Du kan bestemme om stregen skal ligge uden om boksen og finjustere de stiplede linjer. Undervisningsmateriale Grafisk Design BASIS side 9

10 Brushes Med brushes kan du skabe alle mulige linjer med alle mulige forskellige udseender. Alle disse stregtyper kan konverteres til regulære vektorobjekter i Object > Expand Appearance. Undervisningsmateriale Grafisk Design BASIS side 10

11 Symbols Symbols indeholder mange små billeder der kan bruges og sættes sammen på kryds og tværs. Bibliotekerne er indelt efter tema. Men i modsætning til Microsoft cliparts kan man konvertere disse billeder til vektorer som kan skæres fra hinanden. Undervisningsmateriale Grafisk Design BASIS side 11

12 Gradients Gradients Gradients giver dig mulighed for at lave toneforløb. Du kan trække swatches direkte ind fra Swatchpaletten. Du kan vælge om fortoningen skal være cirkulær eller linear. Med Gradientværktøjet kan du bestemme hvor din gradient skal starte samt hvor tæt den skal være. Du kan uploade forskellige specieller gradients fra bibliotekerne. Undervisningsmateriale Grafisk Design BASIS side 12

13 3D grafik 3D opgave: Lav en simpel form (f.eks. en kegle). Lav fyldfarve. Gå i Effect>3D>Revolve. Vælg Preview, nu kan du dreje og vende din form. Hvis du klikker på mapart kan du tilføje et billede som overflade. Når du klikker ok har du en færdig form. Undervisningsmateriale Grafisk Design BASIS side 13

14 Appearence I Appearence styrer du dine bokse og elementers fremtoning. værktøjet ligner dem fra InDesign og Photoshop. Du bestemmer hvilke egenskaber din boks har i forhold til bagvedliggende elementer, samt en effectpalette der er udstyret med bitmapeffekter som f.eks. Drop Shadow osv. Undervisningsmateriale Grafisk Design BASIS side 14

15 Graphic Styles Graphic styles forærer dig en lang række specielleeffekter som du kan bruge til at skabe perspektiv og spændende overflader med. Prøv de forskellige bokse. Alt kan konverteres til vektorer hvis det ønskes. Undervisningsmateriale Grafisk Design BASIS side 15

16 Layers I layers kan du lave lag som i In- Design. Lagene styres på samme måde som i de andre programmer. særligt praktiskt er layers når man skal lave illustrationer på basis af fotos eller bitmaptegninger. Undervisningsmateriale Grafisk Design BASIS side 16

17 3-punkts perspektiv Du har 2 værktøjer. Med det ene laver du nye flader i dit design. Med det andet kan du placere fremmede elementer i perspektiv. Med Perspective Grid Tool kan du bygge et rum baseret på horisont og forsvindingspunkter. Værktøjet er ikke ægte 3D men er en geometrisk fortolkning. Værktøjet virker perfekt til udvendige og indvendige rum. Horisont, her har du den øjenhøjde du skal gå ud fra når du vil skabe rum. horisonten kan flyttes op og ned i forhold til din placering. Flytter du punkterne ind eller ud definerer du gitterets forsvindingspunkt på din horisont. Med de tre håndtag forrest styrer du gittrenes placering. Dem bruger du når du placerer fladerne bagud. Undervisningsmateriale Grafisk Design BASIS side 17

18 Den lille boks oppe i hjørnet viser dig hvilket gitter du arbejder på. Farven viser det aktive gitter. Gitteret til venstre er blåt, gitteret til højre er orange, gitteret i bunden er grønt. Vil du arbejde videre udenfor perspektivet kan du klikke på krydset så det forsvinder. Du har 2 værktøjer. Med det ene laver du nye flader i dit design. Med det andet kan du placere fremmede elementer i perspektiv. Undervisningsmateriale Grafisk Design BASIS side 18 Med de tre håndtag forrest styrer du gittrenes placering. Dem bruger du når du placerer fladerne bagud.