• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Banner con PhotoShop

AlesanoSkull

Utente Attivo
Autore del topic
12 Agosto 2008
441
22
Miglior risposta
0
Ciao a tt!!!
Oggi volevo scrivere una guida su come creare banner con Photoshop CS3,
ho fatto anche il video di come si fa (sotto), per chi non ha capito qualche cosa.
faccio 1 piccola premessa, x essere in grado di creare e capire la guida si suppone che la persona dovrebbe avere almeno la conoscenza base del programma Photoshop, per chi invece nn sa neanke ke sia suggerirei di leggere la guida del programma (in aiuto-> aiuto Photoshop).
E COMUNQUE, PER CHI NON HA CAPITO QUALCOSA, NON STIA ZITTO,MI KIIAMI!!!
Detto kuesto direi di iniziare !!! xD
Creiamo un nuovo documento di larghezza 350 pixel e di altezza 19 pixel (impostate il resto come nella figura sottostante ^-^ )
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Ora selezioniamo i colori che vogliamo per la nostra userbar, (in alternativa si possono mettere anche foto,trascinandole in Photoshop e poi selezionando e incollandola nel rettangolo della userbar)
Ad esempio blu e rosso
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Si possono scegliere varie sfumature, scegliete quella ke vi piace d più ^.^
Ora bisogna aggiungere le linee diagonali, per farlo dobbiamo creare un nuovo documento,
di larghezza e altezza pari a 3 pixel (come nella foto sotto)
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Vi esce questo quadratino xD
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Bisogna zoomarlo a 1600% fatto? Bene mo è kosì,
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Ora bisogna soltanto disegnare 3 quadratini di colore nero (si può anke kambiare il colore, non importa) in diagonale (da 1x1 pixel), fino a ottenere questo risultato:
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Ora, per evitare di non fare tutto il banner a fare quadratini da 1 pixel clicchiamo su Modifica> Definisci pattern… e mettete il nome ke volete assegnare al pattern, fatto questo cliccate su ok.
Ora ritorniamo alla nostra userbar la selezioniamo tutto (Ctrl+A, oppure modifika>seleziona tutto)
Poi clicchiamo su modifica>riempi… e nel menù a tendina di usa selezioniamo pattern e poi scegliamo il pattern appena fatto, mettiamo l’opacità a 40%,(secondo me è la migliore, vedete voi).
(dimostrazione)
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Ora la vostra userbar dovrebbe avere le linee diagonali così:
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Bene >_<”
Ora si può mettere quello ke si vuole sulla vostra userbar, per esempio una scritta,un logo,una foto… VEDETE VOI.
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Ekko, la si può fare anke con l’effetto 3D ecc… (x farlo si va su opzioni di fusione)
Ora si passa ad aggiungere la scritta a destra, il font maggiormente usato è visitor TT2 (BRK), poi vedete voi xDD
Ekko il link x skarikare il font:
com scritta facciamo anti-alias nullo con colore bianco di sfondo (ripeto,è solo kome esempio)
dimensione 13.

Ekko, x aggiungere il bordo nero si clicca sul livello della scritta con il tasto destro poi opzioni di fusione>traccia e si imposta il kolore nero, come dimesione mettiamo 1 pixel e posizione esterno, verrà fuori così:
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Figo no??? xD wabbè
Ora mettiamo l’effetto 3D, kome???
Adesso ti spiego:
creiamo un nuovo livello, andiamo dove cé l’icona dello strumento di selezione rettangolare (foto sotto )
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

EKKO, QND LA NOSTRA USERBAR VERRà FUORI KSì,
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

1 SPLENDORE, NO? XD BUON GG A TT!!! BY Alesanoskull
[info].:Video Tutorial:.[/info]
[yt]q92K56a1QDE[/yt]
 
Ultima modifica da un moderatore:
  • Like
Reactions: 1 person
Bravissimo Alesano.. Anche se argomento più volte ripetuto, la guida è fantastica!
 
Concordo è una guida molto dettagliata!!!...cmq potresti mettere anke il link di photoshop CS3 ...grz ed ankora complimenti!!!
 
:o garzieeeeeeeeeeeeeee ^_^
me fate kommuovere ^_^ skuza firefox se ho fatto n'altra guida con photoshop, garzie ankora !!!