Come creare un poster musicale utilizzando la modalità bitmap in Photoshop

Cosa starai creando

In questo tutorial imparerai come usare la modalità Bitmap in Photoshop. Vedremo un paio di modelli diversi che è possibile utilizzare su una foto per creare un effetto serigrafato. 

Di cosa avrai bisogno

Avrai bisogno di accedere ad Adobe Photoshop - se non hai il software, puoi scaricare una versione di prova dal sito Web di Adobe. Useremo anche le seguenti risorse:

  • DJ Vintage Disco Lady
  • Cuffie isolate su sfondo bianco
  • US Bill Sans

Scarica le immagini e installa il carattere e sei pronto per iniziare! 

1. Come impostare un nuovo file Photoshop

Passo 1

Nel Photoshop, vai a File> Nuovo. Dai un nome al documento Poster di musica. Impostare il Larghezza a 1270 px e Altezza a 1600 px. Impostare il Risoluzione 72 pixel / pollice. Clic ok.

Passo 2

stampa Comando-R per far apparire le regole attorno al documento. Dirigetevi verso Visualizza> Nuova guida. Sul Nuova guida opzione finestra, selezionare Orizzontale e impostare la guida su 50 px. Clic ok.

Fai lo stesso per gli altri lati del documento sottraendo 50 px dalla dimensione finale. 

Passaggio 3

Per creare un layout interessante, creeremo un layout leggermente fuori centro. L'obiettivo è creare qualcosa di inaspettato, invece del layout centrato regolarmente. 

Il modo in cui ho determinato questo layout è stato applicando la regola dei terzi. Questa tecnica viene applicata dividendo la dimensione del poster in tre righe e colonne. Le guide che abbiamo creato non sono esattamente divise in terze parti: sono leggermente fuori campo per contenere il testo e le immagini. In questo modo, stiamo già uscendo dal poster normale. Creeremo quattro spazi per mescolare testo e immagini.

Dirigetevi verso Visualizza> Nuova guida. Sul Nuova guida opzione finestra, selezionare Verticale e impostare la guida su 800 px. Clic ok. Facciamo lo stesso per il orizzontale guida, impostandolo su 980 px. Clic ok.

Per attivare e disattivare le guide, premere Comando-;. Per ora nasconderò le mie guide finché non avremo bisogno di loro.

2. Come utilizzare la modalità bitmap

Una bitmap è un'alternativa al vettore in cui un'immagine viene convertita in pixel in bianco e nero. Questa tecnica è comunemente usata per serigrafia o giornali.

Possiamo scegliere tra una manciata di modelli diversi e impostare la quantità di dettagli che vogliamo mantenere. Per creare immagini proiettate, dobbiamo aprirle separatamente. 

Passo 1

Apri l'immagine delle cuffie isolate.

Sul Livelli pannello, sblocca il livello principale facendo doppio clic sul lucchetto. Clic ok sul Nuovo strato finestra delle opzioni.

Passo 2

Dirigetevi verso Immagine> Modalità> Scala di grigi, seguito da Immagine> Modalità> Bitmap. Clic ok sul Appiattisci i livelli finestra delle opzioni.

Passaggio 3

Sul Bitmap finestra di opzione, impostare il Produzione a 72 pixel / pollice. Sotto Metodo, utilizzare: retinatura mezzitoni. Clic ok.

Passaggio 4

Sul Schermo mezzitoni finestra di opzione, impostare il Frequenza a 2 righe / pollice, il Angolo a 45 gradi e il Forma a Linea. Clic ok.

Passaggio 5

Per utilizzare l'immagine, dobbiamo tornare a Scala di grigi. Dirigetevi verso Immagine> Modalità> Scala di grigi. Nel Scala di grigi finestra di opzione, impostare il Rapporto di dimensioni a 1. Clic ok.

Passaggio 6

Duplichiamo questa immagine sul Poster di musica. SulLivelli pannello, Fare clic con il tasto destro> Duplica livello. Nel Livello duplicato finestra delle opzioni, assegna un nome al livello cuffie. Sotto Destinazione, seleziona il Poster di musica File di Photoshop. Clic ok.

Chiudi l'immagine delle cuffie isolate. Non avremo bisogno di salvarlo perché lo abbiamo già duplicato nel file Photoshop principale.

Passaggio 7

Apri l'immagine del DJ. Sul Livelli pannello, fai doppio clic sul livello per sbloccarlo. Nel Nuovo strato finestra delle opzioni, fare clic ok.

Passaggio 8

Per questa immagine specifica, dobbiamo eliminare lo sfondo per avere un DJ isolato. Sul Livelli pannello, fare clic su Aggiungi una maschera di livello pulsante. 

Sul Utensili pannello, selezionare il Strumento bacchetta magica (W). Fare clic per selezionare lo sfondo e tenere premuto Cambio sulla tastiera per aggiungere alla selezione. Non ha bisogno di essere perfetto, ma dobbiamo eliminare il più possibile lo sfondo.

Passaggio 9

Dopo aver selezionato lo sfondo, premere Comando-I sulla tastiera per invertire la maschera. Assicurati di farlo sul Maschera di livello abbiamo aggiunto al livello principale.

Per deselezionare, premere Comando-D.

Passaggio 10

Per continuare, dobbiamo applicare il Maschera di livello al livello principale. Seleziona il Maschera di livello (Fare clic con il tasto destro> Applica maschera di livello).

Passaggio 11

Dirigetevi verso Immagine> Modalità> Scala di grigi, seguito da Immagine> Modalità> Bitmap. Clic OK ion Appiattisci i livelli finestra delle opzioni.

Nel Bitmap finestra di opzione, impostare il Produzione a 240 pixel / pollice. Sotto Metodo, utilizzare: retinatura mezzitoni. Clic ok.

Nel Schermo mezzitoni finestra di opzione, impostare il Frequenza a 25 linee / pollice, il Angolo a 45 gradi, e il Forma a Il giro. Clic ok.

Ritorna il file in scala di grigi. Dirigetevi verso Immagine> Modalità> Scala di grigi. Nel Scala di grigi finestra di opzione, impostare il Rapporto di dimensioni a 1. Clic ok.

Passaggio 12

Duplichiamo questa immagine sul Poster di musica. Sulstrato, Fare clic con il tasto destro> Duplica livello. Nel Livello duplicato finestra delle opzioni, assegna un nome al livello DJ. Sotto Destinazione, seleziona il Poster di musica File di Photoshop. Clic ok.

Chiudi l'immagine. Non avremo bisogno di salvarlo perché lo abbiamo già duplicato nel file Photoshop principale.

Passaggio 13

Torniamo al principale Poster di musica file per ridimensionare le immagini proiettate. 

Per mostrare le guide, premere Comando-;.

Usando le guide che abbiamo creato all'inizio di questo tutorial, ridimensioneremo le immagini per adattarle agli spazi. Iniziamo con DJ strato. stampa Comando-T trasformare. Dirigetevi verso il Opzioni barra e attiva il Mantenere le proporzioni pulsante. Impostare il Larghezza o height a 85%, e premere accedere. Posiziona l'immagine sul lato destro del poster.  

Passaggio 14

Possiamo aggiungere un Maschera di livello per cancellare parti del livello che non stiamo usando. Clicca sul Aggiungi maschera di livello pulsante. Usando il Strumento rettangolare di selezione (M), seleziona il lato sinistro del poster. stampa Comando-I per invertire la maschera. stampa Comando-D deselezionare. 

Passaggio 15

Lavoriamo su cuffie strato. stampa Comando-T trasformare. Dirigetevi verso il Opzioni barra e attiva il Mantenere le proporzioni pulsante. Impostare il Larghezza o height a 22%, e premere accedere. Posiziona l'immagine nel quadrante in basso a sinistra del poster.

Come nel passaggio precedente, possiamo aggiungere un Maschera di livello ed elimina le parti che non useremo. Clicca sul Aggiungi maschera di livello pulsante. Usando il Strumento rettangolare di selezione (M), seleziona il lato superiore dell'immagine. stampa Comando-I per invertire la maschera. stampa Comando-D deselezionare. 

3. Come creare un effetto schermo digitale

Passo 1

Sul Livelli pannello, crea un nuovo livello premendo Maiuscole-Comando-N. Nome il livello Schermo. Clic ok.

Seleziona il Pennello (B) dal Utensili pannello. Clic destro per cambiare le impostazioni. Impostare il Taglia a 400 px e il Durezza a 0%. Usando i codici colore qui sotto, sfoglia la pagina per coprirla. 

  • Giallo: # ffb20e
  • Rosa: # ff12de
  • Blu: # 0078ff

Passo 2

Dirigetevi verso Filtro> Distort> Wave. Nel Onda finestra delle opzioni, utilizzare le seguenti impostazioni:

  • Numero di generatori: 1
  • Tipo: seno
  • Lunghezza d'onda: min. 1 e Max. 2
  • Ampiezza: min. 295 e Max. 375
  • Scala: Horiz. 100% e Vert. 100%.
  • Aree non definite: ripeti i pixel del bordo

Clic ok. 

Passaggio 3

Per creare il modello di stile cardioide, dobbiamo eseguire questa immagine attraverso un secondo processo. Mentre sei sullo stesso livello, vai su Filtro> Distort> Coordinate polari. 

Nel Coordinate polari finestra delle opzioni, selezionare Rettangolare polare opzione. Clic ok.

Se i colori non sono quelli che speravi, possiamo modificarli in seguito. Si prega di notare che il risultato varierà, e questa è la parte divertente! 

Passaggio 4

Usando il Strumento rettangolare di selezione (M), seleziona il quadrante in alto a sinistra del poster. stampa Cambio per aggiungere alla selezione e selezionare una piccola sezione in basso a destra. Lo useremo più tardi quando aggiungeremo informazioni. Una volta che hai queste due selezioni, clicca su Maschera di livello pulsante. Ciò creerà una maschera attorno alla selezione.

Passaggio 5

Per cambiare il colore del Schermo livello, fare clic su Crea un nuovo livello di riempimento o regolazione> Tonalità / saturazione. Il Proprietà il pannello si aprirà automaticamente. Se il contrario, fare doppio clic sul Tonalità / Saturazione miniatura del livello. Sto regolando il colore -25. Sentiti libero di sperimentare! 

Vogliamo applicare questo livello di regolazione solo al Schermo strato. Fare clic con il tasto destro> Crea maschera di ritaglio.

Passaggio 6

A questo punto, il poster appare leggermente piatto. L'obiettivo è creare tensione che porterà lo spettatore dalla copia principale al resto delle informazioni.

La tensione è importante in un poster perché fornisce messa a fuoco e contrasto dagli altri elementi. Crea anche un percorso in cui gli occhi dovrebbero andare. Qualcosa di piccolo come un rettangolo può fare la differenza più grande. 

Dal Utensili pannello, selezionare il Strumento rettangolo (U). Fare clic sulla pagina e impostare il Larghezza a 30 px e il Altezza a 1600 px. Clic ok. Vai al Opzioni barra e imposta il Riempire annerire. Posiziona verticalmente il rettangolo tra il Schermo immagine e il DJ.

4. Come aggiungere testo

Per essere in grado di utilizzare una dimensione del carattere più grande, ho diviso la parola Introspektive su due linee. Inoltre, ho usato un peso più leggero Musik come viene secondario alla parola principale. Dato che c'è molto da fare visivamente, ho scelto di mantenere il resto delle informazioni in un unico peso e dimensione.

Sul Utensili pannello, selezionare il Strumento testo (T). Ho usato il testo bianco per contrastare lo sfondo. Il carattere tipografico che ho usato è US Bill Sans di Formatika, di Envato Elements. Alza il Utensili pannello andando a Tipo> Pannelli> Pannello caratteri. Di seguito sono riportati i dettagli che ho aggiunto; ogni punto elenco è un livello separato. Usa le guide che abbiamo creato all'inizio del tutorial per allineare il testo. 

  • INTRO-
    PEKTIVE
    MUSICA
    (US Bill in ExtraBold e Light, Dimensioni: 120 pt, Leading: 100 pt, Tracking: 200 pt)
  • 10.-23. JULI 2019
    FRANCOFORTE SUL MENO
    02.-17. OKT 2019
    BERLINO
    06.-19. JÄN 2020
    MUNCHEN
    (Fattura USA in grassetto, dimensioni: 30 pt, interlinea: 40 pt, tracking: 200 pt)
  • MWM.DE
    (Fattura USA in grassetto, dimensioni: 30 pt, interlinea: 40 pt, tracking: 200 pt)

5. Come salvare il file per il web

Dirigetevi verso File> Salva e salva il file come faresti normalmente. 

Per salvare un file JPEG per il web, vai su File> Salva per Web o Maiuscole-Opzione-Comando-S. Seleziona il tipo di file in cui vuoi salvare il documento in-I am choice JPEG-e impostare 100 per Qualità. Sotto Dimensione dell'immagine, è possibile modificare la dimensione dei pixel dell'immagine se si dispone di vincoli di dimensione. 

In basso a sinistra, puoi vedere un'anteprima delle dimensioni del file. Questo è utile quando ci sono vincoli dimensionali su un sito web e devi ridurre la qualità o la dimensione dell'immagine. 

Clicca su Salvare… per scegliere la posizione nella nuova finestra e fare clic su Salvare ancora.

Eccezionale! Hai completato questo tutorial!

In questo tutorial, abbiamo coperto un paio di fantastici effetti che forniranno risultati diversi per tutti. Assicurati di pubblicare il tuo nei commenti qui sotto! Oggi abbiamo imparato a:

  • Converti le immagini in modalità Bitmap per creare un effetto serigrafato.
  • Usa le maschere di livello e le maschere di ritaglio per cambiare i colori su un singolo livello.
  • Usa i filtri Wave e Polar Coordinate per creare un effetto schermo digitale.
  • Applicare alcune teorie di progettazione, come griglie, tipografia, gerarchia e tensione visiva. 

Se ti è piaciuto questo tutorial, ti potrebbero piacere questi: