[Tutorial] Creazione Barre Avanzamento / Blinkie

[Photoshop]

« Older   Newer »
 
  Share  
.
  1. • Sergio1991© »
        Top   Dislike
     
    .

    User deleted


    Questo modulo consenterà di imitare barre di avanzamento delle applicazioni quando si istallano, oppure quando eseguono una determinata operazione (Utile per chi crea siti web) tale tutorial può essere applicato per chi adopera Adobe Flash cosi da creare vere e proprie barre di avanzamento di qualsiasi stile e qualsiasi CSS. Tale tutorial non è per Adobe Flash ma una rappresentazione grafica, per tanto non vi aspettate se inserite la .gif animata Adobe Flash ve la prenda come barra di caricamento (avanzamento)

    Materiale:

    - Adobe Creative Suie CS4 Photoshop Extended
    - Base
    - CSS E Skin

    Difficolta:

    - Alta

    Soluzione:

    (Barra Avanzamento)

    (Barra Avanzamento)

    (Contatore % Standard)

    Creazione Contatore Dati Ricevuti:

    - Aprite Adobe CS4 Photoshop CS4 e create un nuovo documento 80x80
    - Andate su "Inserite Testo"

    Esecuzione di loop (Ovvero da ripetere)

    - Nuovo Livello
    - Cliccate in mezzo al Layer e Scrivete in esso "1%"
    - Cliccate su "Inserite Testo"
    - Impostate il carattere un pò più piccolo e in alto a destra scrivete "1MB di 100MB Ricevuti"




    - Dupilicate Il Livello
    - Cliccate in mezzo al Layer e Scrivete in esso "2%"
    - Cliccate su "Inserite Testo"
    - Impostate il carattere un pò più piccolo e in alto a destra scrivete "2MB di 100MB Ricevuti"




    - Dupilicate Il Livello
    - Cliccate in mezzo al Layer e Scrivete in esso "3%"
    - Cliccate su "Inserite Testo"
    - Impostate il carattere un pò più piccolo e in alto a destra scrivete "3MB di 100MB Ricevuti"

    Eseguire tale operazione fino a 100% "100MB Ricevuti di 100MB"




    Esempio:

    Dati Ricevuti Dati Inviati

    Creazione Della Barra Di Avanzamento Dati:

    Dato il tempo, dato la situazione creamo solo una barra standard che vadi sincronizzata con il nostro contatore di %

    - Aprimo Adobe CS4
    - Nuovo Documento 50x50



    - Creamo Ora Un Cerchio Al Suo Interno




    - Portiamo L'Immagine A 50 di Altezza e 300 di Larghezza
    - Andiamo Su Image Size "Regolazione Misura Immagine"
    - Duplichiamo 5 Livelli Uguli
    - Distanziate I Cerchi Presenti




    Diamo L'animazione






    Tutto Cambia a seconda di come lo montate, vi viene più o meno professionale

    Edited by « N a p p i » - 31/3/2014, 21:14
     
    .
0 replies since 21/11/2008, 20:53   208 views
  Share  
.
Top