Overblog Suivre ce blog
Administration Créer mon blog
18 décembre 2012 2 18 /12 /décembre /2012 08:59

 

http://nsm08.casimages.com/img/2012/12/17//1212170559007508410675185.png

Faire votre image de départ (qu'on nommera « noël ») avec un logiciel de graphisme (Corel paint shop, The gimp...)

une fois votre image terminée

ouvrir flash 8 et nouveau document flash


ensuite importer dans la bibliothèque l'image « Noel »http://nsm08.casimages.com/img/2012/12/17//1212170558487508410675180.png


Mettre dans les propriétés les dimension de l'image « Noel »

http://nsm08.casimages.com/img/2012/12/17//1212170558497508410675181.png


Faire glisser avec votre sourie l'image « Noël » sur votre document et bien le placer
http://nsm08.casimages.com/img/2012/12/17//1212170558517508410675182.png 

Prendre l'outil texte

Faire un cadre assez grand pour afficher le compte à rebours

Mettre « texte dynamique »

choisir votre police, la taille et la couleur

dans les propriété case VAR mettre « affichage »

http://nsm08.casimages.com/img/2012/12/17//1212170558557508410675183.png


Cliquer sur votre image « Noël » et faire F9, mettre le code suivant

 

Code:

dateActuelle = new Date();
dateFin = new Date(2009, 11, 24, 23, 59, 59); 
jours = (dateFin - dateActuelle) / 1000 / 60 / 60 / 24;
jours = Math.floor(jours);
heures = (dateFin - dateActuelle) / 1000 / 60 / 60 - 24 * jours;
heures = Math.floor(heures);
minutes = (dateFin - dateActuelle) / 1000 / 60 - 1440 * jours - 60 * heures;
minutes = Math.floor(minutes);
secondes = (dateFin - dateActuelle) / 1000 - 86400 * jours - 3600 * heures - 60 * minutes;
secondes = Math.floor(secondes);
if (jours <= 1){ j = " jour "; }
else { j = " jours "; }
if (seconds == 60) { seconds = 0; }
if (minutes == 60) { minutes = 0; }
if (secondes <= 9) { secondes = "0" + secondes; }
if (minutes <= 9) { minutes = "0" + minutes; }
if (jours <= -1) { affichage = "Joyeux Noël !!"; }
else { affichage = " C'est Noël dans " + jours + j + heures + "h : " + minutes + "m : " + secondes + "s"; }

 



On va modifier la 2eme ligne remplacer 2009 par 2012


le code peut être modifier pour faire différent compte à rebours


1ere frame Clique droit sur la sourie et insérer une image clé
http://nsm08.casimages.com/img/2012/12/17//1212170558567508410675184.png

Contrôle/tester l'animation



Bien suivre le tutoriel car une mauvaise manip peut tout fausser, et quand vous testerez votre animation, une erreur va se produire.


si tout est bon

fichier/importer l'animation.

 

Tutoriel créer par Illuminati
Repost 0
Published by Illuminati - dans Tutoriels Flash8
commenter cet article
20 décembre 2010 1 20 /12 /décembre /2010 10:01

Nous allons créer une horloge numérique avec Flash 8

Tout d'abors il faudra créer un cadran avec un logiciel (The Gimp, Photoshop, Corel paint shop pro...), de 160pxls/60pxls.

Nous allons pouvoir faire notre horloge numérique:


Ouvrir Votre Logiciel Flash 8

Cliquer sur Document Flash

cliquer sur le bouton 550x400pixels et
Redimensionner 160 x 60

lui donner un nom et ok
Image

Fichier importer/ Importer dans la bibliothèque
Image

Aller chercher votre cadran numérique que vous avez préalablement créer avec un logiciel (The Gimp, Photoshop, Corel paint shop pro...)

Faire glisser votre cadran dans la scène et le mettre dans son emplacement.

Prendre l'outil texte "A"

Aller à l'intérieur de votre scène et cliquer dedans

choisir la Police La taille du texte et sa couleur

dans le menu à coté, mettre texte Dynamique et on va lui donner un nom d'occurence "clock_txt"

et cliquer sur l'icone "centrer"

comme sur l'image
Image


Nous allons créer un nouveau calque

clique droit sue votre 1er calque et insérer un nouveau calque
Image

celui-ci va servir à mettre le code Action Script et nous allons le verrouiller pour implanter notre code

Nous nous positionnons sur la frame 1 de notre nouveau calque

nous allons sur la fenêtre action-image et nous allons mettre notre code


Code: 

this.onEnterFrame = function(){


var time:Date = new Date();
var hour = time.getHours();
var minute = time.getMinutes();
var second = time.getSeconds();
var clock:String=new String();

if (hour > 24) {
hour -=24 ;
}


if (hour < 10) {
hour  =  "0" + hour ;
}


if (minute < 10) {
minute = "0" + minute ;
}


if (second <10) {
second = "0" + second ;
}

clock =  hour + ":" + minute + ":" + second ;

clock_txt.text = clock ;



}



Pour savoir si vous avez réussi votre Horloge numérique aller sur contrôle et tester votre animation

Fichier/exporter/exporter l'animation

lui donner un nom et l'enregistrer en "SWF"

Votre horloge numérique est fini

Repost 0
Published by Illuminati - dans Tutoriels Flash8
commenter cet article
20 décembre 2010 1 20 /12 /décembre /2010 10:00
Horloge avec aiguilles pour site avec Flash 8

tout d''abors créer une horloge avec les aiguilles, j'ai pris le logiciel The Gimp, qui est très bien, mais vous pouvez prendre n'importe lequel (Photoshop, Corel paint shop pro...)

Créer un cadran avec The Gimp

ouvrir votre logiciel
fichier/nouveau/ 200*200pxl/transparent

Prendre outil de sélection rectangulaire cocher coins arrondis à 15 pxl
Faire votre carré et le remplir avec l'outil de remplissage avec la couleur noire
Reprendre votre outil de sélection rectangulaire vérifier coins arrondis à 15 pxl et refaire un carré mais légèrement plus petit et appuyer sur la touche "suppr".

Ce que vous devrez avoir
Image

clique droit alpha vers sélection
Image

filtre/alpha vers logo/biseau graduel

*taille de la bordure; 5
*hauteur du biseau: 40
*largeur du biseau: 2.5
*couleur arrière plan: qui doit être le blanc (normalement)

Image

ok
Prendre outil gomme et on va effacer le blanc qui dépasse des coins

On va mettre des guides
Image/guide/nouveau guide

*direction: horizontal
*position: 100

on recommence
*direction: verticale
*position: 100

votre carré doit avoir 2 lignes perpendiculaires qui se coupent au centre
outil pinceau, brosse circle(11) et mettre un point au centre

Fichier/créer/logos/biseau graduel
*texte: 12
*Taille de la police: 12

le reste ne pas toucher

faire pareil pour les chiffres: 3, 6, 9
toujours décocher backgound,

prendre le chiffre 9
faire Edition/copier visible, vous retournez sur votre cadran et vous le copier comme nouveau calque, on va le placer sur la ligne horizontale, à sa place

Faire pareil pour le 12, 3, 6


Votre cadran est fini, on l'enregistre en png, fusionner les calques (Pour sauvegarder votre travail, Faire enregistrer en psd)

Maintenant, on va faire les aiguilles qui nous serviront plus tard

Fichier/nouveau/ 3*50/ remplir avec couleur du premier plan la nommer heures
Fichier/nouveau/3*65/ remplir avec couleur du premier plan la nommer minutes
Fichier/nouveau/2*75/ remplir avec la couleur du premier plan que j'ai au-préalable mis en rouge: la nommer seconds

et vous enregistrez les aiguilles une par une en png

Maintenant, on va pouvoir commencer
Ouvrir votre logiciel Flash 8

créer: document flash
Ouvrir votre dossier ou votre cadran et les aiguilles se trouvent. les faire glisser dans bibliothèque.
Image

Mettre la scène a la taille de votre cadran, moi c'est 200*200 et ok
Image

Faire glisser votre cadran dans votre scène, ainsi que les aiguilles.
sur votre aiguille heure, clique droit convertir en symbole le nommer hours cocher la case clip et ok
Faire pareil pour les aiguilles minutes: la nommer minutes
et pour les seconds: la nommer seconds

double clique sur l'aiguille heure
déplacer votre aiguille de façon à ce que la croix soit en bas et centrer
Image

faire de même pour les autres.

on revient sur la séquence
on place les aiguilles au centre du cadran, en commençant par l'heure
Image

on va lui donner un nom d'occurrence: hours
puis les minutes
nom d'occurrence: minutes
et enfin les secondes
nom d'occurrence: seconds

Prendre l'outil de sélection et entourer votre horloge
clique droit, convertir en symbole, la nommer horloge et cocher clip, puis lui donner un nom d'occurrence: horloge

clique sur action et mettre ce code:
Code: 

onClipEvent (enterFrame) {
time = new Date();
mil = time.getMilliseconds();
s = time.getSeconds();
m = time.getMinutes();
h = time.getHours();
seconds._rotation = s*6+(mil/(1000/6));
minutes._rotation = m*6+(s/10);
hours._rotation = h*30+(m/2);
}

on ferme action.

on va tester votre horloge

ctrl + entré, si tout va bien, on va l'enregistrer en swf
Faire exporter, exporte l'animation, lui donner un nom, faire ok

c'est fini



Maintenant à vous, bonne chance

Repost 0
Published by Illuminati - dans Tutoriels Flash8
commenter cet article

Profil

  • Illuminati
  • Blog de tutoriels, de tubes, d'images, de wallpapers, etc...Venez nous voir nombreux et nombreuses.Pour me contacter cliquer sur le bouton contact.
  • Blog de tutoriels, de tubes, d'images, de wallpapers, etc...Venez nous voir nombreux et nombreuses.Pour me contacter cliquer sur le bouton contact.

Recherche