Share
Cu câteva luni înainte de lansarea celor mai recente iMac-uri, mă gândeam la ce ar putea să arate un iMac negru. Fiind un Photoshopper, am decis să încerc să fac una. După ce a fost postat pe un blog, imaginea a devenit virală și a început să apară pe bloguri de tehnologie Mac și tehnologie, iar site-ul meu a fost inundat de trafic. Astăzi, dacă te uiți în sus pe Black iMac într-o căutare Google, vei vedea o mulțime de site-uri folosind imaginea mea. Astăzi vă voi arăta cum am făcut acea imagine.
Primul lucru pe care trebuie să-l facem pentru iMac negru este unul obișnuit care să-l bazeze pe. Am folosit modelul anterior pentru că atunci când am făcut-o inițial, era tot ce era disponibil. Iată o imagine pe care am găsit-o în Imaginile Google a unui iMac frontal îndreptat. Este o lovitură destul de standard produsă.
Acum, primul lucru pe care trebuie să-l faceți este să creați un strat nou în partea superioară, prindeți astfel instrumentul Rounded Rectangle Tool (U) și desenați un dreptunghi negru cu o curbă care se potrivește cu imaginea de bază. (Cred că am folosit un Radius de 20px)
Acum, pentru moment, vom părăsi ecranul și ne vom concentra pe stand. Deci, măriți și utilizați instrumentul Pen (P), trageți în jurul standului așa cum este arătat. Cu instrumentul Pen, este o idee bună să utilizați cât mai puține puncte posibil, deoarece veți obține o linie mai fină. Acest lucru poate dura câteva practici și câteva încercări. De asemenea, încercați să reflectați unde plasați punctele, astfel încât, chiar dacă linia este puțin goală, cel puțin este simetrică.
Odată ce ați parcurs calea, faceți clic dreapta pe ea și alegeți Selectați.
Acum, înainte de a merge mai departe, am vrut să observ că negrul pe care Apple îl folosește este un fel de negru mat sau plictisitor. În fotografii, are o castă ușor albastră. Mai degrabă decât să încerc să ghicesc ce culori exacte să folosesc, tocmai am găsit o imagine a unui laptop Mac negru obișnuit și apoi, folosind o picătură de ochi, am ales câteva nuanțe (arată mai jos).
Oricum, așa că înapoi la stand, cu selecția făcută, am creat un nou strat și apoi am folosit Gradientul Reflectat și un negru închis și negru din pasul anterior și am umplut standul așa cum se arată. Puteți observa că partea de lumină a gradientului se află în mijloc. Am facut asta pentru ca atunci cand te uiti la stand in versiunea alba, are acelasi tip de lumina si umbra, dar inversat.
De fapt, în aproape toți pașii din acest tutorial, ideea este să priviți modul în care arată fotografia și apoi să emulați efectul folosind gri închis și negru în loc de alb și gri.
Acum, gradientul nu a fost atât de puternic, așa că am apucat o perie mare de grăsime Dodge Tool (O), apoi, ținând Shift în jos pentru a păstra peria mea exact pe orizontală, am trecut de câteva ori pentru a obține acel punct de atracție arătând mai puternic.
După ce am depășit curba, am folosit apoi instrumentul Dodge în partea de jos a suportului, astfel încât să devină mai ușor acolo (așa cum se arată mai jos). Deja începe să arate ca un stand acum: uimitor ce poate face un pic de lumină și umbra!
Apoi, i-am scos din nou Pen Tool și de această dată a atras o formă care a capturat zona chiar în fața suportului (vezi mai jos). Această parte trebuie să aibă o culoare diferită, astfel încât atunci când priviți imaginea, puteți observa că această parte se află într-un unghi diferit față de cealaltă parte a suportului.
Rețineți că baza selecției stiloului meu din imaginea de mai jos este totală. Asta pentru ca nu conteaza cu adevarat despre acea parte, vreau doar sa obtin acea curba in partea de sus.
Apoi, faceți clic cu butonul din dreapta cu instrumentul Pen Stil selectat și selectați din nou Selectare. Apoi creați un strat nou deasupra stratului de suport și completați-l cu un gri închis.
Așa cum puteți vedea în imaginea de mai jos, am forma mea ciudată doar deasupra suportului principal. Deci, acum Ctrl-clic pe stratul de stand pentru a selecta pixelii și apoi apăsați Ctrl + Shift + I pentru a inversa selecția. Apoi apăsați Delete (Ștergere), astfel încât tot ceea ce rămâneți din forma noastră ciudată este intersecția celor două forme.
Acum apucați instrumentul Dodge (O) și din nou cu o perie moale, adăugați o evidențiere unde este afișat. Apoi țineți apăsată tasta Alt și periați marginea din dreapta. Dacă țineți apăsată tasta Alt cu ajutorul instrumentului Dodge, schimbați-o în instrumentul Burn (și invers). Deci, puteți să vă spălați întunericul și lumina fără a schimba uneltele.
În cele din urmă, pentru a finaliza standul, duplicăm partea din față a standului, țineți apăsat Ctrl, faceți clic pe stratul respectiv, apoi apăsați o dată săgeata în jos și apăsați Ștergeți. Acest lucru ar trebui să vă lase cu o linie subțire de 1px (afișată în selecție în imaginea de mai jos). Setați acest strat la suprapunere și 30% opacitate și va da o lumină foarte slabă.
Faceți același lucru din nou, în afară de această dată în locul săgeții în jos, apăsați pe săgeata Sus pentru a vă lăsa o selecție de 1px la bază. Plasați acest strat sub suport, mutați-l în jos 1px și utilizați instrumentul Burn pentru a-l întuneca. Aceasta va fi o umbra slaba sub stand.
(Rețineți că acest pas nu este esențial și sună complicat, dar de fapt este destul de simplu. Dacă vă veți pierde acolo, nu vă faceți griji că nu va afecta drastic imaginea finală)
Ok, deci avem un stand negru destul de rece. Aici este în partea de sus a imaginii principale, și puteți vedea că pare corect!
Acum începem să lucrăm pe zona ecranului. Primul lucru pe care trebuie să-l facem este să scăpăm de forma neagră dreaptă și să o înlocuim cu un gradient. Deci, dezactivați vizibilitatea stratului respectiv, apoi țineți apăsat Ctrl, faceți clic pe el, creați un nou strat și apoi desenați un Gradient Reflectat din colțul din stânga sus în colțul din dreapta-jos, astfel încât să fie lumină în mijloc și întuneric pe colțuri, după cum se arată.
Apoi, am luat o perie mare de grăsime Dodge și luminat în diagonală peste un pic mai mult așa cum se arată.
Acum, încă o dată, apăsați Ctrl pe stratul de ecran pentru a selecta pixelii, apoi alegeți Selectare> Modificare> Contract și utilizați o valoare de 1px. Apoi, într-un strat nou, umpleți-l cu o nuanță mai deschisă de gri închis, așa cum este arătat.
Fără a renunța la selecție, mergeți din nou la Selectare> Modificare> Contract și de această dată utilizați o valoare de 2px. Când ați terminat, apăsați Ștergeți și ar trebui să rămâneți cu o linie subțire de 2px care se rotește în jurul ecranului.
Această linie subțire ne va permite să dăm un pic de evidențiere și umbre la marginile ecranului. Am facut aceasta deoarece daca priviti cu atentie iMac-ul alb, veti vedea o linie subtire similara in jurul ecranului, in special in partea de sus-dreapta unde este destul de evidentiat.
Acum, luați peria mare Dodge și luminați strategic colțul din dreapta sus și puțin în partea dreaptă și în partea de sus. Experimentați cu unde se pare că este necesar să evidențiați.
Acum opriți straturile de ecran negru pentru un moment, astfel încât să puteți vedea ecranul alb din spatele lor. Apoi, într-un nou strat, utilizați Instrumentul Rounded Rectangle cu o curbă foarte ușoară de această dată (am folosit 2px) pentru a desena un dreptunghi în cazul în care zona de afișare este, după cum se arată.
Acum puteți trece din nou restul straturilor ecranului. Acum, faceți clic pe stratul afișat pe care tocmai l-am creat, apoi creați un strat nou în partea de sus, mergeți la Selecție> Modificare> Contract și utilizați o valoare de 2px. Umpleți această zonă nouă cu negru drept.
După cum puteți vedea, ceea ce se întâmplă este primul strat de afișare pe care l-am creat este de fapt un punct culminant în jurul zonei principale de afișare. Dacă vă uitați la ecranul dvs., este posibil să puteți vedea un pic de acest lucru. Dacă ați fi vrut să faceți acest lucru foarte realist, ați putea folosi un pic de Dodge și Burn pentru a întuneca și a ilumina corespunzător. Dar pentru scopurile noastre acest lucru va face!
Apoi am plasat o imagine pe ecran. Am vrut un frumos fundal tip Mac, și din fericire pentru noi, avem un tutorial Psdtuts + în acest sens. De fapt, am folosit doar rezultatul acestui tutorial, cu excepția faptului că am modificat culoarea verde. Puteți folosi orice doriți. Doar plasați imaginea și apăsați CTRL + T pentru ao transforma în dimensiunea potrivită. Este posibil să aveți nevoie să decupați imaginea pentru ao face potrivit.
Acum, iMac-urile au mereu cele mici camere de luat vederi, așa că am făcut o selecție circulară în jurul camerei foto în albul fotografiei iMac și am copiat-o și am plasat-o în aceeași poziție într-un strat nou deasupra celorlalte straturi iMac negre.
Acum avem nevoie de un doc! Încă o dată m-am dus la Google și am găsit o captură de ecran a desktopului cuiva, am tăiat docul folosind instrumentul de selecție dreptunghiulară și l-am lipit deasupra. Singura problemă este că fundalul este albastru! Așa că trebuie să ajustăm acest lucru la verde înainte de a termina plasarea acestuia.
Așa că am folosit instrumentul Magic Wand Tool (W) și am făcut clic pe zona albastră pentru a le selecta pe toate. Apoi mențineți apăsată tasta Shift și faceți clic pe toate zonele care se pierd, ca în interiorul simbolului Quicktime. Practic, asigurați-vă că obțineți toți pixelii. Nu este foarte important pentru ca aceasta să fie o selecție foarte frumoasă, deoarece vom scădea acest lucru - mulțumesc bunătate, pentru că în caz contrar ar trebui să folosim Pen Tool!
Odată ce ați selectat, mergeți la Image> Adjustments> Hue / Saturation și mutați glisorul Hue până când atinge o culoare verde deschis, care se potrivește aproximativ cu fundalul verde (sau se potrivește cu orice fundal ați folosit).
Acum, plasăm docul peste tapet și apăsați Ctrl + T pentru al transforma.
Apoi avem nevoie de un mic logo Mac care să stea pe ecran. Încă o dată am găsit o imagine utilizând o căutare obișnuită a imaginilor Google. Aceasta este o culoare argintie drăguță, care ar trebui să funcționeze bine.
Problema este totuși că există o umbră în spatele logo-ului pe care noi nu o dorim. Așa că apucați Pen Tool și traceți marginile logo-ului așa cum se arată. Când ați terminat, faceți clic dreapta și alegeți Efectuați selecția, apoi apăsați Ctrl + C pentru a copia logo-ul din fundalul umbrei sale.
Acum, pentru a plasa logo-ul, opriți toate straturile negre, astfel încât să puteți vedea din nou imaginea ghidului iMac alb, apoi micșorați logo-ul astfel încât să se potrivească aproximativ cu dimensiunea și poziția logo-ului pe mașină. Apoi treceți din nou straturile negre!
Aproape acolo acum!
Apoi vom crea o reflecție subtilă pentru a face să pară că iMac este într-adevăr acolo. Deci, duplicați stratul de suport, apăsați Ctrl + T și rotiți-l 180 '. Apoi, stratul se estompează la 20% și se adaugă un strat de ajustare așa cum este arătat astfel încât să se estompeze în neant.
Apoi vom adăuga o umbră foarte subtilă sub iMac. Așadar, trageți o elipsă așa cum este arătată în gri închis.
Acum distrugeți umbra de elipsă la opacitate de aproximativ 20% și mergeți la Filter> Blur> Gaussian Blur și utilizați o valoare de aproximativ 10px pentru a obține o blur bună. Când ați făcut acest lucru, apăsați Ctrl + T pentru a transforma și strângeți umbra numai vertical (astfel încât să nu fie atât de înaltă, dar să rămână la aceeași lățime). Facem acest lucru astfel încât umbra să pară că este pe același plan ca masa sau orice este pe iMac.
Și suntem aproape gata! Am mutat iMac-ul în lateral și am adăugat un pic de text pentru a-l termina. În cazul în care vă întrebați, textul este Myriad Pro Semibold care arată destul de similar cu textul pe care îl folosește Apple (deși nu același lucru, dacă nu mă înșel).
Deci, acolo aveți, am creat un nou aspect pentru iMac! În exemplul PSD pentru acest tutorial am inclus atât PSD-ul pentru acest tutorial cât și cel original pe care l-am creat acum câteva luni, care este destul de similar, dar mult mai mare și cu unele variații minore. Sper că ți-a plăcut tutorialul!
Accentsconagua