You are not logged in.

Dear visitor, welcome to Gladiatus ITALIA. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

  • "Sir Xiradorn" is male
  • "Sir Xiradorn" started this thread

Posts: 12

Date of registration: Jan 29th 2008

About me:


Profili anche su: (Tony Frost o Xiradorn)
G+ Twitter Flickr
In Pinterest sono presenti tutte le firme:
battleknight, bitefight, gladuatus, .... (anche quelle vecchie se ho il tempo materiale di caricarle).[/b]

~~~~~~~~~~~
~ Repositories Ufficiali ~
Pinterest ~ Imageshack ~ DeviantArt - Flickr
~~~~~~~~~~~

Location: Da qualche parte in qualche dimensione

Occupation: Studente (di giorno), Grafico (anche webbe) (di notte), Barista (d'estate)

  • Send private message

1

Friday, December 6th 2013, 4:42pm

[Tutorial] [Facile] PS: Userbar con Photoshop

Beh visto che qualcuno me le ha chieste posto un piccolo e semplice tutorial su come fare tali cose. Qualcuna l'ho fatta e la potete vedere in galleria. Sono sfiziose da fare accettate in quasi tutti i forum perchè davvero poco ingombranti e leggere ma a seconda della vostra bravura potranno essere delle piccole opere. Eccone una per intenderci anche se come potete vedere è leggermente più elaborata di quello che vi insegno



Molto bene dato che ora avete capito di cosa sto parlando iniziamo a dire come se fa. Mi perdonino i moderatori di sezione per il numero di immagini postate in un unico post

Fasi:
1. Iniziamo come sempre aprendo il nostro caro bel photoshop e iniziamo un nuovo lavoro cliccando su File >> Nuovo e impostiamo tali parametri.
larghezza >> 350 px (px = pixel)
altezza >> 19 px
sfondo >> trasparente
dovremmo avere una cosa di questo tipo

2. Selezioniamo lo strumento a forma di secchiello (g) con il tasto destro e scegliamo tra i due lo strumento gradiente. Nella parte superiore apparira uno spazio contenente una sfumatura su cui dovrete fare un click e scegliere le colorazioni come nell'esempio (la prima volta provate così per capire)


Poi fatto questo mettetevi nella parte alta dell'immagine e tenendo premuto il tasto shift trascinate una linea dall'alto verso il basso e precisamente dal bordo alto a quello basso. Traccerete così una linea perfetta e al rilascio del mouse avrete l'area colorata con la sfumatura da voi data in questo modo


3. Fatto questo possiamo creare un nuovo documento usando tali diemensioni
larghezza >> 3 px
altezza >> 3 px
sfondo >> trasparente
e fatto questo usate la lente di ingrendimento per zoomare al massimo (da 100% a 3200%) così da vedere bene il riquadro. Selezionate poi la matita e scegliete come dimensioni della matita 1 px e il colore nero dalla paletta dei colori. poi disegnate questo


poi selezionate il menù Modifica >> Definisci pattern e date un nome qualsiasi. Poi tornate al vostro documento.

4. Fatta tale cosa potro creare un nuovo livello tramite il menù Livello >> Nuovo >> Livello e il menù Modifica >> Riempi. Da questo selezionate dal menù a tandina nella voce usa la funzione Pattern e sotto scegliete la pattern appena creata da voi. Sun menù fusione scegliete o lasciate la funzione Normale e come livello di opacità scegliete 30 %. La risultante dovrebbe essere questa


5. Bene possiamo ora andare a inserire quello che sarà la nostra immagine preferita che dovremo ritagliare precedentemente e cercando di essere accurati nel ritaglio o procurandosi qualcosa a fondo trasparente. Fatto questo apriamola in photoshop e ridimensioniamola mantenendo le proporzioni (per fare questo tengo premuto il tasto shift e trascino uno degli angoli per la dimensione da me desiderata). Io ho usato tale immagine


Qundi la risultante dovrebbe essere una cosa del genere


6. Abbiamo davvero quasi finito. Creiamo ancora un ulteriore livello, come in precedenza, nel quale andremo a creare un piccolo giochetto di luce. Selezioniamo lo strumento selezione (M) con il tasto destro e prendimo quello a forma di ellisse tratteggiata. Portiamoci nell'angolo in alto a sinistra e trasciniamo il tutto fino allìangolo in basso a destra. Avremo così questo


Spostiamo poi verso l'alto tale selezione attraverso i tasti freccia del vostro pc fino a trovarvi in questa situazione


Dovrete ora selezionare dal menù Modfica >> Riempi la funzione colore e scegliere il bianco (#ffffff). Fatto questo dovremmo aver riempito l'area selezionata di bianco. Poi dalla paletta dei livelli alla vostra destra scegliete come opacità il valore 30%. Dovreste avere questo


Poi selezionate dal menù Selezione >> Tutto. Poi scegliete il menù Modifica >> Traccia e selezionate tali opzioni
Spessore >> 1 px
Colore >> nero (#000000)
Interno
Fusione >> Normale
Opacità >> 100%
Se avete fatto tutto bene dovreste trovare questo risultato


7. Bene bene. Ora andate su Google e scaricate il font visitors (sicuro sta dentro un file zip), aprite il contenuto e buttatelo nella cartella Font di Windows.
EDIT: Dato che voglio essere più preciso vi posto qui il font giusto. Lo potete scaricare e poi estraete il contenuto e buttatelo nella cartella dei Fonts di Windows



Tornate a photoshop, scegliete lo strumento testo (T) e selezionate il carattere appena scaricato e selezionate tali parameti


Poi fatto ciò scrivete il vostro testo, posizionatelo al centro con i tasti freccia della tastiera e selezionate dalle proprità di fusione l'opzione Scherma Lineare (Linear screen se non erro). Poi fate doppio click nella paletta dei livelli sul livello del testo appena digitato e selezionate dal menù che si apre l'opzione traccia con questi parametri


Se avete ottenuto questo complimenti! e alla prossima





Auesto tutorial è stato il primo che ho scritto e non è recente. Ho pero controllato è questi passaggi hanno piena compatibilità con le versioni di Photoshop dalla CS3 a quella attualmente esistente
* Sir Xiradorn - Tony Frost *
**

**
** ~ Sir Xiradorn Emporium ~ - Grafico - Gladiatus.it **
Galleria: ~ Sir Xiradorn Emporium ~

Similar threads