Siamo appena tornati dalle nostre, speriamo meritate, vacanze e, senza troppi convenevoli, è giunto il momento di rimettersi in marcia, sperando che anche voi vi siate goduti un pò di riposo! Ripartiamo nella maniera che più ci piace: proponendovi un nuovo tutorial per Adobe Photoshop piuttosto alla portata di tutti.
Oggi vedremo, infatti, come creare una composizione di oggetti, ispirandoci un pò al del logo dei Guns N’ Roses.

Innanzitutto, creiamo un nuovo documento (1000×800 px) con sfondo nero e vi applichiamo questo gradiente radiale.

Successivamente importiamo questa texture nel documento, la desaturiamo, ridimensioniamo e la impostiamo su moltiplica.

Ecco, ora, l’occorrente per la nostra composizione: una rosa, una foglia, una pistola, delle fiamme e un teschio.

Iniziamo con l’aprire tutte le nostre immagini all’interno di Photoshop, e grazie allo strumento bacchetta magica (in combinazione, anche, con il Refine Edge), scontorniamo le nostre immagini.

Successivamente importiamo all’interno del nostro documento, l’immagine del teschio e della rosa (quest’ultima và anche ridimensionata).

Creiamo un nuovo gruppo (ad es. Rose1) e vi inseriamo il livello della nostra rosa all’interno. Ora la duplichiamo 3 volte e disponiamo le nostre rose in posizioni diverse e con grandezze diverse. Vi consiglio anche di ruotare le varie rose in modo tale da migliorarne l’effetto.

Duplichiamo il gruppo Rose1, lo spostiamo verso il lato destro e, entrando nella modalità Trasformazione Libera (Cmd o Ctrl+T), lo riflettiamo orizzontalmente.

Successivamente importiamo anche l’immagine della foglia (precedentemente scontornata) e la posizioniamo al di sotto dei gruppi delle rose. Anche qui, duplichiamo e riflettiamo, per cercare di avere questo risultato.

Ripetiamo lo stesso procedimento con le pistole. Inoltre, dovreste avere la palette Livelli disposta in questo modo.

Inseriamo, ora, l’immagine delle fiamme all’interno del documento. Laridimensioniamo, ed eventualmente (come nel nostro caso) la distorciamo un pò. Infine, la posizioniamo dietro i livelli delle rose, delle foglie e delle pistole.

Duplichiamo il livello delle fiamme e ne ruotiamo e rimpiccioliamo la copia, in modo tale, che sembrino più compatte.

Inoltre, possiamo utilizzare lo strumento sfumino per rendere più realistico l’effetto.

Adesso è il momento di sistemare un pò le luci e le ombre della nostra composizione, perchè fino ad ora, ci siamo limitati solo a posizionare gli elementi all’interno del nostro documento. Quindi, con gli strumenti Brucia e Scherma, andiamo a migliorare le luci e le ombre degli oggetti della nostra composizione.

Inoltre, dobbiamo anche creare le ombre che ogni oggetto crea al di sopra di un altro (l’ombra del teschio, delle foglie, delle rose e così via). Quindi, con un pennello morbido, creiamo una serie di ombre come mostrato in figura.

Infine, aggiungiamo una serie di livelli di regolazione: uno di tonalità/saturazione, una mappa gradiente, e una regolazione di curve.

Ed ecco pronta la nostra composizione!

In fatto di design, non c’è nulla da dire, i prodotti Apple sono sempre esteticamente molto belli. Ed è di Apple che parliamo oggi, anzi di iPod. Vedremo, infatti, come creare un iPod Nano in Photoshop. Questo sarà l’ultimo articolo, e quindi anche l’ultima guida, prima di rilassarci con un pò di vacanze della durata di circa 2-3 settimane.

Creiamo un nuovo documento 300×700 px con sfondo bianco. Creiamo un nuovo gruppo con il nome di “Base”. Tramite lo strumento rettangolo, creiamo una forma rettangolare al centro del documento di colore #c3c3c3.

Modificando il tracciato della nostra forma, aggiungiamo un punto nella parte bassa in modo tale da rendere leggermente arrotondata la zona inferiore dell’iPod.

Infine applichiamo questo gradiente allo stile livello dell’iPod.

Su un nuovo livello, sempre all’interno del nostro gruppo, creiamo dei rettangoli verticali ai margini dell’iPod attraverso lo strumento selezione rettangolare.

Successivamente, andiamo su Filtro -> Sfocatura -> Controllo sfocatura e impostiamo un valore pari a 5. Infine eliminiamo le parti che fuori escono dell’iPod attraverso una maschera di livello ed impostiamo l’opacità a 50%.

Terminata la base, ora passiamo alla creazione del player che ci consente di cambiare canzone, mettere in pausa e così via. Questo, è a forma di corona circolare che possiamo ricreare facilmente attraverso l’uso di tracciati o selezioni.

E vi applichiamo questo stile livello.

Per quanto riguarda la creazione dei vari pulsanti presenti nel player, ho preferito fare un’animazione che chiarisca il metodo utilizzato. Molto più facile a farsi, che a dirsi! Infine, la font utilizzata per il testo “Menu”, è Lucida Grande con una grandezza di 15pt.

Otterremo qualcosa del genere.

Creiamo un nuovo gruppo con il nome di “Schermo”. Tramite lo strumento rettangolo arrotondato, con un raggio di circa 5px, creiamo lo schermo del nostro iPod di colore #181818.

Vi applichiamo una sovrapposizione gradiente.

Su un nuovo livello, creiamo un rettangolo leggermente più piccolo del precedente. Vi applichiamo, anche qui, un gradiente.

Creiamo un ultimo gruppo, con il nome di “Luci”. All’interno vi creiamo un altro gruppo all’interno del quale, su un livello, creiamo un rettangolo di colore bianco.

Vi applichiamo un controllo sfocatura con un valore pari a 10. Successivamente abbassiamo l’opacità del livello a 55% ed impostiamo il gruppo su “Colore scherma”. Eliminiamo le parti che fuori escono dall’iPod con una maschera di livello o come meglio credete.

Creiamo un nuovo livello e, attraverso lo strumento lazo poligonale, formiamo una selezione come in figura.

Infine, utilizzando lo strumento gradiente (dal bianco al trasparente) creiamo un riflesso e impostiamo il livello su Luce Soffusa. Eliminiamo i residui con una maschera di livello.

Ed il nostro iPod Nano è completo! Per ottenere diverse colorazioni, ci basterà cambiare il colore della nostra base

I mondiali di calcio in Sudafrica sono iniziati da un pezzo e stiamo ormai entrando nella fase “calda” del torneo. Purtroppo, i nostri azzurri non sono riusciti a passare il girone di qualificazione, quindi non ci resta che aspettare altri 4 anni per poterci rifare. Nel frattempo, oggi voglio mostrarvi come creare un poster vintage dedicato ai mondiali in Photoshop!

Innanzitutto dobbiamo aprire la bandiera del Sudafrica, o ricrearla in Photoshop, all’interno di un nuovo documento di lavoro.

Fatto ciò, utilizziamo lo strumento testo e iniziamo a personalizzare la bandiera secondo i nostri gusti. Io ho scelto di inserire la scritta “Sudafrica” in bianco, al di sopra della prima striscia bianca. Ho utilizzato come font, Helvetica Neue Bold e come valore di spaziatura tra i caratteri -100.

Successivamente, con la stessa tecnica, ho posizionato il testo “2010″ in bianco al di sotto della seconda striscia bianca.

Infine ho posizionato i testi “Football” e “World cup” in giallo, in prossimità delle due strisce oblique sulla sinistra.

Adesso, creiamo un nuovo livello. Utilizziamo lo strumento selezione rettangolare per creare dei prolungamenti ai testi. Ad esempio, nel nostro caso, siamo andati a prolungare la U di Sudafrica e il numero 1 di 2010.

Importiamo all’interno del nostro documento questa texture, la ridimensioniamo, desaturiamo, e la impostiamo su Moltiplica con il 70% d’opacità.

Infine creiamo 2 livelli di regolazione. Il primo è un filtro fotografico seppia con una densità pari a 95%. Il secondo invece, è una mappa gradiente che và dal nero al bianco e che impostiamo su Luminosità. Ecco pronto il nostro poster in peino stile retrò!

Vi ricordo che per qualsiasi dubbio o domanda potete utilizzare i commenti!

Siamo già arrivati al 5° video tutorial in italiano sulle nuove funzionalità di Photoshop CS5. Oggi vedremo come è semplice ottenere un’effetto HDR grazie alle nuove impostazioni di regolazione di Photoshop.

In questo breve videotutorial vi mostro le nuove potenzialità dello strumento contagocce in Photoshop CS5. Davvero utile per gli amanti del disegno digitale

In questa breve guida vi voglio mostrare il funzionamento del riempimento content-aware in Photoshop CS5. Per qualsiasi domanda o dubbio, basta lasciare un commento

In questo breve videotutorial, vi mostro l’utilizzo della funzione Smart Radius introdotta in Photoshop CS5, nella selezione dei capelli di una ragazza. Per qualsiasi domanda o dubbio, non esitate a commentare!

In occasione della festa di Halloween, vi proponiamo un tutorial su come creare, facilmente, una simpatica zucca tipica della festa, con Photoshop!

Apriamo un nuovo documento (grandezze a piacere, nel mio caso 800 x 800 px) con sfondo nero. Creiamo un’ellisse al centro del nostro documento (#FF6600) e le applichiamo un’ombra interna.

Duplichiamo la nostra ellisse (Ctrl + J), apriamo la trasformazione libera (Ctrl + T) e impostiamo il valore di larghezza intorno al 70%.

Duplichiamo, ancora la nostra ellisse (l’ultima creata) e, seguendo le operazioni sopra descritte, rimpiccioliamo il valore di larghezza del 50%. Otterremo una cosa simile:

Abbassiamo il valore di riempimento (fill) delle 2 ellissi modificate, su 0%. Spostiamoci sulla prima ellisse creata e le applichiamo una sovrapposizione sfumatura.

Attraverso lo strumento penna, creiamo delle forme: dovranno essere gli occhi e la bocca della nostra zucca. Non ci sarà bisogno, ovviamente, di essere precisi

Cambiamo il colore della/e nostra/e forma/e (#311D03), abbassiamo il valore di riempimento a 70% e applichiamo un’ombra interna.

Modifichiamo lo sfondo e aggiungiamo qualche ultima decorazione, e la nostra zucca è pronta!

Nel tutorial che vi proponiamo oggi, vedremo come creare un’elegante ma efficace scritta di errore 404 con Adobe Photoshop. Lasciate pure qualsiasi dubbio o domanda nei commenti .

In primis, creiamo la nostra area di lavoro: utilizzeremo un documento 530 x 280 px; successivamente riempiemo lo sfondo con un grigio (#232323).

Utilizziamo lo strumento Testo per creare la scritta “404″con un font chiaro, leggibile e semplice. In questo caso utilizziamo un Arial Bold a 300 pt e di colore bianco; la posizioniamo al centro del documento.

Ora è il momento di far capire al visitatore di questa pagina di non aver trovato il contenuto desiderato. Utilizzeremo, quindi, l’ormai simbolica scritta “Error page not found“. Dato che noi, però, badiamo maggiormente al design, dobbiamo in primis trovare una posizione adatta ed efficace, ma al contempo elegante, per il nostro testo. Per questo, posizioneremo la nostra scritta in questo modo:

Per ottenere questo risultato, dovremmo creare 3 scritte: una con scritto “error” da ruotare di circa -55°, un’altra con scritto “page”, ed un’altra ancora con scritto “not found” sempre ruotata di -55° circa.

Per quanto riguarda la scritta “page”, per fare in modo che segua una traccia curvilinea, bisognerà creare un tracciato e successivamente posizionarvi sopra con lo strumento testo. In questo modo, il testo si andrà a disporre lungo il tracciato creato.

Selezioniamo, ora, tutti i livelli di testo dalla palette dei livelli, clicchiamo su di essi con il tasto destro e scegliamo l’opzione “Convert to smart object”. In questo modo si formerà un’unico livello, che però sarà costituito dai livelli iniziali: sarà possibile modificare sia lo smart object come livello unico, sia i livelli originali (facendo doppio click sullo smart object).

La funzione dello smart object in questo caso è relativamente utile: lo abbiamo utilizzato per una completezza e maggiore ricchezza della guida; avremmo ottenuto, infatti, lo stesso risultato unendo i livelli.

Aggiungiamo ora uno stile livello allo smart object, in modo da renderlo più gradevole ed elegante all’occhio:

Ecco il nostro risultato: