Home-theater-designers
Vrei să începi să înveți Adobe Illustrator , dar te simți copleșit? Consultați „Noțiuni introductive despre Illustrator”, primul manual Illustrator de la MakeUseOf. Cu instrucțiuni ușor de urmat și o mulțime de capturi de ecran adnotate, acest manual simplifică învățarea Illustrator.
Adobe Illustrator este un program de desenare vectorială. Este adesea folosit pentru a crea logo-uri, icoane, ilustrații, diagrame, infografii, tricouri, cărți de vizită, articole de papetărie, plicuri, design de ambalaj - pe care îl numiți. Una peste alta, este folosită mai ales pentru a crea grafică de înaltă rezoluție, care poate fi imprimată ulterior.
Spre deosebire de Photoshop, care stochează informații despre imagini în puncte, Illustrator folosește ecuații matematice atunci când desenezi forme. Desenele vectoriale pot fi scalate pentru a se potrivi cu bannere de dimensiunea zgârie-nori; imaginile raster nu pot. Din această cauză, Illustrator este folosit pentru a face desene care trebuie să fie reduse cu ușurință - lucruri precum logouri.
Acest manual Adobe Illustrator explică instrumentele de bază necesare pentru realizarea unei sigle, așa că verificați-o. Deschideți-vă Illustrator și urmăriți-vă pentru a obține cu adevărat o impresie pentru uimitorul program de artă vectorială Adobe.
Cuprins
§2 – Spațiul de lucru Illustrator
§3 – Crearea unui logo în Illustrator
§4 – Crearea unui text 3D în Illustrator
1. Introducere
Dacă ați decis să învățați Illustrator, atunci trebuie să începeți cu elementele de bază. Este un program foarte puternic, dar și unul complex. Odată ce vă familiarizați cu interfața, instrumentele de bază, paletele și spațiul de lucru, veți economisi mult timp și nervi, iar fluxul dvs. de lucru va părea lin și plăcut.
Adobe Illustrator este un program de desenare vectorială. Este adesea folosit pentru a crea logo-uri, icoane, ilustrații, diagrame, infografii, tricouri, cărți de vizită, articole de papetărie, plicuri, design de ambalaj - pe care îl numiți. Una peste alta, este folosită mai ales pentru a crea grafică de înaltă rezoluție, care poate fi imprimată ulterior.
Spre deosebire de Photoshop, care stochează informații despre imagini în puncte, Illustrator folosește ecuații matematice atunci când desenezi forme. Despre ce e vorba?
Înseamnă că grafica vectorială (cum ar fi un desen Illustrator) poate fi scalată sau mărită la orice dimensiune fără a pierde calitatea, în timp ce imaginile raster (cum ar fi o imagine editată în Photoshop) se vor pixeliza pe măsură ce scalați:
Practic, desenele vectoriale pot fi scalate pentru a se potrivi cu bannere de dimensiunea zgârie-nori; imaginile raster nu pot. Deci, dacă intenționați să vă folosiți munca pentru diferite dimensiuni, utilizați un program bazat pe vectori precum Illustrator.
• Avantajele graficii vectoriale:
• Rezoluție înaltă la orice dimensiune;
• Dimensiune mică a fișierului;
• Imprimare de înaltă calitate;
• Nu se pierde rezoluția în timpul editării.
Dezavantaje:
• Greu de produs desene realiste (dar totuși posibil).
Bine, deci citiți în continuare acest ghid. Asta îmi spune că vrei cu adevărat să te apropii de Illustrator, așa că sunt aici pentru a-ți împărtăși cunoștințele. În acest ghid, vă voi prezenta spațiul de lucru, instrumentele de bază, formele și vom crea primul nostru logo folosind acest software minunat.
Vă rugăm să rețineți că folosesc Illustrator CS5 pe Windows, astfel încât utilizatorii de Mac vor trebui să utilizeze combinații de taste ușor diferite: Comanda cheie în loc de Ctrl și Opțiune in loc de Tot .
2. Spațiul de lucru Illustrator
Dacă sunteți familiarizat cu Photoshop, atunci spațiul de lucru Adobe Illustrator nu vă va surprinde prea mult, deoarece principalele părți ale acestuia sunt practic aceleași:
Veți utiliza în principal panoul Instrumente, deoarece toate instrumentele de care aveți nevoie sunt acolo. Pentru a configura un instrument activ, veți utiliza panoul de control, unde sunt păstrate toate opțiunile pentru instrumentul curent. Și, bineînțeles, zona de andocare a panoului - păstrează palete atât de importante, cum ar fi Specimenele de culoare, Straturile, Opțiunile de cursă, Aspectul, Setările de gradient etc. (toate paletele pot fi activate sau dezactivate în Windows meniul).
Să verificăm Instrumente primul panou.
2.1 Panoul de instrumente
Există multe instrumente disponibile în caseta de instrumente, dar nu trebuie să memorați totul. Doar câțiva dintre ei vor face treaba.
Iată un tabel de referință (unele instrumente, cum ar fi Dreptunghi , conține mai multe instrumente în interior, care pot fi selectate ținând apăsată pictograma instrumentului):
Întotdeauna spun că cel mai bun mod de a învăța este practicarea. Deci, să învățăm instrumentele de bază folosindu-le de fapt.
3. Crearea unui logo în Illustrator
De obicei folosesc Adobe Illustrator pentru a crea sigle pentru clienții mei. De ce nu încercăm una?
Să sunăm la compania noastră minunată LimeWorks . Va trebui să creăm un var și să punem numele sub el. Asa:
Rețineți însă că vom crea un logo simplu, doar pentru a vă familiariza cu unele instrumente și metode. Să începem cu desenarea segmentelor de var.
3.1 Utilizarea instrumentului Pen
Vom folosi Pix instrument, care este unul dintre cele mai utilizate instrumente din Illustrator. Este folosit pentru a crea tot felul de forme și obiecte. Selectați-l făcând clic pe pictograma sa din caseta de instrumente sau utilizați tasta P.
pot adăuga RAM la MacBook Pro
Folosind instrumentul Pen, creați primul dvs. triunghi făcând clic de trei ori pe locul în care doriți să fie marginile:
Notă: după cum vedeți, eu folosesc Grid (Ctrl +) pentru a fi mai precis.
Pentru a închide calea, faceți clic pe primul punct:
Acum este gata să fie umplut cu o culoare. Asigurați-vă că triunghiul este selectat (faceți clic pe el cu Instrument de selecție, V ) și alegeți un ton galben:
3.2 Realizarea colțurilor rotunde
Avem nevoie de colțuri rotunde pentru a face ca segmentul nostru de var (triunghi) să arate mai fin. Vom folosi Colțuri rotunde efect:
În Colțuri rotunde caseta de dialog, puneți ceva de genul 4 mm (Folosesc milimetri ca unități) și fac clic pe OK pentru a aplica modificări:
Arata bine. Acum să adăugăm o textură, astfel încât să pară mai realistă.
3.3 Adăugarea efectelor Photoshop
În Adobe Illustrator, când accesați meniul Efecte, veți vedea că există Efecte Illustrator și Efecte Photoshop:
Noi vom folosi Vitralii (Efecte-> Textură-> Vitralii) .
Dar înainte de asta, avem nevoie de o copie a triunghiului nostru deasupra stratului original.
3.4 Copierea obiectelor
Vă voi arăta câteva sfaturi rapide despre cum să copiați și să lipiți cu ușurință obiecte deasupra stratului curent și dedesubt, păstrând în același timp poziția exactă.
Pentru a lipi o copie a unui obiect selectat deasupra celui original în poziția exactă, copiați-l mai întâi ( Ctrl + C) și apoi lipiți-l folosind Ctrl + F (dacă folosiți Ctrl + V îl va lipi în mijlocul ecranului). Pentru a-l lipi sub obiectul original utilizați Ctrl + B :
OK, așa că acum știi trucurile de copiere / lipire.
Copiați și lipiți triunghiul nostru chiar în fața sa (Ctrl + F) și umpleți obiectul lipit cu culoare albă:
Deschide Vitraliu caseta de dialog și setată ca a mea ( Dimensiunea celulei = 17; Grosimea chenarului = 2; Intensitatea luminii = 0 ):
3.5 Extindeți aspectul
Extindeți aspectul este situat în Obiect meniu și este unul dintre cele mai importante instrumente din Illustrator. Poate necesita un ghid separat pentru a descrie în detaliu, dar astăzi învățăm doar elementele de bază.
Deci, în termeni simpli, Extindeți aspectul este folosit pentru a împărți un obiect în căi separate sau imagini după ce i se aplică un efect. Ei bine, sună cam confuz. Să-l folosim și să-l vedem în acțiune.
Asigurați-vă că ați selectat triunghiul alb cu Vitraliu efect asupra ei și du-te la Obiect-> Extindeți aspectul . Acum obiectul nostru este o imagine:
3.6 Trace live
O altă caracteristică interesantă a Adobe Illustrator, Urmă live este folosit pentru a converti imaginile raster în obiecte de urmărire. Există deja unele presetări implicite de urmărire, dar vom folosi setări personalizate.
Mergi la Obiect-> Urmărire live -> Opțiuni de urmărire și setați valorile după cum urmează:
3.7 Extindeți
Extinde este folosit pentru a converti obiectele de urmărire în căi editabile (vector). După urmărirea unei imagini raster, ar trebui să utilizați Extinde .
Deoarece obiectul nostru texturat este acum urmărit și gata pentru a fi returnat pe căi, vom folosi Extinde :
După cum vedeți, textura noastră este acum un set de cărări , dar trebuie să-i schimbăm culoarea din negru în alb. De data aceasta o vom folosi Accident vascular cerebral (deoarece textura este un set de linii):
BINE. Dar acum este puțin prea ascuțit. Haideți să-l estompăm puțin.
3.8 Efect de estompare
Mergi la Efecte-> Blur-> Gaussian Blur , setați raza la 2,8 pixeli și ar trebui să aveți următoarele:
În acest moment, am terminat cu felia noastră de var. Restul este mai ușor.
3.9 Gruparea obiectelor
În acest moment, panoul nostru de var este gata și trebuie să îl duplicăm. Însă este compus din mai multe straturi (obiecte), așa că, pentru a face lucrurile mai ușoare în timpul duplicării, haideți grup lor.
Pentru a grupa un set de obiecte, selectați-le pe toate trăgând mouse-ul în jurul lor și făcând clic Ctrl + G . Un alt mod convenabil de a selecta mai multe obiecte este deținerea Schimb și făcând clic pe obiecte.
Dar, din moment ce nu avem alte obiecte pe planșa noastră, puteți selecta în schimb toate obiectele ( Ctrl + A ) și grupați-le ( Ctrl + G ):
3.10 Utilizarea instrumentului Rotire
Roti instrumentul (R) este folosit pentru ... ghici ce? Da, pentru a roti obiecte sau forme.
Selectați instrumentul Rotire și Alt + clic în partea de sus a triunghiului pentru a ne seta centrul de rotație. În caseta pop-up, setați după cum urmează și faceți clic pe Copie :
Ar trebui să aveți acest lucru acum:
3.11 Un mic truc
Există un mic truc (unul dintre multe) care vă va ușura experiența Adobe Illustrator în proiectele viitoare. Trucul este doar o comandă rapidă de la tastatură ( Ctrl + D ). Se repetă sau aplică cea mai recentă transformare obiectului selectat.
Este la îndemână și pentru practica noastră. Selectați noua felie și utilizați Ctrl + D De 6 ori:
Voila! Avem o lămâie gustoasă. Acum, pentru câteva detalii.
În primul rând, grupați toate feliile împreună pentru a menține lucrurile în ordine. Apoi asigurați-vă că nu este selectat nimic făcând clic în altă parte pe planșă.
3.12 Desenarea unui cerc
Selectați o culoare verde deschis pentru Completati și niciunul pentru Accident vascular cerebral :
Selectează Elipsă instrument (un sub-instrument sub Dreptunghi sau lovit THE ):
Stai Shift + Alt , îndreptați mouse-ul spre centrul varului și trageți mouse-ul până când obțineți un cerc care acoperă întregul var:
Notă: nu trebuie să găsiți centrul exact pentru a începe - vom alinia obiectele mai târziu.
3.13 Aranjarea obiectelor
După cum vedeți acum, cercul verde este în fața sau de mai sus varul nostru. Pentru a-l trimite înapoi sau de mai jos , selectați-l și apăsați Ctrl + [(Ctrl +] pentru ao aduce deasupra stratului curent):
Bun. Selectați acel cerc și copiați-l sub el însuși (așa cum am făcut la 3.4.) Cu Ctrl + C și apoi Ctrl + B :
Schimbați culoarea de umplere într-un verde mai închis și faceți-l puțin mai mare decât primul cerc ținând apăsat Shift + Alt și glisând unul dintre punctele sale de referință:
Arată destul de bine. Chiar mai bine: am terminat cu partea grea.
3.14 Adăugarea textului
Să adăugăm numele companiei noastre sub var. Selectați Tip instrument ( T ), faceți clic sub var și tastați LimeWorks :
Acum, să aliniem totul la centru.
3.15 Alinierea obiectelor
Pentru a alinia perfect obiectele, utilizați instrumentele de aliniere. Aceste instrumente sunt situate în panoul de control, când instrumentul de selecție este activ. Vedeți mai jos pentru a înțelege diferite alinieri:
Rețineți că aceste exemple sunt valabile pentru Aliniați la Artboard :
Dacă alegeți Aliniați la selecție , apoi obiectele vor fi aliniate în raport cu limitele exterioare ale selecției.
BINE. Selectați toate obiectele (Ctrl + A) și din panoul de control, faceți clic pe Centrul de aliniere orizontală (numărul 2):
Asta e. Acum puteți juca cu dimensiuni și culori, dacă doriți.
Dacă faceți varul mai mic și modificați culorile textului, acesta va arăta mult mai bine:
Bine, felicitări cu primul tău logo!
Să trecem la Salvare și exportare.
3.16 Salvarea și exportul
Pentru a salva fișierele dvs. Illustrator, apăsați Ctrl + S (ca întotdeauna) și o va salva în .la format.
Dacă doriți să vă salvați sigla în. png , atunci puteți utiliza unul dintre cele două moduri: Fișier-> Export sau Fișier-> Salvare pentru web și dispozitive .
În timp ce a doua modalitate exportă întreaga placă de Artă, prima modalitate vă permite să exportați numai obiectele dvs.
Iată un exemplu:
Notă : puteți schimba oricând dimensiunea Artb oard (Fișier-> Configurare document și faceți clic pe Editare planșe ). După aceea, când folosești Salvați pentru web și dispozitive veți vedea că dimensiunea imaginii este noua dimensiune a planșei de lucru.
De asemenea, rețineți: puteți verifica Transparenţă atunci când salvați pentru web și veți avea sigla dvs. cu un fundal transparent.
Să parcurgem un alt tutorial pentru a afla alte instrumente de bază. Vom crea un text 3D cu un fundal murdar.
4. Crearea unui text 3D în Adobe Illustrator
În timp ce grafica vectorială are de obicei două dimensiuni, puteți crea și obiecte 3D cu aspect frumos. În acest tutorial vom crea un text 3D simplu cu un fundal murdar ca mai jos:
După cum am spus, acum învățăm elementele de bază, astfel încât să vă familiarizați mai bine cu interfața și câteva instrumente utile. Odată ce vei fi, vei vedea că nu există limite la ceea ce poți face cu Illustrator.
4.1 Adăugarea unui fundal Grungy
Să începem cu un fundal rece.
Accesați site-ul dvs. preferat pentru texturi și fundaluri gratuite și găsiți un fundal frumos și murdar. Am luat unul de la Imagine stoc :
Copiați-l și lipiți-l în documentul Adobe Illustrator. Cel mai probabil va fi mult prea mare, așa că va trebui să o reduceți. Utilizare Transformă panoul pentru a controla dimensiunea imaginii:
Notă: puteți utiliza propriile valori, asigurați-vă că se potrivește documentului.
Acum avem gata imaginea de fundal, dar să adăugăm câteva efecte la ea. Mai întâi, vom crea un dreptunghi și apoi vom adăuga efectul de strălucire interioară și vom utiliza panoul Transparență pentru a schimba amestecul dintre imagine și dreptunghi.
4.2 Crearea unui dreptunghi
Selectați Dreptunghi din Instrumente (M), desenați un dreptunghi, de aceeași dimensiune ca imaginea de fundal (poate doriți să utilizați Transforma pentru a seta valorile exacte) și setați Completati culoare până la maro deschis și fără lovitură:
4.3 Adăugarea efectului de strălucire interioară
Mergi la Efect-> Stylize-> Inner Glow și setați valorile așa cum se arată:
Iată ce ar trebui să aveți:
4.4 Utilizarea panoului de transparență
Puteți folosi oricând Panoul de transparență pentru a schimba modul în care un obiect sau un strat se amestecă cu straturile de mai jos. În primul rând, să trimitem dreptunghiul nostru în spatele imaginii. Selectați dreptunghiul făcând clic pe acesta și utilizați Ctrl + [ .
Acum selectați stratul de imagine făcând clic pe imagine și deschideți Panou de transparență (fereastră-> transparență) și alegeți Multiplica ca mod de amestecare:
Grozav. Am terminat cu fundalul. Să accesăm textul 3D în sine.
4.5 Lucrul cu instrumentul Type
Folosind Instrument de tip (T) scrie MakeUseOf cu un font frumos (am ales Diavlo Bold , care poate fi descărcat de la exljbris Font Foundry ). Faceți-o suficient de mare ca. 65pt , setați urmărirea la -douăzeci și alegeți alb culoare:
4.6 Crearea schițelor
Utilizare Creați contururi - faceți clic dreapta pe text și alegeți Creați contururi , pentru a converti textul în căi vectoriale:
4.7 Adăugarea de efecte 3D
Efectele 3D pot fi aplicate oricăror obiecte, precum și textului. Selectați textul, accesați Efect-> 3D-> Extrudare și conice și aplicați după cum urmează:
Iată ce ar trebui să aveți până acum:
Acum trebuie să separăm fețele textului și efectul nostru 3D unul de celălalt. Utilizare Extindeți aspectul pentru a face asta ( Obiect-> Extindeți aspectul ).
Cu Instrument de selecție directă (A) , selectați doar fețele textului (țineți apăsat Schimb pentru a selecta mai multe obiecte):
Bacsis : în timp ce selectați, asigurați-vă că ancorele sunt albastru și niciunul dintre ei nu este alb. Pentru a face acest lucru, măriți puțin și faceți clic undeva în mijlocul obiectelor (aici - fețe text).
4.8 Utilizarea panoului Unite din Pathfinder
Acum copiați și lipiți selecția și utilizați Unite din Pathfinder pentru a uni toate fețele selectate într-o singură cale grupată:
Așezați noul strat deasupra celui vechi și setați-l Culoare accident vascular cerebral la alb și Greutatea accidentului vascular cerebral la 1pt:
Suntem aproape acolo.
4.9 Adăugarea unui stil de gradient
Adăugarea gradientului este destul de ușoară - selectați doar obiectul, faceți clic pe Gradient din dreapta și configurați culorile. Mai mult, puteți folosi oricând predefinit Biblioteci din Window-> Swatch Libraries-> Gradients . Dar de data aceasta, să-l configurăm manual.
În Gradient panou, set Tip la Liniar , setați prima culoare la 0% locație la roșu închis, a doua culoare la 80% locație la portocaliu și culoarea finală la 100% la roșu aprins, unghi la -90 °:
Bacsis : utilizați glisorul superior pentru a controla gama de culori a gradientului.
4.10 Adăugarea Shadow
Pentru a oferi textului nostru o anumită profunzime, să adăugăm o umbră. Vom folosi Gaussian Blur efect.
Mai întâi, copiați ( Ctrl + C ) noul nostru strat și lipiți-l în față ( Ctrl + F ). Apoi, schimbați culoarea în negru și setați cursa la niciuna, trimiteți-o în spatele stratului de efect 3D cu Ctrl + [ (asigurați-vă că este deasupra straturilor de fundal):
Mutați-l în jos utilizând tastele săgeată (puteți schimba coordonatele Y de la panoul Transformare pentru a fi mai precis):
4.11 Aplicarea neclarității Gaussian
Umbra noastră nu pare realistă acum; trebuie să-l estompăm puțin. Mergi la Efect-> Blur-> Gaussian Blur și setați Raza la 9 pixeli:
Am terminat!
5. Câteva sfaturi utile
Sfaturile și trucurile sunt nesfârșite, dar vă voi arăta câteva dintre ele:
• Blocare straturi - atunci când doriți să selectați câteva obiecte mici care se află în fața altor obiecte (cum ar fi un fundal), în loc de Shift + făcând clic pe fiecare, puteți pur și simplu să blocați fundalul cu Ctrl + 2 sau să introduceți un semn de blocare panoul Straturi.
• Verificați întotdeauna paleta Straturi - atunci când lucrați cu multe obiecte și straturi, este foarte util să vă denumiți straturile și să verificați modul în care straturile sunt aliniate (dacă un strat este deasupra sau sub celălalt, este blocat etc.);
• Reeditați stilurile de strat oricând aveți nevoie - da, puteți schimba oricând setările de stil sau de efect pe care le-ați aplicat deja unui obiect sau unui strat anterior prin panoul Aspect (Fereastră-> Aspect);
• Utilizați bibliotecile - există câteva biblioteci predefinite frumoase pe care să le folosiți în lucrările dvs. Accesați Fereastra-> Biblioteci și selectați dintre Bibliotecile de pensule, Bibliotecile Swatch, Bibliotecile de stil grafic sau Bibliotecile de simboluri. Sunt multe.
6. Concluzie
Sper că totul a fost suficient de clar pentru ca tu să începi să iubești Adobe Illustrator. Ce am abordat în acest ghid sunt doar elementele de bază. Data viitoare voi arăta utilizări mai complexe ale altor instrumente și trucuri uimitoare. Pana atunci - practică .
Ghid publicat: august 2012
Acțiune Acțiune Tweet E-mail Cum se accesează nivelul încorporat Google cu bule pe AndroidDacă ați avut vreodată nevoie să vă asigurați că ceva este la nivel într-o ciupire, acum puteți obține un nivel de bule pe telefonul dvs. în câteva secunde.
Citiți în continuare Subiecte asemănătoare- Creativ
- Proiectare asistată de calculator
- Forma lungă
- Ghid Longform
Aboneaza-te la newsletter-ul nostru
Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!
Faceți clic aici pentru a vă abona