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.

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!

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.


Enjoy!