[Tutorial]Creare Banner 88x31

« Older   Newer »
 
  Share  
.
  1. peppecpu
     
    .

    User deleted


    Procedura per relizzare un banner animato 88x31 con Photoshop ed Image Ready.
    Non ci occuperemo della creazione del banner, ma solo dell'animazione. Supponiamo di aver creato in photoshop questo banner:
    image

    l'immagine è composta dai seguenti livelli:
    image

    clicca sul pulsante indicato in figura (situato in fondo alla toolbar di photoshop) per passare l'immagine ad Image Ready

    Attendi l'avvio, dal menù finestra/Area di lavoro clicca su Resetta posizione delle palette
    image

    L'interfaccia di Image Ready ti si dovrebbe presentare come in figura
    image

    Come puoi notare non è molto differente dal photoshop, i livelli dell'immagine sono presenti anch'essi in Image Ready ed in basso a sinistra è presente una finestra che mostra i fotogrammi che compongono l'animazione, proprio in questa finestra clicca sul pulsante duplica frame corrente, un nuovo fotogramma compare nell'animazione
    image

    assicurati che il fotogramma 2 sia selezionato e rendi invisibile dalla paletta dei livelli il livello di testo "cliccami"
    image

    possiamo notare dalla finestra dell'animazione che il secondo fotogramma non mostra il testo reso invisibile, a differenza del primo
    image

    cliccando sul pulsante riproduci animazione possiamo vedere il risultato
    image

    effettivamente è troppo veloce, premi il tasto CTRL e clicca sul 1 fotogramma, in modo da selezionare entrambi i fotogrammi e fai clic (con il tasto sinistro o destro del mouse) sul tempo mostrato sotto ad uno dei fotogrammi. Il ritardo tra un fotogramma e l'altro per default è impostato a 0, portalo a 0.5 (mezzo secondo)
    image

    riproduci nuovamente l'animazione...
    image

    Molto meglio! Possiamo salvare il bannerino in gif. Dalla finestra principale dell'immagine clicca su 4-viste
    image

    La prima è l'originale, alle altre tre puoi cambiare dalla paletta ottimizza il numero di colori ed i modi di rappresentazione. Clicca sulla seconda immagine ed imposta il numero di colori ad 8;
    image

    seleziona la seconda ed imposta il numero di colori a 16;
    image

    seleziona la quarta immagine ed imposta il numero di colori a 64. Ottieni una visuale delle quattro modalità.
    image

    La prima, ad 8 colori, è decisamente da scartare, poco definita! La seconda, a 16 colori sembra ottima, l'ultima, è come la terza, solo che possiede 4 colori in più rispetto la precedente ed occupa qualche bytes in più. Seleziona la terza immagine e dal menù file clicca su Salva ottimizzata con nome...
    image

    Ecco il risultato, un bel bannerino 88x31 pronto da utilizzare...
    image

    by peppecpu
     
    .
  2. BOMMER
     
    .

    User deleted


    Alè!!!
    Grande peppecpu lo stavo cercando :lol:
     
    .
  3. calaiò93
     
    .

    User deleted


    bel tuto ;)
     
    .
  4. BOMMER
     
    .

    User deleted


    Raga una volta fatto come faccio a postarlo?
     
    .
  5. LepSyus
     
    .

    User deleted


    www.tinypic.com vai su sfoglia clicchi sull'immagine e gli dici "Carica Ora" poi prendi il codice html e lo metti qui...
     
    .
  6. BOMMER
     
    .

    User deleted


    Mi esce questa scritta:
    Caricamento non riuscito! An error occurred while uploading the file

     
    .
  7. ~DjLavezzi~
     
    .

    User deleted


    postala su www.imageshack.us o qui https://www.forumcommunity.net/?act=image
     
    .
  8. BOMMER
     
    .

    User deleted


    ok grz
     
    .
  9.  
    .
    Avatar

    Master of Spam

    Group
    Member
    Posts
    3,745
    Location
    Valhalla

    Status
    Offline
    bello
     
    .
  10. ~Rv|
     
    .

    User deleted


    molto utile..
     
    .
9 replies since 8/3/2008, 19:52   2814 views
  Share  
.