• 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 Tutorial completo su come creare avatar in stile windows.

~Realist

Utente Medio
Autore del topic
25 Aprile 2009
174
0
Miglior risposta
0
Tutto il materiale grafico necessario lo potrete trovare
Perfavore, Entra oppure Registrati per vedere i Link!

Se questa guida è troppo complicata partite dalla versione base dell'avatar: Qui
-------------------------------------------------------------------------------------------------------------------------------------------------------------------



Tutorial Livello Medio

Inizio:
- Aprite swishmax e create un nuovo progetto;
- Ridimenasionatelo come vi pare;
- Create dodici scene;
- Rinominatele così:
Preload
Desktop
Menù
Firefox
WMP
WMP2
Credits
Blocco
Calcolatrice
Spegnimento
Off
Standby


Preload

- Andate
Perfavore, Entra oppure Registrati per vedere i Link!
scaricate il file chiamata "Preload completo", aprite il progetto e copiate tutto quello che c'è (se non vi da errore cliccate sulla barra dell'url e poi premete invio);
- Incollatelo nella scena chiamata "Preload";

Desktop

- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserte l'immagine di sfondo;
- Inserite l'immagine di start poi cliccateci sopra con il tasto destro del mouse e date Converti-> come Pulsante;
-Andate a dx + o - al centro e dovreste trovare le propretà del pulsante, poi cliccate su Attiva lo stato "Sopra";
- Ora cliccate sullo stato sopra ed inserite l'immagine del pulsante illuminato;
- Cliccate sul pulsate -> andate su script e inserite questo codice:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite l'immagine del tasto mostra desktop e convertitela in bottone;
-Andate a dx + o - al centro e dovreste trovare le propretà del pulsante, poi cliccate su Attiva lo stato "Sopra";
- Ora cliccate sullo stato sopra ed inserite l'immagine del pulsante illuminato;
- Cliccate sul pulsate -> andate su script e inserite questo codice:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
(tranquilli non è un errore di script e solo che in questa scena non deve collegare nulla)
- Create un testo e chiamatelo clock (se non vi riesce di creare l'orologio andate
Perfavore, Entra oppure Registrati per vedere i Link!
,scaricate il progetto, copiate il gruppo con la data e l'ora e incollatelo sul vostro progetto);
- Mettelo da statico a dinamico;
- Nelle proprietà del testo (al centro verso sx) dove c'è scritto Var: scrivete timenow;
- Guardate se sono selezionate la seguente opzione:
Usa Device Font
(se non lo è selezionatela)
- Converite il testo in un clip filmato e chiamatelo: time;
- Mettete questo codice su script (cliccate sul clip filmato e poi andate su script):
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Create un testo dinamico e chiamatelo: full_date;
- Su Var: scrivete: display
- Guardate se sono selezionate la seguente opzione:
Usa Device Font
(se non lo è selezionatela)
- Converite il testo in un clip filmato e chiamatelo: date_;
- Mettete questo codice su script (cliccate sul clip filmato e poi andate su script):
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
Menù

- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite l'immagine di sfondo;
- Inserite l'immagine del pulsante star illuminato e metteteci questo script:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite il pulsante mostra desktop e cambiategli lo script mettendo questo:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite l'immagine del menù;
- Inserite tutte le icone necessarie e mettete le scritte (Firefox, WMP, Blocco note, Credits e Calcolatrice);
- Convertite tutte le icone (una ad una) in pulsanti (come fatto in precedenza con il tasto start) e attivate a tutti i pulsanti la funzione stato "sopra";
- Inserite su tutti gli stati "sopra" l'immagine dell'illuminazione delle icone (potete trovarlo nel topic del materiale grafico);
Ora inserite questi script sui rispettivi pulsanti:

Firefox:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

WMP:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Credits:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Calcolatrice:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite l'immagine del pulsante per spegnere il pc e mettetegli questo script:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Firefox:
- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite la solita immagine di sfondo (con la barra, il pulsante start e il tasto mostra desktop quello della scena del menù);
- Inserite l'immagine della finestra di firefox e scriveteci qualcosa del tipo error 404 o quello che vi pare.
- Inserite l'immagine del pulsante x (quello per chiudere) e convertitela in bottone;
- Attivate lo stato sopra e inserite l'immagine del tasto x illuminato;
- Poi date questo script al pulsante:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Ora selezionate tutto ciò che riguarda firefox (la finestra, le scritte e il pulsante x) e convertitele in un clip filmanto;
- Date questo script al clip filmato:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

WMP

- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite la solita immagine di sfondo (con la barra, il pulsante start e il tasto mostra desktop quello della scena del menù);
- Inserite l'immagine della finestra di wmp;
- Inserite il pulsante X;
- Inserite l'immagine del tasto play e andate su Script-> Suono-> playSound(...);
- Importate la canzone che volete;
Aggiungete sotto allo script playSound questo codice:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Ora selezionate tutto ciò che riguarda wmp (la finestra, il pulsante play e il pulsante x) e convertitele in un clip filmanto;
- Date questo script al clip filmato:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

WMP2

- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite la solita immagine di sfondo (con la barra, il pulsante start e il tasto mostra desktop quello della scena del menù);
- Inserite l'immagine della finestra di wmp;
- Inserite il pulsante X;
- Inserite l'immagine del tasto stop e andate su Script-> Suono-> stopSound(...);
- Importate la canzone che volete;
Aggiungete sotto allo script stopSound questo codice:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Ora selezionate tutto ciò che riguarda wmp (la finestra, il pulsante play e il pulsante x) e convertitele in un clip filmanto;
- Date questo script al clip filmato:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Credits

- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite la solita immagine di sfondo (con la barra, il pulsante start e il tasto mostra desktop quello della scena del menù);
- Inserite l'immagine della finestra dei credits e scriveteci qualcosa del tipo avatar by ... o quello che vi pare.
- Inserite il pulsante della X;
- Ora selezionate tutto ciò che riguarda i credits (la finestra, le scritte e il pulsante x) e convertitele in un clip filmanto;
- Date questo script al clip filmato:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!


Blocco


- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite la solita immagine di sfondo (con la barra, il pulsante start e il tasto mostra desktop quello della scena del menù);
- Inserite l'immagine della finestra del blocco note;
- Create un testo solo che al posto che in "statico" dovete metterlo in input (
Perfavore, Entra oppure Registrati per vedere i Link!
a
Perfavore, Entra oppure Registrati per vedere i Link!
le scritte 1 e 2 non centrano);
- Ora guardando come in
Perfavore, Entra oppure Registrati per vedere i Link!
cliccate prima dove è indicato con il numero 1 poi cliccate dove c'è il numero 2 così potrete ridimensionare il testo come volete;
- Inserite il pulsante della X;
- Ora selezionate tutto ciò che riguarda il blocco note (la finestra, il testo e il pulsante x) e convertitele in un clip filmanto;
- Date questo script al clip filmato:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Calcolatrice

- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite la solita immagine di sfondo (con la barra, il pulsante start e il tasto mostra desktop quello della scena del menù);
- Inserite l'immagine della finestra della calcolatrice;
- Scaricate da
Perfavore, Entra oppure Registrati per vedere i Link!
la calcolatrice (se vi da erroe cliccate sulla barra dell'url poi premete invio, come per il preloader);
- Copiate il clip fimato della calcolatrice dal file scaricato e incollatelo nella scena della calcolatrice del vostro progetto;
- Ridimensionatela a dovere;
- Inserite il pulsante della X;
- Ora selezionate tutto ciò che riguarda la calcolatrice (la finestra,il clip filmato e il pulsante x) e convertitele in un clip filmanto;
- Date questo script al clip filmato:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Spegnimento

- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite uno sfondo a vostro piacimento;
- Se volete inserite la gif del cerchio che gira (come nel mio avatar).
- Se volete scrivete qualcosa tipo spegnimento in corso, ecc...


Off


- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite un sfondo a vostro piacere;
- Inserite l'immagine del pulsante di accensione e metteteci questo script:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Standby



- Cliccate su script e inserite questo codice sulla scena:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
- Inserite un sfondo a vostro piacere;
- Inserite l'immagine di un pulsante e scriveteci avvedi in nero;
- Convertitelo in pulsante, attivate lo stato sopra e mabiate (nello stato sopra) il colore della scritta da nero a bianco;
- Ora mettere questo codice sul pulsante:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!


Extra


Se volete rendere il vostro avatar ancora più bello qui vi inserisco i link di alcuni suoni:
Perfavore, Entra oppure Registrati per vedere i Link!

Perfavore, Entra oppure Registrati per vedere i Link!

Ecco a voi come creare un avatar in stile windows.

AVVERTENZE

- Prima di chiedere tipo perchè non mi funziona questo o quello controllate di aver inserito gli script giusti al posto giusto;
- Se uppate prima che siano passati tre giorni dall'ultimo messaggio la vostra domanda non sarà presa in considerazione;
- Per altri problemi potete trovarmi sui social e inviarmi i vostri progetti che dopo aver correto io vi riinvierò.

Ecco i miei contatti:

MSN: avariba[MENTION=158143]Hotmail[/MENTION].it
Skype: dolfin.warrock
Xfire: carpediem142

Tutorial by ~Realist Only For Sciax2

Tutto il materiale presente in questo tutorial è sotto copyright quindi:

Don't Rip


Tutorial avatar windows by ~Realist is licensed under a
Perfavore, Entra oppure Registrati per vedere i Link!

Permissions beyond the scope of this license may be available at ~Realist
 
Ultima modifica:
Riferimento: Tutorial completo su come creare avatar in stile windows.

Ottima guida bravo! :emoji_relieved:
 
Riferimento: Tutorial completo su come creare avatar in stile windows.

Complimenti,davvero un ottimo tutorial !!
 
Riferimento: Tutorial completo su come creare avatar in stile windows.

Grazie,ho aggiunto il link del livello base del tutorial ;)
 
Riferimento: Tutorial completo su come creare avatar in stile windows.

Bella Guida E Molto Completa!Secondo Me Sarebbe Ancora Meglio Con Gli Screen!
 
Riferimento: Tutorial completo su come creare avatar in stile windows.

Li ho inseriti dove pensavo potessero sorgere qualche dubbio,comunque grazie per il consiglio.
 
Riferimento: Tutorial completo su come creare avatar in stile windows.

D'accordo con @Fail ; Nulla da dire è una grandissima guida molto utile, do grazie.