Effetti a forma di picco del suono sono elementi di design dinamici e moderni, ideali per volantini di feste, banner di eventi o sfondi. Con le loro linee ritmiche e colori luminosi aggiungono energia e movimento ai tuoi progetti. In questo tutorial ti mostrerò come creare sorprendenti effetti a forma di picco del suono con Photoshop, combinando forme, sfumature e effetti luminosi. Cominciamo e diamo ai tuoi progetti il ritmo perfetto!
1. Creare picco del suono in stile retro
Nella prima tecnica descriverò come creare un picco del suono in stile retro. Un effetto simile è già stato descritto da raptor31 in un tutorial qui su PSD-Tutorials.de.
La tecnica è abbastanza semplice e non richiede particolare attenzione nella creazione, poiché la parte più importante è gestita da un filtro.
Passo 1: Creare un nuovo documento
Creo un nuovo documento (Ctrl+N) della dimensione 800x600 pixel e riempio lo sfondo con il nero.
Passo 2: Disegnare il contorno dell'equalizzatore
Creo un nuovo livello con Ctrl+Alt+Shift+N. Con un pennello rotondo, bianco (B) di dimensione 5 pixel disegno il contorno del picco superiore nel nuovo livello.
Passo 3: Duplicare e riflettere il livello
Con il comando Ctrl+J duplico il livello con il contorno dell'equalizzatore e lo rifletto verticalmente con Ctrl+T>Rifletti verticalmente. Sposto il livello verso il bordo inferiore del contorno dell'equalizzatore originale usando lo Strumento di spostamento.
Passo 4: Ridurre entrambi i livelli in uno
Seleziono entrambi i livelli del contorno nell'Area dei livelli e li riduco in uno con il comando Ctrl+E.
Passo 5: Riempire l'area interna
Con lo Strumento di riempimento (G) riempio le aree interne dei contorni con il colore bianco.
Passo 6: Ruotare l'immagine di 90 gradi
Ruoto l'intero documento di 90 gradi in senso orario dal menu Immagine>Ruota immagine>90° in senso orario. Questo è importante poiché il filtro applicato nel passo successivo funziona solo a destra o sinistra, non in alto o in basso.
Passo 7: Applicare il filtro effetto vento verso destra
Dal menu Filtro>Filtro artistico seleziono il dialogo dell'Effetto vento.
Scelgo la casella di controllo per Burrasca con direzione verso destra. Successivamente confermo con OK.
Passo 8: Ripetere il filtro
Dal menu Filtro trovo in cima l'opzione per ripetere l'ultimo filtro. Clicco su di essa o seleziono semplicemente la scorciatoia Ctrl+F. Ripeto l'applicazione del filtro circa 2-3 volte.
Ora appare il noto contorno dell'equalizzatore, come lo desidero anche nel mio primo aspetto di picco del suono.
Passo 9: Applicare il filtro effetto vento verso sinistra
Applico nuovamente il filtro dal menu Filtro e cambio la direzione verso sinistra. Anche qui ripeto l'applicazione del filtro 2-3 volte, finché l'effetto è corretto.
Passo 10: Ruotare nuovamente l'immagine
Dal menu Immagine>Ruota immagine>90° antiorario ruoto di nuovo il mio documento.
Passo 11: Creare un riempimento gradiente
Per colorare i picchi bianchi del suono, seleziono un Riempimento gradiente come livello di riempimento.
Il gradiente va dal rosso chiaro al rosso sangue ed è impostato su riflettente.
Posiziono il livello di riempimento come Maschera di ritaglio con la scorciatoia Ctrl+Alt+G.
Passo 12: Duplicare il livello dell'onda di picco insieme al livello di riempimento
Duplico il livello dell'onda di picco insieme al livello di riempimento, perché ora sto creando l'area interna dell'onda di picco.
Trasformo l'onda di picco con Ctrl+T. Attraverso i punti laterali, riduco semplicemente l'onda di picco spostandola leggermente verso l'interno.
Regolo il riempimento gradiente cambiandone il colore da bianco a giallo.
Passo 13: Unire entrambi i livelli in un oggetto intelligente
Seleziono entrambi i livelli e li unisco in un oggetto intelligente. In questo modo posso modificare entrambi i livelli in modo uniforme, mantenendo comunque l'accesso ai singoli livelli.
Passo 14: Opzioni di riempimento
Aggiungo alcune opzioni di riempimento al mio oggetto intelligente per accentuare ulteriormente l'effetto.
• Ombra:
• Opacità: 100 percento
• Distanza: 6 pixel
• Dimensione: 6 pixel
• Brillanza verso l'esterno:
• Colore/Luminosità: Bianco
• Opacità: 4 percento
• Dimensione: 43 pixel
Per rendere l'ombra visibile, ho creato un nuovo sfondo con un sfondo radiale da blu scuro a nero.
Passo 15: Rifinitura finale con la vignetta
L'effetto di picco può essere utilizzato come elemento di design in sfondi e volantini. Tuttavia, se desidero mantenere questo formato e dimensione, posso aggiungere una vignetta.
Creo un nuovo livello e lo riempio con un colore a scelta.
Riduco l'opacità del livello nel pannello livelli al 0 percento. Ciò significa che il contenuto del livello non viene visualizzato. Vengono visualizzati solo gli stile di livello impostati. Ora li personalizzo.
Aperto il menu Opzioni di riempimento e scelgo Brillanza verso l'interno con le seguenti impostazioni:
• Colore/Luminosità: Nero con il metodo di riempimento Moltiplicazione
• Opacità: 75 percento
• Dimensione: 250 pixel
La vignetta è pronta.
Passo 16: Variazione con area di testo
Mantenendo un'area bianca all'interno del picco, posso utilizzarla molto bene per i testi.
Con lo strumento di selezione seleziono all'interno dell'oggetto intelligente la parte superiore fino a metà, la copio con Ctrl+C e la incollo nel mio documento con Ctrl+V. Ripeto la stessa operazione con la metà inferiore del mio effetto di picco.
Con lo strumento Sposta sposto i due nuovi livelli in modo che ci sia spazio al centro per il testo. Successivamente, unisco entrambi i livelli selezionandoli e premendo Ctrl+E. Coloro la parte interna trasparente con un pennello bianco.
Passo 17: Posizionamento del testo
Con il mio strumento testo posso scrivere un testo qualsiasi all'interno dell'area interna. Scelgo il font Swatch it e scrivo semplicemente PSD-Tutorials.de. Naturalmente, a livello di stile, l'annuncio di una festa techno si adatterebbe ancora meglio al tema.
2. Creare un effetto di picco sonoro in stile Bling digitale
Un'altra possibilità di creare un effetto di picco sonoro come elemento grafico per volantini e sfondi è quella di imitare uno stile Bling digitale.
Passo 1: Documento con sfondo nero
Posso creare un nuovo documento delle dimensioni 800x600 oppure posso continuare a utilizzare il mio documento esistente e creare un nuovo gruppo in cui organizzare questi effetti.
Passo 2: Creare un modello
In un nuovo documento delle dimensioni 42x42 pixel, creo un modello raster.
Disegno una barra nera di media dimensione verticalmente sul lato destro del documento e tre barre nere sottili orizzontalmente sul lato sinistro. A zoom elevato viene visualizzata la griglia dei pixel, che mi aiuta a posizionare le barre.
Con lo strumento Rettangolo, disegno prima i tre rettangoli sottili alti 4 pixel orizzontalmente e poi il rettangolo largo 10 pixel verticalmente nel documento. Gli spazi tra i rettangoli sottili sono di 10 pixel! 
È importante che lo sfondo sia trasparente quando si definisce il motivo. Infine, posso definire il mio modello tramite il menu Modifica>Definisci modello.
Passo 3: Creare un gradiente
Nei colori in cui il riempimento a gradiente dovrebbe apparire nei miei livelli del suono, creo il gradiente desiderato su un nuovo livello.
Passo 4: Creare un pattern
Creo un nuovo livello e lo riempio con lo strumento gradiente. anziché il colore primo piano è attivato il pattern nella barra del menu. Lì assegno il mio pattern appena creato. Successivamente riempio il livello con il mio pattern.
E' utile gestire i livelli in modo che il livello di pattern sia un ritaglio per il livello di gradiente. Posso farlo con Ctrl+Alt+G o con Alt e clic tra i due livelli nel painale dei livelli.
Passo 5: Disegnare le vette del livello nell'area di maschera
Aggiungo una Maschera di livello al livello di gradiente. Posso ora colorare le aree che non fanno parte delle vette utilizzando comodamente un pennello nero. In alternativa, posso semplicemente selezionare le aree con lo strumento di selezione e riempire con il nero nella Maschera di livello. Il colore di primo piano può essere riempito utilizzando il comando Alt+Backspace.
Passo 6: Creare un oggetto intelligente
Seleziono il livello di gradiente e il livello di pattern e li inserisco entrambi in un oggetto intelligente (clic destro>Converti in oggetto intelligente). Ora è meglio se entrambi sono in un oggetto intelligente e vengono lavorati insieme in modo che possa spostare l'oggetto intelligente facilmente più in alto nel documento.
Passo 7: Duplicare l'oggetto intelligente e specchiarlo
Duplico il mio oggetto intelligente con Ctrl+J.
Con Ctrl+T>Specchio verticale posso specchiare la mia copia – sorpresa, sorpresa – verticalmente. Con lo strumento di spostamento lo trascino leggermente verso il basso in modo che entrambi i "pezzi del pavimento" delle vette si tocchino quasi. Ora riduco l'opacità al 40 percento.
Passo 8: Riflessione sfumata
Per dare alla riflessione un effetto di dissolvenza verso il basso, aggiungo semplicemente un'altra Maschera di livello all'oggetto intelligente.
Con un gradiente bianco e nero trascino dal basso verso l'alto, in modo che la parte inferiore diventi gradualmente trasparente.
Passo 9: Trasformazione
Seleziono entrambi gli oggetti intelligenti e posso trasformarli come unità tramite Ctrl+T. È utile trasformare l'effetto leggermente in prospettiva e distorcerlo. In questo modo il risultato sarà più dinamico. E questo è tutto. Con l'effetto del livello del suono si ha un bel elemento grafico per volantini e sfondi.
Passo 10: Variazione
È pratico poter modificare i colori del gradiente in qualsiasi momento. Basta fare doppio clic sull'oggetto intelligente della vista superiore. Arrivo quindi al documento PSB in cui sono stati inseriti i miei due livelli di partenza.
Lì posso cambiare liberamente il gradiente a mio piacimento.
Se voglio creare un'altra variazione, posso far saltare i picchi del livello. Questo sottolinea l'effetto grafico in modo speciale.
Per fare ciò, dipingo i secondi picchi singoli di ogni picco del livello nella Maschera di livello. Questi scompaiono dalla vista.
Con il salvataggio del documento PSB, le modifiche vengono applicate al file PSD.
Cosa si nota? Le variazioni sono state integrate anche nella riflessione. Fantastico! Questo non è magia, ma è semplicemente dovuto al fatto che i duplicati degli oggetti intelligenti tramite il painale dei livelli o con il comando Ctrl+J impostano una copia dell'oggetto intelligente originale. E così le modifiche dall'originale vengono "ereditate".
Accessoriamente: se non voglio questa modifica, duplico tramite il menu Livello>Oggetti intelligenti>Nuovo oggetto intelligente tramite copia.
