tutoriale adobe illustrator
DESCRIPTION
In grafica vectoriala imaginile sunt formate din linii sau curbe descrise matematic, astfel ele pot fi redimensionate sau rotite oricum vrem noi, fara a-si pierde din calitate, deoarece ele se regenereaza la orice dimensiune prin formulele lor matematice. Lasand la deoparte matematica, daca spre exemplu cream un logo pentru o firma, il putem imprima atat pe un tricou, cat si pe intregul perete al unei cladiri, fara a vedea pixelii, asa cum ii vedem la o poTRANSCRIPT
Tutoriale Adobe Illustrator
Salut la toata lumea! In aceste cateva tutoriale pe care urmeaza sa le postez aici, voi incerca sa
va explic ce se poate face cu Illustrator. Mai multe informatii despre mine gasiti pe celalalt blog
despre tutoriale Photoshop, http://tutorialepsd.blogspot.com.
Trebuie sa mentionez faptul ca lucrez cu Illustrator CS2, dar banuiesc ca mai toate functiile le
gasiti si in versiunile mai vechi precum si in CS3. Programul il puteti lua de pe site-ul oficial
Adobe (www.adobe.com) sau puteti cauta pe google: illustrator (cs2) trial download.
Illustrator este un soft cu care puteti realiza grafica vectoriala. Bun, si ce anume e grafica asta
vectoriala? Sa va dau un scurt exemplu. Deschideti o poza pe care o aveti pe PC, la intamplare,
si apoi incepeti sa mariti poza. Mariti zoom-ul de la 100% pana la 5-600% sau chiar mai mult.
Observati cum de fapt poza noastra este formata din extrem de multe patrate de diverse culori
si marimi? Daca, spre exemplu, facem o poza cu camera noastra digitala la rezolutia de 2
MegaPixeli si o imprimam pe o suprafata de dimensiuni mari, de exemplu 4 metri pe 3 metri,
observam ca pierdem extrem de mult din calitate si pixelii din poza originala devin suparator de
vizibili.
In grafica vectoriala imaginile sunt formate din linii sau curbe descrise matematic, astfel ele pot
fi redimensionate sau rotite oricum vrem noi, fara a-si pierde din calitate, deoarece ele se
regenereaza la orice dimensiune prin formulele lor matematice. Lasand la deoparte
matematica, daca spre exemplu cream un logo pentru o firma, il putem imprima atat pe un
tricou, cat si pe intregul perete al unei cladiri, fara a vedea pixelii, asa cum ii vedem la o poza
normala marita. Dar, bineinteles, daca salvam munca noastra ca JPG, logo-ul nostru se
transforma intr-o poza, si daca o marim se pierde din calitate, deci trebuie tot timpul sa
pastram o copie la documentul nostru (fisierele Adobe Illustrator au extensia *.ai)
Butoane 3D
Probabil ati vazut pe multe site-uri figuri ca mai jos, ce dau impresia de tridimensionalitate. Ele sunt foarte simplu de facut, chiar mult mai simplu decat in Photoshop (si in plus, sunt si vectoriale, deci se pot mari/micsora oricat fara a pierde din calitate).
Sa le luam pe rand. Mai intai deschideti un document nou, apoi creati o stea cu mai mult colturi (eu am pus 22). Culoarea folosita de mine e #E1332A. Cu steaua selectata, apasati Ctrl+C apoi Ctrl+F (e copy - paste obisnuit numai ca steaua noua se va plasa deasupra primei stele). In mod normal dupa aceasta operatiune steaua de deasupra va fi selectata. Acum mergem la Object - Path - Offset Path si scriem -5 px la Offset. Facand asta, am micsorat steaua de deasupra astfel incat sa fie distanta de 5 pixeli intre ele.
Ca sa ne incurce pe mai departe, schimbati-i culoarea in alb, si apoi cu Pen Tool desenati o curba, ca mai jos:
Apoi, selectand curba noastra si steaua alba (tinand apasat Shift), din caseta Pathfinder apasati pe Divide. Illustrator ne va "taia" steaua noastra in 2 parti, iar noi vom selecta acum partea de jos cu Direct Selection Tool si apoi o vom sterge (delete). Tot ce ramane acum de facut este sa selectam partea ramasa, sa-i aplicam un gradient (alb negru, iar in tab-ul Gradient selectam Linear si unghiul de -90) apoi din tab-ul Transparency selectam Screen la blending mode.
Okey si acum pentru cercul verde. Cam asa arata el de fapt, fara nici un efect aplicat.
Desenati un cerc mare verde (#194626) apoi in centrul lui un cerc mai mic (#78A30F) eventual aliniate pe verticala. Dupa ce le-ati facut, selecati-le pe amundoua si apasati Ctrl+Shift+B (Object - Blend - Make, dupa ce ne-am asigurat ca la Blend Options este trecut Smooth Color). Urmeaza sa facem o elipsa care este umpluta cu un gradient alb-negru. Dupa ce am facut-o si aliniat-o cu cercurile, mergem la caseta Transparency si selectam Screen la blending mode. Cat despre bara gri, este realizata precum steaua de mai sus. Desenam un dreptunghi cu colturile rotunjite (alb-negru, type - linear, unghiul de 90, location 15%), apoi Ctrl+C si Ctrl+F ; pe urma mergem la Object - Path - Offset Path unde selectam -2 px.
Ii schimbam culoarea pentru a se distinge de cel de sub el, si desenam o linie orizontala cu Line Tool (tinem apasat pe Shift in timp ce o desenam) putin mai jos de centrul dreptunghiurilor. Selectam atat linia cat si dreptunghiul de deasupra si de la caseta Pathfinder selectam Divide, apoi cu Direct Selection Tool selectam portiunea de jos si o stergem (delete).
Portiunii ramase ii aplicam un gradient alb-negru (unghiul -90, location 50%), apoi din caseta Transparency selectam Screen. Pentru un efect si mai frumos, cu dreptunghiul mare selectat, mergem la Effect - Stylize - Drop Shadow si introducem datele de mai jos:
Publicat de Bogdan la 23:29 1 comentarii Etichete: tutoriale incepatori
miercuri, 21 mai 2008
Blend Object + Gradient
Imaginea abstracta de mai jos este facuta, surprinzator , din 6 linii si un dreptunghi. Illustrator ne scuteste de a desena zeci, poate chiar sute de linii, introducand o functie numita Blend. Pe scurt, daca desenam doua linii departate una fata de cealalta si activam functia Blend, introducand numarul de pasi dorit (n), in mod automat intre cele doua linii vor aparea alte n linii. Am spus mai sus dreptunghi pentru ca acesta este modul de a face un background in Illustrator.
Mai intai sa deschidem un fisier nou (eu folosesc rezolutia 1280*800, rezulutia desktop-ului), apoi, cu Rectangle Tool selectat si culoarea de fill selectat gradientul si stroke None, facem un singur click pe suprafata de desenat si introducem 1280*800 (sau cat aveti la rezolutia desktop-ului). Pentru a alinia dreptunghiul la suprafata noastra de desenat, din caseta Align (daca nu apare mergem in meniu la Window - Align) facem click pe sageata din coltul din dreapta sus apoi selectam Align to Artboard, si pe urma facem click pe Horizontal Align Center si Vertical Align Center.
Acum haideti sa aplicam un gradient frumos peste dreptunghiul nostru. Pe site-ul www.colourlovers.com gasiti o sumedenie de culori, ale caror coduri (HEX sau RGB) le puteti lua si apoi aplica obiectului vostru. Avand dreptunghiul selectat si casetele Gradient si Color deschise (daca nu apare o gasim in meniu la Window - Gradient respectiv Color) avem grija ca aceastea sa fie extinse, adica sa fie bifat Show Options dupa ce am facut click pe sageata din coltul din dreapta sus la fiecare, iar in plus la caseta Color sa fie selectat RGB.
Sper ca totul a decurs bine pana aici. Urmeaza sa aplicam gradientul peste dreptunghiul nostru, iar pentru aceasta trebuie sa facem mai intai un click pe primul slider al gradientului apoi din caseta Color sa introducem valorile pentru RGB (ori luate de pe site-ul Colourlovers.com ori la alegerea noastra - eu am folosit 31-59-62 si 143-151-162), si la fel facem pentru al doilea slider. Din nefericire, nu avem o fereastra Colour Picker cand vine vorba de gradienti. Ciudat, nu? La tipul gradientului selectam Linear iar la Angle -90.
Cam greoi Gradientul asta. Dupa ce am colorat background-ul (dreptunghiul nostru) e bine sa blocam layer-ul (in caseta Layer bifam casuta din dreapta ochiului - ar trebui sa apara un lacat) si toate celelalte figuri sa le realizam in layer-e diferite. Putem oricand sa facem layer-ul invizibil, apasand pe ochiul din dreptul layer-ului.
Cream un nou layer, si desenam 2 linii (fill none si stroke negru sau sau de culori diferite), precum mai jos:
Cu ambele linii selectate, mergem la Object - Blend - Blend Options si selectam Specified Steps iar in dreapta introducem numarul de pasi (8) si apoi mergem iar in meniu la Object - Blend - Make sau mai simplu Ctrl+Alt+B (pentru a desface Blend-ul: Object - Blend - Release sau Ctrl+Shift+Alt+B). Oricand putem modifica structura liniilor (modificarea Handler-elor si a Anchor Point-urilor precum si culoarea acestora, folosind Direct Selection Tool (A). Repetati ultimii 2 pasi pentru a mai crea alte 2 linii + Blend. Eventual puteti modifica opacitatea
unui layer, din caseta Transparency). Dupa ce am terminat de trasat liniile , facem din nou
vizibil primul layer si salvam tot ca JPG.
Clipping mask
Spre deosebire de Photoshop, Illustrator-ul nu are Crop Tool, dar in schimb vine in ajutorul nostru cu ceva mult mai bun, si anume Clipping Mask. Aceasta functie ne permite sa ascundem partile care nu le vrem ale unui obiect. De exemplu, sa deschidem un document nou, apoi plasam imaginea de mai jos si scriem peste ea, cu un font de marime foarte mare (300pixeli) un text oarecare. Mie mi-a venit in minte "coffee".
Selectam ambele figuri, si dam click dreapta pe ele - Make Clipping Mask, si obtinem efectul de
mai jos. Si acum, puteti modifica in diverse moduri textul, adaugandu-i drop shadow, modificandu-i literele, facandu-l 3d, etc. Dar mai
inainte de toate, mergeti la Object - Expand. Aceeasi operatie se poate face si in Photoshop, dar e putin mai dificil. Publicat de Bogdan la 12:55 3 comentarii Etichete: tutoriale incepatori
vineri, 30 mai 2008
efectul de oglinda
Sa incepem cu un document nou. Creati un dreptunghi de dimensiunea artboard-ului, cu un gradient gri-negru (-90 grade), apoi blocati layer-ul si creati un alt layer, in care desenati 2 cercuri de 250px*250px fara stroke, avand culoarea de fill #C51B0E. Aveti grija ca ele sa fie aliniate ca mai jos:
Cu primul cerc selectat, apasati Ctrl+C apoi Ctrl+F pentru a-l duplica, apoi mergeti la Object - Path - Offset path si introduceti -7 px si schimbati culoarea cercului in alb.
Folosind Pen Tool, trasati o curba dintr-o extremitate a cercului in alta, precum in imagine:
Si acum, selectand curba impreuna cu cercul alb (cu Shift) in caseta Pathfinder facem click pe Divide si apoi avand Direct Selection Tool (A) selectat, selectam partea de jos a cercului si o stergem.
Avand partea de sus a cercului alb selectata, o umplem cu un gradient alb-negru (-90) iar in tab-ul Transparency selectam blending mode Screen si opacitatea 90%
Am terminat cu primul cerc. Ca sa-i facem "reflexia" selectam cercul de jos, apoi din tab-ul Transparency facem click pe sageata din dreapta acestuia si selectam Make Opacity Mask. Cercul nostru va disparea, ramanand doar conturul lui, iar in tab-ul Transparency va aparea un dreptunghi negru, pe care vom face acum click.
Observam ca va disparea pana si conturul cercului nostru, iar in fereastra Layers observam ca lucram in layer-ul numit Opacity Mask. Facem un dreptunghi umplut cu un gradient alb-negru (directia -90) chiar peste locul unde este cercul nostru. Illustrator nu deseneaza un dreptunghi alb-negru ci de fapt incepe sa ne "arate" cercul nostru de sub dreptunghi, in functie de cum este fill-ul acestuia din urma. Alb inseamna ca putem vedea prin dreptunghi, iar negru inseamna ca nu putem vedea, iar daca peste dreptunghi am aplicat un gradient inseamna ca cercul nostru se va "vedea" treptat, mai mult sus si mai putin jos.
Dar noi vrem ca el sa fie doar putin vizibil in partea de sus. Pentru a face acest lucru, mergem in tab-ul Gradient, dam click pe al doilea slider (negru) iar in tab-ul Color selectam RGB si valorile (0,0,0), apoi intorcandu-ne in tab-ul Gradient mutam slider-ul din mijloc la pozitia 13%.
Spor la lucru! Publicat de Bogdan la 15:11 0 comentarii Etichete: tutoriale incepatori
marți, 27 mai 2008
despre Pattern-uri
Cu ajutorul Pattern-urilor, putem umple diverse figuri geometrice cu un anumit tipar. Mai bine va explic in imagini. Tiparul de mai jos este folosti ca fill pentru un dreptunghi, o stea si un cerc:
Sa incepem cu un document nou (1280*800 folosesc eu); apoi facem un dreptunghi de aceleasi dimensiuni (am folosit culoarea #C0A818) pe care il aliniem cu artboard-ul, blocam layer-ul si cream apoi un nou layer, in care desenam un cerc (#A83018) cu dimensiunile 60px * 60px.
Selectam conturul cu Direct Selection Tool (A), apoi avand Pen Tool (P) selectat, cream un nou anchor point ca in figura de mai jos, apoi din nou cu Direct Selection Tool il tragem in stanga jos, aliniindu-l cu extremitatile jos si stanga ale cercului.
Dupa ce am facut toate astea, cautam sub Pen Tool unealta numita Convert Anchor Point Tool, si facem un click pe punctul creat la pasul anterior. Daca toate au mers bine pana aici, cam asa ar trebui sa iasa cercul nostru modificat:
Facem 3 copii ale figurii noastre (ori folosind Alt in timp ce tragem cercul modificat - si Shift pentru a mentine linia orizontala sau verticala, ori folosind Transform din meniu), pe care le inversam ca sa se alinieze ca in figura din dreapta (un cerc il coloram cu negru).
Dupa ce grupam cele 4 cercuri modificate (Ctrl+G sau Object - Group), incepem sa formam primul rand astfel: - facem cate o copie, manual, cu mouse-ul (folosind Alt si Shift) pana cand umplem un rand (chiar daca nu facem o spatiere exacta intre 2 figuri, le selectam pe toate si apasam pe
Horizontal Distribute Center - facem cate o copie folosind Object - Transform - Move ca mai jos, pana cand umplem randul:
Dupa ce am creat primul rand rotim figurile astfel incat sa ne iasa ca mai jos:
Cu primul rand selectat, repetam pasul anterior doar ca acum lucram pe verticala. Ar trebui ca in final sa obtineti prima figura din acest tutorial. Deblocam layer-ul cu dreptunghiul, apoi selectam tot ce avem pe suprafata de desen si mergem la Object - Transform - Scale pentru a micsora noul nostru Pattern. Eu am ales 60%. Avand totul selectat, facem un click stanga peste selectie si o tragem spre caseta Swatches (daca nu este deshisa mergem la Window - Swatches) sau cautam in meniul Edit, Define Pattern.
Observam acum ca in fereastra Swatches ne-a aparut un nou pattern, iar daca cream un layer nou si desenam un dreptunghi si facem click pe pattern-ul nostru, observam ca el se umple cu tiparul respectiv.
