Tutorial Userbar

-)- Come creare una striscia a piacere -(-

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar


    Group
    Legend
    Posts
    28,417
    Location
    Prefettura di Kanagawa

    Status

    -Tutorial Userbar -




    Ecco alcuni esempi:
    CITAZIONE


    Preparare il piano di lavoro:



    Clicchiamo su File>Nuovo e creiamo un nuovo documento di 350 x 19 pixel.


    Aggiungere Immagine:



    Prendiamo la nostra immagine, che deve essere per forza omogenea alle misure della userbar (cioè che deve occupare TUTTO lo spazio) e apriamola con photoshop. Ora sta a voi decidere quale parte dell'immagine volete far vedere (se necessario riducetela: il problema è che se la riducete troppo, la larghezza diventa minore della userbar. Se dovesse succedere usate un nuovo livello e mettetelo sotto l'immagine, poi usate il secchiello e riempite con un colore che si intoni con quelli dell'immagine)

    Inserire Riflesso:



    Questo riflesso serve a dare un lieve effetto 3D.

    Andiamo su Livello>Nuovo Livello. Ora con lo "Strumento Selezione Ellittica" creiamo un cerchio o un ovale, la cui punta inferiore deve andare a toccare all'in circa la metà (in altezza) della userbar, in modo da avere alla fine un semicerchio che parta dall'alto.

    Riempiamo la selezione appena creata di bianco e mettiamo l'Opacità a 32% o come volete voi la trasparenza del riflesso.

    Inserire la Cornice:



    Unite i Livelli cliccando Ctrl + Shift + E.

    Selezionate tutta l'area con Ctrl + A.

    Ora andate su Modifica>Traccia... e mettete come Impostazioni:

    Colore = Nero (o come volete ;) )

    Dimensioni = 1px (pixel)

    Posizione = Centro

    E poi OK.

    Infine deselezionate con Ctrl + D.

    Special:
    Se volete potete anche aggiungere effetti o scritte, In quest'utlimo caso vi consiglio di usare il font (scritta): Visitor TT2 BRK , e mettete come impostazioni:

    - Dimensioni: 12px
    - Colore: come volete.
    CONTATTISITO
     
    Top
    .
  2. »Am&li@~
     
    .

    User deleted


    Braviximo zoretto miooo molto utilee :rules:
     
    Top
    .
  3.  
    .
    Avatar

    Capitano
    Livello utenteLivello utenteLivello utenteLivello utente

    Group
    Member
    Posts
    1,115

    Status
    Per caso sai dove si scarico quel font che hai detto?nnt lo ho trovato...

    Edited by kevin25 - 28/8/2008, 14:53
     
    Top
    .
  4. Goro87
     
    .

    User deleted


    basta ke lo cerchi so google...io l'ho preso così...cmq grazie 1000 del tutorial mi è stato davvero utile!!! solo una domanda: come si fa quell'effetto stile barre diagonali sopra l'immagine???

    EDIT: ho un'altra domanda: io con photshop creo la userbar e alla fine la salvo come JPG. però quando la vado a mettere in firma è piccolissima! come posso fare per risolvere il problema???
     
    Top
    .
  5.  
    .
    Avatar

    Capitano
    Livello utenteLivello utenteLivello utenteLivello utente

    Group
    Member
    Posts
    1,115

    Status
    Per la prima domanda è facile:Vai su questo forum --- lì troverai altri pattern.
    La seconda domanda:chiedi agli altri io non so...

    Edited by Vegeta° - 29/8/2009, 23:46
     
    Top
    .
  6. Goro87
     
    .

    User deleted


    grazie 1000!!! purtroppo non so che fare per la seconda domanda... :(
     
    Top
    .
  7.  
    .
    Avatar

    Capitano
    Livello utenteLivello utenteLivello utenteLivello utente

    Group
    Member
    Posts
    1,115

    Status
    Di niente..
     
    Top
    .
  8.  
    .
    Avatar

    Don’t let distance keep you apart a moment longer, let words be

    Group
    Member
    Posts
    1,405
    Location
    Everywhere

    Status
    carino..
    SITO
     
    Top
    .
  9.  
    .
    Avatar

    "Buona domenica"

    Group
    Marine
    Posts
    3,959
    Location
    Ignoranzaland

    Status
    Thanks zoro, ottimo tutorial :idolo:
     
    Top
    .
  10. -Pandaman-
     
    .

    User deleted


    grazie molto semplice e utile :)
     
    Top
    .
  11. =Boken=
     
    .

    User deleted


    semplice e diretto ;)
     
    Top
    .
  12.  
    .
    Avatar

    Feeling the flow!!

    Group
    Marine
    Posts
    8,500

    Status
    per l effetto rigato......come si chiama? dove lo trovo? mi linkate che io sti effetti di photoshop nn riesco a trovarlo!!:( .....se serve io ho il cs3
    SITO
     
    Top
    .
  13. -TheBastard-
     
    .

    User deleted


    CITAZIONE
    per l effetto rigato......come si chiama?

    :eheh: vorrei saperlo anche io!!
     
    Top
    .
  14.  
    .
    Avatar


    Group
    Legend
    Posts
    28,417
    Location
    Prefettura di Kanagawa

    Status
    E' un effetto che si fa a mano in 30 secondi (una volta imparato):

    - Aprite un livello di 3x3 pixel o 6x6 pixel.
    - Zommate al massimo (mi pare 3200%).
    - Selezionate lo strumento MATITA.
    - Scegliete il colore che volete dare alle "righe".
    - A partire dall'angolo in alto a sinistra (se volete le righe in obliquo verso destra) o in alto a destra (se volete le righe in obliquo verso sinistra), cliccate per fare dei quadratini in diagonale (obliquo), uno alla volta, verso il lato opposto (naturalmente). Dovete fare una linea in obliquo insomma, che tagli in 2 il livello (ad esempio dovete fare solo 3 quadratini se avete aperto un livello 3x3).
    - Ora andate su: Modifica -> Definisci pattern... -> OK (potete nominare il pattern).
    ___________________________

    Ora fatevi la userbar. Una volta che avete finito aprite un livello (che stia sopra la userbar), in seguito fate così:

    - Ctrl+A.
    - Modifica -> Riempi:
    Nella finestra che vi si apre cliccate accanto a Usa: Colore.
    - Pattern (appena sotto vi apparirà un quadratino con scritto "Pattern Personale", cliccatelo).
    - Andate in fondo e troverete il vostro pattern con i 3 quadratini.
    - Cliccatelo e poi OK.

    Ora avete l'effetto rigato. Potete diminuire l'opacità del livello del vostro pattern a 30 per dargli un effetto semi-trasparente.
    CONTATTISITO
     
    Top
    .
  15. -TheBastard-
     
    .

    User deleted


    grazie mille Zoro
     
    Top
    .
21 replies since 2/1/2008, 19:00   3712 views
  Share  
.
Top