[Tuto flash cs4 texte] Translation de photo



Translation de photo


Bonjour à toutes et à tous.
Nous allons voir comment créer cet effet



Étape du TUtoriel N° 1

Tout d'abord ouvrir un nouveau document
En as2
Cliquez sur la miniature pour la voir en taille réelle
nouveau document.png

Y rentrer les dimensions de vos photos (il faut que vos photos soient de la même taille)
Cliquez sur la miniature pour la voir en taille réelle
propriétés du document.png


Étape du TUtoriel N° 2

Nous allons importer dans la bibliothèque nos deux photos
Cliquez sur la miniature pour la voir en taille réelle
importer dans la bibliotheque.png

Nous allons renommer notre calque en « image 1 »
Puis prendre notre photo et la placer sur le calque
Cliquez sur la miniature pour la voir en taille réelle
image 1 placer.png

Centrer cette photo en cliquant sur le bouton aligner
boutton aligner.png

position.png


Étape du TUtoriel N° 3

Ensuite créer un 2éme calque en le renommant image 2
Cliquez sur la miniature pour la voir en taille réelle
nouveaux calque image 2.png

Puis faire comme pour la première image pour l'importer dessus et la centrer
Cliquez sur la miniature pour la voir en taille réelle
importation img 2.png


Étape du TUtoriel N° 4

Nous allons maintenant créer un nouveau calque et le renommer en « masque »
calque 3 masque.png

nous allons sélectionner l'outil rectangle avec une couleur verte
et tracer un rectangle à gauche de votre image comme ceci
Cliquez sur la miniature pour la voir en taille réelle
rectangle vert a gauche.png

Vous pouvez augmenter un peu votre champ de vision en changent le zoom ici
Cliquez sur la miniature pour la voir en taille réelle
zoom.png

Nous allons prendre l'outil de sélection
Cliquez sur la miniature pour la voir en taille réelle
outil de selection.png

Cliquer sur notre rectangle vert (qui changera de couleur) puis changer ses dimensions en celles de nos images de départ
Pour ce faire nous cliquons ici sur info
Cliquez sur la miniature pour la voir en taille réelle
boutton info.png


Étape du TUtoriel N° 5

Puis clique droit sur le rectangle vert et convertir en symbole
Cliquez sur la miniature pour la voir en taille réelle
modifier 3 point.png

Cliquez sur la miniature pour la voir en taille réelle
renommer ici aussi.png

Maintenant il faut bien aligner les bords des images et du rectangle vert de cette façon
Cliquer sur aligner puis centrer dans alignement.
Cliquez sur la miniature pour la voir en taille réelle
aligner puis centrer.png

Revenir sur notre calque « masque »
Faire un clic droit dessus puis sélectionner masque
Vous devriez avoir un changement maintenant
Cliquez sur la miniature pour la voir en taille réelle
changement.png


Étape du TUtoriel N° 6

Ensuite créer un nouveau calque le renommer en « action »
Puis cliquer sur fenêtre action et coller le code fourni avec le tuto
Ensuite faites ctrl+entrée pour avoir un aperçu de votre fichier fini.

code insere
speed = 14;
imageMask.onEnterFrame = function() {
if ((this._width + this._x) < _xmouse) {
if (this._width + this._x >= _xmouse - 0.8 || this._width + this._x == _xmouse) {
this._x = _xmouse - this._width;
} else {
this._x += (_xmouse - (this._width + this._x)) / speed;
}
} else if ((this._width+this._x) > _xmouse) {
if ((this._width + this._x) <= _xmouse + 0.8 || (this._width + this._x) == _xmouse) {
this._x = _xmouse - this._width;
} else {
this._x -= ((this._width + this._x) - _xmouse) / speed;
}
} else {
this._x = _xmouse - this._width;
}
};


08/02/2009
0 Poster un commentaire

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 7 autres membres