salta alla navigazione

Prime impressioni sulla creazione di wallpapers vector-brushes-colors-effects giugno 10, 2007

1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 4 out of 5)
Loading ... Loading ...
Inviato da Carlos in : Grafica, Illustrator CS2, Photoshop CS2, Tutorials, Wallpapers , trackback

Scusate per il lungo titolo ma non sapevo come battezzare questo semi-tutorial. Perché “semi”? Beh è semplice, perché ancora non sono assolutamente esperto in queste tecniche e non ho ancora acquisito i giusti metodi. Comunque proverò a spiegarvi come ho realizzato il mio ultimo wallpaper a partire da una foto e da qualche idea unita al mitico Photoshop ed ai suoi mezzi come pennelli (brushes), stili (styles), effetti (effects), etc..

Questo Tutorial pur essendo semplice, potrebbe risultare complesso per chi è alle prime armi con Photoshop!

This Tutorial isn’t so easy for Photoshop beginners!

Per invogliarvi nella lettura forse noiosa, vi invito a dare un’occhiata al risultato (cliccate l’immagine per scaricarlo / click image to download):

wallpiccolo

Bene, iniziamo con le cose serie: il wallpaper deve avere un’idea di fondo che si concretizza nel soggetto dello sfondo che si vuole realizzare. Nel mio caso avevo in mente di creare uno sfondo con una ragazza. Ho rovistato su internet fino a trovare l’immagine che faceva al caso mio e che è la seguente:

beg-img

Bene, questa immagine la vogliamo e dobbiamo vettorializzare. Il metodo più efficace e veloce per immagini così nitide e con buona risoluzione, è quello che ho descritto un po’ di tempo fa, e che si ottiene utilizzando Illustrator. Utilizzando quel metodo abbiamo il seguente risultato:

vect-img

Come vedete abbiamo ottenuto un discreto risultato. Ora dopo aver salvato l’immagine in png o jpeg della grandezza che vogliamo (scalando l’immagine in Illustrator), apriamo Photoshop e creiamo un nuovo documento di grandezza 1600×1200px andando su File –> Nuovo (File –> New); a questo punto dopo aver aperto anche l’immagine vettorializzata, facciamo drag& drop di quest’ultima sul nuovo documento utilizzando lo strumento muovi (Move Tool). Se l’immagine è troppo grande, la ridimensioniamo andando su Image —> Image Size…, il mio consiglio è quello di impostare l’altezza a 1200px e lasciare la larghezza automatica. Avrete una cosa del genere disposta su due livelli:

place-img

Bene adesso utilizzando lo Strumento Secchiello (Paint Bucket Tool) ed impostando il colore nero, coloriamo il primo livello (quello senza l’immagine) di nero cliccandoci sopra. Questo passaggio potrebbe essere evitato dando subito come Background Color il colore nero durante la creazione del nuovo file 1600×1200px.

paint-buck

Ok ora lo sfondo è uniforme a parte alcuni punti in cui bisogna renderlo più uniforme, io l’ho fatto copiando delle macchie bianche presenti sullo sfondo e attraverso i comandi trasforma, distorci, etc.. (Edit —> Trasform —>…) ho fatto in modo di trasformare quelli parti nel seguente modo:

uniform

Ora è giunto il momento di essere creativi e di usare buon gusto nelle scelte di colore, stili, etc.. Cominciamo aggiungendo un bell’arazzo (creando un nuovo livello) utilizzando un brush appartenente alla grande libreria di brusheezy (e che trovate nello zip). Chi non sapesse come utilizzare i pennelli, può leggersi questo tutorial. Perfetto, adesso diamo uno stile a questo pennello con le seguenti impostazioni:

result

outer-glow

gradient-overlay

stroke

Bene ora il nostro wallpaper dovrebbe apparire così:

progress

Ok, ora utilizziamo un altro pennello a cui diamo le seguenti impostazioni:

brush-grad

Ecco come diventa il pennello:

sec-brush

Perfetto ora aggiungiamo l’ala (sempre un pennello) e poi andiamo nelle Blending Options e applichiamo un Color Overlay bianco al 100% di opacità e diamo al livello uno Stroke di 3px, outside, 100% opacità e di colore bianco (con Fill Type = color). Posizioniamo il livello dell’ala sopra l’altro livello, tanto è bianco su bianco :) . Ecco come procede il lavoro:

progress

Ora ci manca da aggiungere le stelline e quell’effetto d’etereo che dà un’atmosfera più magica al tutto. Questi effetti sono fatti con un plugin di Photoshop che si chiama Auto FX Mystical Lighting; a questo indirizzo potete provare la demo:

LINK Mystical Lighting

Non vi sto a descrivere il procedimento, nello zip trovate i livelli già pronti.
Infine rimane la mia scritta con il pennello aggiuntivo il cui stile lo potete trovare sempre nello zip da scaricare. Non vi sto a spiegare come si fa dato che il procedimento è lo stesso che abbiamo utilizzato finora con gli altri pennelli e quindi non dovreste avere difficoltà.

Concludendo quindi posso consigliarvi di cercare sempre buoni pennelli e di usare molta fantasia nella scelta dei colori e degli stili che applicate ai livelli; inoltre a volte anche dei plugin possono fare la differenza ;)

Altri articoli che potrebbero interessarti:

Commenti»

1. trollhouse - giugno 11, 2007

bbbbbbbbone ste wallpaper

2. Izzyweb.it - giugno 11, 2007

complimenti gran bella ragazza e interessante post

3. Andrea Opletal - giugno 12, 2007

Carlos … ho messo su un “contest fotografico” …..mi farebbe piacere che partecipassi anche tu!!!

4. T4n|n0 Ru|3z - giugno 17, 2007

sei un grande,ho scoperto da poco il tuo blog e ne sn rimasto colpito. In estate dovrò lavorare come grafico pubblicitario,e sto imparando ad usare photoshop ( anche se userò prevalentemente adobe rpemier pro x montaggi video ). Ho la passione x la programmazione,gestisco anche 1 piccolo portale che se vuoi puoi visistare.. se vuoi posso metterti tra gli affiliati.. ho inserito 1 tuo tutorial con relativa fonte e tutto..
volevo chiederti 1 cosa se non sono di troppo.. fai qualche altro tutorial di questo genere x creazione di wallpapers o blend.. vorrei imparare a farne d migliori. Se vuoi posso aiutarti anche in alcuni tutorial.. ho realizzato alcune mie creazioni anche… se hai msn magari c sentiamo li.. cmq complimenti ancora e continua così,ciao !

5. Carlos - giugno 18, 2007

Complimenti per il sito, e per il tutorial tranqui, non ci sono problemi :D

Sicuramente qualche altro “studio” sui wallpaper lo farò e poi pubblicherò le mie impressioni :)

6. T4n|n0 Ru|3z - giugno 20, 2007

nn hai 1 bannerino? lo metto tra gli affiliati e t segnalo anche nel forum ;)

7. T4n|n0 Ru|3z - giugno 20, 2007

volevo kiederti 1 altra cosa.. m sn registrato anche io e sto facendo 1 sito su wordpress.. ma i temi sono solo quelli ke ti da lui? nn posso scaricarne ed installarne altri? se si,come?

8. Carlos - giugno 20, 2007

Per quanto riguarda i temi, sì, sono solo quelli che ti da wordpress (puoi comprare il supporto per modificare i css ma in sostanza rimane il tema scelto).

Per il bannerino puoi usare questo:

http://img218.imageshack.us/img218/7683/carloswebmq8.gif

Grazie e ciao :D

9. T4n|n0 Ru|3z - giugno 21, 2007

aggiunto.. sto facendo anche io il blog… taninorulez.wordpress.com :D

10. Carlos - giugno 22, 2007

Grazie :) ! Vai con il blog :D !

11. alessandro - giugno 25, 2007

ciao carlos,
sono un grafico alle prime armi e trovo il tuo blog molto interessante e utile….naturalemnte sei nella mia cartella dei preferiti .. l’unica pecca e’ che tradurre tutto dall’inglese all’italiano e’ un po difficile…
nn demordere mai il tuo blog e’ veramente bello…

12. Carlos - giugno 26, 2007

grazie ;)

13. Valdeci goularte junior - ottobre 2, 2007

Muito boa essa montagem de imagem amigo,
tb curto essas coisas de Psicodelismo..

ok

14. Laura - ottobre 30, 2007

ciao Carlos innanzitutto grazie perchè ccopiando ho fatto un bellissimo regalo amia sorella! spieghi davvero bene!
volevo chiederti un favore..dove trovo il brush che hai usato per coprire il seno di marylin monroe?! grazie ancora ciao!

15. Carlos - novembre 1, 2007

Ciao Laura, grazie per i complimenti :D

Mi spiace ma all’epoca della scrittura di questo tutorial feci il grande errore di non dare indicazioni sul dove poter reperire i pennelli utilizzati, con il risultato che ora non lo so neanche io :(

Mi dispiace.

16. lx - novembre 3, 2007

mitico come sempre!

17. Carlos - novembre 6, 2007

@lx

gentilissimo come sempre :D

18. Laura - novembre 14, 2007

l’ho trovatooooo! grazie!!
p.s.poi dovrai spiegare come fai a fare le labbra di Marylin così lucide e di quel colore……………:-(ciaoooo!

19. Carlos - novembre 15, 2007

Bene :D !!

(prima o poi lo spiegherò :D !)

20. carmen - dicembre 6, 2007

ciao carlos,innanzitutto complimenti sei un maestro bravissimo!!sono alle prime armi e mi sto trovando bene con le tue spiegazioni..ora mi volevo cimentare in questo ma avendo scaricato lo zip contenente i file mi blocco!devo inserirli?spiegami…grazie

21. Carlos - dicembre 11, 2007

Ciao, nello zip hai il file completo. In più è fornito il set di pennelli per realizzare il wallpaper. Devi solo seguire le istruzioni per portare a termine il lavoro.

Ciao e se hai problemi chiedi pure :)

22. eclipsedheart - dicembre 28, 2007

Ottimo wall.
Non concordo molto sugli stili applicati al brush in alto a sinistra, troppo.. “accecanti”.
Rimane comunque un gran wallpaper ;)

23. Carlos - dicembre 30, 2007

Forse non hai tutti i torti :)

Sono felice che comunque ti sia piaciuto

24. madowee11 - febbraio 8, 2008

Hello Carlos, congratulations to your new &fabolous website!!!it seem just like “THE SMALL HEAN” !!!!!!!!!!
the rich &beautiful wallpapers you’ve designed makes me remember the time i was a big fan of marilyn monroe !!!! but this beautiful girl pictured in your wallpaper seems even more attractive !!! do you know what her name is or the adress of the site you downloaded the picture from? if you do , please tell me , cuz i’ve found myself to be fan of her at first sight !!! surprizingly this model owns the missing glory of marilyn !thank you so much

love,madowee11.
(i mean the girl pictured in the wallpaper with the adress below :

Link)

25. Carlos - febbraio 10, 2008

Hi and thanks for your appreciation :D !

The girl in the photo is a pornostar (Silvia Saint). Search her in google for more photos ;)

Bye

26. alessia - marzo 20, 2008

ciao, riesco a fare tutto seguendo il tuo post tranne riuscire a fare quegli effetti che tu dici di fare grazie alle blending options. io riesco a cambiare il colore del pennello ma solo nella casella del colore primo piano/colore di sfondo. quindi mi viene fuori la forma giusta ma monocromatica.
come posso fare??

27. Carlos - marzo 25, 2008

Ciao, ogni forma che aggiungi con i pennelli, deve essere aggiunta su di un nuovo livello. Fatto questo nella finestra dei livelli clicchi sopra un livello con il tasto destro e scegli “blending options” (opzioni di fusione). Gioca con ogni singolo valore :)

28. Roberto - gennaio 31, 2009

Ciao… Sapresti spiegarmi come si cambia colore dei brushes..o dei pennelli.. nn riesco a trovare il comando. oh la versione CS2

29. Carlos - febbraio 9, 2009

Ciao, il colore dei penneli si cambia scegliendo il colore nei Colori di sfondo e di primo piano predefiniti (i due quadratini in basso). Naturalmente gli effetti migliori si danno con le Opzioni di Fusione (Blending Options). Per altre informazioni sui pennelli, se vuoi puoi leggere anche questo tutorial:

http://www.carlosweb.net/2007/03/06/designfruit-brushes-davvero-belli-impariamo-ad-usarli-d/

30. Haris - luglio 11, 2009

ciao carlo senti ho un problema che mi sto spaccando la testa per riuscire a risolvere pero non va….e una problemino ‘’stupido” e cioe che non riesco a trovare opzione di fusione per colorare i pennelli….io ho photoshop cs4 ed e in inglese pero non riesco a trovarlo e quindi se riesci ad aiutarmi ti sarei grato

31. Carlos - luglio 15, 2009

Ciao, in inglese le Opzioni di fusione dei livelli si chiamano Blending Options. Devi cliccare sopra il livello con il tasto destro e scegliere queste.

Se hai altri problemi non esitare a chiedere.

Ciao