Grafica e non solo
Photoshop – Testo
Testo anni 80 con photoshop
2 mesi fa
Realizzando la grafica per la copertina di un CD musicale di un amico, è uscito fuori un testo simpatico, un poco anni 80, molto colorato e vivace, vediamo come procedere
Testo infuocato
2 mesi fa
Su richiesta di vari utenti, ecco un tutorial che spiega come realizzare un testo infuocato. Crea un nuovo documento con fondo nero ed inserisci nella parte inferiore il testo che desideri “incendiare” in bianco
Crea un duplicato del livello testo e nascondi l’originale
Premi CTRL + SHIFT + E per unire i livelli visibili, ovvero lo sfondo nero ed il testo bianco
Dal menù immagine>ruota quadro clicca su ruota in senso antiorario (image>rotate canvas>90° CCW)
Dal menù filtro>stilizza clicca su effetto vento (filter>stylize>wind) ed imposta i parametri come in figura
Premi CTRL + F due volte, tale comando ripete l’ultimo filtro con gli stessi parametri. Ottieni qualcosa del genere
ruota nuovamente l’immagine, questa volta in senso orario
Dal menù filtro>sfocatura clicca su controllo sfocatura (filter>blur>gaussian blur) e sfoca l’immagine
Dal menù filtro clica su fluidifica (filter>liquify), per maggiori informazioni riguardo questo filtro clicca qui. Cerca di ottenere un effetto simile all’immagine seguente
dal menù immagine>regolazioni clicca su tonalità e saturazione (image>adjustments>hue&saturation) ed imposta i valori come in figura facendo attenzione a spuntare la casella colizza
Crea un duplicato dello sfondo
e ripeti il filtro precedente modificando però i valori come mostrato in figura, questa volta la casella colorizza non va spuntata
premi OK e modifica la modalità del livello in colore schema (color dodge)
dovresti ottenere qualcosa di simile
Attiva il precedente livello di testo
ed applica l’effetto di livello sfumatura, con i valori de default
e bagliore esterno, selezionando la sfumature predefinita dal giallo all’arancio
Ecco il risultato
Unisci i livello di sfondo, quelli che rappresentano il fuoco in giallo ed in rosso
Crea un duplicato e ponilo sopra al livello di testo
e sfoca il livello con il comando controllo sfocatura (gaussian blur)
Campbia la modalità del livello in scurisci (darken) ed abbassa l’opacita al 50%
Questo il risultato finale.
Per ottenere il riflesso come in figura, unisci tutti i livelli, crea un duplicato dello sfondo e capovolgilo verticalmente, imposta la modalità di livello su schiarisci (screen) , abbassa l’opacità e posizionalo come nella figura precedente.
Testo metallico
2 mesi fa
Nei precedenti tutorial riguardo Image Ready abbiamo visto come animare un semplice bannerino 88×31. Adesso vedremo invece come realizzare un testo metallico con un riflesso che passa da sinistra verso destra. Realizziamo in Photoshop questo testo
per praticità puoi scaricare il file PSD cliccando qui
L’immagine è composta dai seguenti layers
Il background di colore nero, il testo ed un layer “riflesso” che non è altro che una riga bianca obliqua e sfocata. Il layer “riflesso”, come puoi vedere dall’immagine, è in modalità sovrapposizione (overlay). Da Photoshop clicca sul pulsante “passa ad Image Ready” e crea un nuovo fotogramma cliccando sul pulsante indicato in figura
Seleziona il primo fotogramma e seleziona il layer “riflesso” e spostalo sull’estrema sinistra fino a rendere invisibile ogni riflesso sul testo (se stai utilizzando il file PSD del sito tale layer è già in posizione).
Seleziona il fotogramma 2 e sposta il layer “riflesso” sulla estrema destra fino a rendere invisibile ogni riflesso sul testo. Per spostare il layer mantenendo la posizione in altezza premi il tasto SHIFT mentre sposti il livello verso destra.
riseleziona il fotogramma 1 e premi sul pulsante indicato in figura
dalla finestra che si apre imposta i valori come in figura
Con questo comando abbiamo creato 25 fotogrammi che creano il movimento del riflesso da sinistra verso destra.
Pulsante stile Mac
2 mesi fa
Abbiamo già visto come creare dei pulsanti carini per il web, ma, come si dice, non si fa mai abbastanza. Ecco quindi un nuovo tutorial per creare un bel pulsante stile MAC, inizia col creare una nuova immagine di 150×70 pixel a fondo bianco o trasparente a 72dpi, crea un nuovo livello e rinominalo “pulsante”
clicca sul pulsante “rettangolo smussato”, imposta il raggio dello smusso ad 8px, opacità al 100%
e traccia un rettangolo al centro dell’immagine
premi il tasto CTRL e tenendolo premuto clicca sul layer “pulsante” per caricarne la selezione
imposta i colori come in figura, il bianco per il colore di primo piano ed un grigio (#C4C4C4) per lo sfondo
clicca sullo strumento sfumatura ed impostalo come mostrato in figura selezionando la modalità di riempimento da colore principale a colore si sfondo
premendo il tasto shift per creare una sfumatura lineare, clicca nella parte bassa della selezione e trascina verso la parte superiore, fino a circa la metà della selezione, dovresti ottenere qualcosa di simile
NON eliminare ancora la selezione, premendo i tasti SHIFT + ALT crea una selezione che includa solo la parte superiore del pulsante fino a circa la metà, per intersezione delle selezioni rimane solo la parte mostrata in figura
crea un nuovo livello e rinominalo “riflesso”
e riempi la selezione di bianco (ALT + INVIO)
abbassa l’opacità del livello “riflesso” al 50%, collegalo con il layer “pulsante” e premi CTRL + E per unirli
dovresti ottenere un unico layer
al quale applicherai i seguenti effetti: Obra esterna
Rilievo
contorno del rilievo
ed il colore di riempimento che sostituirai con una sfumatura che va dal bianco al nero
ed aggiungiamo un leggerissimo bordo nero
dovresti ottenere un bel pulsante come in figura
aggiungi il testo
unisci tutto e ridimensiona. Salva per il web ed utilizzalo!
Buon lavoro!
Testo caramella
2 mesi fa
Hai presente le caramelle classiche di natale? Il bastone bianco e rosso zuccheroso che caria i denti ai bambini? Vediamo come creare un testo sullo stile di queste caramelle:
per prima cosa dobbiamo creare il pattern bianco e rosso, per fare ciò crea una nuova immagine di 35×35 pixel a fondo trasparente
seleziona lo strumento linea ed imposta i valori come in figura:
tenendo premuto il tasto shift traccia una linea che va dall’angolo superiore destro all’angono inferiore sinistro
dal menù filtro/altro clicca su offset
ed imposta i valori come in figura. Puoi notare come l’immagine cambia a seconda dei valori che assegnamo
con lo strumento linea e gli stessi valori impostati in precedenze, colmiamo il “buco” che si crea dopo il filtro
Premiamo CTRL + A e dal menù Edit clicchiamo su “Definisci pattern” assegnamo un nome per il pattern e premiamo OK
Creiamo a questo punto una nuova immagine di 500×350 pixel a fondo bianco
Dal menù edit clicchiamo su “Riempi” (Fill), impostiamo il metodo pattern e selezioniamo il pattern precedentemente creato, premiamo OK. Ecco il risultato:
Dal menù filter/sfoca (filter/blur) clicchiamo su controllo sfocatura (Gaussian Blur) ed impostiamo un valore molto basso, solo per sfumare i contorni
Con lo stumento testo, ed un carattere molto “tondeggiante” inseriamo il testo che preferiamo
Una volta immesso il testo carichiamone la selezione premendo il tasto CTRL, tenendolo premuto clicchiamo con il tasto sinistro del mouse sul layer Candy (nel mio caso) e nascondiamo il livello in questinone.
Seleziona lo sfondo
dal menù filtro/distorsioni (filter/distort) clicca su onde (wave) ed imposta i valori in modo tale da creare leggere ondulazioni:
Premi OK. Sempre con la stessa selezione attiva premi CTRL + C che equivale al comando dal menù edit/copia
Creiamo una nuova immagine, troviamo già dei valori predefiniti che sono esattamente la dimensione dell’immagine che andremo ad incollare, consiglio di aumentare i valori (pixel verticali ed orizzontali) di almeno 50pixel in più. Premiamo OK e poi CTRL + V (incolla). Il nostro testo compare nella nuova immagine
Non ci resta che applicare sul layer qualche effetto di photoshop
Ecco il testo completo, ideale per cartoline natalizie o “festini party ”
Testo ghiacciato
2 mesi fa
Anche di questo effetto esisto tante versioni e tante interpretazioni, abbiamo visto già un esempio di come realizzare un testo stile ghiaccio, ecco un altro esempio più complesso ma dai risultati sicuramente più accattivanti: crea una nuova immagine di 400×400 pixel a 72dpi a fondo nero, seleziona lo strumento testo, scegli un carattere corposo (molto corposo, io ho scelto IMPACT) ed inserisci il testo che desideri, meglio pochi caratteri e qualcosa di abbastanza grande:
crea un duplicato del livello, nel mio caso ICE e rasterizzalo
rendi il livello originale per il momento NON VISIBILE cliccando una volta sull’occhio accanto al layer
Assicurati che il layer copy sia selezionato e premi CTRL + T appare una cornice attorno al testo, clicca con il tasto destro al suo interno e scegli ruota di 90° in senso orario
Premi INVIO. Dal menù Filter/stylize clicca su wind (effetto vento) ed imposta i valori come in figura:
Premi OK e premi CTRL + F per ripetere l’effetto. Premi nuovamente CTRL + T e ripristina il testo ruotandolo di 90° antiorario:
Dal menù filter/blur clicca su motion blur ed imposta tali valori:
Adesso applichiamo qualche effetto al livello ICE copy, una lieve ombra interna (se usiamo uno sfondo bianco ci conviene aumentare l’opacità a circa 80% e la dimensione almeno a 3)
Un po’ di bagliore esterno facendo attenzione a cambiare il contorno
ed un po’ di effetto rilievo con i valori mostrati
Otteniamo già qualcosa di abbastanza carino, a questo punto portiamo il livello ICE originale (quello ancora in formato testo) in primo piano e rendiamolo visibile:
Sovrapponiamo i due livelli come mostrato in figura:
Applichiamo anche al livello ICE originale qualche effetto:
Ombra interna
ed effetto rilievo, prima di apportare qualsiasi modifica deseleziona la casella Use Global Light, inoltre non dimenticare di cambiare anche qui la forma del contorno
A questo punto seleziona il livello ICE copy ed imposta la modalità in Screen
e multiply per il livello ICE originale
Ecco il risultato:
Adesso applichiamo un po’ di riflessi, creiamo un livello nuovo e rinominiamo come “Stelle”, tale livello dovra èssere il primo della lista
Seleziona come colore prinicipale il bianco
clicca sullo strumento pennello e scegli la forma Starburst – Large, se non è disponibile carica i pennelli assorted brush
e crea qualche stella nei punti che desideri con un semplice clic del mouse sinistro
Applichiamo un po’ di bagliore esterno al livello “Stelle” come mostrato in figura:
Ed ecco fatto, abbiamo finito:
