venerdì 4 novembre 2011

7. Effetto wire-frame su testo

In questo tutorial vi mostrerò come creare creare un effetto wire-frame su un testo. Questo sarà il risultato finale:

Risultato finale

STEP 1
Crea un nuovo documento in Photoshop.

STEP 1
STEP 2
Riempi lo sfondo con il nero. Quindi con lo strumento Testo, scrivi ciò che vuoi con il bianco. Scegli un font semplice: io ho usato il Futura Md BT Medium che puoi scaricare da
qui.

STEP 2 
STEP 3
Ora rasterizza il testo e unisci questo livello con quello di sfondo.

STEP 3
STEP 4
Ora vai in Filtro > Distorsione > Effetto onda; io ho usato queste impostazioni ma non è detto che per te vadano bene:

STEP 4STEP 4 (1)
STEP 5
Ora vai in Filtro > Effetto pixel > Frammenta.

STEP 5
STEP 6
Vai in Filtro > Stilizzazione > Bordi brillanti ed usa questi settaggi:

STEP 6STEP 6 (1)
STEP 7
Ora premi Ctrl + A per selezionare tutta la figura e Ctrl + C per copiarla. Quindi vai nella palette dei canali, creane uno nuovo e incollaci l’immagine premendo Ctrl + V. Ora fai Ctrl + Click con il tasto sinistro del mouse sulla miniatura del canale Alfa 1 (quello che hai appena creato) per avere una nuova selezione.

STEP 7
STEP 8
Ora torna alla palette dei livelli. Crea un nuovo livello e chiamalo “Testo”. Assicurati di avere il bianco come colore di primo piano, quindi con la selezione attiva premi Maiusc + Canc (o il Backspace): si aprirà una nuova finestra di dialogo. Alla voce colore seleziona Colore di primo piano e clicca su OK. Ora puoi cancellare la selezione premendo CTRL + D.

STEP 8
STEP 9
Ora vai sul livello di sfondo, seleziona tutta l’immagine, cancellala e riempi lo sfondo con il nero. Ora bisogna applicare lo stile di livello a “Testo”. Seleziona quest’ultimo dalla palette dei livelli, fai doppio click sopra e seleziona Sovrapposizione sfumatura con queste impostazioni:

STEP 9
Il gradiente che ho usato è tra i predefiniti, quindi non dovreste avere problemi.
Ora crea un nuovo livello e uniscilo con “Testo” (CTRL + E). Quindi rinomina il nuovo livello in “Testo”.

STEP 9 (1)  
STEP 10
Ora bisogna aggiungere qualche effetto di luce al testo. Duplica il livello “Testo” e seleziona il nuovo livello. Poi vai in Filtro > Sfocatura > Controllo sfocatura e utilizza un raggio di 4px. Ora duplica anche questo livello (Testo copia) e cambia l’opzione di fusione del nuovo livello (Testo copia 2) da Normale a Sovrapponi. Ora duplica il livello Testo copia 2.

STEP 10


STEP 11
Duplica il livello “Testo copia”e sposta il nuovo livello (testo copia 4 ) sotto gli altri livelli testo e sopra il livello di sfondo. Quindi con il livello “Testo copia 4” vai in Filtro > Sfocatura > Controllo sfocatura e usa un raggio di 6px.

STEP 11 

Poi vai in Immagine > Regolazioni > Tonalità/Saturazione e usa queste impostazioni

STEP 11 (1)

Risultato finale  
Se hai ottenuto qualcosa come l’immagine sopra allora sei riuscito a seguire il tutorial correttamente, COMPLIMENTI!

giovedì 3 novembre 2011

6. Creare una pop art

In questo tutorial vi spiegherò come trasformare le vostre foto in vere e proprie pop art!
Questo sarà il risultato finale (io ho usato una foto di Claudio Marchisio, noto calciatore italiano) :

Risultato finale
STEP 1
Aprite in Photoshop l’immagine che vorrete trasformare in pop art. Consiglio un’immagine già senza sfondo, altrimenti bisogna ritagliarla prima. Andate in Immagine > Regolazioni > Togli saturazione. Poi andate in Immagine > Regolazioni > Soglia e settate un valore tra il 100 e il 130, scegliete voi qual è quello migliore per la vostra immagine; io ho usato 120. Dovreste ottenere qualcosa del genere:

STEP 1
STEP 2
Ora andate in Filtro > Sfocatura > Controllo sfocatura ed impostate 0,5px come raggio, quindi confermate.

 STEP 2
STEP 3
Ora bisogna colorare l’immagine. Quindi create un nuovo livello e iniziate a colorare la pelle. Settate il livello su Moltiplica.
Ripetete questo procedimento anche per le altre parti da colorare.

STEP 3

STEP 4
Dopo che avete finito di colorare duplicate il livello dell’immagine desaturata e spostare il nuovo livello sopra tutti gli altri. Assicuratevi di avere come colori di primo e secondo piano rispettivamente il nero e il bianco; quindi andate in Filtro > Schizzo > Pattern mezzetinte e seguite queste impostazioni:

STEP 4
Quindi impostate

l’opzione di fusione del livello su Moltiplica.

Se avete ottenuto qualcosa del genere:

Risultato finaleAllora avete seguito bene il tutorial: COMPLIMENTI!

mercoledì 2 novembre 2011

5. Effetto punti su foto

In questo tutorial vi spiegherò come creare un semplicissimo effetto punti su una foto in meno di 2 minuti!
Questo sarà il risultato finale:

Risultato finale
STEP 1
Apri la foto su cui vuoi applicare quest’effetto in Photoshop. Quindi duplica il livello e rinominali rispettivamente “Originale” e “Mezzetinte”.

STEP 1
STEP 2
Seleziona il livello “Mezzetinte” e applica Filtro > Schizzo > Pattern mezzetinte con queste impostazioni:

STEP 2
Dovreste ottenere qualcosa di simile:

STEP 2 (1)   
STEP 3
Sempre con il livello “Mezzetinte” selezionato vai in Immagine > Regolazioni > Inverti.
I colori si invertiranno e dovresti avere un’immagine del genere:

STEP 3
STEP 4
Sposta il livello “Mezzetinte” sotto il livello “Originale”. Quindi seleziona “Originale” e cambia l’opzione di fusione da Normale a Luce lineare. Quindi a seconda del risultato diminuisci l’opacità finché non ottieni un risultato soddisfacente. Io ho dovuto settare l’opacità a 48%. 

Questo è il mio risultato:

Risultato finale

Se hai ottenuto qualcosa di simile vuol dire che sei riuscito a seguire il tutorial: COMPLIMENTI! 

martedì 1 novembre 2011

Video 1 – Robotizzare le persone

In questo video Santi Urso robotizza se stesso. Incredibile! Guardare per credere.

Visita il canale YouTube di Santi e il suo sito web!

domenica 30 ottobre 2011

4. Creare uno sfondo apple

In questo tutorial vi mostrerò come creare in modo semplice uno sfondo per desktop in stile Apple.
Questo sarà il risultato finale:

APPLE
STEP 1
Apri un nuovo documento e come grandezza imposta quella del tuo desktop. Quindi riempi lo sfondo con un colore qualsiasi e applica Sovrapposizione sfumatura come nell’immagine seguente.

Step 1 Step 2 
STEP 2 Crea un nuovo livello e apri
quest’immagine sempre con Photoshop. Quindi copiala e incollala nel documento dello sfondo, cancella la ® e ridimensionala come vuoi. Ora premi Ctrl + C sulla miniatura del livello del logo: si creerà una selezione intorno alla mela. Premi Shift + Canc per riempire la selezione: ti si aprirà una nuova finestra. Usa il colore di primo piano, qualunque esso sia non ha importanza.
Step 2 (1) 
STEP 3 Ora bisogna applicare lo stile di livello. Per prima cosa seleziona Sovrapposizione sfumatura e impostala così:

Step 3
Step 3 (1)
STEP 4 Ora bisogna applicare un’ ombra interna. Per il colore usa #689c0b.
Step 4
STEP 5 Infine applica un bagliore interno in questo modo (il colore è sempre #689c0b) :
Step 5
Dovresti ottenere uno sfondo come questo:

APPLE
Se il tuo è uguale a questo allora sei riuscito a seguire questo semplicissimo tutorial. COMPLIMENTI!

venerdì 28 ottobre 2011

Intro bitdesigns

E’ stata realizzata l’intro per il nostro sito. La puoi vedere sul nostro canale YouTube e anche qui!

giovedì 27 ottobre 2011

3. Creare un vortice luminoso

In questo tutorial vi spiegherò come creare un vortice luminoso intorno ad una persona, animale o qualsiasi oggetto sia.
Questo sarà il risultato finale:

STEP 7 - Risultato finale

STEP 1
Copia l’immagine seguente e incollala in un nuovo documento di Photoshop.

STEP 1
STEP 2
Quindi con lo strumento Penna crea un nuovo tracciato di linee dritte, come nell’immagine sotto.

STEP 2 
STEP 3
Quindi vai sull’icona dello strumento Penna e cliccaci con il tasto destro, quindi scegli Strumento Cambio punto di ancoraggio. Ora cambia i punti di ancoraggio arrotondandoli. Dovresti ottenere un tracciato simile a quello dell’immagine sotto.

STEP 3 
STEP 4
Ora seleziona lo strumento Pennello (B). Usa un pennello rotondo e 5px come diametro; setta il bianco come colore di primo piano. Quindi con lo strumento Penna (P) clicca col tasto destro del mouse sul tracciato e seleziona Traccia tracciato. Si aprirà una nuova finestra di dialogo: setta le impostazioni come riportato nell’immagine successiva e clicca su OK.

STEP 4

Quindi deseleziona oppure elimina il tracciato. Dovresti ottenere qualcosa di simile:

STEP 4 (2)
STEP 5
Ora seleziona lo strumento Gomma e con un pennello con durezza 0% cancella le parti del vortice che non dovrebbero essere visibili.

STEP 5

STEP 6
Ora bisogna applicare lo stile di livello. Aggiungi un Bagliore esterno. Settalo come nell’immagine successiva. (Il colore usato è 72bbff)

STEP 6 
Ora aggiungi un Bagliore interno ed usa questi settaggi:

STEP 6 (2)
Il colore usato è sempre lo stesso (72bbff).

STEP 7
Ora duplica il livello del vortice e cancella lo stile di livello. Quindi vai in Filtro > Sfocatura > Controllo sfocatura ed usa un raggio di 6px. Dovresti ottenere qualcosa del genere:

STEP 7 - Risultato finale
Se la tua immagine è simile a quella di sopra allora hai seguito correttamente il tutorial. COMPLIMENTI!

martedì 25 ottobre 2011

2. Effetto oro su testo

In questo tutorial vi mostrerò come creare un carino effetto oro su un testo. Questo sarà il risultato finale:
Risultato finale  STEP 1 Crea un nuovo documento e tramite lo Stile livello applica una Sovrapposizione sfumatura dal nero a un marrone scuro (#443501)
Step 1
STEP 2
Crea un nuovo livello e riempilo con il bianco. Assicurati di avere il bianco come colore di primo piano e il nero di sfondo; quindi vai in Filtro > Texture > Applica texture e imposta i settaggi come vedi nell’immagine seguente.Step 2
Quindi setta l’opzione di fusione del livello su Moltiplica. Dovresti ottenere qualcosa di simile a questo:
Step 2 (1)
STEP 3 Aggiungi un testo. Io ho usato il Times New Roman.
Step 3
STEP 4 Ora puoi iniziare a creare l’effetto oro. Per prima cosa setta la Sovrapposizione sfumatura, come mostrato qui sotto.
Step 4 Step 4 (1)
STEP 5 Ora puoi aggiungere Traccia. Per il Tipo di riempimento usa il Gradiente: impostalo come nell’immagine che segue.
Step 5Step 5 (1)
STEP 6 Ora aggiungi Smusso ed effetto rilievo, come mostrato qui sotto.
Step 6
STEP 7 Infine aggiungi un’ombra esterna; segui l’immagine che segue.
Step 7
 Risultato finale
Se il tuo risultato è simile all’immagine qui sopra vuol dire che sei riuscito a seguire il tutorial. COMPLIMENTI!