Boliboop

Tutorial Photoshop: dal logo di Firefox creato col codice sorgente alla vostra immagine formata da un testo qualsiasi

5 settembre 2007 , di Boliboop

Wicked Mean Posters ha recentemente pubblicato un poster in formato PDF del logo di Firefox formato dal codice sorgente dello stesso Firefox colorato ad hoc (qui potete scaricare il file PDF da 1,7 MB) [via Giavasan]
In questo ingrandimento potete vedere bene di cosa si tratta:

(qui la serie completa di ingrandimenti)

Tutorial Photoshop
Se questa tecnica creativa vi piace allora seguitemi in questo breve tutorial per realizzare lo stesso tipo di immagine con il logo e il testo che preferite. La tecnica è quella ritengo sia la più veloce e semplice, ma se qualcuno conosce un modo migliore di realizzare queste immagini me lo faccia sapere nei commenti. Grazie

Come immagine di partenza ho scelto il logo dell’AVIS:

come testo ho scelto semplicemente una sequenza di “AVIS AVIS AVIS…” ma ovviamente il testo usabile è qualunque. L’importante è che sia tutto contenuto in una riga (anche se lunghissima), per cui, se il testo è un codice sorgente o qualunque altra cosa, è necessario eliminare tutti gli accapo. Un editor di testo di solito è sufficiente: si evidenzia il ritorno a capo e lo si sostituisce con uno spazio.

Preparato il testo bisogna:

1. Aprire l’immagine da usare
2. Attivare lo Strumento di Testo dalla Palette degli Strumenti (oppure premendo T)
3. Selezionare con lo Strumento di Testo un area rettangolare grande quanto l’immagine
4. Incollare il testo da usare con Command+V (o Ctrl+V su PC)
5. Selezionare la forma del testo fare Command+Click (o Crtl+Click) sulla miniatura che rappresenta il livello di testo appena creato nella Palette dei Livelli
6. Attivare il livello dell’immagine cliccando sul sul suo nome nella Palette dei Livelli
7. Creare un nuovo livello a partire dalla selezione cliccando sul menu Livelli>Nuovo>Crea livello copiato (in inglese Layer>New>Layer via Copy)
8. Rendere invisibili i livelli del testo e dell’immagine originale cliccando sull’occhietto accanto ad ognuno dei livelli nella Palette dei Livelli
9. Aggiungere un nuovo livello con cui creare uno sfondo fatto di un unico colore, un gradiente o una qualsiasi immagine ritenuta adatta.

Il risultato può essere molto simile a questo:

clicca sull’immagine per ingrandire

Un altro esempio gradevole è quello di scrivere il primo canto della Divina Commedia sul ritratto fatto dal Botticelli a Dante Alighieri. Tecnica è identica, solamente lo sfondo è diverso perché ho usato lo stesso ritratto di Dante usando il filtro Sfocatura Gaussiana con raggio di sfocatura 250px (il valore massimo). Ecco il risultato:

clicca sull’immagine per ingrandirla

Condividi

Articoli correlati:

1. Un bel tutorial Photoshop su PSDTuts
2. Gerablog: considerate la vostra esposizione
3. Tutorial: testo con effetto latte (2)