Cum se creează un poster de muzică utilizând modul Bitmap în Photoshop

Ce veți crea

În acest tutorial, veți învăța cum să utilizați modul Bitmap în Photoshop. Vom examina câteva modele diferite pe care le puteți utiliza pe o fotografie pentru a crea un efect de imprimare pe ecran. 

Ce vei avea nevoie

Veți avea nevoie de acces la Adobe Photoshop - dacă nu aveți software-ul, puteți descărca o încercare de pe site-ul Adobe. De asemenea, vom folosi următoarele resurse:

  • DJ Vintage Disco Lady
  • Căști izolate pe fundal alb
  • US Bill Sans

Descărcați imaginile și instalați fontul și sunteți gata să începeți! 

1. Cum se configurează un fișier Photoshop nou

Pasul 1

În Photoshop, mergi la Fișier> Nou. Denumiți documentul Poster muzical. Seteaza Lăţime la 1270 px și Înălţime la 1600 px. Seteaza Rezoluţie la 72 Pixeli / Inch. Clic O.K.

Pasul 2

presa Command-R pentru a aduce în discuție regulile din jurul documentului. Treceți la Vizualizare> Ghid nou. Pe Ghid nou fereastră, selectați Orizontală și setați ghidul la 50 px. Clic O.K.

Faceți același lucru pentru celelalte părți ale documentului scăzând 50 px de la dimensiunea finală. 

Pasul 3

Pentru a crea un aspect interesant, vom crea un aspect care este ușor în afara centrului. Scopul este de a crea ceva neașteptat, în loc de aspectul obișnuit. 

Felul în care am determinat această structură a fost aplicarea unei reguli de treimi. Această tehnică este aplicată prin împărțirea dimensiunii posterului în trei rânduri și coloane. Ghidurile pe care le-am creat nu sunt exact împărțite în treimi - ele sunt ușor oprite pentru a se potrivi textului și imaginilor. Făcând acest lucru, suntem deja departe de posterul normal. Vom crea patru spații pentru a amesteca textul și imaginile.

Treceți la Vizualizare> Ghid nou. Pe Ghid nou fereastră, selectați Vertical și setați ghidul la 800 px. Clic O.K. Să facem același lucru și pentru orizontală ghid, setarea la 980 px. Clic O.K.

Pentru a activa și dezactiva ghidajele, apăsați Comanda-;. Îmi ascund ghizii până acum, până când avem nevoie de ei.

2. Cum se utilizează modul Bitmap

Un bitmap este o alternativă la vectorul în care o imagine este convertită în pixeli negru și alb. Această tehnică este folosită în mod obișnuit pentru serigrafie sau ziar.

Putem alege între o mână de modele diferite și stabilim cantitatea de detaliu pe care dorim să o menținem. Pentru a crea imagini ecranate, trebuie să le deschidem separat. 

Pasul 1

Deschideți imaginea căștilor izolate.

Pe straturi panou, deblocați stratul principal făcând clic de două ori pe blocare. Clic O.K pe Strat nou fereastră de opțiuni.

Pasul 2

Treceți la Imagine> Mod> Scară de gri, urmat de Imagine> Mod> Bitmap. Clic O.K pe Înlăturați straturile fereastră de opțiuni.

Pasul 3

Pe Bitmap fereastră de opțiuni, setați producție la 72 Pixeli / Inch. Sub Metodă, Utilizare: Ecranul Halftone. Clic O.K.

Pasul 4

Pe Screen Halftone fereastră de opțiuni, setați Frecvență la 2 linii / inch, Unghi la 45 de grade si Formă la Linia. Clic O.K.

Pasul 5

Pentru a folosi imaginea, trebuie să o întoarcem în Grayscale. Treceți la Imagine> Mod> Scară de gri. În Alb-negru fereastră de opțiuni, setați Raportul de mărime la 1. Clic O.K.

Pasul 6

Să duplicăm această imagine pe Poster muzical. Pestraturi panou, Faceți clic dreapta> Duplicați stratul. În Strat duplicat fereastră de opțiuni, denumiți stratul Căști. Sub Destinaţie, selectează Poster muzical Fișier Photoshop. Clic O.K.

Închideți imaginea căștilor izolate. Nu va trebui să îl salvăm pentru că l-am dublat deja în fișierul Photoshop principal.

Pasul 7

Deschideți imaginea DJ. Pe straturi panou, faceți dublu clic pe strat pentru al debloca. În Strat nou fereastră de opțiuni, faceți clic pe O.K.

Pasul 8

Pentru această imagine specifică, trebuie să ștergem fundalul pentru a avea un DJ izolat. Pe straturi panou, faceți clic pe Adăugați o mască pentru straturi buton. 

Pe Unelte panou, selectați Magic Wand Tool (W). Faceți clic pentru a selecta fundalul și țineți apăsat Schimb pe tastatură pentru a adăuga la selecție. Nu trebuie să fie perfect, dar trebuie să ștergem cât mai mult din fundal.

Pasul 9

După ce ați selectat fundalul, apăsați Comandă-I pe tastatură pentru a inversa masca. Asigurați-vă că faceți acest lucru pe Mască de strat am adăugat la stratul principal.

Pentru a deselecta, apăsați Command-D.

Pasul 10

Pentru a continua, trebuie să aplicăm Mască de strat la stratul principal. Selectează Mască de strat (Faceți clic dreapta> Aplicați masca straturilor).

Pasul 11

Treceți la Imagine> Mod> Scară de gri, urmat de Imagine> Mod> Bitmap. Clic OK in Înlăturați straturile fereastră de opțiuni.

În Bitmap fereastră de opțiuni, setați producție la 240 pixeli / inch. Sub Metodă, Utilizare: Ecranul Halftone. Clic O.K.

În Screen Halftone fereastră de opțiuni, setați Frecvență la 25 linii / inch, Unghi la 45 de grade, si Formă la Rundă. Clic O.K.

Întoarceți fișierul la Grayscale. Treceți la Imagine> Mod> Scară de gri. În Alb-negru fereastră de opțiuni, setați Raportul de mărime la 1. Clic O.K.

Pasul 12

Să duplicăm această imagine pe Poster muzical. Pestrat, Faceți clic dreapta> Duplicați stratul. În Strat duplicat fereastră de opțiuni, denumiți stratul DJ. Sub Destinaţie, selectează Poster muzical Fișier Photoshop. Clic O.K.

Închideți imaginea. Nu va trebui să îl salvăm pentru că l-am dublat deja în fișierul Photoshop principal.

Pasul 13

Să ne întoarcem la principală Poster muzical fișier pentru a redimensiona imaginile ecranate. 

Pentru a afișa ghidurile, apăsați Comanda-;.

Folosind ghizii pe care i-am creat la începutul acestui tutorial, vom redimensiona imaginile pentru a se potrivi spațiilor. Să începem cu DJ strat. presa Command-T a transforma. Mergeți la Opțiuni bar și activați Mențineți raportul aspect buton. Seteaza Lăţime sau bret la 85%, și apăsați introduce. Plasați imaginea pe partea dreaptă a afișului.  

Pasul 14

Putem adăuga a Mască de strat pentru a șterge părți ale stratului pe care nu îl folosim. Faceți clic pe Adăugați masca straturilor buton. Utilizarea Instrument de marcaj dreptunghiular (M), selectați partea stângă a afișului. presa Comandă-I pentru a inversa masca. presa Command-D pentru a deselecta. 

Pasul 15

Să lucrăm la Căști strat. presa Command-T a transforma. Mergeți la Opțiuni bar și activați Mențineți raportul aspect buton. Seteaza Lăţime sau bret la 22%, și apăsați introduce. Plasați imaginea în cadranul stânga jos al afișului.

Ca și în pasul de mai sus, putem adăuga a Mască de strat și ștergeți părțile pe care nu le vom folosi. Faceți clic pe Adăugați masca straturilor buton. Utilizarea Instrument de marcaj dreptunghiular (M), selectați partea superioară a imaginii. presa Comandă-I pentru a inversa masca. presa Command-D pentru a deselecta. 

3. Cum să creați un efect de ecran digital

Pasul 1

Pe straturi panou, creați un nou strat apăsând Shift-Command-N. Nume stratul Ecran. Clic O.K.

Selectează Instrument perie (B) de la Unelte panou. Click dreapta pentru a modifica setările. Seteaza mărimea la 400 px si Duritate la 0%. Folosind codurile de culori de mai jos, periați pagina pentru al acoperi. 

  • Galben: # ffb20e
  • Roz: # ff12de
  • Albastru: # 0078ff

Pasul 2

Treceți la Filtru> Distort> Wave. În Val opțiune, utilizați următoarele setări:

  • Numărul generatoarelor: 1
  • Tip: Sine
  • Lungimea de undă: Min. 1 și Max. 2
  • Amplitudine: Min. 295 și Max. 375
  • Scară: Horiz. 100% și Vert. 100%.
  • Suprafețe nedefinite: Pixeli de margini repetate

Clic O.K. 

Pasul 3

Pentru a crea modelul de stil cardioid, trebuie să executăm această imagine printr-un al doilea proces. În timp ce vă aflați pe același strat, treceți la Filtru> Distort> Coordonate polar. 

În Coordonate polare fereastră de opțiuni, selectați Polar Rectangular opțiune. Clic O.K.

Dacă culorile nu sunt așa cum ați sperat, le putem modifica mai târziu. Rețineți că rezultatul va varia și aceasta este partea distractivă! 

Pasul 4

Utilizarea Instrument de marcaj dreptunghiular (M), selectați cvadrantul stânga sus al afișului. presa Schimb pentru a adăuga la selecție și a selecta o mică secțiune din partea dreaptă de jos. Vom folosi acest lucru mai târziu când vom adăuga informații. Odată ce aveți aceste două selecții, faceți clic pe Mască de strat buton. Aceasta va crea o mască în jurul selecției.

Pasul 5

Pentru a schimba culoarea Ecran layer, faceți clic pe Creați un strat nou de umplere sau ajustare> Nuanță / Saturație. Proprietăți panoul se va deschide automat. În caz contrar, faceți dublu clic pe Hue / Saturație layer thumbnail. Eu sunt de ajustare a Nuanţă la -25. Simțiți-vă liber să experimentați! 

Vrem să aplicăm acest strat de ajustare doar la Ecran strat. Faceți clic dreapta> Creați o mască de tăiere.

Pasul 6

În acest moment, posterul pare puțin plat. Scopul este de a crea o tensiune care va conduce privitorul din copia principală până la restul informațiilor.

Tensiunea este importantă în poster, deoarece oferă focalizare și contrast față de celelalte elemente. De asemenea, creează o cale de unde ar trebui să meargă ochii. Ceva la fel de mic ca un dreptunghi poate face cea mai mare diferenta. 

De la Unelte panou, selectați Instrumentul dreptunghiular (U). Faceți clic pe pagină și setați Lăţime la 30 px si Înălţime la 1600 px. Clic O.K. Deplasați-vă la Opțiuni bar și setați Completati La negru. Așezați dreptunghiul vertical între Ecran imaginea și DJ.

4. Cum se adaugă textul

Pentru a putea folosi o dimensiune mai mare a fontului, am împărțit cuvântul Introspektive pe două linii. În plus, am folosit o greutate mai mică musik deoarece vine secundar cuvântului principal. Deoarece se întâmplă multe lucruri vizuale, am ales să păstrez restul informațiilor într-o singură greutate și mărime.

Pe Unelte panou, selectați Instrument text (T). Am folosit text alb pentru a contrasta cu fundalul. Tipul de text pe care l-am folosit este US Bill Sans de Formatika, de la Envato Elements. Aduceți-o Unelte panou, mergând la Tip> Panouri> Panoul de caractere. Mai jos sunt detaliile pe care le-am adăugat; fiecare punct bullet este un strat separat. Utilizați ghizii creați la începutul tutorialului pentru a alinia textul. 

  • intros-
    PEKTIVE
    MUZICĂ
    (Bill SUA în ExtraBold și Lumină, Dimensiune: 120 pt, Leading: 100 pt, Urmărire: 200 pt)
  • 10.-23. JULI 2019
    FRANKFURT PE MAIN
    02.-17. OKT 2019
    BERLIN
    -06. 19. JÄN 2020
    MUNCHEN
    (US Bill cu caractere aldine, Dimensiune: 30 pt, Leading: 40 pt, Urmărire: 200 pt)
  • MWM.DE
    (US Bill cu caractere aldine, Dimensiune: 30 pt, Leading: 40 pt, Urmărire: 200 pt)

5. Cum se salvează fișierul pentru Web

Treceți la Fișier> Salvare și salvați fișierul ca în mod normal. 

Pentru a salva un fișier JPEG pentru web, mergeți la Fișier> Salvați pentru Web sau Shift-Option-Command-S. Selectați tipul de fișier pe care doriți să-l salvați în documentul pe care îl aleg JPEG-și stabilit 100 pentru Calitate. Sub Marimea imaginii, puteți modifica dimensiunea pixelului imaginii dacă aveți constrângeri de dimensiune. 

În partea din stânga jos, puteți vedea o previzualizare a dimensiunii fișierului. Acest lucru este util când există constrângeri de dimensiune pe un site web și trebuie să reduceți calitatea sau dimensiunea imaginii. 

Click pe Salvați… pentru a alege locația în fereastra nouă și faceți clic pe Salvați din nou.

Minunat! Ați terminat acest tutorial!

În acest tutorial, am acoperit câteva efecte reci, care vor oferi rezultate diferite pentru toată lumea. Asigurați-vă că postați-vă pe dvs. în comentariile de mai jos! Astăzi, am învățat să:

  • Conversia imaginilor în modul Bitmap pentru a crea un efect de imprimare pe ecran.
  • Utilizați măști de strat și măști de tăiere pentru a schimba culorile pe un singur strat.
  • Utilizați filtrele Coordonate Wave și Polar pentru a crea un efect de ecran digital.
  • Aplicați câteva teorii ale designului, cum ar fi grilele, tipografia, ierarhia și tensiunea vizuală. 

Dacă v-ați plăcut acest tutorial, vă recomandăm următoarele: