În acest tutorial Photoshop, vom învăța cum să afișăm o singură fotografie ca un grup de forme, similar cu afișele mai mari „cluster de perete”, unde mai multe fotografii, de obicei în diferite forme și dimensiuni ale cadrului, sunt aranjate împreună pe un perete pentru a forma un design mai mare. În acest caz, vom folosi Photoshop pentru a crea ceva similar, dar la o scară mai mică, folosind doar o singură imagine.
Iată cum va arăta rezultatul final:
Rezultatul final.
Cum se creează un efect de afișare a clusterului de formă
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 :
Accesați Fișier> Nou.
Aceasta deschide caseta de dialog nou document Photoshop. Un document în formă de pătrat funcționează cel mai bine pentru acest efect, așa că am setat atât lățimea cât și înălțimea documentului meu la 1000 de pixeli și, din moment ce nu intenționez să tipăresc acest lucru, voi lăsa valoarea Rezoluției setată la 72 de pixeli. / inch . Dimensiunile și rezoluția de care aveți nevoie pot fi diferite, mai ales dacă creați acest lucru pentru imprimare. Setați conținutul fundal pe alb, apoi faceți clic pe OK pentru a închide caseta de dialog. Pe ecranul dvs. va apărea un nou document, plin cu alb:
Setați lățimea și înălțimea la 1000 de pixeli, rezoluția la 72 de pixeli / inch și conținutul de fundal la alb.
Pasul 2: Modificați dimensiunea grilei în preferințele Photoshop
Vom folosi grila Photoshop pentru a ne ajuta să creăm designul formei noastre, dar mai întâi, trebuie să facem o modificare la dimensiunea grilei și facem asta în Preferințe. Pe un computer, mergeți la meniul Edit din partea de sus a ecranului, alegeți Preferințe, apoi alegeți Ghiduri, grilă și felii . Pe un Mac, accesați meniul Photoshop, alegeți Preferințe, apoi alegeți Ghiduri, grilă și felii :
Pe un computer, Preferințele se găsesc sub meniul Editare. Pe un Mac, se află sub meniul Photoshop.
Aceasta deschide caseta de dialog Preferințe setată pentru opțiunile Ghiduri, grilă și felii. În secțiunea Grilă, setați opțiunea Gridline Every la 2, 5% . Lăsați celelalte opțiuni setate la valorile prestabilite ale acestora. Faceți clic pe OK când ați terminat pentru a închide caseta de dialog:
Setați Gridline Fiecare la 2, 5% în secțiunea Grilă.
Pasul 3: Porniți grila
Am modificat dimensiunea grilei, dar trebuie să activăm grila în documentul nostru. Pentru a face acest lucru, mergeți la meniul Vizualizare din partea de sus a ecranului, alegeți Afișați, apoi alegeți Grila :
Accesați Vizualizare> Afișare> Grilă.
Grila este acum vizibilă în document. Chiar dacă îl putem vedea, grila nu face parte de fapt din proiectare. Este doar o referință vizuală care să ne ajute:
Documentul cu grila a fost pornit.
Pasul 4: Adăugați un strat nou
Faceți clic pe pictograma Strat nou din partea inferioară a panoului Straturi:
Faceți clic pe pictograma Strat nou.
Aceasta adaugă un nou strat gol denumit „Strat 1” deasupra stratului de fundal:
Photoshop adaugă un nou strat și îl numește „Strat 1”.
Pasul 5: Selectați Instrumentul pentru marcaje dreptunghiulare
Selectați Instrumentul pentru marcaje dreptunghiulare din panoul Instrumente:
Selectarea instrumentului de marcă dreptunghiulară.
Pasul 6: Desenați o selecție inițială în jurul grilei
Cu instrumentul dreptunghiular selectat, desenați un contur de selecție inițial în jurul grilei, dar lăsați un chenar lățimea a două pătrate între conturul de selecție și marginile documentului. Schița de selecție poate fi puțin dificilă de observat într-o captură de ecran, așa că am evidențiat-o pe a mea în roșu doar pentru a face mai ușor să văd că am lăsat un chenar gros de două pătrate în jurul său:
Desenați un contur de selecție în jurul grilei, lăsând un chenar gros de două pătrate în jurul marginilor.
Pasul 7: Completați selecția cu negru
Cu selecția în loc, mergeți la meniul Edit din partea de sus a ecranului și alegeți Completare :
Accesați Editare> Completare.
Aceasta deschide caseta de dialog Completare Photoshop. Modificați opțiunea Utilizare din partea de sus a casetei de dialog în Negru :
Schimbați opțiunea Utilizare pe Negru.
Faceți clic pe OK pentru a închide caseta de dialog. Photoshop umple selecția cu negru în document. Nu mai avem nevoie de conturul de selecție, așa că pentru ao elimina, mergeți la meniul Selectare din partea de sus a ecranului și alegeți Deselect . Puteți, de asemenea, să apăsați Ctrl + D (Win) / Command + D (Mac) pentru a-l deselecta rapid folosind comanda rapidă a tastaturii:
Accesați Selectați> Deselectați pentru a elimina conturul de selecție din zona plină de negru.
Acum ar trebui să aveți o formă pătrată inițială plină de negru în document. În realitate nu face nici o diferență cu ce culoare am ales să completăm selecția, deoarece fotografia va apărea în cele din urmă. Am ales negru pur și simplu pentru că este ușor de văzut în fața fundalului alb și, de asemenea, ușor de văzut liniile de grilă:
Forma inițială plină de negru.
Pasul 8: Desenați o serie de selecții dreptunghiulare înguste
Vom împărți forma inițială în mai multe forme mai mici și vom face asta prin ștergerea părților din ea. În primul rând, trebuie să selectăm zonele pe care urmează să le ștergem. Cu instrumentul dreptunghiular încă selectat, începeți din partea stângă a formei și numărați 10 coloane verticale de pătrate spre interior spre dreapta, apoi porniți în partea de sus a formei și trageți o selecție în jurul celei de-a 11-a coloane, dar lăsați 10 pătrate între partea de jos a selecției și partea inferioară a formei. Îmi dau seama că poate suna confuz, așa că am încercat să-l fac mai clar în captură de ecran subliniind din nou conturul de selecție în roșu. Rețineți că selecția mea are doar o coloană lată și că există 10 pătrate între selecția mea și partea stângă a formei, precum și 10 pătrate între partea de jos a selecției mele și partea inferioară a formei:
Desenați o selecție în jurul celei de-a 11-a coloane de pătrate din stânga, lăsând 10 pătrate în partea de jos neselectate.
După ce ați desenat prima selecție, țineți apăsată tasta Shift, care vă va trece temporar în modul Adăugare la selecție Photoshop, apoi numărați 10 rânduri orizontale de pătrate în sus de la partea inferioară a formei și trageți o selecție similară în jurul orei 11 rând de pătrate începând de la stânga, lăsând 10 pătrate între marginea din dreapta a selecției și partea dreaptă a formei. Din nou, capturile de ecran speră să fie mai ușor de văzut. Ținând apăsată tasta Shift, această a doua selecție este adăugată la prima, iar acum avem părți dintr-o coloană și un rând de pătrate selectate:
Țineți Shift și trasați o selecție în jurul celui de-al 11-lea rând de pătrate din partea de jos, lăsând 10 pătrate din dreapta neselectate.
Două selecții în jos, încă două pentru a merge. Continuați să țineți apăsată tasta Shift, apoi numărați 10 coloane de pătrate din partea dreaptă a formei și trageți o selecție în sus în jurul celei de-a 11-a coloane, lăsând 10 pătrate între marginea superioară a selecției și partea superioară a formei. Această a treia selecție se adaugă la primele două:
Apăsați din nou Shift și trasați o selecție în jurul celei de-a 11-a coloane de pătrate din dreapta, lăsând 10 pătrate din partea de sus neselectate.
În cele din urmă, cu tasta Shift încă ținută apăsată, numărați 10 rânduri de pătrate din partea superioară a formei și trageți o selecție în jurul celui de-al 11-lea rând, începând din dreapta formei, lăsând 10 pătrate între marginea stângă a selecției și marginea stângă a formei. După ce ați terminat, ar trebui să aveți părți de două rânduri și două coloane de pătrate selectate:
Țineți Shift și desenați o selecție în jurul celui de-al 11-lea rând de pătrate din partea de sus, lăsând 10 pătrate din stânga neselectate.
Pasul 9: Ștergeți zonele selectate
Apăsați Backspace (Win) / Delete (Mac) de pe tastatură pentru a șterge zonele selectate ale formei, care separă instantaneu forma mai mare în cinci forme mai mici. Apăsați Ctrl + D (Win) / Command + D (Mac) pentru a elimina rapid contururile de selecție din jurul formelor. Nu mai avem nevoie de grila noastră afișată în document, așa că reveniți în meniul Vizualizare, alegeți Afișați, apoi alegeți Grila pentru a dezactiva grila. De asemenea, puteți apăsa Ctrl + ' (Win) / Command +' (Mac) pentru a-l opri cu ajutorul unei comenzi rapide de la tastatură. Iată cum arată acum documentul după ce eliminați contururile de selecție și opriți grila:
Forma inițială mai mare a fost împărțită în cinci forme mai mici.
Pasul 10: Adăugați o umbră de picătură
Faceți clic pe pictograma Stiluri de strat din partea inferioară a panoului Straturi:
Dând clic pe pictograma Stiluri de strat.
Alegeți Shadow Drop din lista stilurilor de strat care apar:
Alegeți Shadow Drop.
Aceasta deschide caseta de dialog Stil Layer Photoshop setată la opțiunile Shadow Drop din coloana din mijloc. Voi seta unghiul umbrei la 120 ° și voi seta atât Distanța, cât și Dimensiunea la 12 px . Este posibil să fie necesar să utilizați valori diferite pentru opțiunile Distanță și dimensiune dacă ați creat un document mai mare decât dimensiunea pe care o folosesc pentru acest tutorial. În cele din urmă, pentru a reduce intensitatea umbrei, voi reduce valoarea Opacității până la 60% :
Opțiunile Drop Shadow din caseta de dialog Stil strat.
Faceți clic pe OK pentru a închide caseta de dialog Strat strat. O umbră de picătură este acum adăugată la forme:
Imaginea după adăugarea umbrei picătură.
Pasul 11: deschideți fotografia
Deschide fotografia pe care vrei să o plasezi în interiorul formelor. Se va deschide în propria fereastră de document separată. Iată imaginea pe care o voi folosi:
Imaginea originală.
Pasul 12: Copiați și lipiți fotografia în documentul cu forme
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 o copia în clipboard. Treceți la documentul dvs. de forme, apoi apăsați Ctrl + V (Win) / Command + V (Mac) pentru a lipi fotografia în document. Acesta va apărea pe propriul strat (stratul 2) deasupra stratului de forme (stratul 1) din panoul Straturi:
Photoshop plasează imaginea pe propriul strat deasupra stratului de forme.
Pasul 13: Creați o mască de decupare
Accesați meniul Strat din partea de sus a ecranului și alegeți Creare mască de tuns :
Accesați Strat> Creare mască de decupare.
Aceasta „clipează” fotografia în formele de pe stratul de sub ea, creând iluzia că fotografia este împărțită și afișată pe forme:
Efectul după decuparea fotografiei în forme.
Dacă ne uităm în panoul Straturi, vom vedea că stratul 2 este acum indentat la dreapta cu o săgeată mică în stânga miniaturii de previzualizare îndreptată în jos la stratul 1 de sub el. Acesta este modul lui Photoshop de a ne anunța că stratul 2 este acum tăiat în conținutul stratului 1:
Photoshop indentează straturile care sunt tăiate în stratul de sub ele.
Pasul 14: Mutați și redimensionați fotografia cu transformare gratuită
Pentru redimensionarea și repoziționarea fotografiei în interiorul formelor, mergeți la meniul Edit din partea de sus a ecranului și alegeți Transformare gratuită sau apăsați Ctrl + T (Câștigă) / Comandă + T (Mac) pentru a selecta comanda Transformare gratuită cu Comanda rapidă de la tastatură:
Accesați Editare> Transformare gratuită.
Aceasta plasează caseta de transformare gratuită Photoshop și se ocupă în jurul fotografiei. Chiar dacă putem vedea doar zona fotografiei care se află deasupra formelor, caseta și mânerele Transform gratuit vor apărea în jurul dimensiunii efective a fotografiei. Dacă nu puteți vedea mânerele, deoarece fotografia este prea mare și se extinde în afara zonei vizibile actuale a documentului, mergeți la meniul Vizualizare din partea de sus a ecranului și alegeți Ajustare pe ecran . Puteți, de asemenea, să apăsați Ctrl + 0 (Win) / Command + 0 (Mac) pentru a selecta comanda Fit on Screen cu ajutorul tastaturii rapide:
Accesați View> Fit on Screen.
Photoshop va mări instantaneu, pe cât este necesar, pentru a încadra întreaga fotografie în zona vizibilă a documentului, astfel încât să puteți accesa mânerele Transform gratuit. Pentru a redimensiona fotografia, țineți apăsată tasta Shift, care va restrânge raportul de aspect al fotografiei în timp ce o redimensionați, apoi trageți oricare dintre cele patru mânere de colț (pătratele mici). Pentru a muta fotografia, pur și simplu faceți clic oriunde în caseta de delimitare Transformare gratuită și trageți imaginea cu mouse-ul. Pe măsură ce redimensionați și repoziționați imaginea, o veți vedea mișcându-se în interiorul formelor:
Redimensionați și repoziționați imaginea în interiorul formelor, după cum este necesar.
Când sunteți mulțumit de aspectul lucrurilor, apăsați Enter (Win) / Return (Mac) pentru a accepta modificările și a ieși din Transformare gratuită. Și cu asta, am terminat! Iată rezultatul meu final pentru „afișarea fotografiei clusterului de formă”:
Rezultatul final.