Vodič za početnike u Adobe Illustratoru

Vodič za početnike u Adobe Illustratoru
Ovaj vodič je dostupan za preuzimanje kao besplatni PDF. Preuzmite ovu datoteku sada . Slobodno kopirajte i podijelite ovo sa svojim prijateljima i obitelji.

Želite početi učiti Adobe Illustrator , ali osjećate se preopterećeno? Pogledajte 'Početak rada s Illustratorom', prvi priručnik za Illustrator tvrtke MakeUseOf. S jednostavnim uputama i mnoštvom označenih snimaka zaslona, ​​ovaj priručnik čini učenje Illustratora jednostavnim.





Adobe Illustrator je program za vektorsko crtanje. Često se koristi za izradu logotipa, ikona, ilustracija, grafikona, infografika, majica, posjetnica, dopisnica, omotnica, dizajna ambalaže-kako god nazovete. Sve u svemu, uglavnom se koristi za izradu grafika visoke rezolucije, koja se kasnije može i ispisati.





Za razliku od Photoshopa koji podatke o slici pohranjuje u točkama, Illustrator koristi matematičke jednadžbe pri crtanju oblika. Vektorski crteži mogu se skalirati tako da odgovaraju transparentima veličine nebodera; rasterske slike ne mogu. Zbog toga se Illustrator koristi za izradu crteža koje je potrebno jednostavno mjeriti - stvari poput logotipa.





Ovaj priručnik za Adobe Illustrator objašnjava osnovne alate potrebne za izradu logotipa, pa ga provjerite. Otvorite Illustrator sami i slijedite ga kako biste zaista osjetili Adobeov nevjerojatni program za vektorsku umjetnost.

Sadržaj

§1. Uvod



§2 – Radni prostor Illustrator

§3 - Izrada logotipa u Illustratoru





§4 - Stvaranje 3D teksta u Illustratoru

§5 - Neki korisni savjeti





§6 - Zaključak

1. Uvod

Ako ste odlučili naučiti Illustrator, tada morate početi s osnovama. To je zaista moćan program, ali i složen. Nakon što se upoznate sa sučeljem, osnovnim alatima, paletama i radnim prostorom, uštedjet ćete puno vremena i živaca, a vaš će se tijek rada činiti glatkim i ugodnim.

Adobe Illustrator je program za vektorsko crtanje. Često se koristi za izradu logotipa, ikona, ilustracija, grafikona, infografika, majica, posjetnica, dopisnica, omotnica, dizajna ambalaže-kako god nazovete. Sve u svemu, uglavnom se koristi za izradu grafika visoke rezolucije, koja se kasnije može i ispisati.

Za razliku od Photoshopa koji podatke o slici pohranjuje u točkama, Illustrator koristi matematičke jednadžbe pri crtanju oblika. O čemu se radi?

To znači da se vektorska grafika (poput crteža Illustratora) može skalirati ili zumirati u bilo koju veličinu bez gubitka kvalitete, dok će se rasterske slike (poput slike uređene u Photoshopu) pikselizirati dok skalirate:

U osnovi, vektorski crteži mogu se skalirati tako da odgovaraju transparentima veličine nebodera; rasterske slike ne mogu. Stoga, ako svoj rad namjeravate koristiti za različite veličine, upotrijebite vektorski program poput Illustratora.

• Prednosti vektorske grafike:

• Visoka razlučivost u bilo kojoj veličini;

• Mala veličina datoteke;

• Ispis visoke kvalitete;

• Nema gubitka razlučivosti tijekom uređivanja.

Nedostaci:

Teško je stvoriti realne crteže (ali ipak moguće).

U redu, još uvijek čitate ovaj vodič. To mi govori da se doista želite zbližiti s Illustratorom, pa sam ovdje da podijelim svoje znanje s vama. U ovom vodiču upoznat ću vas s radnim prostorom, osnovnim alatima, oblicima i izradit ćemo prvi logotip pomoću ovog izvrsnog softvera.

Imajte na umu da ja koristim Illustrator CS5 u sustavu Windows, pa će korisnici Mac -a morati koristiti malo drugačije kombinacije tipki: Naredba ključ umjesto Ctrl i Opcija umjesto Sve .

2. Radni prostor Illustrator

Ako ste upoznati s Photoshopom, tada vas radni prostor Adobe Illustrator neće previše iznenaditi, budući da su njegovi glavni dijelovi u osnovi isti:

Prvenstveno ćete koristiti ploču Alati jer se tamo nalaze svi potrebni alati. Za konfiguriranje aktivnog alata upotrijebit ćete Upravljačku ploču na kojoj se čuvaju sve opcije za trenutačni alat. I, naravno, područje za spajanje panela - čuva važne palete kao što su uzorci boja, slojevi, opcije poteza, izgled, postavke gradijenta itd. (Sve se palete mogu uključiti ili isključiti u Windows Jelovnik).

Provjerimo Alati prvo ploča.

2.1 Alatna ploča

U kutiji s alatima dostupno je mnogo alata, ali ne morate sve zapamtiti. Samo će neki od njih obaviti posao.

Evo referentne tablice (neki alati, npr Pravokutnik , sadrže više alata koji se mogu odabrati držanjem ikone alata):

Uvijek govorim da je najbolji način učenja vježbanje. Dakle, naučimo osnovne alate koristeći ih zapravo.

3. Izrada logotipa u Illustratoru

Obično koristim Adobe Illustrator za izradu logotipa za svoje klijente. Zašto ne bismo probali jedan?

Nazovimo naše sjajno društvo LimeWorks . Morat ćemo stvoriti limetu i staviti ime ispod nje. Kao ovo:

Imajte na umu da ćemo izraditi jednostavan logotip, samo kako biste se upoznali s nekim alatima i metodama. Počnimo s crtanjem segmenata vapna.

3.1 Korištenje alata za olovke

Koristit ćemo Olovka alat, koji je jedan od najčešće korištenih alata u Illustratoru. Koristi se za stvaranje svih vrsta oblika i objekata. Odaberite ga klikom na njegovu ikonu iz alata ili upotrijebite tipku P.

stranice za upoznavanje 18 -godišnjaka

Pomoću alata olovka stvorite svoj prvi trokut tako što ćete tri puta kliknuti tamo gdje želite da rubovi budu:

Napomena: kao što vidite, koristim Grid (Ctrl+) da budem precizniji.

Da biste zatvorili put, kliknite na prvu točku:

Sada je spremno za popunjavanje bojom. Provjerite je li trokut odabran (kliknite na njega pomoću Alat za odabir, V ) i odaberite žuti ton:

3.2 Pravljenje okruglih kutova

Potrebni su nam okrugli uglovi kako bi naš segment vapna (trokut) izgledao glatkije. Koristit ćemo Okrugli kutovi utjecaj:

U Okrugli kutovi dijaloški okvir, stavite nešto poput 4 mm (Koristim milimetre kao jedinice) i kliknite U redu da biste primijenili promjene:

Izgleda dobro. Sada dodajmo malo teksture, tako da izgleda realnije.

3.3 Dodavanje Photoshop efekata

U Adobe Illustratoru, kada odete na izbornik Effects, vidjet ćete da postoje Illustrator Effects i Photoshop Effects:

Koristit ćemo Vitraj (efekti-> Tekstura-> Vitraž) .

No prije toga, potrebna nam je kopija našeg trokuta iznad izvornog sloja.

3.4 Kopiranje objekata

Pokazat ću vam nekoliko brzih savjeta o tome kako jednostavno kopirati i zalijepiti objekte iznad trenutnog sloja i ispod, zadržavajući točan položaj.

Da biste zalijepili kopiju odabranog objekta iznad izvornika na točno mjesto, prvo je kopirajte ( Ctrl+C) a zatim ga zalijepite pomoću Ctrl+F (ako koristite Ctrl+V zalijepit će ga na sredinu zaslona). Za lijepljenje ispod izvornog objekta upotrijebite Ctrl+B :

U redu, pa sada znate trikove za kopiranje/lijepljenje.

Kopirajte i zalijepite naš trokut ispred sebe (Ctrl+F) i napunite zalijepljeni objekt bijelom bojom:

Otvori Vitraž dijaloški okvir i postavi kao moj ( Veličina ćelije = 17; Debljina obruba = 2; Intenzitet svjetla = 0 ):

3.5 Proširi izgled

Proširi izgled nalazi se u Objekt izbornika i jedan je od najvažnijih alata u Illustratoru. Možda će trebati zaseban vodič za detaljno opisivanje, ali danas samo učimo osnove.

Dakle, jednostavno rečeno, Proširi izgled koristi se za podjelu objekta na zasebne staze ili slike nakon što se na njega primijeni učinak. Pa, to zvuči pomalo zbunjujuće. Iskoristimo ga i vidimo na djelu.

Provjerite jeste li odabrali svoj bijeli trokut s Vitraž učinak na to i idite na Objekt-> Proširi izgled . Sada je naš objekt slika:

3.6 Trag uživo

Još jedna zanimljiva značajka Adobe Illustratora, Živi trag koristi se za pretvaranje rasterskih slika u objekte praćenja. Već postoje zadane unaprijed definirane postavke praćenja, ali koristit ćemo prilagođene postavke.

Ići Objekt-> Praćenje uživo -> Opcije praćenja i postavite vrijednosti kako slijedi:

3.7 Proširi

Proširiti koristi se za pretvaranje objekata praćenja u staze za uređivanje (vektor). Nakon praćenja rasterske slike, trebali biste koristiti Proširiti .

Kako je naš teksturirani objekt sada praćen i spreman za vraćanje na staze, koristit ćemo Proširiti :

Kao što vidite, naša tekstura je sada skup staze , ali moramo promijeniti njegovu boju iz crne u bijelu. Ovaj put ćemo iskoristiti Moždani udar (budući da je tekstura skup poteza):

U REDU. Ali sada je malo previše oštro. Zamaglimo to malo.

3.8 Efekt zamućenja

Ići Učinci-> Zamućenje-> Gaussovo zamućenje , postavite radijus na 2,8 piksela i trebali biste imati ovo:

Na ovom smo mjestu gotovi s kriškom limete. Ostalo je lakše.

3.9 Grupiranje objekata

U ovom je trenutku naš klin vapna spreman i moramo ga duplicirati. No, sastavljen je od više slojeva (objekata), pa da olakšamo stvari prilikom dupliciranja, idemo Skupina ih.

Da biste grupirali skup objekata, odaberite sve povlačenjem miša oko njih i klikom Ctrl+G . Drugi prikladan način odabira više objekata je držanje Pomicanje i klikanje na objekte.

No, budući da na umjetničkoj ploči nemamo drugih objekata, umjesto toga možete odabrati sve objekte ( Ctrl+A ) i grupirajte ih ( Ctrl+G ):

3.10 Korištenje alata Rotate

Rotirati alat (R) se koristi za ... pogodite što? Da, za rotiranje objekata ili oblika.

Odaberite alat Rotate i Alt + klik na vrhu trokuta za postavljanje našeg središta rotacije. U skočnom okviru postavite sljedeće i kliknite Kopirati :

Ovo biste trebali imati sada:

3.11 Mali trik

Postoji mali trik (jedan od mnogih) koji će vam olakšati iskustvo rada s Adobe Illustratorom u budućim projektima. Trik je samo tipkovni prečac ( Ctrl+D ). Ponavlja ili primjenjuje najnoviju transformaciju na odabrani objekt.

To je zgodno i za našu praksu. Odaberite novu krišku i upotrijebite Ctrl+D 6 puta:

Voila! Imamo ukusan limun. Sada za neke detalje.

Prije svega, grupirajte sve kriške kako biste održali red. Zatim provjerite je li odabrano ništa klikom na nekom drugom mjestu na umjetnoj ploči.

3.12 Crtanje kruga

Odaberite svijetlozelenu boju za Ispunite i nijedan za Moždani udar :

Odaberite Elipsa alat (pod-alat pod Pravokutnik ili pogodio THE ):

Čekaj Shift + Alt , pokažite mišem na središte limete i povucite miša dok ne dobijete krug koji pokriva cijelo vapno:

Napomena: za početak ne morate pronaći točno središte - kasnije ćemo poravnati objekte.

3.13 Raspored objekata

Kao što sada vidite, zeleni krug je ispred ili iznad naša limeta. Da ga pošaljete leđa ili ispod , odaberite ga i pritisnite Ctrl+[(Ctrl+] da biste ga doveli iznad trenutnog sloja):

Dobro. Odaberite taj krug i duplicirajte ga ispod sebe (kao što smo učinili u 3.4.) S Ctrl+C i onda Ctrl+B :

Promijenite boju ispune u tamnije zelenu i učinite je malo većom od prvog kruga držanjem Shift+Alt i povlačenjem jedne od referentnih točaka:

To izgleda prilično dobro. Još bolje: završili smo s težim dijelom.

3.14 Dodavanje teksta

Dodajmo naziv naše tvrtke ispod limete. Odaberi Tip alat ( T ), kliknite ispod vapna i upišite LimeWorks :

Sada poravnajmo sve prema sredini.

3.15 Poravnavanje objekata

Za savršeno poravnavanje objekata upotrijebite alate za poravnavanje. Ti se alati nalaze na upravljačkoj ploči, kada je alat za odabir aktivan. U nastavku pogledajte kako biste razumjeli različita poravnanja:

Imajte na umu da su ovi primjeri istiniti za Poravnajte s umjetnom pločom :

Ako odaberete Poravnaj s odabirom , tada će se objekti poravnati s obzirom na vanjske granice odabira.

U REDU. Odaberite sve objekte (Ctrl+A) i na upravljačkoj ploči kliknite na Centar za vodoravno poravnanje (broj 2):

To je to. Sada se možete igrati s veličinama i bojama ako želite.

Ako smanjite vapno i promijenite boje teksta, izgledat će puno bolje:

U redu, čestitam s prvim logom!

Prijeđimo na spremanje i izvoz.

3.16 Spremanje i izvoz

Da biste spremili datoteke Illustratora, samo pritisnite Ctrl+S (kao i uvijek) i spremit će ga u .prema format.

Ako želite spremiti svoj logotip u. png , tada možete koristiti jedan od dva načina: Datoteka-> Izvoz ili Datoteka-> Spremi za web i uređaje .

Dok drugi način izvozi cijelu Artboard ploču, prvi način omogućuje izvoz samo vaših objekata.

Evo primjera:

Bilješka : uvijek možete promijeniti veličinu svog Artb -a oard (Datoteka-> Postavljanje dokumenta i kliknite Uređivanje umjetničkih ploča ). Nakon toga, kada koristite Spremi za web i uređaje vidjet ćete da je veličina slike nova veličina vašeg Artboard -a.

Također napomena: možete provjeriti Transparentnost prilikom spremanja za web imat ćete svoj logotip s prozirnom pozadinom.

Idemo kroz još jedan vodič za učenje drugih osnovnih alata. Izradit ćemo 3D tekst s mrljavom pozadinom.

4. Stvaranje 3D teksta u Adobe Illustratoru

Iako su vektorske grafike obično dvodimenzionalne, možete stvoriti i 3D objekte lijepog izgleda. U ovom vodiču stvorit ćemo jednostavan 3D tekst s mrljavom pozadinom kao što je dolje:

Kao što sam rekao, sada učimo osnove kako biste se bolje upoznali sa sučeljem i nekim korisnim alatima. Kad to učinite, vidjet ćete da ne postoje ograničenja za ono što možete učiniti s Illustratorom.

4.1 Dodavanje mršave pozadine

Počnimo sa hladnom pozadinom.

Idite na svoju omiljenu web stranicu za besplatne teksture i pozadine i pronađite lijepu mrljavu pozadinu. Uzeo sam jedan od Stock Image :

Kopirajte ga i zalijepite u dokument Adobe Illustrator. Najvjerojatnije će biti prevelik, pa ćete ga morati smanjiti. Koristiti Ploča za transformaciju za kontrolu veličine slike:

Napomena: možete koristiti vlastite vrijednosti, samo provjerite odgovara li dokumentu.

Sada imamo pripremljenu pozadinsku sliku, ali dodajmo joj još neke efekte. Prvo ćemo stvoriti pravokutnik, a zatim ćemo dodati efekt unutarnjeg sjaja i upotrijebiti ploču Transparentnost za promjenu miješanja slike i pravokutnika.

4.2 Stvaranje pravokutnika

Odaberite Pravokutnik iz Alata (M), nacrtajte pravokutnik, iste veličine kao i vaša pozadinska slika (možda ćete htjeti koristiti Transformirati ploču za postavljanje točnih vrijednosti) i postavite Ispunite boja do svijetlosmeđa i bez poteza:

4.3 Dodavanje učinka unutarnjeg sjaja

Ići Učinak-> Stiliziraj-> Unutarnji sjaj i postavite vrijednosti kako je prikazano:

Evo što biste trebali imati:

4.4 Korištenje ploče transparentnosti

Uvijek možete koristiti Prozirna ploča za promjenu načina spajanja objekta ili sloja sa donjim slojevima. Prije svega, pošaljimo naš pravokutnik iza slike. Odaberite pravokutnik klikom na njega i upotrijebite Ctrl+[ .

Sada odaberite sloj slike klikom na sliku i otvorite Ploča transparentnosti (prozor-> Transparentnost) i izabrati Pomnožiti kao način miješanja:

Lijepo. Završili smo s pozadinom. Prijeđimo na sam 3D tekst.

4.5 Rad s alatom Type

Koristiti Alat za upisivanje (T) napiši MakeUseOf nekim lijepim fontom (ja sam odabrao Diavlo Bold , koji se može preuzeti na adresi ljevaonica fontova exljbris ). Neka bude dovoljno velik kao 65pt , postavite praćenje na -dvadeset i odaberite Bijela boja:

4.6 Stvaranje obrisa

Koristiti Izradite obrise - desnom tipkom miša kliknite tekst i odaberite Izradite obrise , za pretvaranje teksta u vektorske staze:

4.7 Dodavanje 3D efekata

3D efekti mogu se primijeniti na bilo koje objekte, kao i na tekst. Odaberite tekst, idite na Učinak-> 3D-> Ekstrudiranje i zakošenje i primijeniti na sljedeći način:

Evo što biste trebali imati do sada:

Sada moramo međusobno odvojiti lica teksta i naš 3D efekt. Koristiti Proširi izgled napraviti to ( Objekt-> Proširi izgled ).

S Alat za izravan odabir (A) , odaberite samo lica teksta (držite Pomicanje za odabir više objekata):

Savjet : pri odabiru provjerite jesu li sidra plava a nitko od njih bijel. Da biste to učinili, zumirajte malo i kliknite negdje u sredini objekata (ovdje - tekstualna lica).

4.8 Korištenje ploče Unite from Pathfinder

Sada kopirajte i zalijepite svoj odabir i upotrijebite Ujedinjen iz Pathfinder ploča za spajanje svih odabranih lica u jednu grupiranu putanju:

Postavite novi sloj na stari i postavite ga Boja poteza na bijelo i Težina udara do 1pt:

Skoro smo stigli.

4.9 Dodavanje gradijentnog stila

Dodavanje gradijenta prilično je jednostavno - samo odaberite objekt, kliknite na Gradijent ploču s desne strane i postavite svoje boje. Štoviše, uvijek se možete koristiti unaprijed definiranim Knjižnice iz Prozor-> Knjižnice Swatch-> Gradijenti . No, ovaj put postavimo ga ručno.

U Gradijent ploča, skup Tip do Linearno , postavite prvu boju na 0% lokacije na tamnocrvenu, drugu boju na 80% lokacije na narančastu i konačnu boju na 100% na svijetlo crvenu, Kut na -90 °:

Savjet : koristite gornji klizač za kontrolu raspona boja gradijenta.

4.10 Dodavanje sjene

Da bismo našem tekstu dali dubinu, dodajmo mu neku sjenu. Koristit ćemo Gaussian Blur utjecaj.

Prvo kopirajte ( Ctrl+C ) naš novi sloj i zalijepite ga ispred ( Ctrl+F ). Zatim promijenite njegovu boju u crnu i postavite hod na ništa, pošaljite je iza sloja 3D efekta s Ctrl+[ (provjerite je li iznad pozadinskih slojeva):

Pomaknite ga prema dolje pomoću tipki sa strelicama (točnije možete promijeniti koordinate Y s ploče Transform da budete precizniji):

4.11 Primjena Gaussova zamućenja

Naša sjena sada ne izgleda realno; moramo to malo zamagliti. Ići Učinak-> Zamućenje-> Gaussovo zamućenje i postavite Radius na 9 piksela:

Mi smo gotovi!

5. Neki korisni savjeti

Savjeti i trikovi su beskrajni, ali pokazat ću vam neke od njih:

• Zaključaj slojeve - kada želite odabrati neke male objekte koji se nalaze ispred drugih objekata (poput pozadine), umjesto da Shift+kliknete na svaki, možete jednostavno zaključati pozadinu pomoću Ctrl+2 ili staviti znak za zaključavanje ploču Slojevi.

• Uvijek provjerite paletu slojeva - pri radu s mnogim objektima i slojevima zaista je korisno imenovati slojeve i provjeriti kako su slojevi poravnati (je li sloj iznad ili ispod drugog, je li zaključan itd.);

• Ponovno uredite stilove slojeva kad god vam zatreba- da, uvijek možete promijeniti postavke stila ili efekta koje ste već primijenili na objekt ili sloj kroz ploču Izgled (Prozor-> Izgled);

• Koristite knjižnice-postoje neke lijepe unaprijed definirane knjižnice koje možete koristiti u svojim djelima. Idite na Window-> Libraries i odaberite jednu od Brush Libraries, Swatch Libraries, Graphic Style Libraries ili Symbol Libraries. Ima ih puno.

6. Zaključak

Nadam se da vam je sve bilo dovoljno jasno da počnete voljeti Adobe Illustrator. Ono što sam opisao u ovom vodiču samo su osnove. Sljedeći put ću pokazati složenije načine upotrebe drugih nevjerojatnih alata i trikova. Dotad - praksa .

Vodič objavljen: kolovoz 2012

Udio Udio Cvrkut E -pošta Kako pristupiti Googleovoj ugrađenoj razini mjehurića na Androidu

Ako ste se ikada trebali uvjeriti da je nešto na razini, sada možete dobiti razinu mjehurića na telefonu u nekoliko sekundi.

Pročitajte Dalje
Povezane teme
  • Kreativno
  • Računalno podržano projektiranje
  • Dugi oblik
  • Vodič za dugačke oblike
O autoru Azamat Denibekovich Esenaliev(3 objavljena članka) Više od Azamat Denibekovich Esenaliev

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu