Tutorials Photoshop, Web Design, Design | Mr Flock – Pagina 237 – Il blog sulla grafica e i tutorial per Photoshop

Creare gif animate e banner

Vi siete mai chiesti come fanno alcuni membri di forum ad avere dei così bei avatar animati?

Nella maggior parte dei casi hanno usato photoshop e in particolar modo lo strumento animazione che adobe ha implementato fino dalla versione cs2.

Il concetto è lo stesso di creare un banner animato, e implica una minima conoscenza dell’animazione fotogramma per fotogramma.

Vediamo più in dettaglio come è possibile realizzare delle animazioni con gli strumenti che Photoshop ci mette a disposizione:

Capire l’istogramma di photoshop

Strumento indispensabile per chi utilizza photoshop per la fotografia l’istogramma di photoshop visualizza graficamente il modo nel quale i valori dei pixel sono distribuiti in una immagine.

Il grafico visualizza infatti il numero di pixel presenti per ogni grado di intensità del colore, definendo perciò se l’immagine è sufficentemente particolareggiata nelle ombre, nelle luci e nei mezzitoni.

Tutorial photoshop: paesaggio spaziale

Oggi vi propongo la prima parte del tutorial per creare una scena spaziale molto suggestiva in photoshop cs3.

In questa prima parte vedremo come creare le stelle e le nebulose.

Creare fasci di luce in photoshop

Vediamo oggi come creare dei fasci di luce in photoshop cs3.
Questa tecnica la potete applicare a qualsiasi immagine che contenga una fonte luminosa.
In realtà esistono diversi metodi, questa tecnica è molto semplice e si può realizzare in pochi semplici passaggi.

Vediamola in dettaglio:

Aprite in photoshop l’immagine originale:

quella che ho usato io in questo esempio la potete trovare qui

1) Iniziamo a creare una selezione attorno alla finestra.

Caricare i pennelli di photoshop

Chi conocosce adobe photoshop ha certamente familiarità con i pennelli, in internet ne trovate a migliaia gratuiti e di ogni tipo.

Vediamo come fare, una volta scaricati a usarli.

I Pennelli in photoshop hanno estensione .ABR ed è possibile caricarli manualmente oppure importarli nella cartella BRUSH di photoshop.

Per conto mio vi consiglio di importarli manualmente ogni volta che ne avete bisogno, ad eccezzione di
quelli che utilizzate veramente spesso cosi da mentenere ordinato e pulito lo spazio di lavoro.

Pulsanti in stile web 2.0

Oggi vi propongo un bel tutorial per photoshop su come creare dei fantastici pulsanti per i vostri progetti web e multimediali.

Vediamo quindi come creare un bel pulsante in stile web 2.0 con photoshop in pochi semplici passaggi.

1) Create un nuovo livello e rinominatelo in “p_sfondo”.

2) Selezionate lo strumento rettangolo arrotondato con raggio 15 px e, tenendo premuto il tasto Shift disegnate un rettangolo di colore nero nel livello appena creato.

3) Ora fate doppio click sul livello per aprire la finestra di modifica stili livello.

Pattern floreali in photoshop

Creare un pattern in Photoshop è una operazione molto semplice, infatti basta selezionare un area e scegliere

Modifica –> Definisci Pattern. ( Edit > Define Pattern )

Tuttavia spesso, senza alcuni accorgimenti questa operezione porta ad avere dei pattern pessimi, con fastidiosi difetti che ne pregiudicano l’utilizzo.

I pattern sono infatti delle figure ripetute sia in verticale che in orizzontale, è per questo che i bordi del pattern devono essere realizzati in modo di ricreare una immagine continua.

Vediamo quindi come possiamo realizzare un pattern che presenta bordi che non rendono visibile il ripetersi della figura iniziale.

I metodi di fusione

Probabilmente in molti, forse tutti avrete usato i metodi di fusione di photoshop. Questo straordinario strumento controlla in che modo i pixel contenuti in livelli sovrapposti si influenzeranno.

Lo sapevate gia? ok… ma in quanti sanno d’avvero come reagiscono i pixel al variare di questi metodi?

vediamoli un pò più in dettaglio…

1) Normale (normal): Va bhe…

Effetto luce surreale

Questo facilissimo tutorial per Photoshop è indicato a chi vuole realizzare interessanti effetti sui propri scatti fotografici.

E’ molto indicato per dare una sensazione di surreale per scatti di esterni, ma allo stesso tempo rende molto glamour anche scatti di persone..

Nel mio caso si è rivelato veramente utile per dare un pò più di profondità a dei rendering di esterno.

Testo in stile web 2.0

In questi anni si fà un gran parlare del web 2.0 e degli stili grafici che nè sono derivati.

Vediamo in questo tutorial per Photoshop come realizzare un testo in un bel stile 2.0.

Lo potrete usare come titolo per il vostro blog o per quello che volete.

+ Leggi tutto