Cum se creează o imagine de antet multi-imagine Twitter cu Adobe Photoshop

Ce veți crea

Social media continuă să fie un punct de plecare valoroasă pentru orice artist să-și afișeze activitatea și să se conecteze cu publicul, precum și cu potențialii clienți. Mi-am găsit propriul fundal Twitter care se înrăutățește și are nevoie de o nouă actualizare. 

O metodă de actualizare a prezenței dvs. în media socială este de a utiliza orice număr de fundaluri disponibile pe Envato Market unde veți găsi ceva de la pachete media sociale multi-scop la desene antet create doar pentru Twitter, inclusiv anteturi de colaj de fotografii cool. 

În acest tutorial, vă voi arăta cum să vă creați o galerie foto cu design geometric, folosită ca imagine de antet Twitter.

1. Cunoașteți aspectul

Twitter folosește un aspect de fundal plutitor pentru a acoperi dimensiunile variabile ale ecranului. Aceasta înseamnă că este dificil să știți exact care este fundalul pe care publicul dvs. îl va vedea pe ecran. Din fericire, există câteva orientări generale furnizate de Twitter pentru a lua o parte din presupunerile din proces. Twitter recomandă o dimensiune imagine de antet de 1500 px la 500 px. Acest lucru va fi de fapt redimensionat de Twitter pentru a afișa la 1263 px cu 421 px, dar cred că este înțelept să urmeze liniile directoare. 

Pasul 1

Deschideți Photoshop și mergeți la Fișier> Nou (Control-N). Dați fișierului un nume de Twitter Header și setați Lăţime la 1500 pixeli, Înălţime la 500 pixeli, Rezoluţie la 72 pixeli / inch și fundal la alb.

Pasul 2

Stabiliți câteva linii directoare, mergând la Vizualizare> Ghid nou. Introduceți a vertical ghid la 317 pixeli. Apoi adăugați altul la 1188 pixeli. Aceasta va împărți pânza în trei coloane. Coloana centrală este zona care va fi cel mai probabil afișată pe ecranele mai mici ale dispozitivelor mobile. Prin urmare, designul trebuie să țină cont de acești doi ghidori verticali.

2. Creați modelul triunghiular

Proiecțiile geometrice sunt o metodă mult mai atractivă de afișare a mai multor imagini decât un aranjament simplu de film. Dar mulți artisti preferă să evite calcularea unghiurilor exacte ale unui adevărat model geometric. În schimb, vom folosi câteva trucuri simple pentru a aproxima unghiurile și păstrați designul frumos și curat.

Pasul 1

Prindeți Instrumentul dreptunghiular (U) și setați Completati culoare la orice culoare ușor de văzut în fundal alb (o vom schimba mai târziu). Faceți clic o dată pe panza pentru a obține Creați dreptunghi caseta de dialog. Introduceți a Lăţime la 10 px și a Înălţime de 900 px. Apoi apasa O.K și mutați dreptunghiul în direcția dreaptă.

Pasul 2

Folosește Instrumentul de selecție a traseului (A) pentru a selecta forma dreptunghiului. (Asigura-te ca Căi de operații este setat sa Adăugați în Formă în bara de opțiuni.) Mergeți la Editați> Copiere (Control-C) pentru a copia punctele de cale. Apoi du-te la Editați> Paste (Control-V) să lipiți o copie a dreptunghiului deasupra lui. 

Utilizare Editare> Calea liberă de transformare (Control-T) să rotiți și să mutați dreptunghiul copiat astfel încât acesta să atingă colțul din dreapta jos al pânzei și să intersecteze dreptunghiul vertical în jurul punctului central. Capătul din stânga trebuie să atingă partea superioară a pânzei.

Pasul 3

Cu ultima cale încă activă, du-te la Editați> Copiere (Control-C) și Editați> Paste (Control-V) pentru a lipi o copie nouă a acestei căi diagonale deasupra ei. Apoi du-te la Editați> Cale de transformare> Flip vertical pentru a crea dreptunghiul diagonal alternativ.

Pasul 4

Folosește Instrumentul de selecție a traseului (A) din nou pentru a selecta ambele dreptunghiuri diagonale. Apoi, copiați și lipiți-le una peste alta. Apoi du-te la Editare> Calea liberă de transformare (Control-T) pentru a transforma acest nou "X". Deplasați și micșorați "X" astfel încât să se intersecteze cu partea superioară și inferioară a "X" originală și cu ghidajul din partea stângă. 

Pasul 5

Forma originală "X" este încă în clipboard, deci nu este nevoie să o copiați din nou. Doar pastă un alt "X" pe forma actuală. Apoi mutați-l pe cel nou pentru a forma triunghiurile de pe partea stângă a pânzei. Asigurați-vă că liniile se intersectează cu partea superioară și inferioară a formei anterioare "X". 

Pasul 6

Singura piesă rămasă din această rețea de forme este dreptunghiul vertical pentru a merge de-a lungul orientării din stânga. Utilizați aceeași tehnică pentru a selecta, a copia și a lipi forma verticală originală și a muta copia pentru a sta pe ghidajul din stânga. 

3. Creați imagini triunghiulare

Rețeaua de triunghiuri pe care tocmai am creat-o va servi drept granițe pentru fotografiile care vor trece sub. Crearea lor mai întâi cu dreptunghiuri de dimensiune prestabilită asigură distanța și alinierea tuturor fotografiilor în concordanță. Acum, când tragem triunghiurile, nu trebuie să ne ferim de poziționarea perfectă, deoarece granița va acoperi margini! E genial!

Pasul 1

Redenumiți stratul de formă dreptunghiulară Linii de frontieră și faceți clic pe Blocați-vă pe toți buton în straturi , astfel încât forma să nu fie mișcată sau editată în mod accidental în timp ce se lucrează la formele triunghiulare.

Pasul 2

Faceți clic pe stratul de fundal pentru a elimina focalizarea din Linii de frontieră strat. Apoi apucă Instrument Pen (P) în Formă și setați umplutura la o culoare care contrastează atât cu fundalul, cât și cu marginea. Desenați un triunghi simplu în colțul din stânga sus. Asigurați-vă că acest strat de formă este sub liniile de frontieră.

Pasul 3

Este esențial ca asta Căi de operații este setat sa Strat nou în Bara de opțiuni. Astfel, fiecare nou triunghi este propriul său strat de formă. Apoi desenați un alt triunghi pentru a verifica dacă formele funcționează așa cum ar trebui.

Pasul 4

Continuați desenarea în forme triunghiulare până când nu există 12forme în toate, fiecare cu un strat de formă individuală. 

Pasul 5

Deblocați Linii de frontieră strat și modificați culoarea de umplere a marginilor la alb.

4. Adăugați fotografiile

După ce toate formele sunt la locul lor, este timpul să începeți încorporarea fotografiilor în bucată. Cel mai dificil proces este să găsiți care dintre fotografiile se potrivesc cel mai bine în formele neregulate. Din fericire, această tehnică permite o foarte bună experimentare a dimensiunii și poziției fotografiei.

Pasul 1

Mai întâi selectați stratul de formă pe care doriți să îl acoperiți cu o fotografie. Mergi la Fișier> Locul încorporat și selectați o fotografie pe care să o plasați în design. Poziționați și scalați fotografia pentru a acoperi complet forma dorită. 

Pasul 2

Și aici se află în joc magia acestei tehnici. Mergi la Layer> Crează o mască de tăiere (Alt-Control-G) pentru a clipi imaginea în forma triunghiulară. În acest fel, imaginea este încă mobilă, complet independentă de forma triunghiulară. Acest lucru facilitează poziționarea imaginii exact unde doriți, fără a fi nevoie să vă îngrijorați de perturbația formei și a margini.

Pasul 3

Repetați locul și procesul de clipire pentru fiecare formă până când toate cele 12 forme au o imagine tăiată la ele.

5. Efectele finale

Având un sortiment de fotografii de multe ori face un design se simt disjoined și aleatoare. Lipsa consecvenței poate fi distractivă. O soluție bună este să includem un efect final de procesare pentru a trage toate imaginile împreună într-un singur aspect coeziv.

Pasul 1

Asigurați-vă că stratul superior al imaginii este activ. Ar trebui să fie chiar sub Linii de frontieră strat. Apoi du-te la Selectați> Gama de culori. Seteaza Selectați meniul derulant Reds și verificați Inversa cutie. Aceasta va selecta toate tonurile non-roșii din imagine.

Pasul 2

Adauga o Harta de gradienți strat de ajustare. Photoshop folosește automat selecția ca a masca strat pe stratul de ajustare. Aceasta înseamnă că efectul va fi aplicat tuturor, cu excepția tonurilor roșii selectate din imagine.

Pasul 3

În Proprietăți panou, dați clic pe previzualizarea gradientului pentru a deschide Gradient Editor. Faceți clic pe pictograma roată mică și alegeți Tonografie fotografică din lista de biblioteci disponibile. Când vi se solicită, alegeți Adăuga aceste gradienti pentru lista dvs. curenta.

Derulați până la partea de jos a dvs. Gradient presetări și alegeți Sepia-Albastru 2 presetat. Apoi faceți clic pe O.K pentru a închide Gradient Editor.

Pasul 4

Seteaza Opacitate a stratului de ajustare la 60% pentru a reduce efectul de colorare.

Pasul 5

Creați un strat îmbinat prin țineți apăsat Alt cheie în timp ce mergeți la Layer> Merge Visible (Shift-Control-E). Desaturați stratul îmbinat cu Imagine> Ajustări> Desaturați (Shift-Control-U).

Pasul 6

Setați modul de amestecare a stratului în Ecran și reducerea Opacitate în jur 30%. Apoi du-te la Filtru> Blur> Gaussian Blur și folosiți a Rază de 5 Pixeli. Acest lucru creează un ușor efect de focalizare moale pentru întreaga compoziție.

Pasul 7

Mergi la Fișier> Export ca și setați Setări fișier la JPG. Ajustează Calitate să fie cât mai scăzut posibil, fără a introduce nici o distorsiune vizibilă în imaginea de previzualizare. Cu cât fișierul este mai mic, cu atât mai rapid se va încărca atunci când este vizualizat în profilul dvs. După salvarea fișierului, accesați actualizarea contului dvs. Twitter pentru a adăuga imaginea anterioară fantastic nouă.

Mergând mai departe

Pentru a crea într-adevăr un design complet implementat pe pagina dvs. de Twitter, asigurați-vă că utilizați același efect de colorare și tehnică de focalizare soft pe imaginea de profil prea. Acest lucru trebuie făcut separat de imaginea antetului, dar ar folosi același lucru Harta de gradienți strat de ajustare, precum și fuzionat strat cu blur moale filtru.

Am folosit acest aspect pentru a afișa rezultatele unui număr de tutoriale pe Envato Tuts +. Dar aceeași tehnică poate fi aplicată și pentru cineva care vrea pur și simplu să-și adune propriile fotografii; este o tehnică cu adevărat versatilă care poate fi utilizată pentru orice număr de subiecte! 

Crearea unui ecran atractiv, geometric, este o modalitate foarte bună de a adăuga interes vizual pentru o imagine antet Twitter. În acest tutorial, am realizat că, folosind niște trucuri de ilustrație, nu am avut nici măcar nevoie de matematică pentru a obține unghiurile dreptate! Apoi am folosit câteva procesări ulterioare pentru a face o varietate de fotografii și pentru a le face să pară că au același tip de colorare și focalizare moale, astfel încât să lucreze împreună ca un design unificat al compoziției. 

Cum a apărut antetul fundalului Twitter? Adăugați un link în comentariile de mai jos pentru a vă putea urmări! Sau puteți să mă urmați și să vedeți designul meu live @thepixelpro.