Begynderens Guide til Adobe Illustrator

Reklame

Ønsker du at komme i gang med at lære Adobe Illustrator, men føler dig overvældet? Se "Kom godt i gang med Illustrator", den første Illustrator manual fra MakeUseOf. Med nemme at følge instruktioner og masser af annoterede skærmbilleder, gør denne vejledning det enkle at lære Illustrator.

Denne vejledning er tilgængelig til download som en gratis PDF. Download Beginners Guide til Adobe Illustrator nu . Du er velkommen til at kopiere og dele dette med dine venner og familie.

Adobe Illustrator er et vektor tegneprogram. Det bruges ofte til at oprette logoer, ikoner, illustrationer, diagrammer, infographics, t-shirts, visitkort, papirvarer, konvolutter, emballage design - du hedder det. Alt i alt er det mest brugt til at lave grafik med høj opløsning, som senere også kan udskrives.

I modsætning til Photoshop, der lagrer billedinformation i prikker, bruger Illustrator matematiske ligninger, når du tegner figurer. Vector tegninger kan skaleres til at passe skyscraper-størrelse bannere; rasterbilleder kan ikke. På grund af dette er Illustrator brugt til at lave tegninger, der skal skaleres let - ting som logoer.

Denne Adobe Illustrator-manual beskriver de grundlæggende værktøjer, der er nødvendige for at lave et logo, så tjek det ud. Åbn Illustrator selv og følg med for at virkelig få en følelse af Adobes fantastiske vektor kunstprogram.

Indholdsfortegnelse

§1. Introduktion

§2-Illustrator-arbejdsområdet

§3-Oprettelse af et logo i Illustrator

§4-Oprettelse af en 3D-tekst i Illustrator

§5-nogle nyttige tips

§6-Konklusion

1. Introduktion

Hvis du har besluttet at lære Illustrator, så skal du begynde med det grundlæggende. Det er et rigtig kraftfuldt program, men også et komplekst. Når du er fortrolig med grænsefladen, grundlæggende værktøjer, paletter og arbejdsområde, sparer du meget tid og nerver, og din arbejdsgang vil virke glat og behagelig.

Adobe Illustrator er et vektor tegneprogram. Det bruges ofte til at oprette logoer, ikoner, illustrationer, diagrammer, infographics, t-shirts, visitkort, stationeries, konvolutter, emballage design - du hedder det. Alt i alt er det mest brugt til at lave grafik med høj opløsning, som senere også kan udskrives.

I modsætning til Photoshop, der lagrer billedinformation i prikker, bruger Illustrator matematiske ligninger, når du tegner figurer. Hvad handler det om?

Det betyder, at vektorgrafik (som en Illustrator-tegning) kan skaleres eller zoomes til enhver størrelse uden at miste kvalitet, mens rasterbilleder (som et billede redigeret i Photoshop) vil pixelere som du skalere:

Grundlæggende kan vektor tegninger skaleres for at passe skyscraper-størrelse bannere; rasterbilleder kan ikke. Så hvis du planlægger at bruge dit arbejde til forskellige størrelser, skal du bruge et vektorbaseret program som Illustrator.

• Fordele ved vektorgrafik:

• Høj opløsning til enhver størrelse;

• Lille filstørrelse;

• Udskrift af høj kvalitet;

• Ingen opløsningstab under redigering.

Ulemper:

• Svær at producere realistiske tegninger (men stadig muligt).

Okay, så du læser stadig denne vejledning. Det fortæller mig, at du virkelig vil komme tættere på Illustrator, så jeg er her for at dele min viden med dig. I denne vejledning vil jeg introducere dig til arbejdsområdet, de grundlæggende værktøjer, former og vi opretter vores første logo ved hjælp af denne fantastiske software.

Bemærk venligst, at jeg bruger Illustrator CS5 på Windows, så Mac-brugere skal bruge lidt forskellige nøglekombinationer: Kommandotast i stedet for Ctrl og Option i stedet for Alt .

2. Illustrator Workspace

Hvis du er bekendt med Photoshop, vil Adobe Illustrator-arbejdsområdet ikke overraske dig meget, da de vigtigste dele af det er stort set de samme:

Du bruger primært værktøjspanelet, da alle de værktøjer, du har brug for, er der. For at konfigurere et aktivt værktøj skal du bruge Kontrolpanel, hvor alle muligheder for det aktuelle værktøj holdes. Og selvfølgelig panelet docking område - det holder sådanne vigtige paletter som farve farveprøver, lag, strejke muligheder, Udseende, Gradient indstillinger, osv. (Alle paletter kan tændes eller slukkes i Windows- menuen).

Lad os først se panelet Værktøjer .

2.1 Værktøjspanel

Der findes mange værktøjer i værktøjskassen, men du behøver ikke at huske alt. Bare et par af dem vil gøre jobbet.

Her er en referencetabel (nogle værktøjer, som rektangel, indeholder flere værktøjer indeni, som kan vælges ved at holde værktøjsikonet):

Jeg siger altid, at den bedste måde at lære på er at praktisere. Så lad os lære de grundlæggende værktøjer ved at bruge dem.

3. Oprettelse af et logo i Illustrator

Jeg bruger normalt Adobe Illustrator til at oprette logoer til mine klienter. Hvorfor forsøger vi ikke en?

Lad os ringe til vores fantastiske firma "LimeWorks" . Vi skal lave en kalk og sætte navnet under det. Sådan her:

Husk dog, at vi vil oprette et simpelt logo, så du bliver fortrolig med nogle værktøjer og metoder. Lad os starte med at tegne limesegmenter.

3.1 Brug af Pen Tool

Vi bruger værktøjet Pen, hvilket er et af de mest brugte værktøjer i Illustrator. Det bruges til at skabe alle former for former og genstande. Vælg det ved at klikke på dets ikon fra værktøjskassen eller brug p-tasten.

Ved hjælp af Pen-værktøjet skal du oprette din første trekant ved at klikke tre gange, hvor du vil have kanterne:

Bemærk: Som du ser, bruger jeg Grid (Ctrl + ") for at være mere præcis.

For at lukke stien, klik på det første punkt:

Nu er den klar til at blive fyldt med en farve. Sørg for at trekanten er valgt (klik på den med markeringsværktøj, V ) og vælg en gul tone:

3.2 Runde hjørner

Vi har brug for runde hjørner for at gøre vores kalksegment (trekanten) mere glat. Vi bruger Round Corners- effekten:

I dialogboksen Runde hjørner sættes noget som 4 mm (jeg bruger millimeter som enheder) og klik OK for at anvende ændringer:

Ser godt ud. Lad os nu tilføje lidt tekstur, så det ser mere realistisk ud.

3.3 Tilføjelse af Photoshop-effekter

I Adobe Illustrator, når du går til menuen Effects, vil du se, at der er Illustrator Effects og Photoshop Effects:

Vi vil bruge farvet glas (Effects-> Texture-> Glaseret) .

Men før det har vi brug for en kopi af vores trekant over det oprindelige lag.

3.4 Kopiering af objekter

Jeg vil vise dig nogle hurtige tips om, hvordan du nemt kan kopiere og indsætte objekter over det nuværende lag og under, mens du holder den nøjagtige position.

Hvis du vil indsætte en kopi af et markeret objekt over den oprindelige i den nøjagtige position, skal du først kopiere den ( Ctrl + C) og derefter indsætte den ved hjælp af Ctrl + F (hvis du bruger Ctrl + V vil den indsætte den midt på skærmen ). For at indsætte det under det oprindelige objekt skal du bruge Ctrl + B :

OK, så nu kender du kopiere / indsæt tricks.

Kopier og indsæt vores trekant lige foran sig selv (Ctrl + F), og udfyld det indsatte objekt med hvid farve:

Åbn dialogboksen Glasmosaik og sæt som min ( Cellestørrelse = 17; Bordtykkelse = 2; Lysintensitet = 0 ):

3.5 Udvid Udseende

Udvid Udseende er placeret i Objekt- menuen og er et af de vigtigste værktøjer i Illustrator. Det kan kræve en separat guide til beskrivelse i detaljer, men i dag lærer vi kun det grundlæggende.

Så, simpelthen, er Expand Appearance brugt til at opdele et objekt i separate stier eller billeder, efter at en effekt er anvendt på den. Nå, det lyder lidt forvirrende. Lad os bare bruge den og se den i aktion.

Sørg for at du har valgt din hvide trekant med farvestråleffekten på den og gå til Objekt-> Udvid Udseende . Nu er vores objekt et billede:

3, 6 Live Trace

En anden cool funktion af Adobe Illustrator, Live Trace bruges til at konvertere rasterbilleder til sporingsobjekter. Der er allerede nogle standardsporing forudindstillinger, men vi bruger brugerdefinerede indstillinger.

Gå til Objekt-> Live Trace -> Tracing Options og indstil værdier som nedenfor:

3, 7 udvid

Udvid bruges til at konvertere sporingsobjekter til redigerbare stier (vektor). Når du har sporet et rasterbillede, skal du bruge Expand .

Da vores teksturerede objekt nu er sporet og klar til at blive returneret til stier, vil vi bruge Udvid :

Som du ser, er vores tekstur nu et sæt stier, men vi skal ændre sin farve fra sort til hvid. Denne gang vil vi bruge Stroke (da tekstur er et sæt streger):

OKAY. Men det er nu lidt for skarpt. Lad os sløre det lidt.

3.8 Blur effekt

Gå til Effects-> Blur-> Gaussian Blur, sæt radius til 2, 8 pixel, og du skal have dette:

På dette tidspunkt er vi færdige med vores kalkskive. Resten er lettere.

3.9 Gruppering af objekter

På dette tidspunkt er vores kalk kalk klar, og vi skal duplikere det. Men det er sammensat af flere lag (objekter), så for at gøre tingene lettere, mens du duplikerer, lad os gruppere dem.

Hvis du vil gruppere et sæt objekter, skal du vælge dem alle ved at trække musen rundt om dem og klikke på Ctrl + G. En anden bekvem måde at vælge flere objekter på, er at holde Shift og klikke på objekter.

Men da vi ikke har andre objekter på vores tavle, kan du i stedet vælge alle objekter ( Ctrl + A ) og gruppere dem ( Ctrl + G ):

3.10 Brug af rotationsværktøj

Roter værktøj (R) bruges til ... gætte hvad? Ja, for at rotere objekter eller former.

Vælg værktøjet Roter og Alt + klik øverst i trekanten for at angive vores rotationscenter. I popup-boksen indstilles som følger, og klik på Kopier :

Du burde have det nu:

3.11 Et lille trick

Der er et lille trick (en af ​​mange), der vil gøre din Adobe Illustrator-oplevelse nemmere i fremtidige projekter. Tricket er bare en tastaturgenvej ( Ctrl + D ). Det gentager eller anvender den seneste transformation til det valgte objekt.

Det er også praktisk for vores praksis. Vælg det nye skive og brug Ctrl + D 6 gange:

Voila! Vi har en velsmagende citron. Nu for nogle detaljer.

Først og fremmest grupperer du alle skiver sammen for at holde tingene i orden. Så sørg for at intet er valgt ved at klikke et andet sted på tavlen.

3.12 Tegning af en cirkel

Vælg en lysegrøn farve for Fyld og ingen for Slag :

Vælg Ellipse- værktøjet (et underværktøj under Rektangel eller tryk L ):

Hold Shift + Alt, peg musen til midten af ​​kalk og træk musen, indtil du får en cirkel, der dækker hele kalk:

Bemærk: Du behøver ikke finde det nøjagtige center til at begynde med - vi vil justere objekter senere.

3.13 Arrangering af objekter

Som du ser nu, er den grønne cirkel foran eller over vores kalk. For at sende det tilbage eller under, vælg det og tryk Ctrl + [(Ctrl +] for at bringe det over det nuværende lag):

Godt. Vælg den cirkel og duplikér den under sig selv (som vi gjorde i 3.4.) Med Ctrl + C og derefter Ctrl + B :

Skift fyldfarve til mørkere grøn og gør den lidt større end den første cirkel ved at holde Shift + Alt og trække et af dets referencepunkter:

Det ser godt ud. Endnu bedre: vi er færdige med den hårde del.

3.14 Tilføjelse af tekst

Lad os tilføje vores firmanavn under kalk. Vælg Type værktøj ( T ), klik under kalk og skriv " LimeWorks" :

Lad os nu justere alt for at centrere.

3.15 Justering af objekter

For at justere objekter perfekt, brug justeringsværktøjerne. Disse værktøjer findes i kontrolpanelet, når markeringsværktøjet er aktivt. Se nedenfor for at forstå forskellige justeringer:

Bemærk at disse eksempler gælder for Juster til Artboard :

Hvis du vælger Juster til valg, bliver objekter justeret i forhold til udvælgelsens ydre grænser.

OKAY. Vælg alle objekter (Ctrl + A) og fra kontrolpanelet, klik på Horizontal Align Center (nummer 2):

Det er det. Nu kan du spille med størrelser og farver, hvis du vil.

Hvis du gør kalk mindre og ændrer tekstfarverne, vil det se meget bedre ud:

Okay, tillykke med dit første logo!

Lad os komme til at gemme og eksportere.

3.16 Gem og eksport

For at gemme dine Illustrator filer, skal du bare trykke Ctrl + S (som altid), og det gemmer det i .ai format.

Hvis du vil gemme dit logo i. png, så kan du gøre brug af en af ​​to måder: File-> Export eller File-> Save For Web og Devices .

Mens den anden måde eksporterer hele Artboard, kan du kun eksportere dine objekt (er) ved den første måde.

Her er et eksempel:

Bemærk : Du kan altid ændre størrelsen af ​​din Artb- oard (Fil-> Dokumentopsætning og klikke på Rediger tegnebrætter ). Derefter vil du se, at billedstørrelsen er den nye størrelse på dit Artboard, når du bruger Gem til web og enheder .

Bemærk også: Du kan kontrollere gennemsigtighed, når du gemmer til web, og du vil have dit logo med en gennemsigtig baggrund.

Lad os gå igennem en anden vejledning for at lære andre grundlæggende værktøjer. Vi opretter en 3D-tekst med en grungy baggrund.

4. Oprettelse af en 3D-tekst i Adobe Illustrator

Mens vektorgrafik typisk er to-dimensioner, kan du også oprette flotte 3D-objekter. I denne vejledning opretter vi en simpel 3D-tekst med en grungy baggrund som nedenfor:

Som jeg sagde, lærer vi nu det grundlæggende, så du får mere kendskab til grænsefladen og nogle nyttige værktøjer. Når du er, vil du se, at der ikke er grænser for, hvad du kan gøre med Illustrator.

4.1 Tilføjelse af en grungy Baggrund

Lad os starte med en cool baggrund.

Gå til dit yndlingswebsted for gratis teksturer og baggrunde og find en dejlig grungy baggrund. Jeg tog en fra Stock Image:

Kopier og indsæt det i dit Adobe Illustrator-dokument. Sandsynligvis vil det være alt for stort, så du skal nedskalere det. Brug Transform Panel til at kontrollere størrelsen på dit billede:

Bemærk: Du kan bruge dine egne værdier, bare sørg for, at den passer til dokumentet.

Nu har vi vores baggrundsbillede klar, men lad os tilføje nogle flere effekter til det. Først vil vi oprette et rektangel, og så tilføjer vi Indre Glow-effekt og bruger panelet Transparent til at ændre blanding mellem billedet og rektanglet.

4.2 Oprettelse af et rektangel

Vælg Rectangle fra Tools (M), tegne et rektangel, samme størrelse som dit baggrundsbillede (du kan muligvis bruge Transform panelet til at indstille eksakte værdier) og indstille Fillfarven til lysebrun og ingen slagtilfælde:

4.3 Tilføjelse af indvendig glødseffekt

Gå til Effekt-> Stylize-> Indvendig glød og sæt værdier som vist:

Her er hvad du skal have:

4.4 Brug af gennemsigtighedspanel

Du kan altid bruge Transparentpanel til at ændre den måde, en objekt eller et lag blandes med lag nedenfor. Lad os først sende vores rektangel bag billedet. Vælg rektanglet ved at klikke på det og brug Ctrl + [ .

Vælg nu billedlaget ved at klikke på billedet og åbne Transparentpanel (Vindue-> Gennemsigtighed) og vælg Multiplicer som blandingsfunktion:

Pæn. Vi er færdige med baggrunden. Lad os komme til selve 3D-teksten.

4.5 Arbejde med Type værktøj

Brug Type værktøj (T) til at skrive "MakeUseOf" med nogle fine skrifttyper (jeg valgte Diavlo Bold, som kan downloades på Exljbris Font Foundry). Gør det stort nok som 65pt, sæt sporing til -20 og vælg den hvide farve:

4.6 Oprette oversigter

Brug Opret konturer - højreklik på teksten og vælg Opret oversigt, for at konvertere tekst til vektorstier:

4.7 Tilføjelse af 3D-effekter

3D-effekter kan anvendes på objekter såvel som tekst. Vælg teksten, gå til Effect-> 3D-> Extrude & Command og anvend som følger:

Dette er hvad du bør have så langt:

Nu er vi nødt til at adskille tekstfladerne og vores 3D-effekt fra hinanden. Brug Udvid Udseende til at gøre det ( Objekt-> Udvid Udseende ).

Med Direkte markeringsværktøj (A) skal du kun markere ansigterne på teksten (hold Shift for at vælge flere objekter):

Tip : Når du vælger, skal du sørge for at ankre er blå og ingen af ​​dem hvide. For at gøre det skal du zoome lidt ind og klikke et sted midt i objekterne (her - tekstflader).

4.8 Brug af Unite fra Pathfinder panel

Kopier og indsæt dit valg nu, og brug Unite fra Pathfinder- panelet til at deltage i alle valgte ansigter i en grupperet sti:

Placer det nye lag oven på den gamle og sæt dets slagfarve til hvid og slagvægt til 1pt:

Vi er næsten der.

4.9 Tilføjelse af Gradient Style

Tilføjelse af gradienten er temmelig let - bare vælg objektet, klik på Gradient panelet til højre og indstil dine farver. Desuden kan du altid gøre brug af foruddefinerede biblioteker fra Window-> Swatch Libraries-> Gradients . Men denne gang, lad os sætte det op manuelt.

I panelet Gradient skal du indstille Type til Lineær, indstille første farve ved 0% sted til mørk rød, anden farve ved 80% placering til orange og den endelige farve ved 100% til lys rød, Vinkel til -90 °:

Tip : Brug den øverste skyder til at styre farveområdet for gradienten.

4.10 Tilføjelse af skygge

For at give vores tekst en dybde, lad os tilføje noget skygge til det. Vi bruger Gaussian Blur- effekten.

Først skal du kopiere ( Ctrl + C ) vores nye lag og indsætte det i fronten ( Ctrl + F ). Derefter ændrer du farven til sort og sætter slagtilfælde til ingen, send den bag 3D-effektlaget med Ctrl + [ (sørg for at det ligger over baggrundslagene):

Flyt den ned ved hjælp af piletasterne (du kan også ændre Y-koordinater fra Transformpanelet for at være mere præcis):

4.11 Anvendelse af Gaussisk uskarphed

Vor skygge ser ikke realistisk ud nu; vi skal sløre det lidt. Gå til Effect-> Blur-> Gaussian Blur og sæt Radius til 9 pixels:

Vi er færdige!

5. Nogle nyttige tips

Tips og tricks er uendelige, men jeg vil vise dig nogle af dem:

• Lås lag - når du vil vælge nogle små objekter, der ligger foran andre objekter (som en baggrund), i stedet for Skift + klik på hver enkelt kan du blot låse baggrunden med Ctrl + 2 eller indstille et låseskilt panelet Lag.

• Kontroller altid lagpaletten - når du arbejder med mange objekter og lag, er det virkelig nyttigt at navngive dine lag og kontrollere, hvordan dine lag er justeret (om et lag er over eller under det andet, er det låst osv.);

• Rediger lagformater, når som helst du har brug for - ja, du kan altid ændre stil eller effektindstillinger, som du allerede har anvendt til en genstand eller et lag før gennem Udseendepanelet (Vindue-> Udseende).

• Brug biblioteker - der er nogle fine foruddefinerede biblioteker til at gøre brug af i dine værker. Gå til Window-> Biblioteker og vælg fra børstebiblioteker, swatchbiblioteker, grafiske stilbiblioteker eller symbolbiblioteker. Der er mange af dem.

6. Konklusion

Jeg håber alt var klart nok til at du kan begynde at elske Adobe Illustrator. Hvad jeg har dækket i denne vejledning er bare det grundlæggende. Næste gang vil jeg vise mere komplekse anvendelser af andre fantastiske værktøjer og tricks. Indtil da - praksis .

Guide Udgivet: August 2012