Home-theater-designers
Vill du börja lära dig Adobe Illustrator , men känner dig överväldigad? Se 'Komma igång med Illustrator', den första Illustrator -handboken från MakeUseOf. Med instruktioner som är lätta att följa och många annoterade skärmdumpar gör den här handboken det enkelt att lära Illustrator.
Adobe Illustrator är ett vektorritprogram. Det används ofta för att skapa logotyper, ikoner, illustrationer, diagram, infografik, t-shirts, visitkort, brevpapper, kuvert, förpackningsdesign-you name it. Sammantaget används det mest för att skapa grafik med hög upplösning, som senare kan skrivas ut också.
Till skillnad från Photoshop, som lagrar bildinformation i prickar, använder Illustrator matematiska ekvationer när du ritar former. Vektorteckningar kan skalas för att passa banderoller i skyskraporstorlek; rasterbilder kan inte. På grund av detta används Illustrator för att göra ritningar som enkelt måste skala - saker som logotyper.
Denna Adobe Illustrator -handbok 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
§3 – Skapa en logotyp i Illustrator
§4 – Skapa en 3D -text i Illustrator
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å ett komplext. När du väl känner till gränssnittet, grundläggande verktyg, paletter och arbetsyta kommer du att spara mycket tid och nerver och ditt arbetsflöde kommer att verka smidigt och trevligt.
Adobe Illustrator är ett vektorteckningsprogram. Det används ofta för att skapa logotyper, ikoner, illustrationer, diagram, infografik, t-shirts, visitkort, brevpapper, kuvert, förpackningsdesign-you name it. Sammantaget används det mest för att skapa grafik med hög upplösning, som senare kan skrivas ut också.
Till skillnad från Photoshop, som lagrar bildinformation i prickar, använder Illustrator matematiska ekvationer när du ritar former. Vad handlar det om?
Det betyder att vektorgrafik (som en Illustrator -teckning) kan skalas eller zooma till valfri storlek utan att förlora kvalitet, medan rasterbilder (som en bild redigerad i Photoshop) kommer att pixelera när du skalar:
I grund och botten kan vektorteckningar skalas för att passa banderoller i skyskraporstorlek; 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;
• Utskrift av hög kvalitet;
• Ingen upplösningsförlust vid redigering.
Nackdelar:
• Svårt att ta fram realistiska teckningar (men fortfarande möjligt).
Okej, så du läser fortfarande den här guiden. Det säger mig att du verkligen vill komma närmare med Illustrator, så jag är här för att dela min kunskap med dig. I den här guiden kommer jag att presentera dig för arbetsytan, grundläggande verktyg, former och vi kommer att skapa vår första logotyp med denna fantastiska programvara.
Observera att jag använder Illustrator CS5 på Windows, så Mac -användare måste använda lite olika tangentkombinationer: Kommando nyckel istället för Ctrl och Alternativ istället för Allt .
2. Illustrator -arbetsytan
Om du är bekant med Photoshop kommer Adobe Illustrator -arbetsytan inte att överraska dig mycket, eftersom huvuddelarna i det i princip är desamma:
Du kommer främst att använda verktygspanelen, 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 finns kvar. Och, naturligtvis, panelens dockningsområde - den behåller så viktiga paletter som färgprover, lager, alternativ för linjer, utseende, lutningsinställningar, etc. (alla paletter kan slås på eller av i Windows meny).
Låt oss kolla in Verktyg panelen först.
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 referensbord (några verktyg, t.ex. Rektangel , innehåller fler verktyg inuti, som 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 kunder. Varför provar vi inte en?
Låt oss ringa vårt fantastiska företag LimeWorks . Vi måste skapa en kalk och lägga namnet under den. Så här:
Tänk dock på att vi kommer att skapa en enkel logotyp, bara så att du blir bekant med några verktyg och metoder. Låt oss börja med att rita limesegment.
3.1 Använda pennverktyget
Vi kommer att använda Penna verktyg, som är ett av de mest använda verktygen i Illustrator. Det används för att skapa alla slags former och föremål. Välj den genom att klicka på dess ikon från verktygslådan eller använd P -tangenten.
var man kan ladda ner musik gratis
Använd pennverktyget och 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 rutnät (Ctrl+) för att vara mer exakt.
För att stänga sökvägen, klicka på den första punkten:
Nu är den klar att fyllas med en färg. Se till att triangeln är markerad (klicka på den med Urvalsverktyg, V ) och välj en gul ton:
3.2 Gör runda hörn
Vi behöver runda hörn för att få vårt limesegment (triangel) att se smidigare ut. Vi kommer att använda Runda hörn effekt:
I Runda hörn dialogruta, sätt något liknande 4 mm (Jag använder millimeter som enheter) och klicka 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
När du går till Effects -menyn i Adobe Illustrator ser du att det finns Illustrator Effects och Photoshop Effects:
Vi kommer använda Målat glas (effekter-> textur-> målat glas) .
Men innan det behöver vi en kopia av vår triangel ovanför det ursprungliga lagret.
3.4 Kopiera objekt
Jag visar dig några snabba tips om hur du enkelt kopierar och klistrar in objekt 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 det ursprungliga i exakt position, kopiera det först ( Ctrl+C) och klistra sedan in den med Ctrl+F (om du använder Ctrl+V det klistras in i mitten av skärmen). För att klistra in den under det ursprungliga objektet, använd Ctrl+B :
OK, så nu känner du till copy/paste -tricksna.
Kopiera och klistra in vår triangel precis framför sig själv (Ctrl+F) och fyll det inklistrade objektet med vit färg:
Öppna Färgatglas dialogrutan och ställ in som min ( Cellstorlek = 17; Kanttjocklek = 2; Ljusintensitet = 0 ):
3.5 Expandera utseende
Expandera utseende ligger i Objekt menyn 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 termer, Expandera utseende används för att dela upp ett objekt i separata sökvägar eller bilder efter att en effekt applicerats på det. Det låter lite förvirrande. Låt oss bara använda det och se det i aktion.
Se till att du har valt din vita triangel med Färgatglas effekt på det och gå till Objekt-> Expandera utseende . Nu är vårt objekt en bild:
3.6 Live Trace
En annan cool funktion i Adobe Illustrator, Levande spår används för att konvertera rasterbilder till spårningsobjekt. Det finns redan några förinställda spårningsinställningar, men vi använder anpassade inställningar.
Gå till Objekt-> Live Trace -> Spårningsalternativ och ställ in värden enligt nedan:
3.7 Expandera
Bygga ut används för att konvertera spårningsobjekt till redigerbara sökvägar (vektor). Efter att ha spårat en rasterbild bör du använda Bygga ut .
Eftersom vårt texturerade objekt nu är spårat och redo att återföras till banor, kommer vi att använda det Bygga ut :
Som du ser är vår struktur nu en uppsättning vägar , men vi måste ändra dess färg från svart till vitt. Den här gången kommer vi att använda Stroke (eftersom strukturen är en uppsättning slag):
OK. Men den är lite för skarp nu. Låt oss suddas ut lite.
3.8 Oskärpa -effekt
Gå till Effekter-> Oskärpa-> Gaussisk oskärpa , ställ in radie till 2,8 pixlar och du bör ha detta:
Vid denna tidpunkt är vi klara med vår limeskiva. Resten är lättare.
3.9 Gruppera objekt
Vid denna tidpunkt är vår kilkalk klar, och vi måste kopiera den. Men den består av flera lager (objekt), så för att göra det enklare när du kopierar, låt oss Grupp dem.
Om du vill gruppera en uppsättning objekt markerar du dem alla genom att dra musen runt dem och klicka Ctrl+G . Ett annat bekvämt sätt att välja flera objekt är att hålla Flytta 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ända verktyget Rotera
Rotera verktyg (R) används för ... gissa vad? Ja, för att rotera objekt eller former.
Välj verktyget Rotera och Alt + klicka högst upp i triangeln för att ställa in vårt rotationscentrum. I popup-rutan ställer du in enligt följande och klickar på Kopiera :
Du borde ha detta nu:
3.11 Ett litet knep
Det finns ett litet trick (ett av många) som gör din Adobe Illustrator -upplevelse enklare i framtida projekt. Tricket är bara en kortkommando ( Ctrl+D ). Den upprepar eller tillämpar den senaste omvandlingen på det valda objektet.
Det är också praktiskt för vår träning. Välj den nya skivan och använd Ctrl+D 6 gånger:
Voila! Vi har en välsmakande citron. Nu för några detaljer.
Först och främst, gruppera alla skivorna tillsammans för att hålla ordning. Se sedan till att ingenting är valt genom att klicka någon annanstans på tavlan.
3.12 Rita en cirkel
Välj en ljusgrön färg för Fylla och ingen för Stroke :
Välj Ellips verktyg (ett underverktyg under Rektangel eller slå DE ):
Håll Skift + Alt , rikta musen mot mitten av kalken och dra musen tills du får en cirkel som täcker hela kalken:
Obs! Du behöver inte hitta det exakta centrum för att börja med - vi kommer att justera objekt senare.
3.13 Ordna objekt
Som du ser nu är den gröna cirkeln framför eller ovan vår lime. För att skicka den tillbaka eller Nedan , välj det och tryck på Ctrl+[(Ctrl+] för att föra det över det aktuella lagret):
Bra. Välj den cirkeln och kopiera den under sig själv (som vi gjorde i 3.4.) Med Ctrl+C och då Ctrl+B :
Ändra fyllningsfärgen till en mörkare grön färg och gör den lite större än den första cirkeln genom att hålla ned Skift+Alt och dra en av dess referenspunkter:
Det ser ganska bra ut. Ännu bättre: vi är klara med den svåra delen.
3.14 Lägga till text
Låt oss lägga till vårt företagsnamn under kalken. Välj Typ verktyg ( T ), klicka under kalken och skriv LimeWorks :
Låt oss nu anpassa allt till mitten.
3.15 Justera objekt
För att anpassa objekt perfekt, använd justeringsverktygen. Dessa verktyg finns på kontrollpanelen när urvalsverktyget är aktivt. Se nedan för att förstå olika anpassningar:
Observera att dessa exempel är sanna för Justera till tavlan :
Om du väljer Justera till markering , kommer objekt att justeras med avseende på markeringens yttre gränser.
OK. Markera alla objekt (Ctrl+A) och klicka på kontrollpanelen, klicka på Horizontal Align Center (nummer 2):
Det är allt. Nu kan du leka med storlekar och färger om du vill.
Om du gör kalken mindre och ändrar textfärgerna kommer den att se mycket bättre ut:
Okej, grattis till din första logotyp!
Låt oss gå till Spara och exportera.
3.16 Spara och exportera
För att spara dina Illustrator -filer, tryck bara på Ctrl+S (som alltid) och det kommer att spara det .till formatera.
Om du vill spara din logotyp i. png , då kan du använda dig av ett av två sätt: File-> Export eller File-> Save For Web and Devices .
Medan det andra sättet exporterar hela tavlan, kan du på det första sättet exportera endast dina objekt.
Här är ett exempel:
Notera : du kan alltid ändra storleken på din Artb oard (File-> Document Setup och klicka på Edit Artboards ). Efter det, när du använder Spara för webb och enheter du kommer att se att bildstorleken är den nya storleken på din tavla.
Observera också: du kan kontrollera Genomskinlighet när du sparar för webben och du kommer att ha din logotyp med en transparent bakgrund.
Låt oss gå igenom en annan handledning för att lära dig andra grundläggande verktyg. Vi skapar en 3D -text med en grungy bakgrund.
4. Skapa en 3D -text i Adobe Illustrator
Medan vektorgrafik vanligtvis är tvådimensionell kan du också skapa snygga 3D-objekt. I denna handledning kommer vi att skapa en enkel 3D -text med en grungy bakgrund som nedan:
Som sagt, vi lär oss nu grunderna, så att du blir mer bekant med gränssnittet och några användbara verktyg. När du väl är det kommer du att se 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 Stockbild :
Kopiera och klistra in det i ditt Adobe Illustrator -dokument. Förmodligen blir det för stort, så du måste skala ner det. Använda sig av Förvandla panel för att styra storleken på din bild:
Obs! Du kan använda dina egna värden, se bara till att det passar dokumentet.
Nu har vi vår bakgrundsbild klar, men låt oss lägga till några fler effekter till den. Först skapar vi en rektangel och sedan lägger vi till inre glödeffekt och använder transparenspanelen för att ändra blandning 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 Omvandla panelen för att ställa in exakta värden) och ställ in Fylla färg till ljusbrun och ingen stroke:
4.3 Lägga till inre glödeffekt
Gå till Effekt-> Stylize-> Inre glöd och ställ in värden enligt bilden:
Här är vad du bör ha:
4.4 Använda transparenspanelen
Du kan alltid använda Öppenhetspanel för att ändra hur ett objekt eller ett lager blandas med lager nedan. Låt oss först skicka vår rektangel bakom bilden. Välj rektangeln genom att klicka på den och använda Ctrl+[ .
Välj nu bildlagret genom att klicka på bilden och öppna Transparenspanel (Fönster-> Transparens) och välj Multiplicera som blandningsläge:
Trevlig. Vi är klara med bakgrunden. Låt oss komma till själva 3D -texten.
4.5 Arbeta med typverktyg
Använda Typverktyg (T) skriv MakeUseOf med något fint teckensnitt (jag valde Diavlo Fet , som kan laddas ner på exljbris Font Foundry ). Gör det tillräckligt stort som 65pt , ställ in spårning till -tjugo och välj Vit Färg:
4.6 Skapa konturer
Använda sig av Skapa konturer - högerklicka på texten och välj Skapa konturer , för att konvertera text till vektorvägar:
4.7 Lägga till 3D -effekter
3D -effekter kan tillämpas på alla objekt samt text. Markera texten, gå till Effekt-> 3D-> Extrude & Bevel och ansök enligt följande:
Så här bör du ha så här långt:
Nu måste vi separera textens ansikten och vår 3D -effekt från varandra. Använda sig av Expandera utseende att göra det ( Objekt-> Expandera utseende ).
Med Verktyg för direkt markering (A) , välj endast textens ansikten (håll ned Flytta för att välja flera objekt):
Dricks : medan du väljer, se till att ankarna är blå och ingen av dem är vita. 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
Nu kopiera och klistra in ditt val och använd Förenad från Stigfinnare panelen för att ansluta alla valda ansikten till en grupperad sökväg:
Lägg det nya lagret ovanpå det gamla och ställ in det Slagfärg till vitt och Slagvikt till 1pt:
Vi är nästan där.
4.9 Lägga till Gradient Style
Att lägga till lutning är ganska enkelt - välj bara objektet, klicka på Lutning panelen till höger och ställ in dina färger. Dessutom kan du alltid använda fördefinierade Bibliotek från Fönster-> Swatch-bibliotek-> Gradienter . Men den här gången, låt oss konfigurera det manuellt.
I Lutning panel, uppsättning Typ till Linjär , ställ in första färgen på 0% plats till mörk röd, andra färgen på 80% plats till orange och den sista färgen på 100% till ljus röd, Vinkel till -90 °:
Dricks : Använd den övre skjutreglaget för att styra gradientens färgintervall.
4.10 Lägga till skugga
För att ge vår text lite djup, låt oss lägga till lite skugga. Vi kommer att använda Gaussisk oskärpa effekt.
Kopiera först ( Ctrl+C ) vårt nya lager och klistra in det framför ( Ctrl+F ). Ändra sedan dess färg till svart och ställ in stroke till ingen, skicka den bakom 3D -effektskiktet med Ctrl+[ (se till att den ligger ovanför bakgrundsskikten):
Flytta ner den med piltangenterna (du kan också ändra Y -koordinater från Transform -panelen för att vara mer exakt):
4.11 Tillämpa Gaussisk oskärpa
Vår skugga ser inte realistisk ut nu; vi måste suddas ut lite. Gå till Effekt-> Oskärpa-> Gaussisk oskärpa och ställ in Radie till 9 pixlar:
Vi är klara!
5. Några användbara tips
Tips och tricks är oändliga, men jag visar dig några av dem:
• Lås lager - när du vill markera några små objekt som ligger framför andra objekt (som en bakgrund) kan du i stället för Skift+klicka på var och en låsa bakgrunden med Ctrl+2 eller sätta in ett låstecken panelen Lager.
• Kontrollera alltid Lager -paletten - när du arbetar med många objekt och lager är det verkligen användbart att namnge dina lager och kontrollera hur dina lager är inriktade (om ett lager är ovanför eller under det andra, är det låst, etc.);
• Redigera om lagstilar när du behöver- ja, du kan alltid ändra stil- eller effektinställningar som du redan har tillämpat på ett objekt eller ett lager tidigare genom panelen Utseende (Fönster-> Utseende);
• Använd bibliotek-det finns några fina fördefinierade bibliotek att använda i dina verk. Gå till Fönster-> Bibliotek och välj bland Penselbibliotek, Swatch-bibliotek, Grafiska stilbibliotek eller Symbolbibliotek. Det finns många av dem.
6. Sammanfattning
Jag hoppas att allt var tillräckligt tydligt för att du skulle börja älska Adobe Illustrator. Det jag har täckt i den här guiden är bara grunderna. Nästa gång kommer jag att visa mer komplex användning av andra fantastiska verktyg och knep. Tills dess - öva .
Guide publicerad: augusti 2012
Dela med sig Dela med sig Tweet E-post Så här får du tillgång till Googles inbyggda bubblanivå på AndroidOm du någonsin har behövt se till att något är i nivå med en nypa kan du nu få en bubbla på din telefon på några sekunder.
Läs Nästa Relaterade ämnen- Kreativ
- Datorstödd design
- Lång form
- Longform Guide
Prenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!
Klicka här för att prenumerera