Share
În următorul tutorial, veți învăța cum să creați un raft de lemn și o ilustrație de sticlă de raft. Vom folosi tehnici pixel de construcție vectoriale perfecte, construite în modele Illustrator, gradiente controlate, instrumente Pathfinder și multe altele pentru a crea aceste rafturi.
Apăsați Command + N pentru a crea un document nou. Introduceți 600 în casetele de lățime și înălțime, apoi faceți clic pe butonul Avansat. Selectați RGB, Ecran (72ppi) și asigurați-vă că caseta "Align New Objects to Pixel Grid" nu este bifată înainte de a da clic pe OK.
Activați Grilă (Vizualizare> Afișare Grilă) și Glisați la Grilă (Vizualizare> Glisați la Grilă). Apoi, veți avea nevoie de o rețea la fiecare 5px. Accesați Edit> Preferences> Guides & Grid, introduceți 5 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni.
De asemenea, puteți deschide panoul Informații (fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor. Nu uitați să înlocuiți unitatea de măsură pixelilor din Editare> Preferințe> Unitate> Generalități. Toate aceste opțiuni vor crește semnificativ viteza de lucru.
Alegeți instrumentul Rectangle (M) și creați o formă de 300 x 15px. Umpleți-l cu o culoare aleatorie și îndepărtați culoarea din cursa. Asigurați-vă că această formă este selectată și treceți la Instrumentul de selecție directă (A). Selectați punctul de ancorare din partea de sus, stânga și mutați 25px spre dreapta. Acum, selectați punctul de ancorare din partea de sus și din dreapta și mutați 25px spre stânga. În final, forma ta ar trebui să arate ca un trapez (imaginea 2). Resetați-l, înlocuiți culoarea de umplere existentă cu R = 5 G = 211 B = 248 și micșorați opacitatea la 5%.
Dezactivați Snap to Grid (Vizualizare> Snap to Grid), apoi mergeți la Edit> Preferences> General și asigurați-vă că Incrementul tastaturii este setat la 1px. Resetați forma creată în etapa anterioară și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și apăsați de două ori săgeata dreapta pentru a muta 2px spre dreapta. Resetați ambele copii, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front. Umpleți forma rezultată cu R = 0 G = 157 B = 221 și reduceți Opacitatea la 10%.
Resetați forma creată în al doilea pas și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și mutați 2px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Din nou, completați forma rezultată cu R = 0 G = 157 B = 221 și micșorați Opacitatea la 10%.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M), creați o formă de 25 pe 10px și plasați-o așa cum se arată în prima imagine. Umpleți-l cu o culoare aleatorie și îndepărtați culoarea din cursa. Asigurați-vă că această formă este selectată și treceți la Instrumentul de selecție directă (A). Selectați punctele de ancorare corecte și deplasați-le cu 15px în jos. În final, forma ta ar trebui să arate ca cea de-a doua imagine afișată. Resetați-l, înlocuiți culoarea de umplere existentă cu R = 5 G = 211 B = 248 și micșorați opacitatea la 5%.
Alegeți instrumentul Rectangle (M), creați o nouă formă de 25 de formate de 10px și plasați-o după cum se arată în prima imagine. Umpleți-l cu o culoare aleatorie și îndepărtați culoarea din cursa. Asigurați-vă că această formă este selectată și treceți la Instrumentul de selecție directă (A). Selectați punctele de ancorare din stânga și deplasați-le cu 15px în jos. În final, forma ta ar trebui să arate ca cea de-a doua imagine afișată. Resetați-l, înlocuiți culoarea de umplere existentă cu R = 5 G = 211 B = 248 și micșorați opacitatea la 5%.
Alegeți instrumentul Rectangle (M), creați o formă de 250 x 10px și plasați-o după cum se arată în prima imagine. Asigurați-vă că această nouă formă este selectată și că focalizați pe panoul Aspect. Mai întâi, selectați umplerea, setați culoarea la R = 5 G = 211 B = 248 și micșorați opacitatea la 5%.
Apoi, adăugați o lovitură de 1 pt pentru această formă. Selectați-l din panoul Aspect, setați culoarea la R = 0 G = 157 B = 221, aliniați-o în interior și micșorați opacitatea la 10%. Resetați acest dreptunghi, asigurați-vă că nu este selectat niciun umplere sau curgere (în panoul Aspect) și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în a doua imagine și faceți clic pe OK.
Alegeți instrumentul Rectangle (M), creați o formă de 300 x 10px și plasați-o după cum se arată în prima imagine. Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Selectați acest dreptunghi și accesați Obiect> Cale> Cale de decalare. Introduceți un decalaj -1px și faceți clic pe OK.
Selectați forma rezultată și faceți o copie în față (Command + C> Command + F). Selectați această copie și deplasați-o cu 1px în jos. Resetați această copie mutată împreună cu forma originală și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu alb și reduceți Opacitatea la 60%.
Resetați dreptunghiul creat la începutul pasului anterior și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de jos și mutați-o 3px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu negru și reduceți Opacitatea la 5%.
Resetați dreptunghiul creat la începutul etapei a opta și completați-l cu gradientul liniar prezentat mai jos. Numerele galbene din imaginea gradientului reprezintă procentul Opacitate. Asigurați-vă că această formă este încă selectată, adăugați o cursă de 1 pt și focalizați pe panoul Aspect. Selectați cursa, aliniați-o în interior, setați culoarea la R = 0 G = 157 B = 221 și micșorați opacitatea la 15%.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle (M), creați o formă de 300 x 15px și plasați-o după cum se arată în prima imagine. Umpleți-l cu o culoare aleatorie și îndepărtați culoarea din cursa. Asigurați-vă că această formă este selectată și comutați la Instrumentul de selectare directă (A).
Selectați punctul de ancorare din partea de sus, stânga și mutați 25px spre dreapta. Acum, selectați punctul de ancorare din partea de sus și din dreapta și mutați 25px spre stânga. În final, forma ta ar trebui să arate ca un trapez (imaginea 2). Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați forma trapezoidală și faceți două copii în față (Command + C> Command + F> Command + F).
Selectați copia de început și mutați 2px spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 0 G = 157 B = 221 și reduceți Opacitatea la 10%.
Resetați forma trapezoidală creată în etapa anterioară și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și mutați 2px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 0 G = 157 B = 221 și reduceți Opacitatea la 10%.
Resetați forma trapezoidală creată în etapa anterioară și înlocuiți culoarea plană utilizată pentru umplere cu gradientul linear complex prezentat în imaginea următoare. Amintiți-vă că numerele galbene din imaginea gradientului reprezintă procentul de opacitate, în timp ce numerele albe reprezintă procentajul locației.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle și creați o formă de 10 x 35 pixeli. Umpleți-l cu gradientul liniar prezentat mai jos și plasați-l așa cum se arată în prima imagine. Dezactivați Snap to Grid (Vizualizați> Snap to Grid), selectați acest nou dreptunghi și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și mutați-o 1px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 122 G = 122 B = 122.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Alegeți instrumentul Rectangle și creați o formă de 10 x 15px. Umpleți-l cu gradientul liniar prezentat mai jos și plasați-l așa cum se arată în prima imagine. Asigurați-vă că această formă este selectată și treceți la Instrumentul de selecție directă (A). Selectați punctele inferioare de ancorare și deplasați-le 25px spre stânga.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați forma creată în etapa anterioară și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și mutați-o 1px spre stânga. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 122 G = 122 B = 122.
Resetați forma creată în etapa a cincisprezecea și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și mutați-o 1px spre dreapta. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 205 G = 205 B = 205.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Pentru pasul următor veți avea nevoie de o grilă la fiecare 1px. Deci, mergeți la Edit> Preferences> Guides & Grid și introduceți 1 în caseta Gridline în fiecare casetă. Alegeți instrumentul Ellipse (L), creați două cercuri de 2 x 2px și plasați-le ca în prima imagine.
Selectați cercul de sus, umpleți-l cu R = 45 G = 45 B = 45 și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în fereastra din stânga și faceți clic pe OK. Selectați cercul inferior, umpleți-l cu R = 150 G = 150 B = 150 și aplicați Efect> Stylize> Drop Shadow. Introduceți datele afișate în fereastra din dreapta și faceți clic pe OK.
Reveniți la "grilă la fiecare 5px". Deci, mergeți la Edit> Preferences> Guides & Grid și introduceți 5 în caseta Gridline în fiecare casetă. Selectați toate formele create în ultimii cinci pași și grupați-le (Command + G). Selectați acest grup nou și trimiteți-l înapoi (Shift + Command + [).
Resetați grupul creat în pasul anterior și faceți o copie în față (Command + C> Command + F). Selectați acest nou grup, glisați-l spre dreapta și plasați-l după cum este arătat în prima imagine. Asigurați-vă că această copie de grup este încă selectată și mergeți la Object> Transform> Reflect. Verificați butonul orizontal și faceți clic pe OK. Grupul rezultat ar trebui să arate ca a doua imagine.
Mergeți în panoul Straturi și deschideți grupul creat în pasul anterior. Selectați dreptunghiul de 10 x 35px și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos (în fereastra din stânga) și faceți clic pe OK. Continuați să vă concentrați pe panoul Straturi și să deschideți copia de grup creată la începutul acestei etape. Din nou, selectați dreptunghiul de 10 x 35px și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos (în fereastra din dreapta) și faceți clic pe OK.
Alegeți instrumentul dreptunghi și creați o formă de 10 x 5px. Umpleți-l cu gradientul liniar prezentat în imaginea de mai jos și plasați-l așa cum este indicat.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați dreptunghiul creat în etapa anterioară și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de sus și mutați-o cu 1px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 160 G = 160 B = 160.
Resetați dreptunghiul creat la pasul 21 și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos (în fereastra din stânga), faceți clic pe OK și reveniți la Efect> Stylize> Drop Shadow. Introduceți datele afișate mai jos (în fereastra din dreapta) și faceți clic pe OK.
Activați din nou funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați formele create în ultimii trei pași și le duplicați (Command + C> Command + F). Selectați aceste copii, glisați-le spre dreapta și plasați-le după cum se arată mai jos. Selectați dreptunghiul 10 × 5px și focalizați pe panoul Aspect. Deschideți al doilea efect Drop Shadow și editați-l după cum se arată în imaginea următoare.
Selectați toate formele create până acum și duplicați-le (Command + C> Command + F). Selectați aceste copii și faceți clic pe butonul Unite din panoul Pathfinder.
Din nou, pentru pasul următor veți avea nevoie de o rețea la fiecare 1px. Deci, mergeți la Edit> Preferences> Guides & Grid și introduceți 1 în caseta Gridline în fiecare casetă. Resetați forma creată în etapa anterioară și rotiți-o cu 180 de grade. Trageți-l în jos, plasați-l după cum se arată în prima imagine și trimiteți-l înapoi (Shift + Command + [). Apoi, completați-l cu gradientul liniar prezentat în a doua imagine. Reduceți Opacitatea la 15% și mergeți la Efect> Blur> Blur Gaussian. Introduceți o rază de 5px și faceți clic pe OK.
Reveniți la "grilă la fiecare 5px". Alegeți instrumentul Rectangle (M), creați o formă de 250 x 10px și umpleți-o cu gradientul liniar prezentat mai jos. Plasați-o așa cum se arată în prima imagine, coborâți opacitatea la 5% și mergeți la Efect> Blur> Gaussian Blur. Introduceți o rază de 3 pixeli și faceți clic pe OK.
Selectați toate formele create până acum și grupați-le (Command + G). Acesta va fi raftul tău sticlos. Faceți o copie a acestui grup și trageți-l cu mai mulți pixeli în jos. Mergeți în panoul Straturi, deschideți acest nou grup și ștergeți formele selectate în cea de-a doua și a treia imagine. În final, ar trebui să aveți numai trapezoidul albastru și dreptunghiul de 300 de 10px, împreună cu cele două dreptunghiuri mai subțiri. Selectați trapezoidul, măriți Opacitatea la 100% și umpleți-l cu R = 185 G = 143 B = 92.
Dezactivați funcția Snap to Grid (Vizualizare> Snap to Grid). Resetați trapezoidul și faceți două copii în față (Command + C> Command + F> Command + F). Selectați copia de început și mutați-o cu 1px în jos. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 139 G = 94 B = 60.
Resetați trapezoidul și faceți două copii noi în față (Command + C> Command + F> Command + F). Selectați copia de sus și mutați-o cu 1px în sus. Resetați ambele copii și faceți clic pe butonul Minus Front din panoul Pathfinder. Umpleți forma rezultată cu R = 238 G = 208 B = 157.
Resetați trapezoidul, focalizați pe panoul Aspect și adăugați un al doilea umplere folosind butonul Adăugați umplere nouă. Este pictograma pătrată mică, pătrată în partea de jos a panoului Aspect. Selectați această umplere nouă din panoul Aspect, micșorați Opacitatea la 50% și adăugați gradientul linear afișat în prima imagine. Amintiți-vă că zero-ul galben de la imaginea gradientului reprezintă procentul de opacitate. Asigurați-vă că trapezoidul este încă selectat și adăugați un al treilea umplutură. Din nou, selectați-l din panoul Aspect, micșorați opacitatea la 50% și adăugați gradientul liniar prezentat în a doua imagine.
Selectați trapezoidul și adăugați o a patra umplere. Selectați-l din panoul Aspect, faceți-l negru, micșorați Opacitatea la 10%, schimbați modul de amestecare la Multiplicare și mergeți la Efect> Schiță> Stil grafic. Introduceți datele afișate mai jos și faceți clic pe OK. Resetați trapezoidul, asigurați-vă că nu este selectată nicio umplere sau cursa (în panoul Aspect) și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în imaginea de mai jos și faceți clic pe OK.
Mergeți în jos până la dreptunghiul de 300 de 10px. Creșteți opacitatea la 100% și umpleți-o cu R = 185 G = 143 B = 92. Apoi, selectați dreptunghiul alb subțire. Creșteți Opacitatea la 100% și înlocuiți culoarea albă cu R = 238 G = 208 B = 157.
Resetați dreptunghiul de 300 x 10px, adăugați o a doua umplere și utilizați gradientul liniar prezentat mai jos. Continuați să focalizați pe panoul Aspect și adăugați o cursă de 1 pt. Setați culoarea la R = 139 G = 94 B = 60 și aliniați-o în interior.
Reluați dreptunghiul de 300 de 10px și adăugați un al treilea umplutură. Selectați-l din panoul Aspect, faceți-l negru, micșorați Opacitatea la 10%, schimbați modul de amestecare la Multiplicare și mergeți la Efect> Schiță> Stil grafic. Introduceți datele afișate mai jos și faceți clic pe OK. Acesta este raftul tău de lemn.
Iată cum puteți crește cu ușurință lungimea raftului. Alegeți Instrumentul de selectare directă (A), apoi faceți clic și trageți pentru a selecta punctele de ancorare încorporate în prima imagine. Acum, țineți Shift și purtați-le pur și simplu spre stânga. Evident, puteți utiliza aceeași tehnică pentru a micșora lungimea.
În cele din urmă, să creăm un fundal simplu pentru rafturile noastre. Alegeți instrumentul dreptunghiului (M) și creați o formă a dimensiunii tabloului de bord. Umpleți-l cu gradientul radial prezentat mai jos și trimiteți-l înapoi (Shift + Command + [).
Selectați dreptunghiul creat în pasul anterior și adăugați un al doilea umplutură. Selectați-l din panoul Aspect, faceți-l negru, micșorați opacitatea la 15%, schimbați modul de amestecare la Multiplicare și mergeți la Efect> Schiță> Notă hârtie. Introduceți datele afișate mai jos și faceți clic pe OK.
Resetați dreptunghiul editat în pasul anterior, focalizați pe panoul Aspect și adăugați un al treilea umplut. Veți avea nevoie de un model construit pentru acest nou umplere. Mergeți în panoul Swatches, deschideți meniul derulant și mergeți la Open Swatch Library> Patterns> Graphics Basic> Basic Graphics_Textures. Aceasta va deschide o fereastră nouă cu un set de modele încorporate. Veți avea nevoie de modelul "Diamond".
Reveniți la panoul Aspect, selectați cel de-al treilea umplere, adăugați modelul "Diamond", micșorați opacitatea la 10%, modificați modul de amestecare la Multiplicare și mergeți la Efect> Artistic> Film Grain. Introduceți datele afișate mai jos, faceți clic pe OK și ați terminat.
Acum munca ta sa terminat. Iată cum ar trebui să arate.
Accentsconagua