[Guida]creare immagini con PhotoShop
4 partecipanti
Virtual Fire :: Pc :: Guide :: Informatica
Pagina 1 di 1
[Guida]creare immagini con PhotoShop
Divere ricerche hanno dimostrato che l’occhio umano che guarda un sito web è
portato a osservare per prima la parte superiore-sinistra, ecco il motivo per
cui generalmente le intestazioni dei siti web sono la loro copertina.
Vediamo
in questa lezione come realizzarne una...
1- Creiamo una nuova immagine
dal menù File > Nuovo. Si aprirà una nuova finestra in cui inseriremo le
dimensioni di 760 x 80 pixel con sfondo bianco
2- Dal pannello Strumenti
scegliamo l’icona Rettangolo Arrotondato
[Devi essere iscritto e connesso per vedere questo link]
3- Nella Barra Opzioni in alto
(subito sotto i menù di programma) impostiamo il raggio a 15 px
4- Impostiamo nel
colore di primo piano il codice FF0000 (un rosso acceso)
[Devi essere iscritto e connesso per vedere questo link]
5- Disegniamo il Rettangolo
Arrotondato cercando di estenderlo in larghezza a tutta la superficie
dell’immagine di sfondo. Una volta ottenuto il rettangolo spostiamolo verso il
basso come in figura:
[Devi essere iscritto e connesso per vedere questo link]
6- Scegliamo Traccia dal menù
Stile Livello > Opzioni Fusione impostando come colore CECDCD (un grigio
topo) e i valori:
- Dimensione 3
- Posizione Esterno
7- Questo sarà il
risultato, con i bordi grigio topo...
8- Continuiamo
inserendo il titolo e il marchio del sito web nel box che abbiamo
creato.
Aggiungiamo un nuovo livello dal menù Livello > Nuovo >
Livello...
Nominiamolo
“Testo”
Il nostro file
in questo momento è composto da tre livelli. Il primo livello è il livello di
sfondo denominato background, poi abbiamo il livella della forma dell’header,
denominato forma 1, e infine il livello Testo appena creato.
Per
visionare tutti i livelli selezionate dal menù Finestre > Livelli
si aprirà questa
finestra
[Devi essere iscritto e connesso per vedere questo link]
I livelli sono molto utilizzati poiché ci facilitano il lavoro consentendo di
lavorare su un solo elemento di un'immagine senza alterare gli altri.
Per
spiegarvi meglio pensate ai livelli come ai fogli lucidi che si sovrappongono in
un livello privo di immagini.
9- Dopo avere creato il livello “Testo” dal
pannello Strumenti scegliamo l’icona del “Testo”
[Devi essere iscritto e connesso per vedere questo link]
posizioniamoci con il
puntatore del mouse sull’immagine verso sinistra e impostiamo questi parametri
nella barra
Font:
Verdana
Stile: Regular
Dimensione: 48 pt
Anti-alias: Forte
Il
testo e formato da caratteri composti di pixel con la stessa risoluzione
dell'immagine: con l'ingrandimento il testo rivela contorni scalettati.
Tuttavia, Photoshop e ImageReady mantengono inalterate le proporzioni vettoriali
del contorno del testo e le usano ogni volta che modificate le dimensioni del
testo, salvate un file in formato PDF o EPS o stampate l'immagine con stampanti
PostScript. È così possibile produrre immagini con testo dai contorni sempre
nitidi, a qualsiasi risoluzione.
Ora scriviamo “InfernoDark -
VirtualForce” (o qualsiasi altra cosa)...
Solo per
l’opzione di fusione Traccia impostate come già abbiamo visto precedentemente il
colore F7CBCB. Questo sarà il risultato:
[Devi essere iscritto e connesso per vedere questo link]
portato a osservare per prima la parte superiore-sinistra, ecco il motivo per
cui generalmente le intestazioni dei siti web sono la loro copertina.
Vediamo
in questa lezione come realizzarne una...
1- Creiamo una nuova immagine
dal menù File > Nuovo. Si aprirà una nuova finestra in cui inseriremo le
dimensioni di 760 x 80 pixel con sfondo bianco
2- Dal pannello Strumenti
scegliamo l’icona Rettangolo Arrotondato
[Devi essere iscritto e connesso per vedere questo link]
3- Nella Barra Opzioni in alto
(subito sotto i menù di programma) impostiamo il raggio a 15 px
4- Impostiamo nel
colore di primo piano il codice FF0000 (un rosso acceso)
[Devi essere iscritto e connesso per vedere questo link]
5- Disegniamo il Rettangolo
Arrotondato cercando di estenderlo in larghezza a tutta la superficie
dell’immagine di sfondo. Una volta ottenuto il rettangolo spostiamolo verso il
basso come in figura:
[Devi essere iscritto e connesso per vedere questo link]
6- Scegliamo Traccia dal menù
Stile Livello > Opzioni Fusione impostando come colore CECDCD (un grigio
topo) e i valori:
- Dimensione 3
- Posizione Esterno
7- Questo sarà il
risultato, con i bordi grigio topo...
8- Continuiamo
inserendo il titolo e il marchio del sito web nel box che abbiamo
creato.
Aggiungiamo un nuovo livello dal menù Livello > Nuovo >
Livello...
Nominiamolo
“Testo”
Il nostro file
in questo momento è composto da tre livelli. Il primo livello è il livello di
sfondo denominato background, poi abbiamo il livella della forma dell’header,
denominato forma 1, e infine il livello Testo appena creato.
Per
visionare tutti i livelli selezionate dal menù Finestre > Livelli
si aprirà questa
finestra
[Devi essere iscritto e connesso per vedere questo link]
I livelli sono molto utilizzati poiché ci facilitano il lavoro consentendo di
lavorare su un solo elemento di un'immagine senza alterare gli altri.
Per
spiegarvi meglio pensate ai livelli come ai fogli lucidi che si sovrappongono in
un livello privo di immagini.
9- Dopo avere creato il livello “Testo” dal
pannello Strumenti scegliamo l’icona del “Testo”
[Devi essere iscritto e connesso per vedere questo link]
posizioniamoci con il
puntatore del mouse sull’immagine verso sinistra e impostiamo questi parametri
nella barra
Font:
Verdana
Stile: Regular
Dimensione: 48 pt
Anti-alias: Forte
Il
testo e formato da caratteri composti di pixel con la stessa risoluzione
dell'immagine: con l'ingrandimento il testo rivela contorni scalettati.
Tuttavia, Photoshop e ImageReady mantengono inalterate le proporzioni vettoriali
del contorno del testo e le usano ogni volta che modificate le dimensioni del
testo, salvate un file in formato PDF o EPS o stampate l'immagine con stampanti
PostScript. È così possibile produrre immagini con testo dai contorni sempre
nitidi, a qualsiasi risoluzione.
Ora scriviamo “InfernoDark -
VirtualForce” (o qualsiasi altra cosa)...
Solo per
l’opzione di fusione Traccia impostate come già abbiamo visto precedentemente il
colore F7CBCB. Questo sarà il risultato:
[Devi essere iscritto e connesso per vedere questo link]
Re: [Guida]creare immagini con PhotoShop
cioe? cosa non si vede?Artyx ha scritto:Risultato che nn si vede XDD
Re: [Guida]creare immagini con PhotoShop
La fine del tutorial che in teoria si dovrebbe far vedere l'immagine tipo finale del tutorial nn si vede, xkè io solitamente guardo quella per vedere di utilizzarlo :S
Re: [Guida]creare immagini con PhotoShop
e vero ora contorlloArtyx ha scritto:La fine del tutorial che in teoria si dovrebbe far vedere l'immagine tipo finale del tutorial nn si vede, xkè io solitamente guardo quella per vedere di utilizzarlo :S
Re: [Guida]creare immagini con PhotoShop
wow sei un grande grz per la spiegazione ^^
killercrazy90- Utente
- Sesso :
Messaggi : 11
Punti : 15
Reputazione : 1
Data d'iscrizione : 23.10.10
Età : 33
Re: [Guida]creare immagini con PhotoShop
killercrazy90 ha scritto:wow sei un grande grz per la spiegazione ^^
Prego
Re: [Guida]creare immagini con PhotoShop
Photoshop CS....?
pocho22- Utente
- Sesso :
Messaggi : 10
Punti : 10
Reputazione : 1
Data d'iscrizione : 02.06.11
Età : 29
Argomenti simili
» [Guida] Creare il Clan
» Creare Server HTTP
» Creare un layout per un sito internet
» [GUIDA] Spegner il pc con un sms!
» Adobe Photoshop CS4 ITA Portable
» Creare Server HTTP
» Creare un layout per un sito internet
» [GUIDA] Spegner il pc con un sms!
» Adobe Photoshop CS4 ITA Portable
Virtual Fire :: Pc :: Guide :: Informatica
Pagina 1 di 1
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.
|
|