ADOBE Illustrator - Et kursus udbudt af Af Nicklas Lassen
ORDBOG OG FIFS CMYK CMYK står for Cyan, Magenta, Yellow & Black. Det er disse farver man trykker med, når man snakker offset-tryk og digitaltryk. Man danner altså alle farver ud fra disse fire farver. RGB RGB står for Red, Green og Blue. Disse farver bruges KUN til web - Har man en høj r-værdi (op til 255) er farven på fuld styrke, har man en lav (ned til 0) er farven slukket. Man kan lave 16,8 millioner forskellige farver med RGB. Vektorgrafik Vektorgrafik adskiller sig fra bitmapgrafik, ved at være defineret ud fra linjer og polygoner, som udtrykkes matematisk, af vektorer og punkter. Resultatet fylder ikke meget, målt i kilobyte - Og kan skaleres, ubegrænset uden tab af information. Art Board Selve området, hvorpå grafikken laves - Man tegne uden for art boardet, og når man så gemmer, vælge om det skal vælges til eller fra, ved at vælge Use Art Board under indstillingerne for eksportering af JPEG. JPEG JPEG står for Joint Photographic Expert Group, og er en ikke-tabsfri kompimeringsmetode, hvilket betyder filen taber information ved komprimering (Skalering). PNG PNG står for Portable Network Graphics, og giver mulighed for at gemme sit billede uden baggrund, hvis dette defineres ved eksporteringen. 2
Den berygtede sorte farve Med CMYK kan det være besværligt at lave en rigtig sort farve - Flere har sikkert prøvet at den var mere brun end sort, og at den var sløret. Benytter man en CMYK-værdi der hedder 60%, 60%, 40%, 100%, får man en helt sort farve. Man må ALDRIG benytte registration-sort i InDesign eller Illustrator. Skrifttyper Man kan købe sig fattig i fede skrifttyper på nettet, men det er også muligt at finde gratis skrifttyper, på sider som http://www.1001fonts.com/. Husk ophavsretten!! www.freepik.com Det er ikke en dårlig joke - På Freepik.com kan man hente gratis grafik, som kan benyttes måde i Illustrator og InDesign - Vær igen opmærksom på ophavsretten. www.flatuicolors.com Her kan du se farvekoder på farver, der kan gøre det nemmere for dig at lave flat graphics. Adobe Kuler På https://color.adobe.com/ er det muligt at få inspration til forskellige farvesammensætninger - En hel side, fyldt med forskellige farver - Fantastisk, ikke? 3
Gennem dette kompendie vil jeg gennemgå de vigtigste funktioner i Illustrator, som jeg har gennemgået for jer. Er der spørgsmål gennem kompendiet, er du velkommen til at kontakte mig på oplysningerne på sidste side - Så skal jeg gøre mit bedste for at besvare dit spørgsmål! Tool panel Options panel Workspace panel For de at jer, der deltog i det tidligere afholdt Photoshopkursus, vil genkende interfacet. Opbygningerne af Adobe programmerne minder tit om hinanden, hvilket også er tilfældet her. 4
NYT DOKUMENT Det første der skal betemmes når Illustrator åbnes, er dokumentets profil, størrelsen og andet. Herunder præsenteres du for hvilke presets der typisk er hvad der skal benyttes, når der laves grafik til print. Vi holder os fra det digitale grafik i dag, men det eneste der basalt set ændrer sig er farveregisteret som benyttes. Gå til File > New Document, hvilket åbner dialogboksen som ses her ovenover. Herunder er der forklaring af de forskellige ting, og hvad der skal vælges: Name: Valgfri - I kan tildele dokumentet et navn allerede nu - Jeg lader mit være Untitled. Profile: Sæt den til print - Når du laver størrelsen om, vil den ændre sig til [Custom]. Number of artboards: 1 - Jeg har aldrig benyttet denne funktion, men den giver mulighed for flere sider i dokumentet. Size og units: Vælg A4, og millimeter - Størrelsen på A4 kan også indtastes, hvis dette ønskes. Color Mode: CMYK - Da vi ønsker at producere til tryk vælger vi CMYK, skulle vi bruge grafikken på hjemmesider, havde vi valgt RGB. 5
FIGURER Jeg ønsker at lave en plakat, og denne plakat skal have en baggrundsfarve. Derfor går jeg ud i vores Tools panel, hvor jeg vælger Regtangle tool (M) - Hvis vi holder musen nede på Regtangle tool, får vi flere slags figurere vi kan benytte. Jeg laver herefter en regtangel fra øverste venstre hjørne til nederste højre hjørne. Med den sorte pil, Selection Tool (V), vælger vi regtanglen og går op i vores Options Panel, hvor vi har mulighed for at vælge vores Fill og vores Stroke. Vi vælger faven C=0 M=15 Y=100 K=0, og sætter vores Fill til [None]. Vores artboard skulle nu gerne se således ud: 6
LAYERS I mit Workspace Panel, vælger jeg nu den der hedder Layers - Findes denne ikke, kan man gå til Window > Layers, og finde den der. I mit Layers Panel, kan jeg se jeg har et enkelt layer, og at jeg har tilføjet et gult regtanel dertil. Jeg dobbeltklikker på Layer 1 og ændrer navnet til Baggrund, hvor efter jeg låser figureren ved at klikke på den lille tomme boks, da vi ikke skal bruge denne mere. Er figureren låst, kommer der en hængelås til syne (Grøn markering). Jeg tilføjer et nyt layer ved at klikke på Create new layer (Rød markering),og kalder dette for Raket - Dette skal jeg bruge til at tegne mit motiv i. 7
PEN TOOL Som jeg nævnte, skal vi have tegnet et motiv på vores plakat. Vi sikrer os vi står i det layer kaldt raket, og vælger Pen Tool (P), hvor vi tegner en form der ligner nedenstående billede til venstre. Når vi tegner med Pen Tool sætter vi anchor points, som til sidst udgør vores figur. Holder vi musen nede mens vi sætter punktet, har vi mulighed for at lave højrnet kurvet, istedet for kantet. Med Selection tool og objektet valgt, kan vi sætte farven til at være C=0 M=0 Y=0 K=5. Husk at afslutte figuren i det punkt du startede! Formen skal ikke være perfekt i første omgang, da jeg har mulighed for at ændre den som jeg vil efterfølgende. Det eneste der lige nu er vigtigt, er at de to anchor points yderst til venstre i vores form, står lige lodret, og derfor vælger vi vores Direct Selection Tool (A), med dette markerer jeg de to anchor points mens jeg holder shift nede og trykker på Horizontal Align Center i mit Options Panel. Markerer man anchor pointet nederst først, flytter dette sig til samme lodrette position som det øverste, og markerer man det øverste først, flytter dette sig. Vi gør det første, og får dermed en figur der ser ud som på billedet til højre. 8
Jeg vil nu have den nederste linje lige, så jeg vælger igen Direct Selection Tool (A), og vælger anchor pointet i nederste højre hjørne. Der kommer nu to anchor point handles til syne som kan ses på billedet til venstre, og med disse kan jeg bestemme kurven i punktet. Holder jeg Alt nede, har jeg mulighed for at ændre på det ene handle, hvilket jeg gør. Jeg markerer figuren med Selection Tool (V), og laver figuren smallere og dermed raketten mere aerodynamisk. Figuren ser nu ud som billedet til højre. 9
For at raketten kan holde kursen, tegner jeg nu nogle vinger med Pen Tool på præcis samme måde som jeg tegnede den ene halvdel af kroppen. Vingen får farvekoden C=80 M=75 Y=0 K=0, og det ser således ud: 10
ARRANGE Min vinge er lige nu placeret foran kroppen af robotten, hvilket jeg ikke ønsker. Derfor markerer jeg kroppen med Selection Tool (V) og højrerklikker, her vælger jeg Arrange > Bring to front, og figuren ser nu ud som til højre. 11
For at raketten kan flyve ud i rummet, tegner jeg en motor og flammer. Jeg tegner dette, og giver motoren farven C=0 M=0 Y=0 K=35, og sørger for den er placeret bag rakettens krop. Flammerne er ud gjort at den samme figur to gange, den inderste er kopiret, placeret samme sted og skaleret ned, ved at holde Shift + Alt nede, hvorefter jeg giver farverne C=5 M=45 Y=100 K=0 og C=10 M=80 Y=100 K=0. Min figur ser nu således ud: 12
PATHFINDER Jeg ønsker at lave nogle simple skygger, og jeg kopirer derfor min vinge og laver en rektangel, som overlapper, så det ser ud, som nedenunder. Størrelse og farven er ligegyldig, bare overlapningen på vingen er nogenlunde tilsvarende min. Jeg går nu ud i mit workspace panel, og vælger Pathfinder. Findes den ikke i workspacet, kan du gå til Window > Pathfinder > Intersect, mens begge figurer er valgt. Du får nu det stykke, der er overlappet af rektanglen, hvor jeg ændrer farven til sort, C=60 M=60 Y=40 K=100. Jeg bruger Selection Tool (V) til at flytte den sorte figur tilbage på plads. Som du kan se herunder, viser Illustrator i det vi intersecter med vores anden figur, og det er altså her vi vil placere vores skygge. 13
Jeg markerer nu vingen og skyggen, og sender de to figurer tilbage i placeringen, således raketten står forrest. Dette gør jeg som tidligere gjort ved at højereklikke, Arrange > Send to Back. Jeg markerer endnu en gang den sorte figur med Selection Tool (V), og går op i mit Options Panel, hvor jeg sætter Opacityen ned til omkring 35%. 14
Nu skal vi have samlet raketten, og vi markerer alt vi har lavet. Herefter højrerklikker jeg og vælger Transform > Reflect > Vertical > 90 grader > Copy. Herefter sammensætter jeg raketten således den er hel - Designet jeg fik lavet, krævede mere justing i forhold til aerodynamikken, så dette klarer jeg som det sidste ved at markere hele raketten og holde Alt nede mens jeg skalerer. Figuren ser nu således ud: 15
Nu kopires hele raketten, og jeg går til mit Workspace Panel, hvor jeg igen går til Pathfinder > Unite, mens den ene raket er markeret. Gå til Rektangle Tool (M) og tegn en rektangel som dækker halvdelen af raketten, som ses herunder til venstre. Gå til Pathfinder > Minus Font, mens raketten og rektanglen er markeret. Figuren ser nu ud som herunder til højre, efter vi har ændret farven til C=60 M=60 Y=40 K=100. 16
Efter at have flyttet den sorte halvdel tilbage på plads, og ændret opacityen til 10% har vi nu tegnet vores raket færdig. 17
TYPE TOOL Jeg ønsker at tilføje en titel til min plakat, og går til mit Tools panel, hvor jeg Type Tool (T). Med denne kan jeg markere en tekstboks, men vælger jeg at trykke én gang, giver det mig lidt fordele senere hen. Under raketten trykker jeg derfor en gang, og skriver en titel. Jeg har nu muligheden for at markere teksten, og skalere den, som jeg ønsker, uden at skulle angive tekststørrelsen. 18
Jeg højrerklikker nu på teksten og væger Create Outline, og med dette valg, frasiger jeg mig muligheden for at kunne ændre i indholdet - Altså kan jeg ikke længere ændre stavefejl eller andet, da jeg laver hvert bogstav om til en figur. Dette giver mig også muligheden for at lave ændringer i fonten som jeg har lyst til. Til dette skal jeg bruge Direct Selection Tool (A), og ændrer fonten gennems dens anchor points, som jeg tidligere har gjot. 19
GROUP & ALIGN Jeg ønsker at sørge for vores raket er placeret i midten af vores plakat, så derfor markerer jeg alt hvad der har med raketten at gøre, og højrerklikker - Her vælger jeg Group (Hvis den mulighed ikke eksisterer, tryk da Ctrl+G). Med dette, får jeg grupperet min raket, så hver gang jeg trykker på en figur der udgør denne, markerer jeg hele raketten. Med raktetten markeret, går jeg op i mit Options Panel, hvor jeg vælger denne funktion, der bestemmer hvad jeg skal tilpasse i forhold til. Her vælger jeg i denne omgang Align til Artboard, og efterfølgende Horizontal Align Center, og Vertical Align Center, hvor efter min raket vil være placeret i midten af mit Artboard. Jeg skal nu sørge for mit Space Ship står lige i forhold til min raket, så jeg markerer teksten og raketten, hvorefter jeg igen trykker én gang på raketten, for at tilpasse i forhold til dennes placering - Dette er Align to Key Object funktionen. Jeg vælger Horizontal Align Center igen, og har nu det hele til at stå lige. 20
SHAPE BUILDER TOOL Jeg ønsker nu at lave noget infografik - Til dette vil jeg benytte Shape Builder Tool (Shift + M), men først laver jeg 6 cirkler, i størrelserne som ses herunder. Jeg laver også en vandret streg der skal være så lang den går uden for den største cirkel. 21
Jeg vælger Shape Builder Tool (Shift+M), med alle mine figurer markeret forinden. Herefter trækker jeg fra den yderste røde ring, ind til den blå cirkel, og min markering skal ser ud som herunder til venstre. Efter jeg har sluppet, ser den ud som herunder til højre. Jeg har nu ændret formen på figurerene, og lavet en sort figur. Jeg sletter nu alt det sorte, således min figur ser ud som denne. 22
ROTATE TOOL Da vi ønsker at lave infografik, inddeler jeg de 180 grader i 5 portioner, en på 20% (36 grader), en på 30% (54 grader), en på 10% (18 grader), en på 15% (27 grader) og den sidste på 25% (45 grader) - Jeg gør ved at tegne en streg i nul grader, og rotere den rundt i halvcirklen. Jeg markerer stregen og vælger Rotate Tool (R), mens jeg holder Alt nede, vælger jeg omdrejningspunktet, som er centrum af den hvide cirkel, og kopierer stregerne rundt i de ovennævngte grader. Jeg benytter Shape Builder Tool, til igen at inddele min halvcirkel. Alle dele af figuren er markeret, og efter at have slettet de overskydende elementer og ændret farverne så det kan ses hvordan de er inddelt, ser min figur således ud: 23
Jeg tilføjer nu en ny farve til dem - Fra venstre mod højre: C=75 M=55 Y=50 K=30, C=5 M=80 Y=75 K=0, C=50 M=15 Y=15 K=0, C=5 M=30 Y=85 K=0 og C=90 M=55 Y=40 K=20. Jeg ønsker nu at skabe noget dybde i figuren, hvilket jeg kan gøre med effekter som Drop Shadow - Jeg går til Effect > Stylize > Drop Shadow. Her vælger jeg indstillingerne, som ses herunder - Med et flueben i Preview, kan man følge med i hvordan ændringerne ser ud. 24
Jeg tilføjer nu Drop shadow til hver del af figuren i forskellige retninger, således den ser ud som herunder: Der kan nu tilføjes beskrivelse i den hvide cirkel - Derfor åbner jeg filen Ikon.ai i et seperat dokument, her markerer jeg ikonet og kopierer det over i det oprindelige dokument. Herefter flytter jeg mit ikon rundt, indtil jeg finder en placering, som jeg finder passende - Min figur ser nu sådan ud: 25
IMAGE TRACE - BILLEDVEKTORISERING I Illustrator har vi muligheden for at lave vores billeder i almindelige pixels, om til vektorbilleder, således vi kan skalere dem op i størrelser vi kun selv sætter grænsen for. Dog skal det nævnes, at kvaliteten, og forståelsen af billedet kan ændre sig en del, når du benytter image trace, men lad os kigge på et par eksempler. Det kræver meget computerkraft at lave disse konverteringer - Især hvis billedet er i høj opløsning, men billeder i høje opløsninger er også dem der giver det bedste resultat, hvilket kan ses herunder. Dette resultat kan være brugbart, hvis man for eksempel skal producere tapet til en væg der er 13 x 15 meter, og ikke har billedet i den størrelse. På afstand vil billedet fremstå som Eiffeltårnet, men kommer man tættere på, kan man se at billeder er udgjort af større plamager af farver. 26
Et sted jeg dog kan bruge Image Trace, er når håndskitser, underskrifter eller håndskrevne overskrifter skal benyttes. Jeg starter med at åbne filen Tændstiksmand.jpg med Illustrator, går til Window > Image trace. Jeg markerer billedet, og vælger mit preset til at være Black and White Logo. Mit billede ændrer sig nu, så det ser således ud (Tag dig ikke af den lille firkantede boks i midten, det er Art Boardet som er meget lille): I mit options panel er det muligt, med billedet markeret, at trykke på Expand - Så får vi muligheden for at ændre i vores billede. 27
Vores billede ser nu således ud, og vi kan højreklikke og Ungroup det hele. Med Selection Tool, kan jeg ændre størrelsen på manden, og rykke rundt på teksten, så den står i en linje. Jeg kan også ændre farven på min mand, hvis farven kun bliver vist i grå, gå da til Color > Options (Det øverste højre hjørne) > CMYK/RGB 28
FILFORMATER Når der arbejders med vektorformater, er det vigtigt at bruge det så ofte som muligt. Programmer som InDesign og Photoshop understøtter vektorformater, og derfor anbefales det at gemme originalfilen som.ai hver gang, og efterfølgende eksportere som.jpeg,.png eller andet filformat man ønsker. I Illustrator er der ikke så mange presets i forhold til hvordan det kan gemmes, men for.jpeg kan disse indstillinger anbefales for bedste kvalitet, men også for største størrelse. 29
Det var alt jeg havde at forklare jer for nu - Jeg håber I har fået noget ud af det, og at det var til at forstå. Skulle der være nogle problemer, når du kommer hjem, eller en dag når du sidder 10 minutter før aflevering, er du velkommen til at smide mig en besked: Facebook: Nicklas Hovgaard Lassen Mail: nlass3n@hotmail.com Tak for go ro, og orden! 30