În acest tutorial Photoshop Effects, vom învăța cum să creăm o structură simplă de cadru foto în stil galerie, completată cu o legendă de text sub ea, ca și cum fotografia ar fi afișată într-o galerie de artă. Acesta poate fi un mod foarte elegant și elegant de a vă prezenta munca, iar crearea machetei este ușoară.
Iată cum va arăta rezultatul final (desigur, fotografia și textul dvs. vor fi diferite):
Dispunerea ramei foto în stilul galeriei finale.
Cum să creezi un cadru foto în stil galerie
Pasul 1: Creați un document nou
Să începem prin crearea unui nou document. Accesați meniul Fișier din bara de meniu din partea de sus a ecranului și alegeți nou :
Accesați Fișier> Nou.
Aceasta deschide caseta de dialog nou document Photoshop. Vreau să îmi imprim imprimarea finală ca 8x10 în orientarea peisajului, așa că voi introduce o valoare de 10 inci pentru lățime și 8 inci pentru înălțime (asigurați-vă că setați tipul de măsurare pe centimetri, nu pixeli ). Dimensiunile de care aveți nevoie pentru aspectul dvs. pot fi diferite. De vreme ce vreau să se tipărească de înaltă calitate, voi introduce o valoare a rezoluției de 240 pixeli / inch . În cele din urmă, setați Cuprinsul de fundal la Alb, care va umple fundalul noului document cu alb, chiar dacă îl vom schimba într-un moment (asta ne păstrează doar pe aceeași pagină):
Setați lățimea, înălțimea, rezoluția și culoarea de fundal în caseta de dialog Document nou.
Faceți clic pe OK pentru a închide caseta de dialog. Pe ecranul dvs. va apărea un nou document plin cu alb.
Pasul 2: Completați noul document cu negru
Cu noul nostru document creat, să-l completăm cu negru, care va deveni culoarea de fundal a aspectului. Accesați meniul Edit din partea de sus a ecranului și alegeți Completare :
Accesați Editare> Completare.
Se afișează caseta de dialog Completare. Setați opțiunea Utilizare 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:
Negrul este acum culoarea de fundal pentru aspect.
Pasul 3: Adăugați un nou strat alb și denumiți-l "Zona Foto"
Să adăugăm un nou strat gol în documentul nostru, făcând clic pe pictograma Noul strat din partea inferioară a panoului Straturi:
Faceți clic pe pictograma Strat nou.
Aceasta adaugă un nou strat gol, pe care Photoshop numește automat „Strat 1”, deasupra stratului Fundal din panoul Straturi. Faceți dublu clic direct pe numele "Layer 1" și schimbați numele în zona fotografiei . Apăsați Enter (Win) / Return (Mac) când ați terminat să acceptați schimbarea numelui:
Faceți dublu clic pe numele noului strat și schimbați-l în „zona foto”.
Pasul 4: trageți o selecție în jurul zonei principale de fotografie
Trebuie să desenăm o selecție în jurul zonei în care va fi afișată fotografia. Selectați Instrumentul pentru marcaje dreptunghiulare din panoul Instrumente:
Selectați Instrumentul pentru marcaje dreptunghiulare.
Cu instrumentul dreptunghiular selectat, Bara de opțiuni din partea de sus a ecranului se va schimba pentru a afișa opțiuni specifice pentru acest instrument. Voi proiecta aspectul meu pentru a afișa o fotografie cu un raport standard de aspect 4x6, în orientare peisaj. Pentru a face acest lucru, voi schimba mai întâi opțiunea Style din bara de opțiuni la Raport fix, apoi voi introduce 6 pentru lățime și 4 pentru înălțime (raportul de aspect pe care îl doriți pentru zona dvs. foto poate fi diferit) :
Schimbați opțiunea Stil în Raport fix, apoi introduceți 6 pentru Lățime și 4 pentru Înălțime.
Apoi, voi face clic pe aproximativ un centimetru de colțul din stânga sus al documentului și voi trage o selecție care va deveni zona în care este afișată fotografia. Pe măsură ce trag, Photoshop blochează selecția în raportul de aspect pe care l-am setat în bara de opțiuni:
Trageți o selecție în jurul zonei în care va fi afișată fotografia.
Pasul 5: Completați selecția cu gri
Cu selecția în loc, mergeți la meniul Edit și alegeți din nou Completare . De data aceasta, când apare caseta de dialog Completare, setați opțiunea Utilizare la 50% gri :
Setați Utilizarea la 50% Gri.
Faceți clic pe OK, iar Photoshop umple zona foto cu gri. Apăsați Ctrl + D (Win) / Command + D (Mac) pentru a elimina conturul de selecție:
Zona foto este acum plină de gri.
Pasul 6: Aliniați zona foto orizontal cu documentul
Înainte de a continua, asigurați-vă că zona noastră foto este aliniată orizontal cu documentul. Apăsați Ctrl + A (Câștigare) / Comandă + A (Mac) de pe tastatură, care va selecta instantaneu întregul document (un contur de selecție va apărea în jurul marginilor ferestrei documentului). Apăsați litera V de pe tastatură pentru a selecta rapid Instrumentul de mișcare Photoshop. Apoi, cu Instrumentul de mutare selectat, faceți clic pe opțiunea Aliniere centre orizontale din bara de opțiuni:
Utilizați opțiunea Aliniere centre orizontale pentru a alinia zona fotografiei cu documentul.
Dacă zona foto a fost puțin în centru orizontală, Photoshop o va încadra în aliniere perfectă cu documentul. Apăsați Ctrl + D (Win) / Command + D (Mac) când ați terminat de deselectat documentul.
Pasul 7: Adăugați o margine albă subțire
Să adăugăm o bordură albă subțire în jurul zonei fotografiei. Pentru asta, vom folosi unul dintre stilurile de straturi Photoshop. Faceți clic pe pictograma Stiluri de strat din partea inferioară a panoului Straturi:
Faceți clic pe pictograma Stiluri strat.
Apoi alege Stroke din partea de jos a listei:
Selectați Stroke din listă.
Aceasta deschide caseta de dialog Stil Layer Photoshop setată la opțiunile Stroke din coloana din mijloc. Mai întâi, faceți clic pe swatch-ul de culoare din dreapta cuvântului Color, care va deschide Color Picker și alege albul ca culoare pentru cursă. Faceți clic pe OK pentru a închide selectorul de culori când ați terminat. Apoi, schimbați poziția cursei în interior . În cele din urmă, ajustați Dimensiunea cursei trăgând glisorul Dimensiune spre dreapta. Puteți vedea o previzualizare în direct a dimensiunii cursei în fereastra documentului în timp ce trageți glisorul. Deoarece ne dorim un chenar subțire, voi seta dimensiunea accidentului vascular cerebral la 4 px :
Schimbați culoarea cursei pe alb și Poziția în interior, apoi reglați dimensiunea cursei cu glisorul.
Faceți clic pe OK pentru a ieși din caseta de dialog Strat strat. Un traiect alb subțire apare acum în jurul zonei fotografiei în fereastra documentului (motivul pentru care am umplut zona foto cu gri și nu alb mai devreme a fost așa că vom putea vedea bordura albă din jurul ei):
Apare prima dintre cele două chenare albe. Vom adăuga o secundă într-o clipă.
Pasul 8: Efectuați o copie a stratului de zonă foto
Cu stratul de zonă foto selectat în panoul Straturi (straturile selectate sunt evidențiate în albastru), apăsați Ctrl + J (Câștigă) / Comandă + J (Mac) de pe tastatură pentru a realiza o copie a stratului, pe care Photoshop va plasa deasupra original. Observați că stilul stratului de tracțiune este copiat și:
Photoshop numește automat noul strat „copie zonă foto”.
Pasul 9: Redenumiți stratul și trageți-l între cele două straturi originale
Faceți dublu clic direct pe numele „copie zonă foto” și schimbați numele stratului în chenar, deoarece îl vom folosi pentru a adăuga un chenar exterior zonei fotografiei într-o clipă. Apăsați Enter (Win) / Return (Mac) pentru a accepta schimbarea numelui. Apoi faceți clic pe stratul de chenar din panoul Straturi și, în timp ce țineți în continuare butonul mouse-ului, trageți-l între stratul Fundal și stratul zonei fotografice. Eliberați butonul mouse-ului pentru a-l plasa atunci când apare o bară evidențiată între cele două straturi:
Trageți noul strat între cele două originale.
Pasul 10: Reduceți umplerea stratului de graniță la 0%
Vom folosi zona plină de gri de pe stratul de graniță pentru a adăuga oa doua cursă mai groasă în jurul fotografiei. Problema este că, de fapt, nu vrem ca zona gri să fie vizibilă pe acest strat. Tot ce vrem să putem vedea este lovitura albă din jurul ei. Pentru a ascunde culoarea gri și a păstra vizibil doar cursul, pur și simplu coborâți Completarea stratului de bord până la 0% . Completarea ascunde conținutul unui strat, dar păstrează vizibil orice stil de strat. Veți găsi opțiunea Completare chiar sub opțiunea Opacitate din partea superioară a panoului Straturi. Se pare că nimic nu s-a schimbat încă în fereastra documentului, deoarece stratul de zonă foto blochează stratul de bord din vedere:
Setați Completarea la 0% pentru a ascunde culoarea gri fără a ascunde cursa din jurul său.
Pasul 11: Folosiți Transformarea gratuită pentru a adăuga spațiu în zona fotografiei
Cu umplere setată la 0%, apăsați Ctrl + T (Win) / Command + T (Mac) pentru a deschide caseta de transformare gratuită Photoshop și mânere în jurul zonei gri de pe stratul de bord. Țineți apăsată tasta Alt (Win) / Option (Mac), apoi faceți clic pe mânerul stânga sau dreapta (pătratul mic) și, în timp ce țineți în continuare butonul mouse-ului în jos, trageți-l spre exterior pentru a adăuga puțin spațiu pe ambele părți între al doilea accident vascular cerebral și zona de fotografie gri. Observați că numai lovitura albă în sine este vizibilă. Griul de pe stratul de bord este ascuns de vedere, lăsându-ne o zonă de negru (care se afișează din stratul de fundal) între acest al doilea curs alb și original.
Mențineți Alt / Option ținut apăsat și trageți mânerul superior sau inferior spre exterior pentru a adăuga o cantitate egală de spațiu între a doua cursă și partea superioară și inferioară a zonei foto gri:
Utilizați Transformare gratuită pentru a adăuga spațiu între a doua cursă și zona fotografiei.
Apăsați Enter (Win) / Return (Mac) când ați terminat să acceptați transformarea.
Pasul 12: Creșterea grosimii graniței exterioare
Faceți dublu clic pe cuvântul Stroke sub stratul de bord din panoul Straturi:
Orice stiluri de strat utilizate pe un strat sunt listate direct sub acesta.
Aceasta redeschide caseta de dialog Strat strat, setată din nou pentru opțiunile Stroke din coloana din mijloc. Să facem marginea exterioară un pic mai groasă decât cea inițială, trăgând glisorul Size mai departe spre dreapta. Din nou, puteți vedea o previzualizare în timp real a loviturii în fereastra documentului în timp ce trageți glisorul. O să măresc dimensiunea cursei exterioare la 12 px . Lăsați toate celelalte opțiuni la fel:
Măriți dimensiunea celui de-al doilea curs pentru o bordură exterioară mai groasă.
Faceți clic pe OK pentru a ieși din nou din caseta de dialog Strat strat. Avem acum un chenar subțire direct în jurul zonei fotografice și un chenar mai gros în jurul acesteia, completând cadrul nostru de bază:
Zona foto și rama simplă cu două frontiere sunt acum pe loc.
Pasul 13: Deschideți fotografia pe care doriți să o afișați
Este timpul să adăugăm fotografia noastră în zona fotografiei! Deschideți fotografia pe care doriți să o afișați, care va apărea într-o fereastră de document separată. Iată imaginea pe care o voi folosi:
Deschideți imaginea care va fi afișată în zona fotografiei.
Pasul 14: Selectați și copiați imaginea
Apăsați Ctrl + A (Win) / Command + A (Mac) pentru a selecta rapid întreaga fotografie. Apoi apăsați Ctrl + C (Win) / Command + C (Mac) pentru a-l copia în clipboard.
Pasul 15: selectați stratul de zonă foto
Cu fotografia copiată în clipboard, treceți din nou la fereastra documentului original (aspectul cadrului foto al galeriei) și faceți clic pe stratul de zonă foto din panoul Straturi pentru a o selecta:
Selectați stratul zonei fotografiei.
Pasul 16: Lipiți fotografia în document
Apăsați Ctrl + V (Win) / Command + V (Mac) pentru a lipi fotografia pe care am copiat-o în clipboard în urmă cu un moment în document. Photoshop va așeza automat fotografia pe propriul strat direct deasupra oricărui strat a fost selectat la acea vreme (motiv pentru care am selectat mai întâi stratul de fotografie), așa cum putem vedea uitându-ne în panoul Straturi. Photoshop a numit stratul foto "Layer 1", care este în regulă. Nu este nevoie să o redenumiți:
Fotografia apare pe propriul strat direct deasupra stratului zonei fotografiei.
Dacă ne uităm în fereastra documentului, vedem că în prezent imaginea este prea mare pentru a se încadra în zona fotografiei și o blochează din vedere:
În prezent, fotografia este prea mare pentru a se încadra în zona în care va fi afișată.
Pasul 17: Creați o mască de tuns
Avem nevoie de o modalitate de a face imaginea să se încadreze în zona fotografiei și putem face asta folosind o mască de tuns . Mai întâi, faceți clic pe stratul care conține fotografia („Strat 1”) din panoul Straturi pentru a o selecta. Apoi mergeți la meniul Strat din partea de sus a ecranului și alegeți Creare mască de tuns :
Selectați stratul de fotografii din panoul Straturi, apoi mergeți la Strat> Creare mască de decupare.
Stratul foto se va indrepta spre dreapta în panoul Straturi, făcându-ne să știm că acum este „tuns” în stratul de sub acesta:
Stratul zonei foto este folosit acum ca mască pentru imagine.
Datorită măștii de decupare, în fereastra documentului este vizibilă doar zona imaginii care se încadrează direct deasupra zonei foto gri. Zonele în afara limitelor zonei fotografice sunt ascunse din vedere:
Numai zona fotografiei direct deasupra zonei fotografice de sub ea rămâne vizibilă.
Pasul 18: Redimensionați și repuneți fotografia cu transformare gratuită
Până acum atât de bine, dar imaginea mea este încă prea mare pentru a se încadra în totalitate în limitele mai mici ale zonei fotografice și, de asemenea, trebuie repoziționată. Putem face ambele lucruri cu Transformare gratuită. Apăsați din nou Ctrl + T (Win) / Command + T (Mac) pentru a afișa caseta și transformarea liberă, de data aceasta în jurul fotografiei. Țineți apăsată tasta Shift și trageți oricare dintre mânerele colțului pentru a redimensiona fotografia, după cum este necesar, până când se potrivește în zona fotografiei. Pentru a muta fotografia, faceți clic pe oriunde în caseta Transformare gratuită și trageți imaginea în poziție. Dacă imaginea dvs. folosește același raport cu aspectul zonei fotografiei (ca și a mea), ar trebui să puteți încadra întreaga imagine din interiorul acesteia. Dacă nu, pur și simplu redimensionați imaginea până când este vizibilă cât mai mult din ea. Apăsați Enter (Win) / Return (Mac) când ați terminat să acceptați transformarea:
Folosiți Transformare gratuită pentru a muta și redimensiona fotografia până când se încadrează în zona fotografiei.
Pasul 19: Adăugați textul dvs. sub imagine
În acest moment, tot ce mai rămâne de făcut este să adăugați o legendă de text sub imagine. Selectați Instrumentul tip orizontal din panoul Instrumente:
Selectați Instrumentul de tip.
Cu Instrumentul de tip selectat, alegeți fontul și dimensiunea fontului din bara de opțiuni. Voi folosi Trajan Pro la 24 de puncte:
Selectați fontul și dimensiunea fontului în bara de opțiuni.
Faceți clic pe swatch-ul de culoare din bara de opțiuni și alegeți albul ca culoare a textului din Color Picker. În cele din urmă, faceți clic pe opțiunea Center Text din stânga swatch-ului de culoare, ceea ce va face un pic mai ușor să ne centrăm textul în document în timp ce tastăm:
Alegeți albul ca culoare text și selectați opțiunea de aliniere Text Text.
Apoi, pur și simplu faceți clic în zona neagră de sub centrul fotografiei cu Instrumentul de tip și adăugați textul. Voi tasta „Steve Patterson Photography”. Probabil veți dori să adăugați ceva diferit, cu excepția cazului în care doriți, desigur, să-mi dați credit pentru munca dvs. Rețineți că locul pe care ați făcut clic cu Instrumentul de tip devine punctul central al textului pe măsură ce tastați, datorită opțiunii Text Center pe care am selectat-o în bara de opțiuni:
Cu opțiunea Center Text selectată, textul se extinde în ambele direcții de la locul în care ați făcut clic.
După ce ați terminat, faceți clic pe bifați în bara de opțiuni pentru a accepta textul:
Faceți clic pe bifați pentru a ieși din modul de editare a textului.
Pasul 20: Aliniați textul orizontal, dacă este nevoie
Pentru a vă asigura că textul este aliniat orizontal cu documentul, urmați aceeași metodă pe care am folosit-o la Pasul 6. Cu stratul de text selectat în panoul Straturi, apăsați Ctrl + A (Câștigă) / Comandă + A (Mac) pentru a selecta întregul document. Apăsați litera V pentru a selecta rapid instrumentul Mutare, apoi faceți clic pe opțiunea Aliniere centre orizontale din bara de opțiuni. Photoshop va alinia textul perfect în centrul orizontal al documentului. Apăsați Ctrl + D (Win) / Command + D (Mac) când ați terminat de deselectat documentul. Odată deselectat, puteți să apăsați tastele săgeată sus și jos de pe tastatură dacă aveți nevoie să întunecați textul ceva mai sus sau mai mic:
Utilizați din nou opțiunea Aliniere centre orizontale, de data aceasta pentru a alinia textul cu documentul.
Și cu asta, am terminat! Iată aspectul meu final "cadru foto în stil galerie":
Rezultatul final.