Padroneggia le tendenze del design con questi tutorial di Photoshop

La nostra vita quotidiana è satura di immagini straordinarie. Gli esperimenti di visual design diventano tendenze di design grafico hot e improvvisamente li vediamo ovunque.

Disegni visivi sorprendenti sono intonacati su tutti i lati di autobus, poster, cartelloni pubblicitari, spot televisivi, riviste e, naturalmente, prodotti digitali. Hanno molti nomi, tra cui due tonalità, doppia esposizione, linee di scansione, glitch, sbavature, canale colore, mascheratura fotografica, colori vivaci e sgargianti e errori di stampa.

Come per la moda, le tendenze del design vengono spesso riciclate dai decenni passati, le vediamo tornare ancora e ancora: costruttivismo russo, Bauhaus, serigrafia, anni '70... ecc. Modelli di design geometrici semplici e saturi esistono da quasi un secolo e i designer li stanno ancora usando perché sono efficaci come lo erano 100 anni fa.

Fortunatamente, i designer di oggi hanno una varietà molto più ampia di strumenti digitali con cui creare questi effetti di tendenza rispetto ai tempi passati. Tuttavia, anche se gli strumenti possono essere più facili da trovare, non dimentichiamo che sono la creatività coraggiosa e l'innovazione visiva che forgeranno i design più freschi e avvincenti.

I designer dovrebbero seguire le tendenze del design?

Alcuni direttori creativi e designer potrebbero resistere alle tendenze del design perché non vogliono essere visti come "seguaci". Tuttavia, utilizzare le tendenze del design grafico potrebbe rivelarsi una decisione importante perché così facendo può aiutare a rendere un designer più contemporaneo. Anche il coraggio di essere diversi ha le sue ricompense. I migliori designer "seguono e prendono in prestito" pesantemente dalle tendenze, passate e presenti, a volte creando qualcosa di completamente nuovo combinando le tendenze del design grafico in qualcosa di sorprendente e fresco.

Parola di cautela: i designer dovrebbero utilizzare le tendenze del design grafico nel loro lavoro solo quando appropriato e tenendo presente il marchio. Ad esempio, le persone si aspettano stabilità e fiducia dai marchi bancari, di investimento, assicurativi e così via, quindi un effetto controcultura sovversivo come "glitch" potrebbe non essere appropriato in questi casi.

Diamo un'occhiata ad alcune di queste tendenze di progettazione grafica e condividiamo alcuni dei migliori tutorial di Photoshop su come crearli.

Tendenza di design alla moda: l'effetto doppia esposizione

Spettacolari combinazioni di immagini possono essere ottenute utilizzando l'effetto "doppia esposizione". Il nome deriva dalla fotografia su pellicola di celluloide in cui vengono scattate due o tre foto senza avvolgere la pellicola in avanti nella fotocamera, esponendo lo stesso fotogramma più volte con immagini diverse. Questa tendenza ha caratterizzato molto le locandine dei film e le promozioni TV. Come visto sopra, i titoli di apertura dei programmi TV come True Detective su HBO hanno utilizzato questo effetto con la grafica in movimento con grande effetto.

Per ottenere un ottimo effetto di doppia esposizione, un'attenta selezione dell'immagine è molto importante. Le immagini ad alto contrasto funzionano meglio quando le aree più scure occupano un'area dell'immagine in cui verrà utilizzata un'altra immagine. Spesso si accosta un ritratto a un'immagine più dettagliata come un paesaggio urbano o un paesaggio.

Ecco alcuni dei migliori tutorial di Photoshop su come ottenere questa tendenza di design alla moda:

Tutorial Photoshop n. 1 con effetto doppia esposizione:

Tutorial Photoshop n. 2 con effetto doppia esposizione:

Tutorial Photoshop n. 3 con effetto doppia esposizione:

Glitch, errore di stampa, effetti di interferenza visiva

Questo è un doppio gioco. Cattura l'attenzione in un mare di “immagini perfette” perché è tutta una questione di imperfezione. Si basa sul risultato inaspettato di errori digitali noti come "glitch". Tutto ciò che ci circonda - pubblicità, poster, copertine di riviste e promozioni TV - è stato photoshoppato alla perfezione (alcuni lo chiamerebbero persino "falso" o "inquinamento visivo"), alimentando così il desiderio di vedere più reale, organico, meno immagini più che perfette.

Spesso più attraente per le giovani generazioni, questa tendenza del design è un movimento sovversivo, controcultura, "anti-falso" inteso a far risaltare i design. Come accennato in precedenza, potrebbe non essere appropriato per alcune situazioni o marchi, quindi si consiglia ai designer di procedere con cautela se scelgono di implementare questo effetto.

La maggior parte dei designer userebbe il termine "glitch", ma a volte viene chiamato effetto VHS, spostamento RGB con linee di scansione, errore di stampa o interferenza visiva. I designer innovativi a volte combinano diversi tipi di questi effetti alla moda in qualcosa di nuovo.

Ognuno ha il proprio metodo per creare questo effetto, quindi guardati intorno su YouTube e scegli quello che ti piace. Ci sono anche i designer di Photoshop Actions che possono acquistare per creare l'effetto glitch con pochi clic. Ecco un paio dei migliori tutorial di Photoshop su come raggiungere questa tendenza del design:

Glitch Effect Photoshop Tutorial n. 1:

Glitch Effect Photoshop Tutorial n. 2:

Ci sono anche modi per ottenere un fantastico effetto glitch con solo CSS come questa demo di slideshow e questa demo di landing page.

Effetti a due tonalità

Duotone è in circolazione da un po' ma sembra non stancarsi mai. Centinaia di anni fa il Sanguine veniva utilizzato (gesso rosso su carta) per creare semplici disegni monocromatici di artisti come Leonardo da Vinci. C'è qualcosa di duraturo nello scomporre un'immagine in una tonalità semplice e un'immagine moderna a due tonalità non è poi così diversa dallo schizzo di un vecchio maestro.

Oggi, dai poster di successo di Hollywood ad Apple e Spotify, sembra che tutti utilizzino l'effetto bicromia. Lo scopo, ancora una volta, è quello di distinguersi, di essere visto come qualcosa di diverso. Ci sono anche Photoshop Actions e molte app mobili per creare facilmente effetti a due tonalità.

Ecco alcuni dei migliori tutorial di Photoshop su come raggiungere questa tendenza del design in corso:

Esercitazione n. 1 di Photoshop con effetto a due tonalità:

Esercitazione n. 2 di Photoshop per effetti a due tonalità:

Esercitazione n. 3 di Photoshop per effetti a due tonalità:

Divisione RGB, canale colore, doppia esposizione colore

Ecco un altro effetto accattivante che può utilizzare foto, testo e forme. Questo effetto a volte utilizza 3 diverse immagini in 3 diversi canali di colore dello stesso soggetto e le giustappone per un'immagine interessante. Questo effetto a volte può anche essere visto come un mix tra l'effetto glitch e l'effetto split RGB. Alcuni designer diventano davvero creativi e mescolano doppia esposizione, glitch e gli effetti di divisione RGB.

Ecco alcuni dei migliori tutorial di Photoshop e Affinity Photo su come creare questo effetto di design visivo di tendenza (non considerare quello che chiamano l'effetto, ognuno ha un nome diverso):

Esercitazione di Photoshop con effetto di doppia esposizione del colore:

Tutorial per foto di affinità con effetto esposizione a doppio colore:

Colori vivaci e sgargianti ed effetti a due tonalità fluorescenti

Ancora una volta, l'obiettivo qui è quello di distinguersi davvero. Questa tendenza utilizza colori vivaci, saturi e fluorescenti in quantità generose sul design.

La direzione da prendere qui è essere audaci (quando appropriato) e correre dei rischi con colori sgargianti e saturi, che si tratti di un sito Web, della copertina di un album o di un poster.

Mascheratura fotografica, ritagli, astrattismo, cubismo

Questa è una di quelle tendenze di design ricorrenti che continua a essere un approccio di progettazione grafica duraturo. Può essere un ibrido di aree di colore piatte e audaci, montaggio e mascheratura. È una tecnica che ha quasi 100 anni, come dimostrano questi manifesti di propaganda russa degli anni '20.

Per creare opere di colore e complessità ad ampio raggio, durante l'ultimo decennio della sua vita Henri Matisse ha utilizzato due semplici materiali, carta bianca e guazzo, che sono diventati i suoi famosi ritagli di carta. Un semplice paio di forbici era lo strumento utilizzato da Matisse per trasformare la pittura e la carta in un mondo di piante, animali, figure e forme.

La variazione digitale del cubismo, dell'arte astratta e dei "ritagli" oggi è la tendenza del design del fotomascheramento utilizzato da molti designer per attirare l'attenzione.

Non ci sono regole rigide su come creare questo effetto. Tutto dipende dai materiali di partenza e dalla tua creatività. Cerca ispirazioni artistiche e di design come i manifesti di propaganda russi, l'arte cubista astratta di Picasso e i ritagli di Matisse. La maggior parte di queste tecniche di mascheratura e collage di foto può essere creata con la mascheratura dei livelli in Photoshop. Riguarda più la selezione e la creatività delle foto e meno la tecnica.

Tuttavia, ecco un paio dei migliori tutorial di Photoshop su come creare questa tendenza del design alla moda, l'effetto di mascheramento delle foto:

Come creare un tutorial di Photoshop per poster con effetti di testo:

Come creare un tutorial di Photoshop con ritratto di lettere:

Ecco un altro interessante tutorial di Photoshop che utilizza il mascheramento fotografico per creare questa immagine:

Il tutorial è un esempio di come è possibile utilizzare alcune semplici tecniche per creare illustrazioni elaborate utilizzando più livelli, mascheratura, lo strumento penna, alcune luci di base e una trama semplice.

Esplora, sii coraggioso e imposta la tua rotta

Oggi, il coraggio creativo non è un optional. È ciò che i designer devono fare quando le aspettative delle persone aumentano e la loro attenzione diventa più difficile da catturare. Non esitare a seguire alcune tendenze del design. In effetti, mescolalo, fai qualcosa di nuovo con loro! Scatena lo status quo, sii audace ed esplora la tua fantasia. Fai il salto! Sii creativamente coraggioso!

• • •

Ulteriori letture sul blog di Toptal Design:

• eCommerce UX: una panoramica delle migliori pratiche (con infografica)
• L'importanza del design incentrato sull'uomo nel design del prodotto
• I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
• Principi euristici per interfacce mobili
• Design anticipatorio: come creare esperienze utente magiche