salta alla navigazione

Tecniche avanzate, precise e veloci per modificare il colore degli occhi con Photoshop Giugno 20, 2008

1 Star2 Stars3 Stars4 Stars5 Stars (7 votes, average: 4 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Fondamenti (che parolona), Grafica, Photoshop CS2, Photoshop CS3, Tutorials , 25commenti

In molti mi avete contattato per chiedermi chiarimenti su alcune particolarità non chiare e/o difficili da ottenere utilizzando il tutorial fatto un po’ di tempo fa: Photoshop: giocare con il colore degli occhi. A molti ho risposto via mail, ma data la frequenza delle domande ho pensato che la cosa migliore fosse creare un tutorial con descritte alcune tecniche avanzate, ma non nel senso che sono complicate, bensì nel senso che sono soluzioni che non vengono in mente subito.

Dal colore al b/n e modifica del colore degli occhi con il “Bilanciamento Colore”

Questo problema lo hanno avuto in tanti ma la necessità di creare il tutorial è venuta “a galla” grazie a Davide che mi ha chiesto di spiegargli i passaggi in maniera più approfondita. Sostanzialmente quello che si desidera fare è cambiare il colore degli occhi di un soggetto dopo aver trasformato in bianco e nero la foto.

Passo 1

Aprite la vostra immagine con Photoshop e duplicatela cliccando sopra il livello con il tasto destro del mouse e scegliendo Duplica livello…. Nella finestra che vi apparirà (Duplica livello) cliccate semplicemente Ok.

00-duplicate190608.jpg
Immagine: http://www.sxc.hu/photo/982488

01-okdup190608.jpg

Bene, questa copia è fatta per evitare di creare modifiche irreversibili alla foto originale. Potevamo anche non crearla dato che non modificheremo niente della foto iniziale. Ma le buone abitudini è meglio non perderle.
(more…)

Sitepoint regala Photoshop! Maggio 24, 2008

1 Star2 Stars3 Stars4 Stars5 Stars (7 votes, average: 3.71 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Computer e Web, Di Tutto Di Più, Fondamenti (che parolona), Grafica, Guidine Software, Photoshop CS2, Photoshop CS3, Special Events, Tutorials , 13commenti

polaroid-centre240508-00.png Alla buon’ora mi decido ad informarvi di questa notizia che probabilmente saprete già, ma che spero spossa risultare comunque utile a qualcuno. Sitepoint è uno dei migliori siti di “istruzione” per tutti coloro che sognano di diventare web designer, programmatori eccellenti o esperti del vasto settore internet.

In occasione di una sponsorizzazione da parte di 99designs.com, altro sito di riferimento per designer e creativi della rete (e per altro con un’ottima struttura e funzionamento), sitepoint ci dona uno dei suoi libri più belli su Photoshop: The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques. Il libro non è una guida all’uso del software Photoshop, bensì un pratico manuale pieno di tutorial per imparare al meglio determinate tecniche e utilizzi del programma; a mio avviso è molto più utile di molti altri libri. Oltre ad alcune informazioni di base, viene spiegato come si creano bottoni, sfondi, come si utilizzano e modificano i font e gli stili sul testo, come si ottimizzano le immagini per renderle perfette, come si comincia a creare un layout per un sito web ed infine alcune tecniche avanzate per facilitarci la vita con Photoshop :D ! Insomma un libro davvero da non perdere!

Dico che non è da perdere perché rimarrà gratuito per un periodo limitato e cioè fino a Venerdì 13 Giugno!

details240508-01.jpg
Clicca sull’immagine per andare a scaricare il libro!

Come Scaricare

Per scaricare il libro in formato .pdf, basta semplicemente cliccare su DOWNLOAD NOW! Fatto questo ci apparirà un pop-up dove dovremo inserire un indirizzo e-mail nel quale ci verrà inviato il link per scaricare l’e-book:
(more…)

Creare scritte 3D con Illustrator Luglio 13, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 5 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Fondamenti (che parolona), Grafica, Illustrator CS2, Tutorials , 26commenti
Potete vedere il video del tutorial a questo indirizzo (you can view video tutorial at this link):
VIDEO TUTORIAL

Oggi, dopo molto tempo, vedremo come sia possibile realizzare scritte 3D con Illustrator. Armatevi di pazienza perché è più facile da fare che da dire ;) ! Tanto per iniziare dovete aprire Illustrator, poi creare un nuovo documento di dimensioni che preferite; io ho scelto 600px per 600px (File —> New…):

new

Fatto questo selezionate il Type Tool (Strumento Testo) e poi impostate la grandezza dei caratteri ed il font come preferite (in modo da vedere bene ciò che fate):

type tool
Cliccate sullo Strumento Testo

font
Scegliete font, stile e dimensione

Ok, ora non dovete far altro che scrivere quello che più desiderate; io ho scritto due semplici lettere “CW“. Una volta scritto tutto, cliccate sullo Strumento di Selezione (Selection Tool) e selezionate il testo appena scritto cliccandoci sopra:

selection
Cliccate sul Selection Tool

letters
Una volta selezionata la scritta, vi apparirà questa “cornice” azzurra

Perfetto, ora applicchiamo al testo qualche effetto: andate su Effect —> Warp —> Arc…
(more…)

Cornici veloci a immagini e foto con Photoshop! Maggio 18, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Computer e Web, Fondamenti (che parolona), Grafica, Photoshop CS2, Tutorials, Varie , 7commenti

Grazie a Francesca (una delle lettrici del blog), posto questo breve ma fondamentale tutorial sulla creazione di cornici in Photoshop. Tanto per cominciare, c’è da dire che esistono un’infinità di metodi per ottenere lo stesso risultato, ma forse questo è davvero uno tra i più veloci! L’idea di postare un simile tutorial, la devo proprio a Francesca grazie al suo recente commento.

Iniziamo con l’aprire il nostro Photoshop e successivamente l’immagine alla quale dobbiamo applicare la cornice, andando su File —> Apri (File —> Open). Avrete di fronte a voi la vostra immagine che nel mio caso è la seguente:

image

Adesso dovete fare un semplice passaggio, che consiste nell’andare su Image —> Canvas Size:

canvas

Dopo aver cliccato, vi apparirà una finestra dove avete da settare qualche parametro:

canvas size

(more…)

Photoshop: inserire un’immagine in un testo.. Maggio 5, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Fondamenti (che parolona), Grafica, Photoshop CS2, Tutorials , 26commenti
Potete vedere il video del tutorial a questo indirizzo (you can view video tutorial at this link):

VIDEO TUTORIAL

Quello che vediamo oggi è un metodo semplicissimo e banalissimo per inserire un’immagine dentro ad una scritta. In particolare metterò un’immagine di fiori (tulipani) dentro ad un numero, il 5. Perché? Semplice, 5 è il mio nuovo page rank ;) ! Si lo so che conta poco, ma è comunque bello dirlo :D . Il risultato finale dovrà essere qualcosa di simile:

end

Bene cominciamo, la mia immagine iniziale è la seguente e la potete scaricare QUA:

image

Apritela con Photoshop (File —> Open) e cliccate sopra il livello due volte per renderlo modificabile, vi apparirà una finestra nella quale potrete rinominare il livello e fatto questo, cliccate su Ok. Bene, ora selezionate lo strumento testo (Text Tool) e scrivete quello che desiderate (nel mio caso il numero 5):

text

Come noterete il colore da usare è indifferente e la grandezza dipende dalla scritta che dovete fare e dalla grandezza dell’immagine. Fatto questo, spostate il livello del testo sotto il livello immagine (semplicemente cliccando sul livello con il tasto sinistro del mouse e trascinandolo sotto al livello con l’immagine):

move layernew position
Adesso manca il passaggio essenziale —> tenendo premuto Alt (vi apparirà un simbolino come nella figura qui sotto a sinistra), cliccate con il tasto sinistro del mouse in mezzo ai livelli per ottenere la situazione nell’immagine qua sotto a destra:
(more…)

Fonts by Gyom.Typo + scritta Far West (tutorial Photoshop)! Aprile 4, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
Inviato da Carlos in : Computer e Web, Fondamenti (che parolona), Grafica, Photoshop CS2, Tutorials, Varie , 5commenti

Per chi ancora non li conoscesse, vi presento alcuni tra i migliori fonts che abbia mai visto: quelli di Gyom.Typo! La cosa fantastica è che sono gratuiti (for personal use) e sono davvero belli; potete trovare la sua galleria a questo indirizzo e qua sotto ecco un’anteprima dei suoi fonts:

gyoms fonts

Ora vediamo di utilizzare uno dei suoi font ed in particolare questo qua (scaricabile cliccando qui), per creare una scritta in stile vecchio Far West, dato che il font si presta molto bene come potete vedere da questo lavoro fatto dall’autore stesso:

preview

La parte più complessa, e cioè il creare la scritta, ce l’ha già fatta lui :D , a noi resta solo da scaricare il font ed installarlo nella cartella dei font raggiungibile tramite il pannello di controllo: basta fare drag&drop), per poi aprire il nostro caro Photoshop.

Bene, create un nuovo documento di dimensioni che più vi piacciono, io ho creato un documento di 400×200 con sfondo trasparente (in modo che una volta fatta la scritta, potrete salvare come .gif o come .png e non avrete problemi di adattamento con gli sfondi delle pagine web):

new
File —> New

Adesso selezioniamo lo strumento testo ed andiamo a scrivere quello che desideriamo:

write

Ora giochiamo un po’ con le Blending Options cliccando sul simbolino indicato nell’immagine sotto (Add a layer style), e scegliendo appunto Blending Options…: (more…)