Vodnik za začetnike do programa Adobe Illustrator

Vodnik za začetnike do programa Adobe Illustrator
Ta priročnik je na voljo za prenos kot brezplačen PDF. Prenesite to datoteko zdaj . Kopirajte in delite to s prijatelji in družino.

Želite se začeti učiti Adobe Illustrator , a se počutite preobremenjeni? Oglejte si 'Prvi koraki z Illustratorjem', prvi priročnik za Illustrator podjetja MakeUseOf. Ta priročnik z enostavnimi navodili in številnimi označenimi posnetki zaslona olajša učenje Illustratorja.





Adobe Illustrator je program za vektorsko risanje. Pogosto se uporablja za ustvarjanje logotipov, ikon, ilustracij, grafikonov, infografik, majic, vizitk, pisalnih potrebščin, ovojnic, oblikovanja embalaže-vi poimenujte. Skratka, večinoma se uporablja za ustvarjanje grafik visoke ločljivosti, ki jih je mogoče kasneje tudi natisniti.





Za razliko od Photoshopa, ki podatke o sliki shranjuje v pikah, Illustrator pri risanju oblik uporablja matematične enačbe. Vektorske risbe lahko prilagodite tako, da ustrezajo pasicam velikosti nebotičnikov; rastrske slike ne morejo. Zaradi tega se Illustrator uporablja za izdelavo risb, ki jih je treba enostavno prilagoditi - stvari, kot so logotipi.





Ta priročnik za Adobe Illustrator razlaga osnovna orodja, potrebna za izdelavo logotipa, zato si ga oglejte. Odprite Illustrator sami in sledite, da zares občutite neverjeten Adobejev program vektorske umetnosti.

Kazalo

§1. Uvod



§2 - Delovni prostor Illustratorja

§3 - Ustvarjanje logotipa v Illustratorju





§4 - Ustvarjanje 3D besedila v Illustratorju

§5 - Nekaj ​​koristnih nasvetov





§6 - Sklep

1. Uvod

Če ste se odločili za učenje Illustratorja, morate začeti z osnovami. To je res močan program, a tudi kompleksen. Ko se seznanite z vmesnikom, osnovnimi orodji, paletami in delovnim prostorom, boste prihranili veliko časa in živcev, vaš potek dela pa se bo zdel nemoten in prijeten.

Adobe Illustrator je program za vektorsko risanje. Pogosto se uporablja za ustvarjanje logotipov, ikon, ilustracij, grafikonov, infografik, majic, vizitk, pisalnih potrebščin, ovojnic, oblikovanja embalaže-vi poimenujte. Skratka, večinoma se uporablja za ustvarjanje grafik visoke ločljivosti, ki jih je mogoče kasneje tudi natisniti.

Za razliko od Photoshopa, ki podatke o sliki shranjuje v pikah, Illustrator pri risanju oblik uporablja matematične enačbe. Za kaj gre?

To pomeni, da lahko vektorsko grafiko (na primer risbo Illustrator) pomanjšate ali povečate na poljubno velikost, ne da bi pri tem izgubili kakovost, medtem ko se bodo rastrske slike (na primer slike, urejene v Photoshopu) med spreminjanjem povečale:

V bistvu lahko vektorske risbe prilagodimo tako, da ustrezajo pasicam velikosti nebotičnikov; rastrske slike ne morejo. Torej, če nameravate svoje delo uporabiti za različne velikosti, uporabite vektorski program, kot je Illustrator.

• Prednosti vektorske grafike:

• Visoka ločljivost pri kateri koli velikosti;

• Majhna velikost datoteke;

• visokokakovosten tisk;

• Med urejanjem ni izgube ločljivosti.

Slabosti:

Realistične risbe je težko izdelati (vendar še vedno mogoče).

V redu, torej še vedno berete ta priročnik. To mi pove, da se resnično želite približati Illustratorju, zato sem tukaj, da svoje znanje delim z vami. V tem priročniku vam bom predstavil delovni prostor, osnovna orodja, oblike in s to čudovito programsko opremo bomo ustvarili naš prvi logotip.

Upoštevajte, da v sistemu Windows uporabljam Illustrator CS5, zato bodo morali uporabniki Mac uporabljati nekoliko drugačne kombinacije tipk: Ukaz namesto Ctrl in Možnost namesto Vse .

2. Delovni prostor Illustratorja

Če poznate Photoshop, vas delovni prostor Adobe Illustrator ne bo preveč presenetil, saj so njegovi glavni deli v bistvu enaki:

Uporabili boste predvsem ploščo Orodja, saj so tam vsa potrebna orodja. Za konfiguriranje aktivnega orodja boste uporabili nadzorno ploščo, kjer so shranjene vse možnosti za trenutno orodje. In seveda območje priklopa plošče - hrani tako pomembne palete, kot so barvni vzorci, plasti, možnosti poteze, videz, nastavitve prelivov itd. (Vse palete lahko vklopite ali izklopite v Windows meni).

Preverimo Orodja najprej ploščo.

2.1 Plošča z orodji

V orodjarni je na voljo veliko orodij, vendar vam ni treba zapomniti vsega. Le nekaj jih bo opravilo delo.

Tukaj je referenčna tabela (nekaj orodij, na primer Pravokotnik , vsebuje več orodij, ki jih lahko izberete tako, da držite ikono orodja):

Vedno pravim, da je najboljši način učenja vadba. Torej, naučimo se osnovnih orodij z njihovo dejansko uporabo.

3. Ustvarjanje logotipa v Illustratorju

Običajno uporabljam Adobe Illustrator za izdelavo logotipov za svoje stranke. Zakaj ne poskusimo enega?

Pokličimo naše super podjetje LimeWorks . Ustvariti moramo apno in pod njim postaviti ime. Všečkaj to:

Ne pozabite pa, da bomo ustvarili preprost logotip, da se boste seznanili z nekaterimi orodji in metodami. Začnimo z risanjem segmentov apna.

3.1 Uporaba orodja Pen

Uporabili bomo Peresnik orodje, ki je eno najpogosteje uporabljenih orodij v Illustratorju. Uporablja se za ustvarjanje vseh vrst oblik in predmetov. Izberite ga s klikom na njegovo ikono v orodjarni ali uporabite tipko P.

aplikacija za ponarejeno telefonsko številko za pošiljanje sporočil

Z orodjem Pen ustvarite svoj prvi trikotnik tako, da trikrat kliknete tam, kjer želite, da so robovi:

Opomba: kot vidite, natančneje uporabljam mrežo (Ctrl+).

Če želite zapreti pot, kliknite prvo točko:

Zdaj je pripravljen za polnjenje z barvo. Prepričajte se, da je trikotnik izbran (kliknite ga z Izbirno orodje, V ) in izberite rumeni ton:

3.2 Okrogli vogali

Potrebujemo okrogle vogale, da bo naš segment limete (trikotnik) videti bolj gladek. Uporabili bomo Okrogli koti učinek:

V Okrogli koti pogovorno okno, vnesite nekaj takega 4 mm (Kot enote uporabljam milimetre) in kliknite V redu, da uporabite spremembe:

Izgleda v redu. Zdaj pa dodajmo še teksturo, da bo videti bolj realno.

3.3 Dodajanje učinkov Photoshopa

V Adobe Illustratorju, ko odprete meni z učinki, boste videli, da obstajajo učinki Illustratorja in učinki Photoshopa:

Uporabili bomo Vitraž (učinki-> Tekstura-> Vitraž) .

Pred tem pa potrebujemo kopijo našega trikotnika nad prvotno plastjo.

3.4 Kopiranje predmetov

Pokazal vam bom nekaj hitrih nasvetov, kako enostavno kopirati in prilepiti predmete nad trenutno plastjo in pod njo, pri tem pa ohraniti natančen položaj.

Če želite kopijo izbranega predmeta prilepiti nad izvirnik na točno mesto, jo najprej kopirajte ( Ctrl+C) in ga nato prilepite z uporabo Ctrl+F. (če uporabljate Ctrl+V prilepila ga bo na sredino zaslona). Če ga želite prilepiti pod prvotni predmet, uporabite Ctrl+B :

V redu, tako da zdaj poznate trike copy/paste.

Kopirajte in prilepite naš trikotnik pred seboj (Ctrl+F) in prilepite predmet z belo barvo:

Odprite Vitraž pogovorno okno in nastavite kot moje ( Velikost celice = 17; Debelina obrobe = 2; Intenzivnost svetlobe = 0 ):

3.5 Razširi videz

Razširi videz se nahaja v Objekt meni in je eno najpomembnejših orodij v Illustratorju. Morda bo za podroben opis potreben ločen vodnik, danes pa se učimo le osnov.

Preprosto povedano, Razširi videz se uporablja za razdelitev predmeta na ločene poti ali slike, potem ko je nanj uporabljen učinek. No, to se sliši nekoliko zmedeno. Izkoristimo ga in poglejmo v akcijo.

Prepričajte se, da ste izbrali beli trikotnik z Vitraž vpliva na to in pojdite na Objekt-> Razširi videz . Zdaj je naš predmet slika:

3.6 Sled v živo

Še ena kul funkcija programa Adobe Illustrator, Živa sled se uporablja za pretvorbo rastrskih slik v predmete za sledenje. Nekaj ​​privzetih prednastavitev sledenja že obstaja, vendar bomo uporabili nastavitve po meri.

Pojdi do Objekt-> Sled v živo -> Možnosti sledenja in nastavite vrednosti, kot je prikazano spodaj:

3.7 Razširi

Razširi se uporablja za pretvorbo predmetov sledenja v poti, ki jih je mogoče urejati (vektor). Po sledenju rastrske slike uporabite Razširi .

Ker je naš teksturiran objekt zdaj zasleden in pripravljen za vrnitev na poti, bomo uporabili Razširi :

Kot vidite, je naša tekstura zdaj niz poti , vendar moramo njegovo barvo spremeniti iz črne v belo. Tokrat bomo uporabili Možganska kap (ker je tekstura niz potez):

V REDU. Zdaj pa je nekoliko preostro. Malo zameglimo.

3.8 Učinek zamegljenosti

Pojdi do Učinki-> Zameglitev-> Gaussova zamegljenost , nastavite polmer na 2,8 slikovnih pik in to bi morali imeti:

Na tej točki smo končali z rezino limete. Ostalo je lažje.

3.9 Razvrščanje objektov v skupine

Na tej točki je naš apnenček pripravljen in ga moramo podvojiti. Je pa sestavljen iz več plasti (predmetov), ​​zato da olajšamo stvari pri podvajanju Skupina njim.

Če želite združiti niz predmetov, jih izberite tako, da jih povlečete z miško in kliknete Ctrl+G . Drug primeren način izbire več predmetov je držanje Premik in s klikom na predmete.

Ker pa na naši umetniški plošči ni drugih predmetov, lahko izberete vse predmete ( Ctrl+A ) in jih združite ( Ctrl+G ):

3.10 Uporaba orodja Rotate

Zavrti orodje (R) se uporablja za ... uganite kaj? Da, za vrtenje predmetov ali oblik.

Izberite orodje Rotate in Alt + klik na vrhu trikotnika za nastavitev našega središča vrtenja. V pojavnem oknu nastavite naslednje in kliknite Kopirati :

To bi morali imeti zdaj:

3.11 Majhen trik

Obstaja majhen trik (eden izmed mnogih), ki vam bo olajšal izkušnjo Adobe Illustratorja v prihodnjih projektih. Trik je le bližnjica na tipkovnici ( Ctrl+D ). Ponovi ali uporabi zadnjo preobrazbo za izbrani predmet.

To je priročno tudi za našo prakso. Izberite novo rezino in uporabite Ctrl+D 6 -krat:

Voila! Imamo okusno limono. Zdaj za nekaj podrobnosti.

Najprej združite vse rezine, da bodo stvari v redu. Nato se prepričajte, da ni nič izbrano, tako da kliknete kje drugje na umetniški plošči.

3.12 Risanje kroga

Izberite svetlo zeleno barvo za Izpolnite in nobena za Možganska kap :

Izberite Elipse orodje (podorodje pod Pravokotnik ali zadeti THE ):

Počakaj Shift + Alt , pokažite miško na sredino limete in jo povlecite, dokler ne dobite kroga, ki pokriva celotno apno:

Opomba: za začetek vam ni treba najti natančnega središča - predmete bomo pozneje poravnali.

3.13 Urejanje predmetov

Kot vidite zdaj, je zeleni krog pred ali zgoraj naše apno. Da ga pošljete nazaj ali spodaj , izberite in pritisnite Ctrl+[(Ctrl+], da ga postavite nad trenutno plast):

Dobro. Izberite ta krog in ga podvojite pod seboj (kot smo naredili v 3.4.) S Ctrl+C in potem Ctrl+B :

Spremenite barvo polnila v temnejšo zeleno in jo naredite nekoliko večjo od prvega kroga, tako da držite Shift+Alt in povlečete eno od njegovih referenčnih točk:

To izgleda precej dobro. Še bolje: končali smo s težjim delom.

3.14 Dodajanje besedila

Pod apno dodajmo ime našega podjetja. Izberite Vrsta orodje ( T ), kliknite pod apnom in vnesite LimeWorks :

Zdaj pa poravnajmo vse na sredino.

3.15 Poravnava predmetov

Za popolno poravnavo predmetov uporabite orodja za poravnavo. Ta orodja se nahajajo na nadzorni plošči, ko je orodje za izbiro aktivno. Spodaj si oglejte različne poravnave:

Upoštevajte, da ti primeri veljajo za Poravnaj z umetniško ploščo :

Če se odločite Poravnaj z izbiro , bodo predmeti poravnani glede na zunanje meje izbora.

V REDU. Izberite vse predmete (Ctrl+A) in na nadzorni plošči kliknite Vodoravno središče za poravnavo (številka 2):

To je to. Zdaj se lahko igrate z velikostmi in barvami, če želite.

Če zmanjšate apno in spremenite barve besedila, bo videti veliko bolje:

V redu, čestitam z vašim prvim logotipom!

Pojdimo na shranjevanje in izvoz.

3.16 Shranjevanje in izvoz

Če želite shraniti datoteke Illustratorja, samo pritisnite Ctrl+S (kot vedno) in ga bo shranil v .na format.

Če želite shraniti svoj logotip v. png , potem lahko uporabite enega od dveh načinov: Datoteka-> Izvozi ali Datoteka-> Shrani za splet in naprave .

Medtem ko drugi način izvaža celotno umetniško ploščo, prvi način omogoča izvoz samo vaših predmetov.

Tukaj je primer:

Opomba : vedno lahko spremenite velikost svojega Artb oard (Datoteka-> Nastavitev dokumenta in kliknite Urejanje umetniških plošč ). Po tem, ko uporabite Shrani za splet in naprave videli boste, da je velikost slike nova velikost vaše umetniške plošče.

Upoštevajte tudi: lahko preverite Preglednost pri shranjevanju za splet boste imeli logotip s prozornim ozadjem.

Pojdimo skozi drugo vadnico in se naučimo drugih osnovnih orodij. Ustvarili bomo 3D besedilo s škrlatnim ozadjem.

4. Ustvarjanje 3D besedila v Adobe Illustratorju

Medtem ko so vektorske grafike običajno dvodimenzionalne, lahko ustvarite tudi lepe 3D predmete. V tej vadnici bomo ustvarili preprosto 3D besedilo s škrlatnim ozadjem, kot je prikazano spodaj:

Kot sem rekel, se zdaj učimo osnov, tako da se bolje seznanite z vmesnikom in nekaterimi uporabnimi orodji. Ko to storite, boste videli, da ni omejitev za to, kar lahko počnete z Illustratorjem.

4.1 Dodajanje škrlatnega ozadja

Začnimo s hladnim ozadjem.

Pojdite na svoje najljubše spletno mesto za brezplačne teksture in ozadja in poiščite lepo grnčasto ozadje. Enega sem vzel iz Slika slike :

Kopirajte in prilepite v dokument Adobe Illustrator. Najverjetneje bo prevelik, zato ga boste morali zmanjšati. Uporaba Plošča za preoblikovanje za nadzor velikosti slike:

Opomba: lahko uporabite svoje vrednosti, samo se prepričajte, da ustreza dokumentu.

Zdaj imamo pripravljeno sliko za ozadje, dodajmo pa ji še nekaj učinkov. Najprej bomo ustvarili pravokotnik, nato pa dodali učinek Inner Glow in s pomočjo plošče Transparency spremenili mešanje slike in pravokotnika.

4.2 Ustvarjanje pravokotnika

V orodju (M) izberite Pravokotnik, narišite pravokotnik, enake velikosti kot slika ozadja (morda želite uporabiti Preoblikovati ploščo za nastavitev natančnih vrednosti) in nastavite Izpolnite barva do svetlo rjava in brez poteze:

4.3 Dodajanje učinka notranjega sijaja

Pojdi do Učinek-> Stiliziraj-> Notranji sijaj in nastavite vrednosti, kot je prikazano:

Tukaj je tisto, kar bi morali imeti:

4.4 Uporaba nadzorne plošče

Vedno lahko uporabite Plošča za preglednost spremenite način mešanja predmeta ali plasti s spodnjimi plastmi. Najprej pošljimo naš pravokotnik za sliko. Izberite pravokotnik s klikom nanj in uporabite Ctrl+[ .

Sedaj izberite slikovni sloj s klikom na sliko in odprite Plošča za preglednost (okno-> Preglednost) in izberite Pomnožite kot način mešanja:

Lepo. Z ozadjem smo zaključili. Pojdimo na samo 3D besedilo.

4.5 Delo z orodjem Type

Uporabljati Orodje za tipkanje (T) napiši MakeUseOf z lepo pisavo (izbrala sem Diavlo krepko , ki ga lahko prenesete na exljbris Livarna pisav ). Naj bo dovolj velik kot 65pt , nastavite sledenje na -dvajset in izberite Bela barva:

4.6 Ustvarjanje obrisov

Uporaba Ustvarite obrise - z desno tipko miške kliknite besedilo in izberite Ustvarite obrise , za pretvorbo besedila v vektorske poti:

4.7 Dodajanje 3D učinkov

3D učinke lahko uporabite za vse predmete in besedilo. Izberite besedilo, pojdite na Učinek-> 3D-> Iztiskanje in poševnina in se prijavite na naslednji način:

Tole bi morali imeti tako daleč:

Zdaj moramo ločiti obraze besedila in naš 3D učinek drug od drugega. Uporaba Razširi videz narediti to ( Objekt-> Razširi videz ).

Z Orodje za neposreden izbor (A) , izberite samo obraze besedila (pridržite Premik za izbiro več predmetov):

Nasvet : pri izbiri se prepričajte, da so sidra modra in nobena ni bela. Če želite to narediti, nekoliko povečajte in kliknite nekje na sredini predmetov (tukaj - obrazi besedila).

4.8 Uporaba plošče Unite from Pathfinder

Zdaj kopirajte in prilepite svojo izbiro in uporabite Združeni od Pathfinder ploščo za združevanje vseh izbranih obrazov v eno združeno pot:

Novo plast položite na staro in jo postavite Barva kapi na belo in Teža kapi do 1pt:

Skoraj smo že tam.

4.9 Dodajanje gradientnega sloga

Dodajanje gradienta je precej preprosto - samo izberite predmet in kliknite na Gradient plošči na desni in nastavite svoje barve. Poleg tega lahko vedno uporabite vnaprej določene Knjižnice od Okno-> Knjižnice Swatch-> Prelivi . Tokrat pa nastavimo ročno.

V Gradient plošča, nastavljena Vrsta do Linearno , prvo barvo na 0% lokaciji nastavite na temno rdečo, drugo barvo na 80% lokaciji na oranžno in končno barvo na 100% na svetlo rdečo, kot na -90 °:

Nasvet : uporabite zgornji drsnik za nadzor barvnega razpona gradienta.

4.10 Dodajanje sence

Če želimo našemu besedilu dati globino, mu dodajmo nekaj sence. Uporabili bomo Gaussova zameglitev učinek.

Najprej kopirajte ( Ctrl+C ) naš novi sloj in ga prilepite spredaj ( Ctrl+F. ). Nato spremenite njeno barvo v črno in nastavite potezo na nič, jo pošljite za plast učinka 3D Ctrl+[ (prepričajte se, da je nad plastmi ozadja):

Premaknite ga navzdol s puščičnimi tipkami (natančneje lahko spremenite tudi Y koordinate na plošči Transform):

4.11 Uporaba Gaussove zameglitve

Naša senca zdaj ne izgleda realno; moramo ga malo zamegliti. Pojdi do Učinek-> Zameglitev-> Gaussova zamegljenost in nastavite Radius na 9 slikovnih pik:

Končali smo!

5. Nekaj ​​koristnih nasvetov

Nasveti in zvijače so neskončni, vendar vam bom pokazal nekaj od njih:

• Zakleni plasti - če želite izbrati nekaj majhnih predmetov, ki so pred drugimi predmeti (na primer ozadje), namesto da Shift+kliknete na vsakega, lahko preprosto zaklenete ozadje s kombinacijo tipk Ctrl+2 ali vnesete znak za zaklepanje ploščo Sloji.

• Vedno preverite paleto slojev - pri delu z mnogimi predmeti in plastmi je zelo koristno poimenovati svoje plasti in preveriti, kako so plasti poravnane (ali je plast nad ali pod drugo, ali je zaklenjena itd.);

• Ponovno uredite sloge slojev, kadar koli potrebujete- da, vedno lahko spremenite nastavitve sloga ali učinka, ki ste jih že uporabili za predmet ali plast, prek plošče Videz (okno-> Videz);

• Uporabi knjižnice-obstaja nekaj lepih vnaprej določenih knjižnic, ki jih lahko uporabite pri svojih delih. Pojdite na Window-> Libraries in izberite med Brush Libraries, Swatch Libraries, Graphic Style Libraries ali Symbol Libraries. Veliko jih je.

6. Sklep

Upam, da vam je bilo vse dovolj jasno, da ste začeli ljubiti Adobe Illustrator. Kar sem obravnaval v tem priročniku, so le osnove. Naslednjič bom prikazal bolj zapletene uporabe drugih neverjetnih orodij in trikov. Do takrat - praksa .

Vodnik objavljen: avgust 2012

Deliti Deliti Cvrkutati E-naslov Kako dostopati do Googlove vgrajene ravni mehurčkov v sistemu Android

Če ste se kdaj morali prepričati, da je nekaj na nivoju, lahko zdaj v nekaj sekundah v telefonu dobite raven mehurčkov.

Preberite Naprej
Sorodne teme
  • Ustvarjalno
  • Računalniško podprto oblikovanje
  • Dolga oblika
  • Vodnik po dolgi obliki
O avtorju Azamat Denibekovich Esenaliev(3 objavljeni članki) Več od Azamat Denibekovich Esenaliev

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e -knjige in ekskluzivne ponudbe!

Kliknite tukaj, če se želite naročiti