Share
În acest tutorial, vă voi arăta cum să ilustrați o cheie USB plutitoare în aer și reflectând pe o suprafață. Vom adăuga numeroase detalii care vor face ca această ilustrare să strălucească. Observați cum se reflectă numele Psdtuts + de pe podea în ilustrație. Acestea sunt micile detalii care adaugă un grad de realism muncii tale.
Înainte de a începe, să aruncăm o privire la imaginea pe care o vom crea. Ca întotdeauna, fișierul Photoshop stratificat este disponibil prin intermediul nostru membru al PSdtuts + Plus. Puteți vedea previzualizarea finală a imaginii de mai jos sau puteți vedea o versiune mai mare aici.
Să începem prin crearea unui document nou cu o lățime de 1000 de pixeli lățime de 1000 de pixeli, setarea Rezoluției la 300 pixeli / inch, iar fundalul alb. Prindeți instrumentul Marcaj dreptunghiular, apoi setați stilul la Dimensiune fixă cu o lățime de 100 de pixeli și o înălțime de 240 px. Trageți patru ghidaje în jurul selecției, după cum se arată în imaginea de mai jos, apoi deselectați apăsând comanda + D.
Creați un nou strat și denumiți-l "Front B." Setați culoarea primului la 55% gri. Obțineți Instrumentul rotunjit dreptunghi, setați-l la Umpleți pixeli și Radius la 30 de pixeli în Setările opțiunilor de instrument. Desenați un dreptunghi rotunjit, după cum se arată mai jos.
Acum vom șterge ghizii accesând View> Clear Guides. Apăsați Command + T pentru a intra în modul Free Transform, setați Vertical Skew la -30 grade și aplicați-l. Apăsați din nou comanda + T și setați rotația la -30 grade. Am fi putut înclina și roti stratul în același timp. Motivul pentru care am făcut-o în două etape este că oferă rezultate mai curate. Puteți să aruncați o privire la imaginea de mai jos pentru o comparație.
Acum avem nevoie de două ghiduri orizontale. Trageți și fixați una în partea de sus și una în partea de jos a dreptunghiului transformat. Acesta nu este unghiul nostru final de perspectivă, dar este mai ușor să construim cheia USB în acest fel, apoi vom roti întregul lucru din nou pentru a obține aspectul nostru final de perspectivă.
Duplicați stratul "Front B" și denumiți-l "Front A." Deplasați stratul "Front A" cu 30 de pixeli în stânga. Puteți face acest lucru utilizând tastele săgeți de pe tastatură când este selectat instrumentul de mutare. În timp ce mențineți Shift, apăsați tasta săgeată stânga de trei ori. Aplicați un strat cu strat de acoperire cu gradient cu următoarele setări: Modul de amestecare setat la Multiplicare, Opacitate la 100%, Gradient setat de la Negru la alb, Stil de linear, Unghi setat la 90 de grade, Scară setată la 130%.
Acum trebuie să conectăm aceste două dreptunghiuri rotunjite. Reveniți la stratul "Front B" din Paleta de straturi. Obțineți instrumentul Polygonal Lasso și faceți o selecție, după cum se arată în imaginea de mai jos. Asigurați-vă că ghidurile sunt vizibile. Completați selecția cu 55% gri, apoi deselectați apăsând comanda + D.
Există niște pixeli nedoriți, permiteți-i să scăpați de ele. Prindeți instrumentul Marcaj dreptunghiular, setați stilul la Normal și efectuați o selecție, după cum se arată mai jos. Deplasați selecția cu 1 pixel în jos și apăsați Ștergeți pentru a șterge zona. Puteți muta selecțiile utilizând tastele săgeți de pe tastatură atâta timp cât este activ un instrument Marquee. Acum faceți o selecție dreptunghiulară de data aceasta în partea de jos. Deplasați selecția cu 1 pixeli în sus și apăsați din nou pe Ștergeți.
Acum vom aplica un strat Layer Overlay Layer la stratul "Front B" cu următoarele setări: Modul de amestecare setat la Multiply, Opacitate la 65%, Gradient setat la "Steel Bar" (care este în setul Metals), cu un Stilul liniar, unghiul setat la -30 grade, și scara la 110%. De asemenea, puteți ajusta poziția gradientului tragând în timp ce dialogul Suprapunere gradient este încă deschis. Reglați poziția ca și în imagine.
Faceți clic pe butonul "Face A" pentru a încărca selecția. Am mutat selecția de 400 de pixeli drept. Aceasta va defini lungimea tastei USB, astfel încât să o puteți modifica dacă doriți o durată mai mare sau mai scurtă. Creați un nou strat și denumiți-l "Înapoi". Am completat selecția cu culoarea # ee3232, dar puteți alege o altă culoare în funcție de gustul dvs..
Acum creați un alt strat nou și denumiți-l "Corp". Completați selecția cu 15% gri. Deselectați prin apăsarea Comandă + D. Faceți inversibil stratul "Înapoi", deoarece vom avea nevoie mai târziu de acesta. Trageți și plasați stratul "Corp" deasupra stratului "Fundal" din Paleta de straturi.
Acum extindem corpul așa cum am făcut pentru partea din față. Obțineți instrumentul Polygonal Lasso și faceți o selecție după cum se arată, apoi umpleți-l cu 15% gri. Apăsați Command + D pentru a deselecta.
Obțineți Instrumentul de marcaj dreptunghiular și efectuați o selecție aliniată la ghidajul superior, ca în imaginea de mai jos. Deplasați selecția cu 1 pixel în jos și ștergeți apăsând Ștergere. Faceți o altă selecție dreptunghiulară, de data aceasta din partea de jos, mutați selecția cu 1 pixeli în sus și apăsați din nou Ștergeți pentru a șterge rândul perturbator de pixeli.
Acum, vom aplica un strat de strat de strat de acoperire cu gradient în stratul "Corp" pentru a obține colțul rotunjit. Utilizați aceste setări: Modul de amestecare este setat la Multiplicare, Opacitate la 65%, Gradient setat de la Negru la Alb, cu un stil de linie, unghi setat la 90 de grade și Scală stabilită la 18%. Deplasați gradientul în jos, ca în imaginea de mai jos. Puteți face acest lucru prin tragere în timp ce caseta de dialog Overlay Gradient este deschisă.
Mergeți la Paleta de straturi, apoi trageți și plasați stratul "Înapoi" chiar deasupra stratului "Fundal". Mutați layerul "Înapoi" 20 de pixuri dreapta utilizând tasta săgeată dreapta. Apoi, obțineți instrumentul Polygonal Lasso și efectuați o selecție, după cum se arată mai jos, apoi completați selecția cu roșu (sau propria dvs. culoare) pentru a extruda partea din spate a tastei USB. Apăsați Command + D pentru a deselecta.
Obțineți Instrumentul de marcaj dreptunghiular și faceți o selecție aliniată la ghidajul superior, așa cum am făcut înainte. Deplasați selecția cu 1 pixel în jos și ștergeți apăsând Ștergere. Faceți o altă selecție dreptunghiulară, de data aceasta în partea de jos. Mutați selecția cu 1 pixel în sus și apăsați din nou Ștergeți pentru a șterge rândul perturbator de pixeli.
Trebuie să aplicăm o suprapunere de gradient pe stratul "Înapoi" cu aceleași setări ca cele folosite pentru "Corp". Faceți clic cu butonul din dreapta pe stratul "Corp" din Paleta de straturi și alegeți Stilul stratului de copiere. Faceți clic dreapta pe stratul "Înapoi" și alegeți Paste Style Layer.
Creați un strat nou deasupra stratului "Front B" și denumiți-l "Evidențiați". Prindeți Instrumentul Linie, setați-l la Umplere Pixeli și setați Greutate la 8 px. Alegeți culoarea albă ca prim plan și trageți o linie dreaptă, ca în imaginea de mai jos. Mergeți la Filter> Blur> Blur Gaussian, aplicați cu un rază de 5 px.
Acum avem punctul culminant, dar ar trebui să ștergem partea excedentară. Faceți clic pe butonul de comandă pentru a încărca selecția. De asemenea, trebuie să selectăm partea din spate, astfel încât comanda + Shift-clic pe "înapoi" Thumbnail Layer pentru a adăuga la selecție. Accesați Selectare> Inversă și apăsați Șterge pentru a șterge. Deselectați prin apăsarea comenzii + D.
Creați un strat nou deasupra stratului "Corp" și denumiți-l "Reflecție". Luați Gradient Tool, setați Gradientul în negru și alb și umpleți stratul cu gradientul de la stânga la dreapta. Accesați Imagine> Ajustări> Curbe și modificați curba după cum se arată mai jos. Acesta este modul meu preferat de a face reflecții. Apoi apăsați Command + T și rotiți stratul "Reflection" de 30 de grade. Veți vedea de ce facem asta mai târziu.
Acum, pentru că vrem ca această reflecție să fie văzută pe partea "Corpului", trebuie să scăpăm de restul. Faceți clic pe butonul de comandă pentru a încărca selecția. Command + Alt-clic pe "Front B" Thumbnail Layer pentru al scăpa din selecția curentă. Accesați Selectare> Inversă și apăsați Șterge pentru a șterge. Apăsați Command + D pentru a deselecta. Setați modul de amestecare a straturilor la suprapunere.
Acum, obțineți instrumentul Eraser. Asigurați-vă că modul din opțiunile de instrument este setat la Perie. Am setat Diametrul Master Brush la 215 și Duritatea la 25%. Ștergeți zona sub colțul rotunjit.
Există câțiva pixeli vopsite în afara pânzei deoarece am umplut întreaga pagină și apoi am rotit gradientul. Nu le putem vedea momentan. În ultimii pași vom roti cheia USB și acești pixeli vor fi o problemă pentru a scăpa de ele. Accesați Selectare> Toate, apoi mergeți la Imagine> Decupare.
Începem să tragem fișa. Faceți clic pe butonul "Front A" pentru a încărca selecția. Creați un nou strat deasupra "Front A" și denumiți-l "Plug". Completați selecția cu 25% gri. Deselectați prin apăsarea comenzii + D. Apăsați Command + T pentru a intra în modul Free Transform, setați scalele verticale și orizontale la 56% și aplicați.
Duplicați stratul "Plug" și denumiți-l "Plug Front". Deplasați stratul "Plug Front" la 150 de pixeli stânga. Trageți două ghidaje de la rigla superioară și fixați-le în partea superioară și inferioară a stratului "Plug". Reveniți la stratul "Plug" din Paleta de straturi, obțineți instrumentul Polygonal Lasso și efectuați o selecție ca în imaginea de mai jos. Completați selecția cu 25% gri, apoi deselectați apăsând comanda + D.
Obțineți Instrumentul de marcaj dreptunghiular și efectuați o selecție aliniată la ghidajul superior, după cum se arată mai jos. Deplasați selecția cu 1 pixel în jos și ștergeți apăsând Ștergere. Faceți o altă selecție dreptunghiulară, de data aceasta din partea de jos, mutați selecția cu 1 pixeli în sus și apăsați din nou Ștergeți pentru a șterge rândul perturbator de pixeli.
Faceți clic pe butonul de comandă "Plug" Thumbnail, aceasta va încărca selecția. Obțineți instrumentul Gradient, setați Gradientul ca prim plan la Transparent, setați Culoarea primului la negru și stilul Gradient la Linear. Trageți-o, după cum se arată mai jos, pentru a umple selecția cu un gradient negru la transparent. Acest lucru va face partea superioară a fișei mai întunecată, ceea ce ne va ajuta să realizăm aspectul metalic.
Apăsați Command + D pentru a deselecta. Aplicați un stil de strat cu strat de acoperire cu gradient cu următoarele setări: Modul Blent setat la Multiplicare, Opacitate la 50%, Gradient setat la Negru la Alb, Stil liniar, Unghi setat la 90 de grade și Scală setată la 18%. Deplasați Gradientul până când se potrivește în colțul rotunjit, ca în imaginea de mai jos, în timp ce dialogul Supraveghere Gradient este încă deschis.
Creați un strat nou deasupra stratului "Plug" și denumiți-l "Plug Reflection". Obțineți Instrumentul de marcaj dreptunghiular și faceți o selecție, ca în imaginea de mai jos. Obțineți instrumentul Gradient. Setați Gradientul la Argint (este în setul de metale.) Setați Stilul de Gradient la Reflected și completați selecția începând de la mijloc spre stânga. Apăsați Command + D pentru a deselecta. Accesați Imagine> Ajustări> Invertați pentru a obține negativ.
Apăsați Command + T, apoi Scalați reflecția un pic orizontal și rotiți 30 de grade. Acum dorim ca reflexia să fie vizibilă numai pe fișă. Deci vom defini stratul "Plug" ca o mască de tăiere pentru "Reflecția Plug". Puteți face acest lucru făcând clic pe Alt pe linia dintre aceste două straturi din Paleta de straturi. Obțineți instrumentul Eraser. Ștergeți zona sub colțul rotunjit al ștecherului. De asemenea, setați modul de îmbinare a stratului pe ecran.
Creați un strat nou deasupra stratului "Plug Reflection" și denumiți "Plug Highlight". Obțineți Instrumentul Linie, setați-l la Umplere Pixeli și setați Greutate la 4 px. De asemenea, setați culoarea albă ca prim plan. Desenați o linie dreaptă, setați Greutate la 2 px și trageți o altă linie, ca în imaginea de mai jos.
Mergeți la Filter> Blur> Blur Gaussian, aplicați cu un rază de 1,5 px. Faceți clic pe butonul "Plug" pentru a încărca selecția, apoi mergeți la Selectare> Inversă și ștergeți apăsând pe Ștergere. Setați opacitatea stratului "Plug Highlight" la 60%.
Acum vom face gaura de pe ștecher. Faceți clic pe butonul "Plug Front" pentru a încărca selecția. Accesați Selectare> Modificare> Contract și contractați selecția cu 2 pixeli. Creați un strat nou deasupra stratului "Plug Front" și denumiți "Plug Hole".
Completați selecția cu 25% gri și aplicați un stil de strat de strat de acoperire cu gradient cu următoarele setări: Modul amestec setat la Multiplicare, Opacitate la 40%, Gradient setat de la negru la alb, cu un stil de linie, unghi setat la -90 grade; Scala la 13%. Deplasați gradientul până se fixează pe colțul rotunjit al ștecherului.
Creați un nou strat denumit "Plug Hole Shadow" chiar deasupra stratului "Plug Hole". Luați instrumentul Polygonal Lasso, selectați o zonă ca în imaginea de mai jos și completați cu negru. Apăsați Command + D pentru a deselecta. Mergeți la Filter> Blur> Blur Gaussian. Setați Radiusul la 15 pixeli. Faceți clic pe butonul "Plug Hole", mergeți la Selectare> Inversă pentru a inversa selecția. Ștergeți prin lovirea Ștergere. Ar trebui să ajustați opacitatea stratului și la gustul dvs..
Creați un strat nou deasupra stratului "Plug Hole" și denumiți-l "Alb". Faceți clic pe butonul "Plug Hole". Obțineți instrumentul de marcaj dreptunghiular și mutați selecția, după cum se arată mai jos. Comandați + Alt + Shift faceți clic pe miniaturile stratului "Plug Hole" pentru a intersecta selecția, apoi completați selecția cu alb și apăsați Command + D pentru Deselectare. Mutați stratul "alb" cu 5 pixeli drept. Trageți ghidajele orizontale și fixați-le în partea superioară și inferioară a stratului "Alb".
Creați un alt strat sub stratul "Alb" și denumiți-l "White Top". Obțineți instrumentul Polygonal Lasso și faceți o selecție, după cum se arată mai jos. Completați selecția cu 20% gri. Faceți clic pe butonul "Plug Hole", apoi mergeți la Selectare> Inverse pentru a inversa selecția încărcată. Apăsați Ștergeți pentru a șterge partea din afara găurii. Mergeți la stratul "Alb" din Paleta de straturi și apăsați din nou pe Delete. Apăsați Command + D pentru a deselecta.
Selectați straturile din paleta de straturi, după cum se arată mai jos. Mergeți la Layer> Layers Group (Command + G.) Denumiți grupul "Plug Bottom." Acum duplicați grupul "Plug Bottom" și denumiți-l "Plug Top". Accesați Layer> Merge Group. Faceți acum grupul "Plug Bottom" invizibil.
Acum vom face reflexia fișei pe corp. Duplicați stratul "Plug Top", denumiți-o "Plug Reflection" și trageți-l deasupra stratului "Front A" din Paleta de straturi. Mutați-o corect, după cum se arată mai jos. Mergeți la Filter> Blur> Blur Gaussian și aplicați cu un Radius de 3 pixeli. Pentru a masca reflexia, apăsați Alt pe linia dintre straturile "Plug Reflection" și "Front A" din paleta Layers. Puteți schimba opacitatea stratului după cum doriți.
Să continuăm să ne întoarcem straturile. Selectați toate straturile cu excepția straturilor "Fundal" și "Plug Top" și a grupului "Plug Bottom". Mergeți la Layer> Merge Layers (Command + E). Redenumiți stratul îmbinat ca "Body".
Acum vom face cele două găuri mici de pe fișă. Creați un strat nou în partea de sus a stiva de strat numită "Hole". Obțineți instrumentul de marcaj dreptunghiular, setați stilul la dimensiune fixă și lățimea și înălțimea la 26 px. Faceți o selecție după cum se arată mai jos. Completați selecția cu 65% gri. Apăsați Command + D pentru a deselecta.
Apăsați Command + T și setați Originea Șirelei la 30 de grade. Aceasta se va potrivi perspectivei găurilor în perspectiva prizelor. Obțineți instrumentul Polygonal Lasso și faceți o selecție, după cum se arată în imaginea din stânga jos de mai jos. Mergeți la Image> Adjustments> Hue / Saturation (Command + U) și setați Luminozitatea la + 100% pentru a face partea selectată alb.
Faceți clic pe butonul "Hole" pentru a încărca selecția. Mutați selecția cu 1 px left și 1 px down. Comanda + Alt + Shift faceți clic din nou pe stratul "Hole" pentru a intersecta selecția cu stratul. Completați selecția cu negru. De asemenea, deselectați prin apăsarea comenzii + D.
Duplicați stratul "Hole". Acum avem două găuri și ar trebui aliniate corespunzător. Puteți obține ajutor din partea dreaptă sau din stânga a fișei. După alinierea corectă, selectați ambele straturi ale gropilor și poziționați-le după cum se arată mai jos.
Acum, ia Instrumentul de Text. Am setat fontul ca Trebuchet MS cu dimensiunea de 35 pt. Asigurați-vă Culoarea Foreground # ee0055, apoi introduceți textul. Apăsați Command + T și setați Originea Verde la 30 de grade și aplicați. Redenumiți-vă stratul de text ca "Text". Aplicați un strat de acoperire cu gradient în stratul "Text" folosind următoarele setări: Modul de amestecare setat pe Ecran, Opacitate la 50%, Gradient setat la Argint, Stil de linear, Unghi setat la 30 de grade, Scară stabilită la 75%.
De asemenea, vom aplica o umbră Drop cu următoarele setări: Blend Mode of Multiply, Opacity set la 60%, Unghi setat la 90 de grade, Distanță și Dimensiune setată la 2 px.
Ceea ce avem acum este cheia USB. Ceea ce nu facem este reflecția. Cheia noastră va pluti în aer, iar partea de jos va reflecta pe suprafață. Iar partea de jos a cheii este ușor diferită de partea superioară a acesteia.
Duplicați stratul "Corp" și denumiți-l "Bottom Body". Acum, selectați straturile "Hole Copy", "Hole", "Text", "Plug Top" și "Corp", apoi mergeți la Layer> Merge. Denumiți stratul îmbinat "USB" și faceți ca "USB" să fie invizibil pentru moment.
Vom primi din nou Instrumentul de Text, vom face Culoarea Foreground # ee0055 și vom scrie textul. Apăsați Command + T și scalați textul pentru a se potrivi cu fișa. Accesați Edit> Transform> Flip Vertical pentru a reflecta textul. Apăsați Command + T și setați Originea Verde la 30 de grade și aplicați. Redenumiți-vă stratul de text ca "Text".
Aplicați o suprapunere de gradient pe stratul "Text" utilizând următoarele setări: Modul de amestecare setat la Ecran, Opacitate la 50%, Gradient setat la Argint, Stil de linear, Unghi setat la 30 de grade, Scară setată la 75%.
De asemenea, vom aplica o umbră Drop cu următoarele setări: Blend Mode of Multiply, Opacity set la 60%, Unghi setat la 90 de grade, Distanță și Dimensiune setată la 2 px.
Asigurați-vă că unul dintre straturile vizibile este selectat în Paleta de straturi, apoi mergeți la Layer> Merge Visible. Denumiți stratul îmbinat "Reflecție". Acum ar trebui să aveți trei straturi: "Background", "USB Final" și "Reflection". Acum aproape am terminat.
Acum faceți vizibil grupul "Plug Bottom". Deschideți grupul și ștergeți stratul "Alb de sus". Mergeți la stratul "Alb" și mutați-l în sus, după cum se arată mai jos. Faceți clic pe butonul "Plug Hole" pentru a încărca selecția, apoi mergeți la Selectați> Inverse. Apăsați Ștergeți pentru a șterge în afara găurii. Deselectați prin apăsarea Comandă + D. Mergeți la stratul "Umbra Plutei Hole" din Paleta de straturi. Apăsați Command + T și rotiți stratul la 180 de grade și asigurați-vă că încă se potrivește în gaură.
Acum vom plasa semnul USB pe fișă. Am desenat unul și îl puteți obține aici. Deschideți fișierul "USBsign.png" și obțineți Instrumentul de mutare și trageți logo-ul în "USB Refleciton.psd".
Apăsați Command + T pentru a intra în modul Free Transform, rotiți logo-ul de -90 grade, scala pentru a se potrivi cu fișa și aplicați. Mergeți la Edit> Transform> Flip Vertical pentru o oglindire. Apăsați Command + T din nou și setați Originea Șirelei la 30 de grade. Plasați-l pe ștecher și setați Opacitatea stratului la 60%.
Închideți grupul "Plug Bottom". Selectați "Plug Bottom", "Bottom Body" și "Text" din Paleta de straturi și mergeți la Layer> Merge Layers. Denumiți stratul îmbinat "Reflecție USB". Asigurați-vă că stratul "USB" este în partea de sus și că toate straturile sunt vizibile.
Selectați atât straturile "USB" cât și "Reflecția USB" din Paleta de straturi, apăsați Command + T și Rotate -30 grade. Luați Instrumentul de mutare, apoi mutați layerul "Reflecție USB" în jos, după cum se arată mai jos. Mergeți la Filter> Blur> Blur Gaussian și aplicați cu un Radius de 3 px. De asemenea, setați Opacitatea stratului la 20%.
Duplicați stratul "Reflecție USB" și denumiți-l "Shadow". Apăsați Command + U pentru a afișa dialogul Hue / Saturation. Setați luminozitatea la -100 pentru a face umbra neagră. Mergeți la Filter> Blur> Blur Gaussian și aplicați cu un rază de 40 px. Setați Opacitatea stratului la 50% și mutați stratul "Shadow" în sus, ca în imaginea de mai jos.
În cele din urmă, le-am micșorat puțin și am aplicat un gradient în fundal. Și acesta este sfârșitul unui alt tutorial. Sper că sunteți mulțumit de propria dvs. ilustrare USB cheie și a avut unele distracție! Puteți vedea imaginea finală de mai jos sau puteți vedea o versiune mai mare aici.
Aboneaza-te la feed-ul Psdtuts + RSS pentru cele mai bune tutturi Photoshop și articole de pe web.
Accentsconagua