Nybörjarens guide till Adobe Illustrator

Annons

Vill du börja lära dig Adobe Illustrator, men känner dig överväldigad? Kolla in "Komma igång med Illustrator", den första Illustratorhandboken från MakeUseOf. Med enkla instruktioner och massor av annoterade skärmdumpar, gör den här handboken att lära sig Illustrator enkelt.

Den här guiden är tillgänglig för nedladdning som en gratis PDF. Ladda ner Beginners Guide till Adobe Illustrator nu . Känn dig fri att kopiera och dela med dig av dina vänner och familj.

Adobe Illustrator är ett vektorritningsprogram. Det används ofta för att skapa logotyper, ikoner, illustrationer, diagram, infographics, t-shirts, visitkort, brevpapper, kuvert, förpackningsdesign - du heter det. Sammantaget används det mest för att skapa högupplösta bilder, som senare kan skrivas ut.

Till skillnad från Photoshop, som lagrar bildinformation i punkter, använder Illustrator matematiska ekvationer när du ritar former. Vektorteckningar kan skalas för att passa banners i skyscraper-storlek. rasterbilder kan inte. På grund av detta används Illustrator för att göra ritningar som behöver skala enkelt - saker som logotyper.

Denna Adobe Illustrator-manual förklarar grundläggande verktyg som behövs för att skapa en logotyp, så kolla in det. Öppna Illustrator själv och följ med för att verkligen få en känsla för Adobes fantastiska vektorkonstprogram.

Innehållsförteckning

§1. Introduktion

§2-Illustrator Arbetsyta

§3-Skapa en logotyp i Illustrator

§4-Skapa en 3D-text i Illustrator

§5-några användbara tips

§6. Sammanfattning

1. Introduktion

Om du har bestämt dig för att lära dig Illustrator måste du börja med grunderna. Det är ett riktigt kraftfullt program, men också en komplex. När du väl är bekant med gränssnittet, grundläggande verktyg, paletter och arbetsytor, sparar du mycket tid och nerver och ditt arbetsflöde kommer att tyckas smidigt och trevligt.

Adobe Illustrator är ett vektorritningsprogram. Det används ofta för att skapa logotyper, ikoner, illustrationer, diagram, infographics, t-shirts, visitkort, stationeries, kuvert, förpackningsdesign - du heter det. Sammantaget används det mest för att skapa högupplösta bilder, som senare kan skrivas ut.

Till skillnad från Photoshop, som lagrar bildinformation i punkter, använder Illustrator matematiska ekvationer när du ritar former. Vad handlar det om?

Det betyder att vektorgrafik (som en Illustrator-ritning) kan skalas eller zoomas till vilken storlek som helst utan att förlora kvalitet, medan rasterbilder (som en bild som redigeras i Photoshop) kommer att pixelera som du skala:

I grund och botten kan vektortekenningar skalas för att passa banners med skyscraper-storlek. rasterbilder kan inte. Så om du planerar att använda ditt arbete för olika storlekar, använd ett vektorbaserat program som Illustrator.

• Fördelar med vektorgrafik:

• Hög upplösning i alla storlekar;

• Liten filstorlek;

• Högkvalitativt utskrift;

• Ingen upplösningsförlust vid redigering.

nackdelar:

• Svårt att producera realistiska ritningar (men fortfarande möjligt).

Okej, så läser du fortfarande den här handboken. Det säger mig att du verkligen vill komma närmare Illustrator, så jag är här för att dela min kunskap med dig. I den här guiden kommer jag att introducera dig till arbetsytan, grundläggande verktyg, former och vi skapar vår första logotyp med hjälp av denna fantastiska programvara.

Observera att jag använder Illustrator CS5 på Windows, så Mac-användare måste använda lite olika nyckelkombinationer: Kommandotangent istället för Ctrl och Alternativ istället för Alt .

2. Illustrator Arbetsyta

Om du är bekant med Photoshop, kommer Adobe Illustrator-arbetsytan inte att överraska dig mycket, eftersom huvuddelarna av det är i grunden samma sak:

Du kommer främst att använda Verktyg-panelen, eftersom alla verktyg du behöver finns där. För att konfigurera ett aktivt verktyg använder du kontrollpanelen, där alla alternativ för det aktuella verktyget hålls. Och självklart paneldockningsområdet - det håller så viktiga paletter som färgfärger, lager, streckalternativ, Utseende, Gradient-inställningar etc. (alla paletter kan slås på eller av i Windows- menyn).

Låt oss kolla först på Verktygspanelen .

2.1 Verktygspanel

Det finns många verktyg tillgängliga i verktygslådan, men du behöver inte memorera allt. Bara några av dem kommer att göra jobbet.

Här är en referens tabell (vissa verktyg, som rektangel, innehåller fler verktyg inuti, vilket kan väljas genom att hålla verktygsikonen):

Jag säger alltid att det bästa sättet att lära sig är att öva. Så låt oss lära oss de grundläggande verktygen genom att faktiskt använda dem.

3. Skapa en logotyp i Illustrator

Jag brukar använda Adobe Illustrator för att skapa logotyper för mina klienter. Varför försöker vi inte en?

Låt oss ringa vårt fantastiska företag "LimeWorks" . Vi måste skapa en kalk och ange namnet under det. Så här:

Tänk på att vi kommer att skapa en enkel logotyp, så att du blir bekant med några verktyg och metoder. Låt oss börja med att skriva limesegment.

3.1 Använda Pen Tool

Vi använder Pen- verktyget, vilket är ett av de mest använda verktygen i Illustrator. Den används för att skapa alla typer av former och föremål. Markera den genom att klicka på dess ikon från verktygslådan eller använd P-tangenten.

Använd Pen-verktyget genom att skapa din första triangel genom att klicka tre gånger där du vill att kanterna ska vara:

Obs! Som du ser använder jag Grid (Ctrl + ") för att vara mer exakt.

För att stänga sökvägen klickar du på den första punkten:

Nu är det klart att de fylls med en färg. Se till att triangeln är vald (klicka på den med markeringsverktyget, V ) och välj en gul ton:

3.2 Runda hörn

Vi behöver runt hörn för att göra vårt kalksegment (triangeln) ser jämnare ut. Vi använder Round Corners- effekten:

I dialogrutan Runda hörn sätter du något liknande 4 mm (jag använder millimeter som enheter) och klickar på OK för att tillämpa ändringar:

Ser bra ut. Låt oss nu lägga till lite textur, så det ser mer realistiskt ut.

3.3 Lägga till Photoshop-effekter

I Adobe Illustrator, när du går till menyn Effekter ser du att det finns Illustrator Effects och Photoshop Effects:

Vi kommer att använda färgat glas (effekter-> textur-> färgat glas) .

Men före det behöver vi en kopia av vår triangel över det ursprungliga lagret.

3.4 Kopiera objekt

Jag visar dig några snabba tips om hur du enkelt kan kopiera och klistra in föremål ovanför det aktuella lagret och under, samtidigt som du behåller den exakta positionen.

För att klistra in en kopia av ett valt objekt ovanför originalet i exakt position, först kopiera det ( Ctrl + C) och klistra in det med Ctrl + F (om du använder Ctrl + V klistras det i mitten av skärmen ). Om du vill klistra in den under det ursprungliga objektet använder du Ctrl + B :

OK, så nu kan du kopiera / klistra in trick.

Kopiera och klistra in vår triangel precis framför sig (Ctrl + F) och fyll i det klistrade objektet med vit färg:

Öppna dialogrutan Stained Glass och ställ in som min ( Cellstorlek = 17; Gränstjocklek = 2; Ljusintensitet = 0 ):

3.5 Expand Utseende

Expand Utseende finns i objektmenyn och är ett av de viktigaste verktygen i Illustrator. Det kan kräva en separat guide för att beskriva i detalj, men idag lär vi oss bara grunderna.

Så, i enkla ordalag, används Expand Appearance för att dela ett objekt i separata vägar eller bilder efter att en effekt har applicerats på den. Tja, det låter lite förvirrande. Låt oss bara använda den och se den i aktion.

Se till att du har valt din vita triangel med Stained Glass- effekten på den och gå till Objekt-> Expand Utseende . Nu är vårt objekt en bild:

3, 6 levande spår

En annan cool egenskap hos Adobe Illustrator, Live-spårning används för att konvertera rasterbilder till spårningsobjekt. Det finns redan vissa standardinställningar för spårning, men vi använder anpassade inställningar.

Gå till Objekt-> Live Trace -> Spårningsalternativ och ange värden enligt nedan:

3, 7 Expand

Expand används för att konvertera spårningsobjekt till redigerbara banor (vektor). Efter att ha spårat en rasterbild ska du använda Expand .

Eftersom vårt strukturerade objekt nu spåras och redo att returneras till sökvägar, använder vi Expand :

Som du ser är vår textur nu en uppsättning vägar, men vi behöver ändra sin färg från svart till vitt. Den här gången kommer vi att använda Stroke (eftersom texturen är en uppsättning streckningar):

OK. Men det är nu lite för skarpt. Låt oss oskärpa det lite.

3.8 Blur effekt

Gå till Effects-> Blur-> Gaussian Blur, sätt radie till 2, 8 pixlar och du borde ha det här:

Vid denna tidpunkt är vi färdiga med vår kalkskiva. Resten är lättare.

3.9 Gruppera objekt

Vid denna tidpunkt är kalkkilen klar och vi måste duplicera det. Men det är sammansatt av flera lager (objekt), så för att göra det enklare när du kopierar, låt oss gruppera dem.

För att gruppera en uppsättning objekt, välj dem alla genom att dra musen runt dem och klicka på Ctrl + G. Ett annat bekvämt sätt att välja flera objekt är att hålla Shift och klicka på objekt.

Men eftersom vi inte har några andra objekt på vår tavla kan du istället välja alla objekt ( Ctrl + A ) och gruppera dem ( Ctrl + G ):

3.10 Använd rotationsverktyget

Rotate tool (R) används för ... gissa vad? Ja, för att rotera objekt eller former.

Välj Rotate-verktyget och Alt + klicka högst upp i triangeln för att ställa in vårt rotationscentrum. I popup-rutan anger du följande och klickar på Kopiera :

Du borde ha det här nu:

3.11 Ett litet knep

Det finns ett litet knep (en av många) som gör din Adobe Illustrator-upplevelse enklare i framtida projekt. Tricket är bara en tangentbordsgenväg ( Ctrl + D ). Den upprepar eller tillämpar den senaste omvandlingen till det valda objektet.

Det är praktiskt för vår övning också. Välj den nya skivan och använd Ctrl + D 6 gånger:

Voila! Vi har en god citron. Nu för några detaljer.

Först och främst, gruppera alla skivorna ihop för att hålla saker i ordning. Kontrollera sedan att inget är valt genom att klicka någon annanstans på tavlan.

3.12 Ritning av en cirkel

Välj en ljusgrön färg för Fyll och ingen för Slag :

Välj Ellipse- verktyget (ett underverktyg under rektangel eller tryck L ):

Håll Shift + Alt, peka musen till mitten av kalken och dra musen tills du får en cirkel som täcker hela kalken:

Obs! Du behöver inte hitta exakt centrum för att börja med - vi kommer att justera objekt senare.

3.13 Ordna objekt

Som du ser nu ligger den gröna cirkeln framför eller över vår kalk. För att skicka det tillbaka eller under, välj det och tryck Ctrl + [(Ctrl +] för att hämta det över det aktuella lagret):

Bra. Välj den cirkeln och duplicera den under sig själv (som vi gjorde i 3.4.) Med Ctrl + C och sedan Ctrl + B :

Ändra fyllfärgen till en mörkare grön och gör den lite större än den första cirkeln genom att hålla Shift + Alt och dra en av dess referenspunkter:

Det ser ganska bra ut. Ännu bättre: vi är färdiga med den svåra delen.

3.14 Lägga till text

Låt oss lägga till vårt företagsnamn under kalk. Välj Typverktyg ( T ), klicka under kalk och skriv " LimeWorks" :

Låt oss nu anpassa allt för att centrera.

3, 15 Justera objekt

Justera objekten perfekt, använd justeringsverktygen. Dessa verktyg finns i kontrollpanelen när valverktyget är aktivt. Se nedan för att förstå olika anpassningar:

Observera att dessa exempel är sanna för Justera till Artboard :

Om du väljer Justera till urval, kommer objekten att anpassas med hänsyn till markens yttre gränser.

OK. Markera alla objekt (Ctrl + A) och på kontrollpanelen, klicka på Horisontellt inriktningscenter (nummer 2):

Det är allt. Nu kan du spela med storlekar och färger om du vill.

Om du gör kalk mindre och ändrar textfärgerna ser det mycket bättre ut:

Okej, grattis till din första logotyp!

Låt oss komma till Spara och exportera.

3.16 Spara och exportera

För att spara dina Illustrator-filer klickar du bara på Ctrl + S (som alltid) och det sparar det i .ai- format.

Om du vill spara din logotyp i. png, då kan du använda något av två sätt: Arkiv-> Exportera eller Fil-> Spara för webben och enheter .

Medan andra sättet exporterar hela Artboard kan du bara exportera dina objekt (er) till det första sättet.

Här är ett exempel:

Obs! Du kan alltid ändra storleken på din Artb- server (File-> Document Setup och klicka på Edit Artboards ). Därefter ser du att bildstorleken är den nya storleken på din Artboard när du använder Spara för webb och enheter .

Observera också: Du kan kontrollera Transparency när du sparar för webben och du kommer att få din logotyp med en genomskinlig bakgrund.

Låt oss gå igenom en annan handledning för att lära sig andra grundläggande verktyg. Vi skapar en 3D-text med en grungy bakgrund.

4. Skapa en 3D-text i Adobe Illustrator

Medan vektorgrafik typiskt är tvådimensioner kan du också skapa snygga 3D-objekt. I denna handledning skapar vi en enkel 3D-text med en grungy bakgrund som nedan:

Som sagt sa vi nu grunderna, så att du blir mer bekant med gränssnittet och några användbara verktyg. När du är, ser du att det inte finns några gränser för vad du kan göra med Illustrator.

4.1 Lägga till en grungy bakgrund

Låt oss börja med en cool bakgrund.

Gå till din favoritwebbplats för gratis texturer och bakgrunder och hitta en fin grungy bakgrund. Jag tog en från Stock Image:

Kopiera och klistra in det i ditt Adobe Illustrator-dokument. Förmodligen kommer det vara alltför stort, så du måste skala ner det. Använd Transform Panel för att styra storleken på din bild:

Obs! Du kan använda egna värden, bara se till att den passar dokumentet.

Nu har vi vår bakgrundsbild redo, men låt oss lägga till några fler effekter på den. Först kommer vi att skapa en rektangel och sedan lägger vi till den inre glödseffekten och använder panelen Transparens för att ändra blandningen mellan bilden och rektangeln.

4.2 Skapa en rektangel

Välj Rektangel från Verktyg (M), rita en rektangel, samma storlek som din bakgrundsbild (du kanske vill använda Transformpanelen för att ställa in exakta värden) och ställa in Fyllfärgen till ljusbrun och ingen stroke:

4.3 Lägga till inre glödseffekt

Gå till Effect-> Stylize-> Inner Glow och set värden som visas:

Här är vad du borde ha:

4.4 Använda OH-panelen

Du kan alltid använda OH-panelen för att ändra hur ett objekt eller ett lager blandas med lager nedan. Först av, låt oss skicka vår rektangel bakom bilden. Välj rektangeln genom att klicka på den och använd Ctrl + [ .

Välj nu bildlagret genom att klicka på bilden och öppna Transparentpanelen (Fönstret-> Transparent) och välj Multiplicera som blandningsläge:

Trevlig. Vi är färdiga med bakgrunden. Låt oss komma till själva 3D-texten.

4.5 Arbeta med typverktyg

Använd typverktyget (T) genom att skriva "MakeUseOf" med en del fina teckensnitt (jag valde Diavlo Bold, som kan laddas ned vid exljbris Font Foundry). Gör det tillräckligt stort som 65pt, sätt spårning till -20 och välj den vita färgen:

4.6 Skapa konturer

Använd Skapa konturer - högerklicka på texten och välj Skapa konturer, för att konvertera text till vektorbanor:

4.7 Lägga till 3D-effekter

3D-effekter kan tillämpas på alla föremål såväl som text. Välj texten, gå till Effect-> 3D-> Extrude & Command och använd som följande:

Detta är vad du borde ha så här långt:

Nu måste vi separera textens ansikten och vår 3D-effekt från varandra. Använd Expand Utseende för att göra det ( Objekt-> Expand Utseende ).

Med Direktmarkeringsverktyg (A) markerar du bara textens ansikten (håll Shift och välj flera objekt):

Tips : Se till att ankarna är blåa och ingen av dem vid valet. För att göra det, zooma in lite och klicka någonstans mitt i objekten (här - textytor).

4.8 Använda Unite från Pathfinder-panelen

Kopiera och klistra in ditt val nu och använd Unite from Pathfinder- panelen för att ansluta alla valda ansikten till en gruppad sökväg:

Placera det nya skiktet ovanpå den gamla och sätt dess slagfärg till vit och slagvikt till 1pt:

Vi är nästan där.

4.9 Lägga till Gradient Style

Lägga till lutningen är ganska lätt - välj bara objektet, klicka på Gradient- panelen till höger och ställ in dina färger. Dessutom kan du alltid använda fördefinierade bibliotek från Window-> Swatch Libraries-> Gradients . Men den här gången, låt oss sätta upp det manuellt.

På panelen Gradient anger du typ till linjär, ställer in första färg vid 0% plats till mörkröd, andra färg vid 80% plats till orange och slutlig färg vid 100% till ljus röd, vinkel till -90 °:

Tips : Använd den övre reglaget för att styra färgområdet för gradienten.

4.10 Lägga till skugga

För att ge vår text lite djup, låt oss lägga till lite skugga på den. Vi använder Gaussian Blur- effekten.

Först kopiera ( Ctrl + C ) vårt nya lager och klistra in det på framsidan ( Ctrl + F ). Ändra sedan sin färg till svart och ställ in slag till ingen, skicka den bakom 3D-effektlaget med Ctrl + [ (kontrollera att det ligger ovanför bakgrundsskikten):

Flytta ner den med hjälp av piltangenterna (du kan också ändra Y-koordinater från transformationspanelen för att vara mer exakt):

4.11 Användning av Gaussian Blur

Vår skugga ser inte realistisk ut nu; vi måste suddas bort lite. Gå till Effect-> Blur-> Gaussian Blur och ställ Radius till 9 pixlar:

Vi är klara!

5. Några användbara tips

Tips och tricks är oändliga, men jag kommer visa dig några av dem:

• Låsa lager - när du vill välja några små objekt som ligger framför andra objekt (som en bakgrund), istället för Shift + klicka på var och en kan du helt enkelt låsa bakgrunden med Ctrl + 2 eller lägga in ett lås tecken panelen Lager.

• Kontrollera alltid paletten Lager - när du arbetar med många objekt och skikt är det väldigt användbart att namnge dina lager och kontrollera hur dina lager är inriktade (om ett lager är över eller under det andra, är det låst, etc.);

• Ändra lagringsformat när du behöver - ja, du kan alltid ändra stil- eller effektinställningar som du redan har applicerat på ett objekt eller ett lager före genom Utseckningspanelen (Fönster-> Utseende);

• Använd biblioteken - det finns några fina fördefinierade bibliotek som du kan använda i dina verk. Gå till Fönster-> Bibliotek och välj från Brush Library, Swatch Bibliotek, Grafiska Style Bibliotek eller Symbol Bibliotek. Det finns många av dem.

6. Sammanfattning

Jag hoppas att allt var klart nog för att du ska börja älska Adobe Illustrator. Vad jag har behandlat i den här guiden är bara grunderna. Nästa gång kommer jag att visa mer komplexa användningar av andra fantastiska verktyg och tricks. Fram till dess - öva .

Guide Publicerad: augusti 2012