Design Cutii cadou folosind instrumentele 3D Illustrator

Realizați rapid cutii de cadouri înfășurate și despachetate utilizând efectul 3D Extrude & Bevel încorporat în Illustrator. Aflați cum să creați o panglică 3D complet editabilă și o tipografie 3D mascată. De asemenea, vom crea scântei folosind Instrumentele de simbol.

Imagine finală a imaginii

Pentru început, să vedem imaginea pe care o vom crea.

Pasul 1

Creați Documentul nostru la 800 de pixeli cu 600 de pixeli. Asigurați-vă că unitățile sunt setate la pixeli. Porniți ghidurile inteligente apăsând comanda + U. În Preferințele noastre generale setați Creșterea tastaturii la 1px.

Creați un strat și dați-i numele de "Box Template". Apoi, activați Modul Outline (Command + Y), astfel încât să nu ne distrăm de umpleri și lovituri.

Începem cu forme simple. Desenați un dreptunghi la 150 px la 150 px. Apoi, selectați-l și duplicați-l (țineți apăsat Alt + Shift în timp ce trageți în sus) și setați dimensiunea la 155 px cu 65 px. Apoi, selectați Instrumentul Pen și trageți conturul panglicii urmând contururile casetei. Lăsați un spațiu între linie și cutii.

Pasul 2

Selectați conturul panglicii și alegeți instrumentul Reflect (O). Apoi trageți punctul central al rotației în punctul de ancorare inferior, după cum se arată mai jos. Deplasați cursorul în punctul inferior de ancorare inferior și, în timp ce țineți apăsat Alt + Shift, deplasați cursorul spre dreapta sau spre stânga. Calea panglicii va fi oglindită, duplicată și aliniată perfect orizontal în același timp. Apoi salvați fișierul.

Pasul 3

Acum, vom crea oa doua cutie, dar de data aceasta dezbrăcată și descoperită. Selectați toate elementele și Alt + Shift + Glisați-le spre dreapta. Amintiți-vă să păstrați suficient spațiu între cutii, vom avea nevoie de aceasta în pașii următori. Măriți-vă în caseta din dreapta și selectați calea dreaptă a panglicii și ștergeți-o. Selectați calea panglică din stânga, alegeți instrumentul Ștergeți punctul de ancorare și ștergeți punctele "arc", după cum se arată mai jos.

Pasul 4

Utilizați Instrumentul de selecție directă pentru a modifica calea, deplasând punctele individuale de ancorare într-o formă, după cum se arată mai jos. Duplicați și reflectați calea.

Pasul 5

Înainte de a muta căsuța de acoperire a cutiei de pe cutia mare și rotiți-o până rezultatul dvs. arată ca imaginea de mai jos. Centrul de rotație este punctul final din dreapta de pe traseu. Apoi salvați fișierul.

Pasul 6

Panglicile sunt acum destul de clare, așa că vom da o formă netedă prin ajustarea punctelor de ancorare utilizând Instrumentul de convertire a punctelor de ancorare. De asemenea, deplasați punctele de ancorare ale panglicii spre contururile cutiei, însă lăsați un spațiu între ele.

Pasul 7

Să organizăm elementele în straturi separate. Practic, fiecare element de cutie și fiecare cale de panglică trebuie să aibă propriul strat. Utilizați Cut (Command + X) și Lipiți în față (Command + F) pentru a lipi elemente în straturi separate. Activați modul Previzualizare (Command + Y). Setați panglicile în contur solid (fără umplutură) și casetele la umplere solidă (fără contur) și setați culoarea de umplere la K = 30 și schimbați la K = 50.

Pasul 8

Apoi vom transforma 2D în 3D. Selectați toate obiectele și accesați meniul Efect> 3D> Extrude & Bevel. Seteaza X / Y / Z coordonează valorile la -10, -30 și 3 grade. De asemenea, setați Perspectiva la 50 de grade, după cum se arată mai jos. Vă recomandăm foarte mult să scrieți toate valorile undeva pe hârtie, de vreme ce le vom folosi mai târziu. De asemenea, de obicei fac duplicate ale tuturor elementelor în acest moment, doar o copie de rezervă și le mișcă undeva de pe tabloul de bord. Apoi salvați fișierul.

Pasul 9

Acum, vine partea distractivă a jocului cu culori și texturi. Selectați "Caseta 1" și modificați culoarea de umplere (C = 85, M = 50, Y = 0 și K = 0). Apoi schimbați și capacul "Cutie 1" (C = 60, M = 40, Y = 5 și K = 0). Apoi schimbați culoarea "Box 1 Panglica 1" (C = 5, M = 90, Y = 75 și K = 0) și folosiți aceeași culoare pentru "Panglica 2."

Setați apoi culoarea de umplere pentru "Box 2" (C = 5, M = 90, Y = 75 și K = 0) și apoi setați culoarea capacului (C = 5, M = 70, Y = 0). Apoi setați culoarea "Box 2 Panglici 1" și "Box 2 Panglica 2" (C = 70, M = 15, Y = 0 și K = 0). Acum ar trebui să vedeți ceva similar cu imaginea de mai jos. Nu vă faceți griji cu privire la aspectul plat, vom adăuga evidențieri și umbre în pașii următori.

Pasul 8

Să facem câteva modificări dimensiunilor și poziției modelelor 3D. Selectați "Caseta 1" și schimbați X / Y / Z valorile la -10, 27 și -6 grade. De asemenea, setați Extrude Depth la 150 de grade. Setați aceleași valori pentru "Cutia 1," "Cutia 2" și "Cutia 2 a capacului 2."

Pasul 9

Prindeți instrumentul Ștergeți punctul de ancorare și ștergeți toate punctele de ancorare prezentate mai jos.

Pasul 10

Selectați punctul de ancorare final și mutați-l până ajunge la marginea de sus a cutiei de acoperire.

Pasul 11

Selectați "Box 1 Panglică 2" și deplasați punctul de ancorare de la capătul din dreapta spre dreapta (folosind tastele cu săgeți). Fa acest lucru până când ajunge în partea dreaptă a cutiei. Poate doriți să optimizați perspectiva și să aliniați geometria manual pentru a obține o imagine și mai bună, astfel încât să mutați puncte de ancorare în locațiile necesare.

Adăugați încă două geometrii de panglică duplicând 1 și 2 și plasați-le pe straturile individuale "Box 1 Panglică 3" și "Panglică cutie 1" 4. " Rotiți obiectele în jurul axei Y și ștergeți puncte de ancorare ascunse pentru a obține o cutie 3D completă înfășurată în jurul ei cu o panglică roșie. Apoi asigurați-vă că Salvați.

Pasul 12

"Caseta 2" este în principiu realizată și editată în același mod ca și "Cutia 1." Asta înseamnă că setarea casetei și a casetei acoperă adâncimea de extrudare la 150, duplicarea panglicelor pe straturi noi și rotirea acestora în jurul axei Y. Va trebui să trageți straturile "Box 2 Cover", "Panglică 2" și "Panglică 4" astfel încât acestea să fie sub "stratul cutiei 2", după cum se arată mai jos.

Pasul 13

Și din nou, ajustarea punctelor de ancorare și a elementului de poziționare duce la ceva asemănător imaginii următoare.

Pasul 14

Trebuie să maschem geometria panglicii sub capacul portocaliu. Desenați o cale și utilizați-o ca o Mască de Clipping pentru a obține un rezultat ca următoarea imagine. Apoi asigurați-vă că ați salvat documentul.

Pasul 15

În acest moment, avem două cutii de cadou și panglici, care sunt complet editabile și personalizabile, astfel încât să le puteți roti, să schimbați valorile extrudate, să vizualizați, să mutați puncte de ancorare, iar rezultatele să fie văzute în timp real.

Pasul 16

Vom juca cu lumini și nuanțe un pic. Să spunem că există un punct de lumină undeva pe întreaga scenă. Acest lucru ne va ajuta să definim culorile și umbrele. Mai întâi, selectați obiectul "Cutie 1" și faceți dublu clic pe stratul 3D Extrude & Bevel din paleta Aspect.

Asigurați-vă că ați activat Previzualizarea și că faceți clic pe butonul Mai multe opțiuni. Urmați imaginea de mai jos pentru a seta valorile. Pentru a obține un contrast mai puternic, adăugați mai multă lumină făcând clic pe pictograma Lumină nouă. Trageți acele cercuri mici peste sferă și poziționați-le astfel încât să creeze fotografii și umbre frumoase.

Pasul 17

Aplicați setări similare cu capacul albastru deschis. Pentru panglici, setați intensitatea intensității la 90%, dimensiunea evidențiată la 90% și pașii de amestecare la 150 (gradientele vor fi mai fluide). Observați că am modificat, de asemenea, puncte de ancorare utilizând instrumentul de conversie a punctelor de ancorare pentru a obține muchii rotunde și un aspect mai fin.

De asemenea, puteți încerca să rotunji colțuri aplicând efectul Round Corners din meniul Effect> Stylize. Am folosit o rază de 2 pixeli pentru "Panglica 2", "Panglica 3" și "Panglica 4". Apoi salvați fișierul.

Pasul 18

Setați mai multe lumini, ceea ce va crea evidențiarea tuturor elementelor rămase. Amintiți-vă, puteți modifica întotdeauna punctele de ancorare pentru a netezi curbele.

Vom face caseta roșie deschisă. Acest lucru este un pic dificil, nu putem folosi doar comanda Expand Appearance in timp ce geometria este umbrita. Illustratorul redă numai părți vizibile, așa că, dacă facem acest lucru și dezgrupem obiectele extinse, aceasta este ceea ce obținem.

Pasul 19

Deci, facem două copii de rezervă ale cutiei roșii și a capacului portocaliu. Apoi mutați-i de la tabloul de bord. O copie este o copie de rezervă (în cazul în care vă decideți să creați mai multe cutii cu diferite culori și forme). Al doilea va fi o referință de culoare pentru casetele folosite pe scena principală. Astfel, utilizați comanda Expand Appeare pe una din copiile de rezervă (extindeți atât caseta roșie, cât și cea portocalie).

Pasul 20

Măriți-vă în tabloul de bord, selectați caseta roșie și setați Suprafața la Wireframe făcând clic pe Extruda 3D și Bevel în panoul Aspect, care deschide dialogul în care puteți alege setările. Faceți același lucru cu cutia portocalie. Acum, fiecare cutie este făcută din șase avioane. Extindeți aspectul. Apoi selectați caseta roșie și apăsați Command + Shift + G de șase ori. Faceți același lucru cu cutia portocalie.

Selectați avioanele de vârf ale casetei roșii și setați-le la zero și schițați-le în galben (este doar un indiciu vizual, mai târziu vom folosi acest plan ca o mască de tăiere). Apoi deplasați-o undeva de pe tabloul de bord. Faceți clic dreapta și selectați Release Clipping Mask. Acum, selectați planul din față, alegeți Instrumentul pentru picioare (O) și alegeți culoarea roșie din planul din față al cutiei expandate, roșu umbrite.

Pasul 21

Sau puteți să vă amestecați propriul roșu. Observați că planul lateral din spate este amplasat peste cel din față. Accesați Obiect> Aranjare și selectați Trimitere înapoi.

Pasul 22

Umpleți ultimul avion cu un roșu închis și aranjați planul inferior spre spate. Faceți același lucru cu cutia portocalie. Apoi salvați fișierul.

Pasul 23

Să adăugăm niște textură în caseta roșie. Desenați un dreptunghi și umpleți-l cu verde. Duplicați-l de șase ori. Țineți apăsată tasta Alt, faceți clic pe butonul Add to Shape Area din paleta Pathfinder. Apoi duplicați modelul dungilor (vom avea nevoie și de o copie pentru planul lateral). Apoi, poziționați obiectul de model astfel încât acesta să acopere planul din față al cutiei roșii.

Pasul 24

Amintiți-vă, când am sugerat să scriu toate aceste coordonate 3D și valori de perspectivă? O vom folosi acum. Selectați modelul de bandă și aplicați un efect 3D> Rotire cu aceste valori -10, -30 și 3 grade. De asemenea, o Perspectivă de 50 de grade. Apoi extindeți aspectul.

Deplasați dungile spre un strat nou, denumiți-o "Model". Opriți stratul făcând clic pe pictograma Eye (Eye)). Selectați planul din față al casetei roșii și copiați-l în clipboard Command + C. Aceasta va fi o mască de tăiere. Lipiți-o în față (Command + F) a modelului (asigurați-vă că stratul activ este Pattern).

Apoi Alt + Faceți clic pentru a selecta ambele obiecte, faceți clic dreapta și alegeți Make Make Clipping Mask. Faceți dublu clic pentru a intra în modul de izolare, astfel încât să putem edita culorile modelului. Extindeți grupurile de straturi făcând clic pe săgeți și faceți clic pe pictograma cerc numită Cale compuse. Aceasta va selecta geometria dungilor. Setați culoarea pe un gradient portocaliu-purpuriu cu o valoare Angle de -90.

Pasul 25

Faceți dublu clic pe undeva în afara tabloului de bord pentru a părăsi modul de izolare. Apoi Alt + Faceți clic pe stratul "Pattern" și setați modul Transparency la Overlay. Faceți clic pe săgeata mică pentru a extinde straturile, faceți dublu clic pe stratul de grup și redenumiți-l la "Modelul 1". Selectați toate obiectele de pe stratul "Pattern", tăiați-le, selectați stratul "Box 2" și lipiți-le în față. Aceasta va aduce modelul în fața planului cutiei, dar în spatele geometriei panglicii.

Pentru a crea un model pe partea laterală a casetei, folosim dungi verzi duplicate urmând toți pașii scrise mai sus, cu o singură excepție: coordonatele 3D trebuie modificate pentru a obține o rotație corectă și o perspectivă corectă. De asemenea, setați obiectul Transparență la Lumină moale.

Pasul 26

Acum, vom adăuga câteva umbre. Acest lucru este destul de simplu, creați un nou strat și desenați câteva forme simple folosind instrumentul Pen. Apoi, completați-le cu gradienți de culoare alb-negru și setați modul Transparency pentru fiecare obiect separat la Multiply. De obicei, blochez toate straturile, cu excepția celei actuale, pentru a evita adăugarea de puncte de ancorare pe diferite căi. Desenați o umbră pentru fiecare element, după cum se arată mai jos.

Pasul 27

Adăugați un background gradient simplu pentru a da adâncimea scenei. Am folosit trei nuante de maron pentru gradient. Vă recomandăm să blocați acest strat, deoarece vom lucra cu zona.

Pasul 28

Apoi vom completa o cutie cu tipografie 3D. Creați un nou strat și denumiți-l "Text 3D". Plasați un text și alegeți un font (am folosit Myriad Pro Black). Apoi se umple cu orice culoare deschisă (C = 30, M = 0, Y = 10 și K = 0). Selectați tot textul pe care doriți să-l plasați în casetă, aplicați 3D Extrude & Bevel și apăsați OK. Nu vă deranjați cu alte setări, le vom modifica individual. Acum, selectați fiecare text și plasați-l lângă zona cu gaura cutiei.

Pasul 29

Răsturnați stratul de text 3D. Selectați planul galben prezentat, care ar trebui să fie undeva în jurul tabloului de bord, plasați-l în partea superioară a casetei și mergeți la meniul Obiect> Aranjare> Atingeți în față.

Dacă nu îl puteți vedea, verificați vizibilitatea stratului. Dacă ați șters-o accidental, trageți doar un nou dreptunghi. De asemenea, deplasarea punctelor de ancorare utilizând Instrumentul de selecție directă și ghidajele inteligente vă va ajuta să poziționați și să aliniați puncte de ancorare în colțuri. Asigurați-vă că adăugați mai multe puncte pe traseu.

Pasul 30

Copiați calea, activați vizibilitatea stratului 3D Text și lipiți calea spre stratul de text 3D. Selectați toate obiectele de pe acest strat și creați o mască de tăiere. Ai ceva de genul imaginii de mai jos.

Pasul 31

Acum, dezvălui toate straturile până când le vezi pe două, denumite "Clipping Path". Ștergeți al doilea și mutați punctele individuale de ancorare pe primul. Puteți vedea rezultatul de mai jos. Dacă aveți probleme în selectarea punctelor, dezactivați ghidajele inteligente (Command + U).

Pasul 32

Faceți dublu clic în interiorul căii pentru a intra în modul de izolare, astfel încât să putem juca cu textul 3D. Mutați și rotiți obiectele utilizând dialogul 3D Extrude & Bevel pentru a le potrivi gustului. Redați cu setările de lumină, puteți adăuga mai multe lumini, așa cum am făcut-o. Acest lucru va arăta mai mult contrast și adâncime între luminile și umbrele. Nu uitați să setați valoarea Perspectivă la 50. Apoi schimbați culorile, fonturile și salvați.

Pasul 33

Adăugați o strălucire în interiorul casetei, creând un nou strat peste toate celelalte straturi și denumiți-o "Glow". Faceți un cerc lat de 100 de pixeli și completați-l cu alb pur. Aplicați un efect Gaussian Blur cu un diametru de 50 px. Desenați o mască de tăiere după contururile casetei. Selectați ambele obiecte și mascați cercul cu calea. Apoi setați Transparency (Transparență) al obiectului la Soft Light (Lumină moale) și apăsați Save (Salvare).

Pasul 34

Creați un nou strat, denumiți-l "Sparks". Selectați Instrumentul Star din Paleta de instrumente. Faceți clic pe tabloul de bord și setați prima rază la 10 px, secunde la 20 px și punctele la 5. Umpleți-l cu alb pur. Porniți paleta Simboluri și glisați steaua într-un loc gol. Când se deschide fereastra de opțiuni pentru simboluri, setați numele la "star" și tastați "Tip la grafic".

Pasul 35

Selectați Instrumentul de pulverizare a simbolurilor și pulverizați stelele deasupra tabloului de bord.

Pasul 36

Selectați instrumentul Symbol Sizer, țineți apăsată tasta Alt și faceți clic pe stele pentru a le micșora. Utilizați instrumentul Spinner de simboluri pentru a da stelelor o rotire aleatorie. Accesați paleta Simboluri, faceți dublu clic pe simbolul "stea" și completați-o cu o culoare galbenă de 30%. Ieșire din modul de ieșire, selectați obiectele din stratul "Sparkle", setați modul Transparență la suprapunere și salvați.

Pasul 37

Aproape am terminat! Puteți adăuga niște umbriri netede în "Blue Box 1", "Blue Box 2", "Orange Box 2" și "Cover 2". Trageți doar trasee și umpleți-le cu gradienți negri pe alb și setați Transparența pentru a multiplica.

Bacsis: Dacă intenționați să redimensionați casetele, extindeți-le mai întâi aspectul. Apoi grupați obiectele și modificați grupul după dorință.

Concluzie

Am terminat! Rezultatul este mai jos. Sper că v-ați bucurat de acest tutorial cu privire la utilizarea efectelor Illustrator 3D, a măștilor de tăiere și a simbolurilor. Desigur, există și alte câteva modalități de a obține rezultate ca acesta, dar folosind instrumentele 3D vă oferă posibilitatea de a modifica și personaliza în mod liber aproape fiecare element din scenă. Nu o singură dată, ci din nou și din nou.