Tutoriale Adobe Illustrator

Download Tutoriale Adobe Illustrator

Post on 03-Feb-2016

8 views

Category:

Documents

0 download

Embed Size (px)

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 po

TRANSCRIPT

  • 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 schim