Nybegynnerguiden til Adobe Illustrator

Nybegynnerguiden til Adobe Illustrator
Denne guiden er tilgjengelig for nedlasting som en gratis PDF. Last ned denne filen nå . Kopier og del dette gjerne med venner og familie.

Vil du begynne å lære Adobe Illustrator , men føler deg overveldet? Se 'Komme i gang med Illustrator', den første Illustrator -håndboken fra MakeUseOf. Med instruksjoner som er enkle å følge og mange kommenterte skjermbilder, gjør denne håndboken det enkelt å lære Illustrator.





Adobe Illustrator er et vektortegningsprogram. Det brukes ofte til å lage logoer, ikoner, illustrasjoner, diagrammer, infografikk, t-skjorter, visittkort, skrivesaker, konvolutter, emballasjedesign-you name it. Alt i alt brukes det stort sett 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. Vektortegninger kan skaleres for å passe til bannere i skyskraperstørrelse; rasterbilder kan ikke. På grunn av dette brukes Illustrator til å lage tegninger som enkelt skaleres - ting som logoer.





Denne Adobe Illustrator -håndboken forklarer grunnleggende verktøy som trengs for å lage en logo, så sjekk den. Åpne Illustrator selv og følg med for å få en følelse av 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 blir kjent med grensesnittet, grunnleggende verktøy, paletter og arbeidsområde, vil du spare mye tid og nerver, og arbeidsflyten din vil virke jevn og hyggelig.

Adobe Illustrator er et vektortegningsprogram. Det brukes ofte til å lage logoer, ikoner, illustrasjoner, diagrammer, infografikk, t-skjorter, visittkort, skrivesaker, konvolutter, emballasjedesign-you name it. Alt i alt brukes det stort sett 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 zoomer til hvilken som helst størrelse uten å miste kvalitet, mens rasterbilder (som et bilde redigert i Photoshop) vil pixelere når du skalerer:

I utgangspunktet kan vektortegninger skaleres for å passe til bannere i skyskraperstørrelse; rasterbilder kan ikke. Så hvis du planlegger å bruke arbeidet ditt i forskjellige størrelser, kan du bruke et vektorbasert program som Illustrator.

• Fordeler med vektorgrafikk:

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

• Liten filstørrelse;

• Utskrift av høy kvalitet;

• Ingen tap av oppløsning under redigering.

Ulemper:

Vanskelig å lage realistiske tegninger (men fortsatt mulig).

Ok, så du leser fremdeles denne guiden. Det forteller meg at du virkelig vil komme nærmere med Illustrator, så jeg er her for å dele min kunnskap med deg. I denne guiden vil jeg introdusere deg for 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: Kommando nøkkel 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 hoveddelene i det i utgangspunktet er de samme:

Du vil først og fremst bruke Verktøy -panelet, siden alle verktøyene du trenger er der. For å konfigurere et aktivt verktøy, bruker du kontrollpanelet, der alle alternativene for det gjeldende verktøyet er lagret. Og, selvfølgelig, panelets dokkingområde - den beholder så viktige paletter som fargeprøver, lag, alternativer for strøk, utseende, gradientinnstillinger, etc. (alle palettene kan slås på eller av i Windows Meny).

La oss sjekke ut Verktøy panel først.

2.1 Verktøypanel

Det er 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 referansetabell (noen verktøy, f.eks Rektangel , inneholde flere verktøy inne, som kan velges ved å holde verktøyikonet):

Jeg sier alltid at den beste måten å lære på er å øve. 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 kalle vårt fantastiske selskap LimeWorks . Vi må lage en kalk og sette navnet under den. Som dette:

Husk imidlertid at vi lager en enkel logo, bare slik at du blir kjent med noen verktøy og metoder. La oss begynne med å tegne limesegmenter.

3.1 Bruke pennverktøy

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

hvordan koble bluetooth -hodetelefoner til xbox

Bruk pennverktøyet til å lage din første trekant ved å klikke tre ganger der du vil at kantene skal være:

Merk: Som du ser, bruker jeg rutenett (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. Sørg for at trekanten er valgt (klikk på den med Valgverktøy, V ) og velg en gul tone:

3.2 Lag runde hjørner

Vi trenger runde hjørner for å få kalksegmentet (trekanten) til å se jevnere ut. Vi bruker Runde hjørner effekt:

I Runde hjørner dialogboksen, legg til noe lignende 4 mm (Jeg bruker millimeter som enheter) og klikk OK for å bruke endringer:

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

3.3 Legge til Photoshop -effekter

Når du går til Effects -menyen i Adobe Illustrator, vil du se at det er Illustrator Effects og Photoshop Effects:

Vi vil bruke Glassmaleri (effekter-> tekstur-> glassmalerier) .

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

3.4 Kopiere objekter

Jeg viser deg noen raske tips om hvordan du enkelt kopierer og limer inn objekter over gjeldende lag og under, mens du beholder den nøyaktige posisjonen.

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

OK, så nå kjenner du copy/paste -triksene.

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

Åpne Glassmaleri dialogboksen og angi som min ( Cellestørrelse = 17; Kanttykkelse = 2; Lysintensitet = 0 ):

3.5 Utvid utseendet

Utvid utseende ligger i Gjenstand 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 ord, Utvid utseende brukes til å dele et objekt i separate baner eller bilder etter at en effekt er påført det. Vel, det høres litt forvirrende ut. La oss bare bruke det og se det i aksjon.

Sørg for at du har valgt den hvite trekanten med Glassmaleri påvirke det og gå til Objekt-> Utvid utseende . Nå er objektet vårt et bilde:

3.6 Live Trace

En annen kul funksjon i Adobe Illustrator, Levende spor brukes til å konvertere rasterbilder til sporingsobjekter. Det er allerede noen forhåndsinnstillinger for sporing, men vi bruker egendefinerte innstillinger.

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

3.7 Utvid

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

Ettersom vårt teksturerte objekt nå er sporet og klart for å bli returnert til stier, vil vi bruke det Utvide :

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

OK. Men den er litt for skarp nå. La oss gjøre det litt uskarpt.

3.8 Uklarhetseffekt

Gå til Effekter-> Uklarhet-> Gaussisk uskarphet , sett radius til 2,8 piksler, og du bør ha denne:

På dette tidspunktet er vi ferdige med limeskiven vår. Resten er lettere.

3.9 Gruppering av objekter

På dette tidspunktet er kilen vår kalk klar, og vi må kopiere den. Men den består av flere lag (objekter), så for å gjøre ting enklere mens du kopierer, la oss Gruppe dem.

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

Men siden vi ikke har andre objekter på tegnebrettet vårt, kan du i stedet velge alle objektene ( Ctrl+A. ) og grupper dem ( Ctrl+G ):

3.10 Bruke roteringsverktøyet

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

Velg Rotate -verktøyet og Alt + klikk øverst i trekanten for å sette rotasjonssenteret. I popup-boksen angir du følgende og klikker Kopiere :

Du burde ha dette nå:

3.11 Et lite triks

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

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

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

Først av alt, grupper alle skivene sammen for å holde ting i orden. Sørg for at ingenting er valgt ved å klikke et annet sted på tegnebrettet.

3.12 Tegne en sirkel

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

Velg Ellipse verktøy (et underverktøy under Rektangel eller slå DE ):

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

Merk: du trenger ikke finne det eksakte senteret til å begynne med - vi justerer objekter senere.

3.13 Ordne objekter

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

God. Velg den sirkelen og kopier den under seg selv (som vi gjorde i 3.4.) Med Ctrl+C og så Ctrl+B :

Endre fyllfargen til en mørkere grønn og gjør den litt større enn den første sirkelen ved å holde Shift+Alt og dra et av referansepunktene:

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

3.14 Legge til tekst

La oss legge til firmanavnet vårt under kalken. Plukke ut Type verktøy ( T ), klikk under kalken og skriv LimeWorks :

La oss nå justere alt til sentrum.

3.15 Justering av objekter

Bruk justeringsverktøyene for å justere objekter perfekt. Disse verktøyene er plassert i kontrollpanelet når valgverktøyet er aktivt. Se nedenfor for å forstå forskjellige justeringer:

Vær oppmerksom på at disse eksemplene er sanne for Juster til tegnebrettet :

Hvis du velger Juster til utvalg , blir objektene justert i forhold til markeringens ytre grenser.

OK. Velg alle objektene (Ctrl+A), og klikk på kontrollpanelet på Horizontal Align Center (nummer 2):

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

Hvis du gjør kalken mindre og endrer tekstfargene, vil den se mye bedre ut:

OK, gratulerer med din første logo!

La oss gå til Lagre og eksportere.

3.16 Lagre og eksportere

Bare for å lagre Illustrator -filene Ctrl+S (som alltid), og det vil lagre det .til format.

Hvis du vil lagre logoen din. png , så kan du benytte deg av en av to måter: File-> Export eller File-> Save For Web and Devices .

Mens den andre måten eksporterer hele tegnebrettet, lar den første måten bare eksportere objektet ditt.

Her er et eksempel:

Merk : du kan alltid endre størrelsen på Artb oard (File-> Document Setup og klikk på Edit Artboards ). Etter det, når du bruker Lagre for web og enheter du vil se at bildestørrelsen er den nye størrelsen på tegnebrettet.

Merk også: du kan sjekke Åpenhet når du sparer for web, og du vil ha 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 en grungy bakgrunn.

4. Opprette en 3D -tekst i Adobe Illustrator

Mens vektorgrafikk vanligvis er todimensjoner, 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 det, vil du se at det er ingen 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 Arkivbilde :

Kopier og lim det inn i Adobe Illustrator -dokumentet. Sannsynligvis vil den være altfor stor, så du må nedskalere den. Bruk Transform panel for å kontrollere størrelsen på bildet ditt:

Merk: Du kan bruke dine egne verdier, bare pass på at det passer til dokumentet.

Nå har vi bakgrunnsbildet klart, men la oss legge til flere effekter. Først lager vi et rektangel, og deretter legger vi til Inner Glow -effekt og bruker Transparent -panelet til å endre blanding mellom bildet og rektanglet.

4.2 Opprette et rektangel

Velg Rektangel fra Verktøy (M), tegne et rektangel, samme størrelse som bakgrunnsbildet (det kan være lurt å bruke Forvandle panel for å angi eksakte verdier) og angi Fylle farge til lysebrun og uten slag:

4.3 Legge til indre glødeffekt

Gå til Effekt-> Stiliser-> Indre glød og angi verdier som vist:

Her er hva du bør ha:

4.4 Bruke gjennomsiktighetspanel

Du kan alltid bruke Gjennomsiktighetspanel for å endre måten et objekt eller et lag blander seg med lagene nedenfor. La oss først sende vårt rektangel bak bildet. Velg rektangelet ved å klikke på det og bruke Ctrl+[ .

Velg nå bildelaget ved å klikke på bildet og åpne Gjennomsiktighetspanel (Vindu-> Gjennomsiktighet) og velg Multiplisere som blandemodus:

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

4.5 Arbeide med Type -verktøy

Bruker Typeverktøy (T) skriv MakeUseOf med en fin skrift (jeg valgte Diavlo Fet , som kan lastes ned på exljbris Font Foundry ). Gjør det stort nok som 65pt , sett sporing til -tjue og velg Hvit farge:

4.6 Opprette konturer

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

4.7 Legge til 3D -effekter

3D -effekter kan brukes på alle objekter så vel som tekst. Velg teksten, gå til Effekt-> 3D-> Ekstruder og skråkant og søk som følger:

Dette bør du ha så langt:

Nå må vi skille tekstens ansikter og 3D -effekten fra hverandre. Bruk Utvid utseende å gjøre det ( Objekt-> Utvid utseende ).

Med Verktøy for direkte valg (A) , velg bare tekstens ansikter (hold nede Skifte for å velge flere objekter):

Tips : mens du velger, må du kontrollere at ankrene er blå og ingen av dem hvite. For å gjøre det, zoomer du inn litt og klikker et sted midt i objektene (her - tekstflater).

4.8 Bruke Unite fra Pathfinder -panelet

Kopier og lim inn valget ditt og bruk det nå forent fra Stifinner panel for å koble alle valgte ansikter til en gruppert bane:

Legg det nye laget på toppen av det gamle og sett det Slagfarge til hvitt og Slagvekt til 1 poeng:

Vi er nesten der.

4.9 Legge til gradientstil

Å legge til gradienten er ganske enkelt - bare velg objektet, klikk på Gradient panel til høyre og konfigurer fargene dine. Videre kan du alltid gjøre bruk av forhåndsdefinerte Biblioteker fra Vindu-> Fargeprøvebiblioteker-> Gradienter . Men denne gangen, la oss sette det opp manuelt.

I Gradient panel, sett Type til Lineær , sett første farge på 0% plassering til mørkerød, andre farge på 80% plassering til oransje og den endelige fargen på 100% til lys rød, Vinkel til -90 °:

Tips : Bruk den øvre glidebryteren for å kontrollere fargeområdet til gradienten.

4.10 Legge til skygge

For å gi teksten vår litt dybde, la oss legge litt skygge til den. Vi bruker Gaussisk uskarphet effekt.

Kopier først ( Ctrl+C ) vårt nye lag og lim det inn foran ( Ctrl+F ). Endre deretter fargen til svart og sett streken til ingen, send den bak 3D -effektlaget med Ctrl+[ (sørg for at den er over bakgrunnslagene):

Flytt den ned med piltastene (du kan også endre Y -koordinater fra Transform -panelet for å være mer presis):

4.11 Påføre Gaussian Blur

Skyggen vår ser ikke realistisk ut nå; vi må gjøre det litt uskarpt. Gå til Effekt-> Uklarhet-> Gaussisk uskarphet og sett Radius til 9 piksler:

Vi er ferdige!

5. Noen nyttige tips

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

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

• Kontroller alltid Lag -paletten - når du arbeider med mange objekter og lag, er det veldig nyttig å navngi lagene dine og sjekke hvordan lagene dine er justert (om et lag er over eller under det andre, er det låst osv.);

• Rediger lagstiler på nytt når som helst du trenger- ja, du kan alltid endre stil- eller effektinnstillinger som du allerede har brukt på et objekt eller et lag tidligere gjennom Utseende-panelet (Vindu-> Utseende);

• Bruk biblioteker-det er noen fine forhåndsdefinerte biblioteker du kan bruke i verkene dine. Gå til Vindu-> Biblioteker og velg fra Penselbibliotek, Fargeprøvebibliotek, Grafisk stilbibliotek eller Symbolbibliotek. Det er mange av dem.

6. Konklusjon

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

Guide publisert: august 2012

Dele Dele kvitring E -post Slik får du tilgang til Googles innebygde boblenivå på Android

Hvis du noen gang har trengt å sørge for at noe er i vater, kan du nå få et boblenivå på telefonen din på få sekunder.

Les neste
Relaterte temaer
  • Kreativ
  • Datastyrt design
  • Langform
  • Longform Guide
Om forfatteren Azamat Denibekovich Esenaliev(3 artikler publisert) Mer fra Azamat Denibekovich Esenaliev

Abonner på vårt nyhetsbrev

Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!

Klikk her for å abonnere