În acest tutorial cu efecte foto Photoshop, vom învăța cum să creăm un cadru foto simplu cu trei imagini, iar când vom termina, vom vedea cum puteți converti cu ușurință rezultatul final într-un șablon reutilizabil cu ajutorul obiectelor inteligente Photoshop! Obiectele inteligente au fost introduse pentru prima dată în Photoshop CS2, ceea ce înseamnă că veți avea nevoie de Photoshop CS2 sau mai mare pentru pașii finali ai tutorialului. Voi folosi Photoshop CS4 chiar eu. Cu toate acestea, dacă utilizați o versiune anterioară a Photoshop, puteți crea totuși cadrul propriu-zis. Singurul lucru pe care nu îl vei putea face este să convertiți imaginile în Obiecte inteligente la sfârșitul tutorialului.
Iată cadrul cu trei fotografii pe care îl vom crea:
Rezultatul final.
Cum se creează un cadru foto cu trei imagini
Pasul 1: Creați un document nou
Să începem prin crearea unui nou document Photoshop. Accesați meniul Fișier din bara de meniu din partea de sus a ecranului și alegeți Nou . Sau, pentru o modalitate mai rapidă de a crea un document nou, pur și simplu apăsați comanda rapidă de la tastatură Ctrl + N (Câștigă) / Comandă + N (Mac) :
Accesați File> New sau apăsați Ctrl + N (Win) / Command + N (Mac).
Oricare dintre modul în care alegeți apare caseta de dialog nou document Photoshop, care este locul în care setăm opțiunile pentru noul nostru document. Întrucât voi pune trei imagini în stil portret unul lângă altul la rând, voi avea nevoie de un document destul de larg, așa că voi introduce 12 inci pentru lățime și 6 inci pentru înălțime, realizând asigurați-vă că tipul de măsurare este setat la inch și nu pixeli. Este posibil să fie necesar să introduceți valori diferite pentru lățime și înălțime dacă aveți o dimensiune de document specifică pe care doriți să o creați. Din moment ce voi dori să tipăresc efectul de cadru la final, voi introduce 300 de pixeli / inch pentru rezoluție :
Creați un nou document de 12 inci x 6 inci la 300 pixeli / inch.
Faceți clic pe OK când ați terminat pentru a accepta setările și a ieși din caseta de dialog. Noul document apare pe ecran:
Apare noul document.
Pasul 2: Completați noul document cu negru
Vreau să folosesc negrul pentru culoarea de fundal, așa că voi merge până la meniul Edit din partea de sus a ecranului și voi alege comanda Photoshop's Fill, care ne permite să completăm un strat sau o selecție cu o culoare:
Accesați Editare> Completare.
Când apare caseta de dialog Completare, voi seta opțiunea Utilizare din secțiunea Cuprins din partea de sus a casetei de dialog pe Negru :
Setați opțiunea Utilizare la Negru.
Faceți clic pe OK pentru a ieși din caseta de dialog, iar Photoshop umple documentul cu negru solid:
Documentul acum se umple cu negru.
Pasul 3: Adăugați un nou strat alb
Trebuie să adăugăm un nou strat gol. Vom adăuga un marcator pentru prima noastră imagine pe acest nou strat. Țineți apăsată tasta Alt (Win) / Option (Mac) și faceți clic pe pictograma New Layer din partea inferioară a panoului Layers:
Țineți apăsat Alt (Win) / Option (Mac) și faceți clic pe pictograma New Layer.
Ținând apăsată tasta Alt / Option în timp ce facem clic pe pictograma New Layer, spunem Photoshop să deschidă caseta de dialog New Layer înainte de a adăuga noul strat și putem folosi caseta de dialog pentru a da un nou strat stratului nostru. Schimbați numele noului strat de la „Strat 1” implicit la locația stânga :
Schimbați numele noului strat în „placeholder stânga”.
Faceți clic pe OK pentru a accepta modificarea numelui și ieșiți din caseta de dialog. Dacă ne uităm în panoul Straturi, putem vedea că acum avem un nou strat gol numit „loc de stânga” stând deasupra stratului Fundal. Modelul de checker din miniatura de previzualizare a stratului din stânga numelui stratului ne spune că stratul este în prezent necompletat:
A fost adăugat un nou strat denumit „placeholder left”.
Pasul 4: Selectați Instrumentul pentru marcaj dreptunghi
Selectați Instrumentul de marcă dreptunghiulară Photoshop din partea de sus a panoului Instrumente sau apăsați litera M de pe tastatură pentru a o selecta rapid cu ajutorul comenzii rapide:
Selectați Instrumentul pentru marcaje dreptunghiulare.
Cu instrumentul de marcaj dreptunghiular selectat, bara de opțiuni din partea de sus a ecranului se schimbă pentru a afișa opțiunile pentru instrumentul dreptunghiular de marcă. Una dintre opțiuni este Style . Schimbați-o din setarea implicită de Normal în Raport fix, apoi introduceți 4 pentru lățime și 6 pentru înălțime . Acest lucru va forța forma selecției pe care urmează să o extragem într-un raport de aspect 4x6, ceea ce ne va ușura să adăugăm câteva fotografii 4x6 în document:
Schimbați stilul în „Raport fix”, apoi introduceți „4” pentru lățime și „6” pentru înălțime.
Pasul 5: Desenați o selecție dreptunghiulară în partea stângă a documentului
Trageți o selecție dreptunghiulară din partea stângă a documentului. Aici va apărea fotografia din stânga. Veți observa că pe măsură ce trageți selecția, forma acesteia este limitată la raportul de aspect 4x6 setat în bara de opțiuni în pasul anterior. Dacă trebuie să repoziționați selecția în timp ce o trageți, pur și simplu țineți apăsată bara spațială, trageți mouse-ul pentru a muta selecția în loc, apoi eliberați bara spațială și continuați să glisați. Asigurați-vă că lăsați suficient spațiu pentru a încadra alte două fotografii din document:
Faceți clic și trageți o selecție în jurul zonei în care va apărea fotografia din stânga.
Pasul 6: Completați selecția cu gri
După ce ați selectat selecția, reveniți la meniul Edit și alegeți din nou comanda Completare :
Accesați Editare> Completare.
De data aceasta, când apare caseta de dialog Completare, schimbați opțiunea Utilizare din secțiunea Cuprins din partea de sus a casetei de dialog la 50% Gri :
De data aceasta, schimbați opțiunea Utilizare în „50% gri”.
Faceți clic pe OK când ați terminat pentru a ieși din caseta de dialog. Photoshop umple selecția cu gri. Nu există un motiv special pentru care am ales gri aici. Pur și simplu trebuia să umplem selecția cu culoare și, din moment ce o folosim doar ca un locativ pentru o imagine, griul părea o alegere naturală. Apăsați Ctrl + D (Win) / Command + D (Mac) pentru a elimina conturul de selecție din jurul formei:
Apăsați Ctrl + D (Win) / Command + D (Mac) pentru a elimina conturul de selecție după ce ați completat selecția cu gri.
Pasul 7: Adăugați o lovitură albă subțire în jurul formei
Să adăugăm o bordură albă subțire în jurul formei. Faceți clic pe pictograma Stiluri strat din partea inferioară a panoului Straturi și selectați Stroke din partea de jos a listei de stiluri de strat care apare:
Faceți clic pe pictograma Stiluri strat și selectați Stroke din listă.
Aceasta afișează caseta de dialog Stil Layer Photoshop setată la opțiunile Stroke din coloana din mijloc. Mai întâi, schimbați culoarea cursei făcând clic pe tabla mică de culoare din dreapta cuvântului Culoare și alegând albul din Color Picker când apare. Faceți clic pe OK pentru a închide selectorul de culori când ați terminat. Măriți dimensiunea cursei la aproximativ 10 px (pixeli), apoi schimbați poziția în interior :
Schimbați culoarea cursei în alb, apoi măriți dimensiunea la aproximativ 10 px și schimbați poziția în „interior”.
După ce ați stabilit culoarea, dimensiunea și poziția cursei, faceți clic pe OK pentru a ieși din caseta de dialog. Iată imaginea mea cu bordura albă subțire aplicată acum formei:
Stilurile de strat sunt o modalitate ușoară de a adăuga efecte simple precum marginile unei imagini.
Pasul 8: Selectați Instrumentul Mutare
Selectați Instrumentul de mișcare Photoshop din panoul Instrumente sau apăsați litera V de pe tastatură pentru a o selecta rapid cu ajutorul comenzii rapide:
Selectați instrumentul Mutare.
Pasul 9: trageți o copie a formei în centrul documentului
Apăsați Shift + Alt (Win) / Shift + Option (Mac) și, în timp ce țineți ambele taste apăsate, faceți clic pe forma dvs. gri din interiorul documentului și trageți-l spre dreapta. Tasta Alt / Option spune Photoshop că vrem să creăm o copie a formei pe măsură ce glisăm în loc să mutăm forma inițială, în timp ce tasta Shift limitează direcția pe care o putem trage, făcând ușor să glisăm într-o linie dreaptă către dreapta.
Trageți copia în centrul imaginii, ceea ce creează marcajul pentru fotografia din mijloc pe care o vom adăuga. Observați că cursa albă este, de asemenea, copiată împreună cu forma:
Țineți apăsat Shift + Alt (Win) / Shift + Option (Mac) și trageți o copie a formei în mijlocul documentului.
Pasul 10: Redenumiți noul strat „Mijloc de plasare”
Dacă ne uităm în panoul Straturi, putem vedea că a doua formă a apărut pe propriul strat deasupra formei originale. Photoshop a numit noul strat „copie stânga pentru marcaj”. Faceți dublu clic direct pe numele noului strat și schimbați-l în mijlocul de rezervă . Apăsați Enter (Win) / Return (Mac) când ați terminat să acceptați modificarea:
Noua formă apare pe propriul strat deasupra originalului. Redenumirea noului strat „mijlocul locatar”.
Pasul 11: trageți o altă copie a formei în partea dreaptă a documentului
Apăsați încă o dată Shift + Alt (Win) / Shift + Option (Mac), faceți clic pe forma din mijloc și trageți o copie a acesteia în partea dreaptă a documentului. Acesta va deveni un loc de rețea pentru imaginea care apare în dreapta. Din nou, cursa albă este copiată împreună cu forma. Încercați să lăsați aceeași cantitate de spațiu între noua formă și marginea dreaptă a documentului, deoarece există forma stângă și marginea stângă a documentului. Nu vă faceți griji deocamdată dacă formele în sine nu sunt distanțate uniform, întrucât ale mele nu sunt clar:
Încercați să lăsați o cantitate egală de spațiu între a treia formă și marginea dreaptă a documentului, deoarece există forma inițială și marginea stângă.
Pasul 12: Redenumiți noul strat „Locul de rezervă drept”
Dacă ne uităm din nou în panoul Straturi, putem vedea că a treia formă apare pe propriul său strat deasupra celorlalte două forme, iar Photoshop a numit automat noul strat „copie mijlocie a locației”. Faceți dublu clic direct pe numele stratului și schimbați-l în locul de rezervă . Apăsați Enter (Win) / Return (Mac) pentru a accepta modificarea când ați terminat:
Redenumirea noului strat „dreapta locomotor”.
Pasul 13: Selectați toate cele trei straturi de locații simultan
Să aliniem cele trei forme astfel încât să fie distanțate uniform. Cu stratul superior („placeholder right”) deja selectat, țineți apăsată tasta Shift și faceți clic pe stratul formei originale („placeholder left”) din panoul Straturi. Acest lucru va selecta toate cele trei straturi de marcaj simultan (le veți vedea pe toate evidențiate în albastru care ne spune că sunt selectate):
Apăsați Shift și faceți clic pe „placeholder left” pentru a selecta toate cele trei straturi de loc în același timp.
Pasul 14: Faceți clic pe pictograma „Distribuie centre orizontale”
Cu toate cele trei straturi selectate și Instrumentul Mutare încă selectat, în bara de opțiuni din partea de sus a ecranului veți vedea o serie de pictograme care ne oferă diverse modalități de aliniere și distribuire a straturilor. Faceți clic pe pictograma Distribuie centre orizontale, care va spația formele pe orizontală:
Faceți clic pe pictograma „Distribuie centre orizontale” din bara de opțiuni.
Toate cele trei forme de substituent ar trebui să fie distanțate uniform în document:
Locurile de plasare sunt acum distanțate uniform.
Suntem gata să adăugăm câteva fotografii în document. Vom face asta în continuare!
Pasul 15: Deschideți prima fotografie de adăugat la cadru
Deschideți prima imagine pe care doriți să o adăugați la documentul cadru. Iată fotografia pe care o voi folosi:
Prima fotografie pe care o voi adăuga în document.
Pasul 16: Copiați fotografia în clipboard
Apăsați Ctrl + A (Win) / Command + A (Mac) pentru a selecta rapid întreaga fotografie. Veți vedea un contur de selecție în jurul imaginii. Apoi apăsați Ctrl + C (Win) / Command + C (Mac) pentru a copia imaginea în clipboard. Puteți închide din fereastra documentului fotografiei după ce ați copiat imaginea în clipboard.
Pasul 17: Selectați stratul „Placeholder Stânga”
Comutați înapoi la documentul cadru făcând clic oriunde în fereastra documentului său, apoi faceți clic pe stratul stâng al locației din panoul Straturi pentru a-l selecta:
Selectați stratul „placeholder stânga” din documentul cadru.
Pasul 18: Lipiți fotografia în documentul cadru
Apăsați Ctrl + V (Win) / Command + V (Mac) pentru a lipi fotografia în documentul cadru. Photoshop va așeza fotografia pe propriul strat direct deasupra stratului selectat și, dacă ne uităm în panoul Straturi, putem vedea că este suficient de sigur, fotografia apare pe propriul strat chiar deasupra stratului „placeholder stânga” pe care selectat în pasul anterior:
Lipirea unei imagini într-un alt document plasează imaginea pe propriul strat deasupra stratului selectat.
Singura problemă este că vreau ca această fotografie să apară ca imagine din stânga în cadru, dar momentan, nu numai că apare la mijloc, ci este ascunsă în spatele formei din mijloc, datorită stratului „placeholder middle” deasupra fotografie în panoul Straturi. Tot ce pot vedea din imagine sunt marginile exterioare care se extind dincolo de formă:
Am adăugat cu succes fotografia în document, dar este într-o locație greșită și ascunsă în spatele formei marcajului intermediar.
Pasul 19: trageți fotografia peste forma „Placeholder stânga”
Cu instrumentul De mutare încă selectat, faceți clic în interiorul documentului și trageți fotografia spre stânga până când apare peste partea de sus a formei „placeholder stânga”:
Faceți clic și trageți fotografia peste forma „placeholder stânga”.
Pasul 20: Creați o mască de tuns
După ce fotografia este deasupra formei „placeholder stânga”, mergeți la meniul Strat din partea de sus a ecranului și selectați Creare mască de tuns :
Accesați Strat> Creare mască de decupare.
Photoshop va „împărți” fotografia în forma de la locatar de sub ea, permițând doar zonei fotografiei care se încadrează în limitele formei să rămână vizibile. Restul fotografiei care se extinde în afara formei devine ascuns de vedere. Cupa albă în jurul formei este acum vizibilă încă o dată:
Fotografia este acum „tunsă” la forma de la locul de sus.
Pasul 21: Redimensionați fotografia cu comanda de transformare gratuită
Să redimensionăm fotografia, astfel încât să putem vedea întreaga imagine, mai degrabă decât orice parte se întâmplă să fie deasupra formei de la locator. Apăsați Ctrl + T (Câștigă) / Comandă + T (Mac) pentru a deschide rapid caseta de transformare gratuită Photoshop și manevrează imaginea. Chiar dacă nu putem vedea decât zona fotografiei care este direct peste formă, mânerele Transformare gratuită apar în jurul dimensiunilor reale ale imaginii. Dacă nu puteți vedea mânerele Transformare gratuită, deoarece imaginea dvs. este atât de mare încât marginile se extind dincolo de zona vizibilă a ferestrei documentului, apăsați Ctrl + 0 (Câștigă) / Comandă + 0 (Mac) pentru a face zoom Photoshop până când totul se potrivește în fereastra documentului (cunoscut sub denumirea de Fit on Screen Screen ). Apăsați-o din nou când ați terminat redimensionarea imaginii.
Trageți mânerele colțului de transformare liberă (pătratele mici) spre interior, până când acestea se aliniază cu colțurile formei de la locație, astfel încât atât forma cât și fotografia să fie de aceeași dimensiune. Desigur, acest lucru presupune că utilizați o fotografie cu același raport de aspect 4x6 ca și locul de plasare, așa cum sunt eu aici. Dacă fotografia dvs. folosește un raport de aspect diferit, pur și simplu redimensionați imaginea până când cea mai mare parte a acesteia se încadrează în forma posibilă. Țineți apăsată tasta Shift în timp ce trageți mânerele pentru a restrânge raportul de aspect al fotografiei, astfel încât să nu distorsionați accidental aspectul în timp ce o redimensionați. Puteți repoziționa fotografia dacă este necesar, făcând clic oriunde în caseta Transformare gratuită și glisând-o în jurul valorii de mouse:
Trageți colțurile Manerele de transformare liberă spre interior, până când fotografia are aceeași dimensiune ca forma de la locatar.
Când ați terminat redimensionarea imaginii, apăsați Enter (Win) / Return (Mac) pentru a accepta transformarea și ieșirea din comanda Free Transform:
Fotografia are acum aceeași dimensiune ca forma de la locatar de sub ea.
Pasul 22: Adăugați alte două fotografii în cadru
Urmați aceiași pași pentru a adăuga încă două fotografii la documentul cadru, una pentru zona de mijloc și una pentru dreapta. Mai întâi, deschideți fotografia pe care doriți să o utilizați. Apăsați Ctrl + A (Win) / Command + A (Mac) pentru a o selecta, apoi Ctrl + C (Win) / Command + C (Mac) pentru a o copia în clipboard. Închideți din fereastra documentului fotografiei după ce ați copiat imaginea în clipboard. Comutați înapoi la documentul cadru și faceți clic pe stratul intermediar sau pe locul dreapta al locației din panoul Straturi pentru a-l selecta (în funcție de care adăugați fotografia).
Apăsați Ctrl + V (Win) / Command + V (Mac) pentru a lipi fotografia în document. Photoshop va așeza fotografia pe propriul strat direct deasupra stratului de locație selectat. Utilizați Instrumentul Deplasare pentru a trage fotografia peste partea de sus a locației, dacă este necesar, apoi mergeți la meniul Strat din partea de sus a ecranului și alegeți Creare mască de decupare . În cele din urmă, apăsați Ctrl + T (Win) / Command + T (Mac) pentru a afișa caseta Transformare gratuită și se ocupă cu imaginea. Țineți apăsată tasta Shift și trageți mânerele colțului pentru a redimensiona fotografia. Apăsați Enter (Win) / Return (Mac) când ați terminat să ieșiți din Transformare gratuită.
Iată documentul meu cadru după adăugarea fotografiilor în secțiunile din mijloc și din dreapta:
Rezultatul final cu trei fotografii.
Pasul 23: Conversia celor trei fotografii în obiecte inteligente
Pentru acești pași rămași, veți avea nevoie de Photoshop CS2 sau mai mare pentru a urma. Vom vedea cât de ușor este să utilizăm rezultatul nostru final ca șablon, schimbând alte fotografii în cadru și din cadru, după cum este necesar, folosind obiecte inteligente, care au fost introduse pentru prima dată în Photoshop CS2.
În panoul Straturi, faceți clic pe strat decât conține prima fotografie pe care am adăugat-o (cea direct deasupra stratului „placeholder stânga”) pentru a o selecta. Ar trebui să fie pe un strat numit "Strat 1":
Faceți clic pe „Layer 1”, care conține prima fotografie adăugată.
Cu stratul selectat, faceți clic dreapta (Win) / Control-clic (Mac) pe numele stratului și selectați Converti în obiect inteligent din meniul care apare:
Alegeți „Convertiți în obiect inteligent” din meniu.
Nu se va părea nimic în fereastra documentului, dar dacă ne uităm în colțul din dreapta jos al miniaturii de previzualizare a stratului, putem vedea decât a apărut o pictogramă mică de obiect inteligent, făcându-ne să știm că fotografia este acum un obiect inteligent:
O pictogramă mică obiect inteligent apare în miniatura de previzualizare a stratului.
Faceți același lucru pentru cele două imagini rămase (pe care le veți găsi pe „Layer 2” și „Layer 3”), făcând mai întâi clic pe stratul din panoul Straturi, apoi faceți clic dreapta (Win) / Control-clic (Mac ) pe numele stratului și alegând Convertiți în obiect inteligent din meniu. După ce ați terminat, toate cele trei fotografii ar trebui să apară pictograma Obiect inteligent în colțul din dreapta jos al miniaturii de previzualizare a stratului lor.
Pasul 24: Înlocuiți conținutul fiecărui obiect inteligent pentru a adăuga diferite fotografii
Cu toate cele trei straturi foto acum transformate în obiecte inteligente, faceți din nou clic pe „Strat 1” din panoul Straturi pentru a selecta fotografia din stânga, apoi faceți clic dreapta (Câștigare) / Faceți clic pe control (Mac) din nou pe numele straturilor pentru a deschide același meniu pe care l-am văzut acum un moment. De data aceasta, alegeți Înlocuire conținut din meniu:
Selectați din nou „Layer 1”, apoi faceți clic dreapta (Win) / Control-clic (Mac) și alegeți „Înlocuire conținut” din meniu.
Aceasta deschide caseta de dialog Locația Photoshop. Navigați la folderul de pe hard disk care conține fotografia cu care doriți să înlocuiți prima imagine. Am trei fotografii noi salvate într-un folder de pe desktop. Faceți clic pe numele fotografiei pe care doriți să o utilizați, apoi faceți clic pe butonul Locație :
Faceți clic pe numele fotografiei, apoi faceți clic pe Locație.
Imediat ce faceți clic pe butonul Locație, Photoshop schimbă fotografia originală cu noua fotografie din document! Dacă trebuie să redimensionați noua imagine, apăsați Ctrl + T (Win) / Command + T (Mac) pentru a crea mânerele de transformare gratuită, apoi trageți mânerele de colț pentru a o redimensiona exact așa cum am făcut-o cu fotografia originală, ținând apăsat pe tasta Shift în timp ce trageți pentru a restrânge raportul de aspect. Din nou, dacă nu puteți vedea mânerele, deoarece imaginea este prea mare pentru a se încadra în fereastra documentului, apăsați Ctrl + 0 (Win) / Command + 0 (Mac) pentru a comuta la modul Fit on Screen . Apăsați-o din nou când ați terminat redimensionarea imaginii:
Dacă noua imagine pare prea mare, redimensionați-o cu comanda Transformare gratuită.
Apăsați Enter (Win) / Return (Mac) când ați terminat să acceptați transformarea și ieșirea din Transformarea gratuită:
Fotografia din stânga a fost înlocuită.
Faceți același lucru pentru celelalte două fotografii pentru a le schimba cu alte imagini. Selectați mai întâi stratul fotografiei în panoul Straturi („Layer 2” sau „Layer 3”), apoi faceți clic dreapta (Win) / Control-clic (Mac) pe numele stratului și alegeți Înlocuire conținut din meniul care apare. Când apare caseta de dialog Loc, alegeți noua fotografie pe care doriți să o utilizați, apoi faceți clic pe butonul Loc . Dacă trebuie să redimensionați noua imagine, apăsați Ctrl + T (Win) / Command + T (Mac) și trageți mânerele colțului Transformare liberă, ținând apăsat Shift în timp ce trageți. Apăsați Enter (Win) / Return (Mac) când ați terminat să ieșiți din Transformare gratuită.
Iată rezultatul meu după înlocuirea fotografiilor din mijloc și din stânga cu imagini noi:
Înlocuirea imaginilor originale cu altele noi a fost ușoară datorită obiectelor inteligente!
Asigurați-vă că salvați documentul ca fișier .PSD Photoshop când ați terminat, astfel încât să păstrați intacte straturile și obiectele inteligente, gata pentru următoarea dată când va trebui să redeschideți fișierul și să adăugați noi fotografii!