Cum se creează o acoperire Facebook minunată în Adobe Photoshop

Ce veți crea

Profilurile de profil Facebook și imaginile de pe copertă reprezintă un mod unic de exprimare pe site-ul popular al site-urilor sociale. Prin natura lor, cele două elemente sunt mai degrabă detașate. Imaginea profilului apare lângă fiecare comentariu sau stare pe care le adăugați, în timp ce fotografia de pe copertă este văzută doar pe propria cronologie. Dar dacă ați putea proiecta fotografia de pe copertă și profilul de profil pentru a lucra împreună într-un singur design? 

În acest tutorial, vom explora modul de creare a unei imagini de acoperire în cazul în care se pare că țineți profilul pic în mână. Este un proces creativ care utilizează ambele elemente de design într-un singur model coordonat.

Dacă nu aveți timp, puteți achiziționa mai multe șabloane diferite de social media și acoperă Facebook pe Envato Market. 

1. Cunoașteți aspectul

Facebook are o abordare interesantă de a stabili imaginea de pe copertă și imaginea de profil. Este important să înțelegeți câteva limitări înainte de a începe proiectul. Nu este nimic mai frustrant decât a avea viziunea voastră înfrântă de o limitare la mediul pe care nu l-ați luat în considerare.

Pasul 1

Există câteva reguli dure și rapide pe care trebuie să le cunoașteți în prealabil. 

  • Imaginea de pe capac trebuie să fie exact 851 pixeli lățime și 315 pixeli înălțime. Dacă nu sunt aceste dimensiuni, atunci Facebook va încerca să o recolteze sau să o redimensioneze pentru tine.
  • Profilul pic trebuie să fie pătrate și va fi afișat ca 160 de pixeli de 160 de pixeli pe calculatorul tau (sau chiar mai mici pe dispozitivele mobile). Curios, Facebook nu nu vă permit să încărcați o imagine de profil a acestor dimensiuni exacte. Insistă asupra diminuării imaginii pentru tine. De fapt, dimensiunea minimă a imaginii pe care Facebook o va permite este 180 de pixeli de 180 de pixeli
  • Va exista întotdeauna o margine albă solidă în jurul profilului pic. Este codificat greu în ecranul interfeței Facebook și nu aveți control asupra acesteia. Cea mai bună abordare este să vă asigurați că este încorporată în designul dvs..

Pasul 2

Pentru a ușura întregul proces, există un fișier Photoshop inclus în acest tutorial pentru a descărca și utiliza ca șablon. Căutați-vă FB Cover Template.psd atașament. 

2. Ia-ți fotografiile!

Conceptul meu pentru acest design a fost acela de a face ca picul de profil să pară o carte de fotografie pe care am ținut-o în imaginea de pe copertă. Am folosit niște bucăți pătrate de carton alb alb ca recuzită, cu intenția de a compune fotografii pe cărți pentru designul final.

Pasul 1

Cea mai dificilă fotografiere este fotografia pentru imaginea de pe copertă. Dimensiunile sunt foarte înguste, dar largi, ceea ce înseamnă că ele vor trebui să fie ținute într-o poziție care se simte neobișnuit de mare. 

Pasul 2

După ce ați obținut fotografia pentru imaginea de pe copertă, următoarea sarcină este să obțineți mai multe fotografii diferite. Fii creativ și folosește o varietate de poze, îmbrăcăminte și recuzită. Este important ca imaginile diferite să pară conectate vizual într-un fel, de exemplu utilizând aceleași setări de încadrare, fundal și cameră.

3. Poziționați imaginea de pe capac

Fișierul șablon folosește obiecte inteligente pentru a vă asigura că fișierele exportate vor fi întotdeauna exact dimensiunea pixelilor corecte. Dar lucrul în cadrul fișierului cu obiecte inteligente este dificil de a obține o simțire pentru poziționarea globală. În schimb, utilizați șablonul pentru a obține poziția corectă și apoi transferați imaginea în obiectul inteligent.

Pasul 1

Deschis FB Cover Template.psd în Photoshop. Apoi du-te la Fișier> Loc> Conectat pentru a depune fotografia de copertă în șablon. Poziționați stratul de fotografii chiar deasupra Copertă fotografie strat.

Pasul 2

Împingeți stratul de fotografie pe stratul de fotografiere al capacului, mergând la Layer> Crează o mască de tăiere (Alt-Control-G). Acest lucru împiedică vizibilitatea fotografiei la marginile capacului.

Pasul 3

Mergi la Editare> Transformare liberă pentru a obține mânerele de transformare pentru a deplasa, a scala și a roti fotografia până când cartela se aliniază cu caseta de profil.

Pasul 4

Este puțin probabil ca fotografia să aibă cardul ținut la dimensiunea și unghiul ideal pentru încadrarea optimă. Atunci, limitele înguste ale dimensiunilor acoperișului sunt de fapt utile. Ideea este să folosiți imaginea de două ori: o dată pentru ca mâna să fie poziționată perfect și din nou pentru restul imaginii să creeze o compoziție mai convingătoare.

Duplicați stratul de fotografie cu Strat> Strat duplicat. Apoi, copiați stratul copiat pe cel precedent cu Layer> Crează o mască de tăiere (Alt-Control-G).

Pasul 5

Folosește Instrument de marcaj dreptunghiular (M) pentru a extrage o selecție în jurul mâinii care ține cardul de profil. Apoi, folosiți acea selecție ca o mască de strat, mergând la Layer> Layer Mask> Reveal Selection. Nu va exista nicio modificare vizibilă a imaginii încă din cauza copiei exacte chiar sub acest strat.

Pasul 6

Selectați stratul original de fotografie și utilizați-l Editare> Transformare liberă (Control-T) pentru a poziționa imaginea într-o compoziție ușor mai bună, asigurându-vă că celelalte carduri sunt vizibile clar.

Pasul 7

Selectați atât straturile de fotografii cu Shift-clic pe ambele miniaturi din straturi panou. Apoi îmbinați-le împreună cu Layer> Straturi de combinare (Control-E).

Pasul 8

Acum, când poziționarea imaginii de pe copertă este bătută, lucrările de editare a fotografiilor mai intense se pot realiza în cadrul obiectului de fotografiere de copertă. Asigurați-vă că stratul de fotografie este stratul curent și Control-clic pe miniatură pentru Copertă fotografie obiect inteligent pentru a crea o selecție în jurul acestuia. Apoi du-te la Editați> Copiere (Control-C) pentru a copia pixelii fotografiei în această formă de selecție exactă.

4. Construiți efectul de imagine de pe capac 

Acum este timpul să transferăm pixelii de acoperire în obiectul inteligent și să construim efectul final. Am ales să folosesc un efect monocrom cu contrast ridicat pe fotografia de copertă. Puteți urmări împreună cu asta sau puteți construi propriul dvs. efect în schimb!

Pasul 1

Faceți dublu clic pe miniatură pentru Copertă fotografie pentru a deschide acel obiect inteligent. Apoi du-te la Editați> Paste (Control-V) pentru a lipi pixelii copiați copiați într-un nou strat.

Pasul 2

Folosește Instrumentul de selecție rapidă (W) pentru a crea o selecție în jurul figurii și a cărților pentru a le izola de fundal. Apoi utilizați selecția pentru a crea o mască de strat cu Layer> Layer Mask> Reveal Selection.

Pasul 3

Plasați într-un fundal diferit. Aceasta poate fi orice imagine la alegerea dvs., dar acest fundal stralucitor din strada Envato Market este o alegere excelenta. 

Pasul 4

Efectuați modificări pe măsură ce vă simțiți necesare pentru imaginea de fundal. De exemplu, puteți adăuga o curbe ajustați stratul și modificați curba pentru a luminia în mod semnificativ fundalul.

Pasul 5

Utilizare Fișier> Locul (legat sau încorporat) pentru a cade în una din imaginile de profil. Scalați, rotiți-o și poziționați-o pentru a se potrivi peste una din cărțile din mâna opusă. Modificați modul de amestecare a stratului în Multiplica pentru a permite fotografiei să se amestece cu umbrirea fotografiei de pe copertă.

Pasul 6

Folosește Instrumentul de selecție rapidă (W) din nou pentru a crea o selecție a degetelor și a merge la Layer> Mască strat> Ascundeți selecția.

Pasul 7

Loc alte imagini de profil în scenă în același mod. Masca ei pentru a crea aspectul că fiecare carte este o altă fotografie. 

Pasul 8

Creeaza o stratul îmbinat în partea de sus a stiva de straturi, ținând apăsată tasta Alt cheie și de a merge la Layer> Merge Visible. Apoi, transformați stratul îmbinat într-un obiect inteligent cu Layer> Obiecte inteligente> Conversia la Obiect inteligent.

Pasul 9

Mergi la Filtru> Filtru brut pentru camera și în De bază efectuați următoarele setări:

  • Expunere: +.30
  • Repere: +88
  • umbre: +42
  • Whites: +86
  • Claritate: +37
  • Saturare: -76

Treceți la Efecte și efectuați următoarele setări:

  • Dehaze: +26
  • Suma de corespondență a culturii viticole: -33

Pasul 10

După aplicarea filtrului Camera Raw, faceți clic pe miniatură pentru Mască inteligentă de filtrare în straturi panou. Creați o selecție în jurul fotografiilor de profil de pe carduri și apoi completați selecția cu negru prin utilizarea Editați> Umplere cu Conţinut setat la Negru. Aceasta elimină efectul monocrom din fotografiile de pe carduri.

Pasul 11

Salvați fișierul Photo Cover și reveniți la fișierul Template Cover FB. Ascundeți sau ștergeți stratul de imagine de pe capac care a fost utilizat pentru poziționarea inițială. Aceasta ar trebui să dezvăluie o imagine de acoperire actualizată în obiectul inteligent.

5. Personalizați imaginea de profil

Acum e pe profilul pic! Deși Facebook va afișa imaginea nu mai mare de 180 x 180 pixeli, este bine să adăugați o imagine mai mare. Șablonul este construit pentru a gestiona un profil 1000 x 1000 pixeli.

Pasul 1

Faceți dublu clic pe Profilul-Blank obiect inteligent pentru al deschide. Observați că fișierul sursă este considerabil mai mare decât 180 x 180 necesar. Aceasta este intenționată, deoarece calitatea superioară a imaginii este, cu atât mai bine va apărea imaginea finală.

Pasul 2

Utilizare Fișier> Locul (încorporate sau legate) pentru a vă depozita fișierul de profil ales în fișier. Atunci Salvați fișierul, dar nu îl închideți încă! 

Pasul 3

Reveniți la fișierul șablon pentru a verifica modul în care arată imaginea de profil. Arată bine, dar iluzia ar beneficia foarte mult de anumite umbre subtile de pe degete. Rețineți că nu puteți face nimic despre granița albă, deci umbrele vor trebui să fie destul de subtile.

Pasul 4

Adăugați un strat nou pe stratul de profil pentru umbre. Control-clic pe stratul de profil pentru a crea o selecție în acea formă. Apoi utilizați Instrument perie (B) cu Runda moale prefixat opacitate scăzută și a culoarea gri pentru a picta ușor în umbrele de sub degete.

Pasul 5

Folosește Mutați instrumentul (V) pentru a trage stratul de umbră peste fișierul de profil. Apoi folosiți Editare> Transformare liberă (Control-T) pentru a scala umbrele pentru a se potrivi imaginii de profil mai mari. Dacă umbrele apar în pixeli datorită măririi, utilizați Instrument perie (B) să le atingă.

Pasul 6

Salvați din nou fișierul de profil și verificați din nou fișierul șablonului. Șterge stratul original de umbre și verificați dacă imaginea de profil a fost actualizată pentru a le include acolo. 

Pasul 7

Deschideți profilul și profilul Imagine de copertă obiecte inteligente. Utilizare Fișier> Export> Export ca și salvați fiecare fișier ca a JPG cu 100% calitate (Facebook va face compresie proprie).

Asta e!

Cum a apărut designul dvs. de acoperire Facebook? Faceți o captură de ecran și trimiteți-o la noi în comentariile de mai jos.