Begynnerveiledningen Til Adobe Illustrator

Annonse

Ønsker du å begynne å lære Adobe Illustrator, men føler deg overveldet? Sjekk ut "Komme i gang med Illustrator", den første Illustrator-håndboken fra MakeUseOf. Med enkle instruksjoner og mange annoterte skjermbilder, gjør denne håndboken det enkle å lære Illustrator.

Denne veiledningen er tilgjengelig for nedlasting som en gratis PDF. Last ned nybegynnerveiledningen til Adobe Illustrator nå . Du er velkommen til å kopiere og dele dette med venner og familie.

Adobe Illustrator er et vektor tegneprogram. Det brukes ofte til å lage logoer, ikoner, illustrasjoner, diagrammer, infographics, t-skjorter, visittkort, skrivesaker, konvolutter, emballasje design - du heter det. Alt i alt er det mest brukt til å lage grafikk med høy oppløsning, som senere også kan skrives ut.

I motsetning til Photoshop, som lagrer bildeinformasjon i prikker, bruker Illustrator matematiske ligninger når du tegner figurer. Vector tegninger kan skaleres for å passe skyscraper-størrelse bannere; rasterbilder kan ikke. På grunn av dette er Illustrator brukt til å lage tegninger som skal skaleres enkelt - ting som logoer.

Denne Adobe Illustrator-håndboken forklarer grunnleggende verktøy som trengs for å lage en logo, så sjekk den ut. Åpne Illustrator selv og følg med for å virkelig få en følelse for Adobes fantastiske vektorkunstprogram.

Innholdsfortegnelse

§1. Introduksjon

§2-Illustrator-arbeidsområdet

§3-Opprette en logo i Illustrator

§4-Opprette en 3D-tekst i Illustrator

§5-noen nyttige tips

§6-Konklusjon

1. Introduksjon

Hvis du har bestemt deg for å lære Illustrator, må du begynne med det grunnleggende. Det er et veldig kraftig program, men også et komplekst. Når du er kjent med grensesnittet, grunnleggende verktøy, paletter og arbeidsområde, vil du spare mye tid og nerver, og arbeidsflyten din vil virke glatt og behagelig.

Adobe Illustrator er et vektor tegneprogram. Det brukes ofte til å lage logoer, ikoner, illustrasjoner, diagrammer, infographics, t-skjorter, visittkort, stationeries, konvolutter, emballasje design - du heter det. Alt i alt er det mest brukt til å lage grafikk med høy oppløsning, som senere også kan skrives ut.

I motsetning til Photoshop, som lagrer bildeinformasjon i prikker, bruker Illustrator matematiske ligninger når du tegner figurer. Hva handler det om?

Det betyr at vektorgrafikk (som en Illustrator-tegning) kan skaleres eller zoomes til en hvilken som helst størrelse uten å miste kvalitet, mens rasterbilder (som et bilde redigert i Photoshop) vil pixelate som du skalere:

I utgangspunktet kan vektor tegninger bli skalert for å passe skyscraper-størrelse bannere; rasterbilder kan ikke. Så hvis du planlegger å bruke arbeidet ditt i forskjellige størrelser, bruk et vektorbasert program som Illustrator.

• Fordeler med vektorgrafik:

• Høy oppløsning i alle størrelser;

• Liten filstørrelse;

• Utskrift av høy kvalitet;

• Ingen oppløsningstap under redigering.

ulemper:

• Vanskelig å produsere realistiske tegninger (men fortsatt mulig).

Ok, så du leser fortsatt denne veiledningen. Det forteller meg at du virkelig vil komme nærmere Illustrator, så jeg er her for å dele min kunnskap med deg. I denne veiledningen vil jeg introdusere deg til arbeidsområdet, grunnleggende verktøy, former og vi lager vår første logo ved hjelp av denne fantastiske programvaren.

Vær oppmerksom på at jeg bruker Illustrator CS5 på Windows, så Mac-brukere må bruke litt forskjellige tastekombinasjoner: Kommandotast i stedet for Ctrl og Alternativ i stedet for Alt .

2. Illustrator-arbeidsområdet

Hvis du er kjent med Photoshop, vil Adobe Illustrator-arbeidsområdet ikke overraske deg mye, siden de viktigste delene av det er stort sett det samme:

Du vil primært bruke Verktøy-panelet, siden alle verktøyene du trenger er der. For å konfigurere et aktivt verktøy, bruker du kontrollpanelet, der alle alternativer for det nåværende verktøyet holdes. Og selvfølgelig paneldockingsområdet - det holder slike viktige paletter som fargeprøver, lag, strekkalternativer, Utseende, Gradient-innstillinger, etc. (alle paletter kan slås på eller av i Windows- menyen).

La oss sjekk ut verktøypanelet først.

2.1 Verktøy Panel

Det finnes mange verktøy tilgjengelig i verktøykassen, men du trenger ikke å huske alt. Bare noen få av dem vil gjøre jobben.

Her er en referanse tabell (noen verktøy, som rektangel, inneholder flere verktøy inni, som kan velges ved å holde verktøyikonet):

Jeg sier alltid at den beste måten å lære er å praktisere. Så, la oss lære de grunnleggende verktøyene ved å faktisk bruke dem.

3. Opprette en logo i Illustrator

Jeg bruker vanligvis Adobe Illustrator til å lage logoer for mine klienter. Hvorfor prøver vi ikke en?

La oss ringe vårt fantastiske selskap "LimeWorks" . Vi må lage en kalk og sette navnet under det. Som dette:

Vær oppmerksom på at vi vil lage en enkel logo, slik at du blir kjent med noen verktøy og metoder. La oss begynne med å tegne limesegmenter.

3.1 Bruke Pen Tool

Vi bruker pennverktøyet, som er et av de mest brukte verktøyene i Illustrator. Den brukes til å lage alle slags former og objekter. Velg den ved å klikke på ikonet fra verktøykassen eller bruk P-tasten.

Bruk pennverktøyet, lag din første trekant ved å klikke tre ganger hvor du vil at kantene skal være:

Merk: Som du ser bruker jeg Grid (Ctrl + ") for å være mer presis.

For å lukke banen, klikk på det første punktet:

Nå er den klar til å bli fylt med en farge. Kontroller at trekanten er valgt (klikk på den med valgverktøyet, V ) og velg en gul tone:

3.2 Å lage runde hjørner

Vi trenger runde hjørner for å gjøre vår kalksegment (trekanten) se jevnere ut. Vi bruker Round Corners- effekten:

I dialogboksen Runde hjørner sett noe som 4 mm (jeg bruker millimeter som enheter) og klikk OK for å bruke endringer:

Ser bra ut. La oss nå legge til litt tekstur, så det ser mer realistisk ut.

3.3 Legge til Photoshop-effekter

I Adobe Illustrator, når du går til Effects-menyen, ser du at det er Illustrator Effects og Photoshop Effects:

Vi vil bruke Stained Glass (Effects-> Texture-> Stained Glass) .

Men før det trenger vi en kopi av vår trekant over det opprinnelige laget.

3.4 Kopiere objekter

Jeg vil vise deg noen raske tips om hvordan du enkelt kopierer og limer inn objekter over det nåværende laget og under, samtidig som du holder den nøyaktige posisjonen.

For å lime inn en kopi av et valgt objekt over den opprinnelige i den nøyaktige posisjonen, kopier den først ( Ctrl + C) og lim den inn med Ctrl + F (hvis du bruker Ctrl + V vil den lime den inn midt på skjermen ). For å lime den under det opprinnelige objektet, bruk Ctrl + B :

OK, så nå vet du kopi / lime triks.

Kopier og lim inn triangelen rett foran seg selv (Ctrl + F), og fyll det limte objektet med hvit farge:

Åpne dialogboksen for lakkert glass og sett som min ( Cellestørrelse = 17; Kanttykkelse = 2; Lysintensitet = 0 ):

3.5 Utvid Utseende

Utvid Utseende ligger i Objekt- menyen, og er et av de viktigste verktøyene i Illustrator. Det kan kreve en egen guide for å beskrive i detalj, men i dag lærer vi bare det grunnleggende.

Så, i enkle uttrykk, er Expand Utseende brukt til å dele et objekt i separate baner eller bilder etter at en effekt er brukt på den. Vel, det høres litt forvirrende ut. La oss bare bruke den og se den i aksjon.

Pass på at du har valgt den hvite trekanten med Stained Glass- effekten på den og gå til Objekt-> Utvid Utseende . Nå er vårt objekt et bilde:

3, 6 live spor

En annen kul funksjon av Adobe Illustrator, Live Trace, brukes til å konvertere rasterbilder til sporingsobjekter. Det er allerede standardsporing for forhåndsinnstillinger allerede, men vi bruker tilpassede innstillinger.

Gå til Objekt-> Live Trace -> Tracing Options og angi verdier som nedenfor:

3, 7 Utvid

Utvid er brukt til å konvertere sporingsobjekter til redigerbare baner (vektor). Etter å ha sporet et rasterbilde, bør du bruke Utvid .

Siden vårt teksturerte objekt nå er sporet og klar til å bli returnert til stier, vil vi bruke Utvid :

Som du ser, er vår tekstur nå et sett med stier, men vi må endre fargen fra svart til hvitt. Denne gangen bruker vi Stroke (siden tekstur er et sett av slag):

OK. Men det er nå litt for skarpt. La oss uskarre det litt.

3.8 Uklarhet

Gå til Effects-> Blur-> Gaussian Blur, sett radius til 2, 8 piksler, og du burde ha dette:

På dette tidspunktet er vi ferdige med vår kalkskive. Resten er enklere.

3.9 Gruppering av objekter

På dette punktet er kalkkilen klar, og vi må duplisere den. Men det er sammensatt av flere lag (objekter), slik at det blir enklere å duplisere, la oss gruppere dem.

For å gruppere et sett med objekter, velg dem alle ved å dra musen rundt dem og klikk Ctrl + G. En annen praktisk måte å velge flere objekter på, holder Shift og klikker på objekter.

Men siden vi ikke har noen andre objekter på vårt tavle, kan du i stedet velge alle objekter ( Ctrl + A ) og gruppere dem ( Ctrl + G ):

3.10 Bruke Roter verktøy

Roter verktøyet (R) brukes til ... gjett hva? Ja, for å rotere objekter eller former.

Velg Rotate-verktøyet og Alt + klikk øverst på trekanten for å angi rotasjonsruten. I popup-boksen sett som følger og klikk Kopier :

Du burde ha dette nå:

3.11 Et lite triks

Det er et lite triks (en av mange) som vil gjøre Adobe Illustrator-opplevelsen enklere i fremtidige prosjekter. Trikset er bare en tastaturgenvei ( Ctrl + D ). Den gjentar eller bruker den siste transformasjonen til det valgte objektet.

Det er praktisk for vår praksis også. Velg det nye stykket og bruk Ctrl + D 6 ganger:

Voila! Vi har en velsmakende sitron. Nå for noen detaljer.

Først og fremst grupperer du alle skiver sammen for å holde orden i orden. Kontroller at ingenting er valgt ved å klikke et annet sted på tavlen.

3.12 Tegne en sirkel

Velg en lysegrønn farge for Fyll og ingen for Slag :

Velg Ellipse- verktøyet (et underverktøy under rektangel eller trykk L ):

Hold Shift + Alt, pek musen til midten av kalk og dra musen til du får en sirkel som dekker hele kalken:

Merk: Du trenger ikke å finne det eksakte senteret for å begynne med - vi vil justere objekter senere.

3.13 Ordne objekter

Som du ser nå, er den grønne sirkelen foran eller over vår kalk. For å sende den tilbake eller under, velg den og trykk Ctrl + [(Ctrl +] for å hente den over dagens lag):

Flink. Velg den sirkelen og dupliser den under seg selv (som vi gjorde i 3.4.) Med Ctrl + C og deretter Ctrl + B :

Bytt fyllfarge til mørkere grønn og gjør den litt større enn den første sirkelen ved å holde Shift + Alt og dra en av sine referansepunkter:

Det ser ganske bra ut. Enda bedre: vi er ferdige med den harde delen.

3.14 Legge til tekst

La oss legge til vårt firmanavn under kalk. Velg Type verktøy ( T ), klikk under kalk og skriv " LimeWorks" :

La oss nå justere alt for å sitte.

3.15 Justering av objekter

For å justere objektene perfekt, bruk justeringsverktøyene. Disse verktøyene er plassert i kontrollpanelet når valgverktøyet er aktivt. Se nedenfor for å forstå ulike justeringer:

Merk at disse eksemplene er sanne for Juster til Artboard :

Hvis du velger Juster til utvalg, blir objekter justert med hensyn til valgets ytre grenser.

OK. Velg alle objekter (Ctrl + A) og fra kontrollpanelet, klikk på Horisontal justeringssenter (nummer 2):

Det er det. Nå kan du spille med størrelser og farger hvis du vil.

Hvis du gjør kalk mindre og endrer tekstfarger, vil det se mye bedre ut:

Ok, gratulerer med din første logo!

La oss komme til lagring og eksport.

3.16 Lagring og eksport

For å lagre Illustrator-filene dine, bare klikk Ctrl + S (som alltid), og det vil lagre det i .ai- format.

Hvis du vil lagre logoen din i. png, så kan du gjøre bruk av en av to måter: Fil-> Eksporter eller Fil-> Lagre for web og enheter .

Mens den andre måten eksporterer hele Artboard, lar du deg først eksportere objektet (e) på den første måten.

Her er et eksempel:

Merk : Du kan alltid endre størrelsen på Artb-serien din (File-> Document Setup og klikk på Rediger artboards ). Etter at når du bruker Lagre for web og enheter, ser du at bildestørrelsen er den nye størrelsen på Artboard.

Merk også: du kan sjekke gjennomsiktighet når du lagrer for web, og du vil få logoen din med en gjennomsiktig bakgrunn.

La oss gå gjennom en annen opplæring for å lære andre grunnleggende verktøy. Vi lager en 3D-tekst med grungy bakgrunn.

4. Opprette en 3D-tekst i Adobe Illustrator

Mens vektorgrafikk vanligvis er to dimensjoner, kan du også lage flotte 3D-objekter. I denne opplæringen vil vi lage en enkel 3D-tekst med en grungy bakgrunn som nedenfor:

Som jeg sa, lærer vi nå det grunnleggende, slik at du blir mer kjent med grensesnittet og noen nyttige verktøy. Når du er, ser du at det ikke er noen grenser for hva du kan gjøre med Illustrator.

4.1 Legge til en grungy bakgrunn

La oss starte med en kul bakgrunn.

Gå til ditt favorittnettsted for gratis teksturer og bakgrunner og finn en fin grungy bakgrunn. Jeg tok en fra Stock Image:

Kopier og lim det inn i Adobe Illustrator-dokumentet ditt. Sannsynligvis vil det være altfor stort, så du må skala det ned. Bruk Transform Panel til å kontrollere størrelsen på bildet ditt:

Merk: Du kan bruke dine egne verdier, bare sørg for at den passer til dokumentet.

Nå har vi vår bakgrunnsbilde klar, men la oss legge til flere effekter på den. Først skal vi opprette et rektangel, og så legger vi til Inner Glow-effekten og bruker gjennomsiktighetspanelet for å endre blanding mellom bildet og rektangelet.

4.2 Opprette et rektangel

Velg Rektangulære fra Verktøy (M), tegne et rektangel, samme størrelse som bakgrunnsbildet ditt (du vil kanskje bruke Transformpanelet til å angi eksakte verdier) og angi Fyllfarge til lysebrun og ikke strekk:

4.3 Legge til innvendig glødseffekt

Gå til Effect-> Stylize-> Inner Glow og sett verdier som vist:

Her er hva du bør ha:

4.4 Bruke gjennomsiktighetspanel

Du kan alltid bruke gjennomsiktighetspanelet til å endre måten en objekt eller et lag blander seg med lagene under. Først av, la oss sende vårt rektangel bak bildet. Velg rektangelet ved å klikke på det og bruk Ctrl + [ .

Velg nå bildelaget ved å klikke på bildet og åpne Transparentpanel (Vindu-> Transparent) og velg Fler som blandemodus:

Hyggelig. Vi er ferdige med bakgrunnen. La oss komme til selve 3D-teksten.

4.5 Arbeide med Typeverktøy

Bruk Type-verktøyet (T) til å skrive "MakeUseOf" med litt fin skrift (jeg valgte Diavlo Bold, som kan lastes ned på Exljbris Font Foundry). Gjør det stort nok som 65pt, sett sporing til -20 og velg den hvite fargen:

4.6 Opprette skisser

Bruk Opprett oversikt - høyreklikk på teksten og velg Opprett oversikt, for å konvertere tekst til vektorbaner:

4.7 Legge til 3D-effekter

3D-effekter kan brukes på objekter og tekst. Velg teksten, gå til Effect-> 3D-> Extrude & Command og bruk som følger:

Dette er hva du burde ha så langt:

Nå må vi skille tekstflatene og 3D-effekten fra hverandre. Bruk Utvid Utseende til å gjøre det ( Objekt-> Utvid Utseende ).

Med Direkte markeringsverktøy (A), velg bare tekstens ansikter (hold Shift for å velge flere objekter):

Tips : Når du velger, sørg for at ankrene er blå og ingen av dem hvite. For å gjøre det, zoom inn litt og klikk et sted midt i objektene (her - tekstflater).

4.8 Bruke Unite fra Pathfinder panel

Kopier og lim inn ditt utvalg og bruk Unite from Pathfinder- panelet for å bli med alle valgte ansikter i en gruppert bane:

Legg det nye laget på toppen av det gamle og sett Stroke Color til hvitt og slagvekt til 1pt:

Vi er nesten der.

4.9 Legge til Gradient Style

Å legge til gradienten er ganske enkelt - velg objektet, klikk på Gradient- panelet til høyre og sett opp fargene dine. Videre kan du alltid bruke forhåndsdefinerte biblioteker fra Window-> Swatch Libraries-> Gradients . Men denne gangen, la oss sette den opp manuelt.

I Gradient- panelet angir du Type til Linjær, sett første farge ved 0% sted til mørk rød, andre farge ved 80% plassering til oransje og den endelige fargen ved 100% til lys rød, Vinkel til -90 °:

Tips : Bruk den øvre skyveknappen til å styre fargegraden på graden.

4.10 Legge til skygge

For å gi teksten litt dybde, la oss legge til litt skygge på den. Vi bruker Gaussian Blur- effekten.

Først kopierer du ( Ctrl + C ) vårt nye lag og limer det inn foran ( Ctrl + F ). Deretter endrer du fargene til svart og setter slag til ingen, send den bak 3D-effektlaget med Ctrl + [ (sørg for at det ligger over bakgrunnslagene):

Flytt den ned ved å bruke piltastene (du kan også endre Y-koordinater fra Transformpanelet for å være mer presis):

4.11 Bruk av Gaussisk uskarphet

Vår skygge ser ikke realistisk ut nå; vi må sløre det litt. Gå til Effect-> Blur-> Gaussian Blur og sett Radius til 9 piksler:

Vi er ferdige!

5. Noen nyttige tips

Tips og triks er uendelige, men jeg vil vise deg noen av dem:

• Lås lag - når du vil velge noen små objekter som ligger foran andre objekter (som en bakgrunn), i stedet for Shift +, klikker du på hver enkelt, kan du bare låse bakgrunnen med Ctrl + 2, eller sette et låseskilt inn lagpanelet.

• Sjekk alltid lagpaletten - når du arbeider med mange objekter og lag, er det veldig nyttig å navngi lagene dine og se hvordan lagene dine er justert (om et lag er over eller under det andre, er det låst, etc.);

• Rediger lagformatene når som helst du trenger - ja, du kan alltid endre stil- eller effektinnstillinger som du allerede har brukt på en gjenstand eller et lag før gjennom Utseendepanelet (Vindue-> Utseende);

• Bruk biblioteker - det er noen fine forhåndsbestemte biblioteker å benytte seg av i dine arbeider. Gå til Window-> Biblioteker og velg fra børstebiblioteker, swatch-biblioteker, grafiske stilbiblioteker eller symbolbiblioteker. Det er mange av dem.

6. Konklusjon

Jeg håper alt var klart nok til at du begynte å elske Adobe Illustrator. Det jeg har dekket i denne veiledningen, er bare det grunnleggende. Neste gang vil jeg vise mer komplekse bruksområder av andre fantastiske verktøy og triks. Inntil da - praksis .

Guide Publisert: august 2012