E-anim

Accueil­Portail­FAQ­Rechercher­S'enregistrer­Membres­Groupes­Connexion
Poster un nouveau sujet   Répondre au sujet
 

Créer une loupe

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
jaurrel
Super acro
Super acro


Nombre de messages: 229
Age: 41
Date d'inscription: 29/05/2006

MessageSujet: Créer une loupe   Jeu 13 Déc - 23:41

Création d'une loupe:


Explications
Pour obtenir l'effet de loupe il faut mettre la même image avec une taille deux fois plus grande.
La différence avec un simple effet de masque, c'est que l'on va déplacer l'image de fond, en fonction de la souris.
Donc la souris controle la loupe et l'image de fond.
L'image de fond ce déplace en sens inverse de celui de la souris.

1/ Mettre les dimensions de l'anim de la même taille que l'image.

2/ Créer un groupe que vous nommerez "fond"

  • 2.1/charger l'image que vous désirez (même taille que l'anim)


3/ créer un groupe que vous nommerez "anime"

  • 3.1/Charger a nouveau l'image,
    Modifier le x% à 200%, le y% à 200%,
    Centrer l'image (pour la centrer facilement diviser les dimensions x et y et noter les dans les cases X et Y)


  • 3.2/ sortir du groupe anime.
    Sélectionner le groupe anime.
    Mettez vous sur le 1 de la barre de temps
    Aller dans "Ajouter une action programmé".
    Sélectionner "action immédiatement".
    Sélectionner "démarrer".
    Insérer le code suivant:
    Code:

    _root.varmx=_root._xmouse;//on met dans varmx la coordonnée x de la souris
    _root.varmy=_root._ymouse;//on met dans varmy la coordonnée y de la souris
    _root.anime._x=_root.fond._width-_root.varmx;//on retire la taille de la souris à la taille de l'image en x
    _root.anime._y=_root.fond._height-_root.varmy;//on retire la taille de la souris à la taille de l'image en y

    Sélectionner "Ok".

4/ Remettez vous sur le 0 de la barre de temps

5/ Créer un groupe que vous nommerez "drag"


  • 5.1/ dessiner le décor de la loupe
    note: ne pas mettre de dessin ni d'image à l'endroit ou vous aller poser votre loupe.



  • 5.2/ créer un groupe que vous nommerez "loupe"
    Dessiner un rond noir.


  • 5.3/ sortir du groupe "loupe"
    Sélectionner le groupe "loupe".
    Aller dans "Ajouter une action programmé".
    Sélectionner "action immédiatement".
    Sélectionner "démarrer".
    Insérer le code suivant:
    Code:
    ActionCallFunction_1("_root/anime.setMask", _root/drag/loupe);//donne le nom de l'objet qui sert de masque à la fonction (setmask)

    Sélectionner "Ok".
    Sortir du groupe "drag".

6/La loupe comme souris.


  • Sélectionner le groupe "drag"
    Aller dans "Ajouter une action programmé".
    Sélectionner "action immédiatement".
    Sélectionner "démarrer".
    Insérer le code suivant:
    Code:
    startDrag (_root/drag, true);//donne le groupe tracter
    0; "Mouse.hide"; code_3D( ); //cache la souris

    Sortir du groupe «drag»

7/ sauvegarder Wink

à la demande, je vous joint le point phi et l'image de fond
(note: l'image est un de mes dessins, je vous permet de l'utiliser, mais vous devevez laissé apparaitre Jaurrel 2007. Merci de votre compréention)

télécharger le Fichier : loupe.phi

télécharger le Fichier : vsf.jpg
_________________


Dernière édition par Admin le Mar 26 Fév - 1:58, édité 3 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Rock Lee
Modérateur
Modérateur


Nombre de messages: 4125
Date d'inscription: 03/05/2006

MessageSujet: Re: Créer une loupe   Ven 14 Déc - 0:19

belle utilisation Smile
_________________
Watch This >
Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
marco53
Super acro
Super acro


Nombre de messages: 331
Localisation: Lyon
Date d'inscription: 19/10/2007

MessageSujet: Re: Créer une loupe   Ven 14 Déc - 1:05

Bonsoir Jaurrel,

Merci pour ce tuto très bien détaillé, c'est net, clair et précis. Dès que j'ai un moment j'attaque le projet loupe.

Au fait le logiciel de dessin que tu m'as indiqué, je l'ai installé, mais hélas pas d'aide en français et comme ce log est assez compliqué, je n'ai rien pu en tirer. Je l'ai donc désinstallé, mais je te remercie quand même.

Et puis les habitudes tu sais, difficile de les changer alors je suis donc revenu dans photofiltre et j'ai pu réaliser à peu près la même chose, c'est à dire avec un halo en utilisant le plugin " Bump Mapping" (effet graver de la lumière). En fait on réalise un effet spot lumineux qu'il faut bidouiller pour obtenir l'effet voulu et le diamètre, ensuite reste à faire une percée dans le milieu. Le résultat n'est pas aussi joli qu'avec ton Masq mais ça l'en rapproche pas mal

A bientôt

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
boy432
Modérateur
Modérateur


Nombre de messages: 3981
Age: 13
Localisation: Paris
Loisirs: Ne rien faire le tenis et l'informatique
Date d'inscription: 03/09/2007

MessageSujet: Re: Créer une loupe   Ven 14 Déc - 18:11

très detailler Wink
_________________
Inventeur en chef de : GraVisme TM
lancez le t'chat


_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.boy432.o-n.fr
Beldjilali
Programmeur
Programmeur


Nombre de messages: 2740
Date d'inscription: 24/06/2007

MessageSujet: Re: Créer une loupe   Ven 14 Déc - 19:31

superbe le mask n'a plus de secret pour personne
_________________

Sur mon site, récupère ce diapo et mets-y tes images gratuitement :

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://Beldjilali.fr.nf
ANTOINE DU 75
Nouveau
Nouveau


Nombre de messages: 9
Age: 10
Date d'inscription: 14/12/2007

MessageSujet: Re: Créer une loupe   Sam 15 Déc - 1:07

Beldjilali a écrit:
superbe le mask n'a plus de secret pour personne

sauf pour moi je my attaque tout de suite Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
chris_c
Super acro
Super acro


Nombre de messages: 7123
Age: 39
Date d'inscription: 18/11/2007

MessageSujet: Re: Créer une loupe   Sam 15 Déc - 3:49

très bon tuto.
_________________
Un film décapant, un thriller intense et flippant:
http://www.youtube.com/watch?v=DmbSorzgSmA
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
fastoche
Super acro
Super acro


Nombre de messages: 1647
Date d'inscription: 29/05/2007

MessageSujet: Re: Créer une loupe   Sam 15 Déc - 15:01

Citation:
Explications
Pour obtenir l'effet de loupe il faut mettre la même image avec une taille deux fois plus grande.
La différence avec un simple effet de masque, c'est que l'on va déplacer l'image de fond, en fonction de la souris.
Donc la souris controle la loupe et l'image de fond.
L'image de fond ce déplace en sens inverse de celui de la souris.

1/ Mettre les dimensions de l'anim de la même taille que l'image.

2/ Créer un groupe que vous nommerez "fond"

  • 2.1/charger l'image que vous désirez (même taille que l'anim)


3/ créer un groupe que vous nommerez "anime"

  • 3.1/Charger a nouveau l'image,
    Modifier le x% à 200%, le y% à 200%,
    Centrer l'image (pour la centrer facilement diviser les dimensions x et y et noter les dans les cases X et Y)


  • 3.2/ sortir du groupe anime.
    Sélectionner le groupe anime.
    Mettez vous sur le 1 de la barre de temps
    Aller dans "Ajouter une action programmé".
    Sélectionner "action immédiatement".
    Sélectionner "démarrer".
    Insérer le code suivant:
    Code:

    _root.varmx=_root._xmouse;//on met dans varmx la coordonnée x de la souris
    _root.varmy=_root._ymouse;//on met dans varmy la coordonnée y de la souris
    _root.anime._x=_root.fond._width-_root.varmx;//on retire la taille de la souris à la taille de l'image en x
    _root.anime._y=_root.fond._height-_root.varmy;//on retire la taille de la souris à la taille de l'image en y

    Sélectionner "Ok".

5/ Créer un groupe que vous nommerez "drag"


  • 5.1/ dessiner le décor de la loupe
    note: ne pas mettre de dessin ni d'image à l'endroit ou vous aller poser votre loupe.



  • 5.2/ créer un groupe que vous nommerez "loupe"
    Dessiner un rond noir.


  • 5.3/ sortir du groupe "loupe"
    Sélectionner le groupe "loupe".
    Aller dans "Ajouter une action programmé".
    Sélectionner "action immédiatement".
    Sélectionner "démarrer".
    Insérer le code suivant:
    Code:
    ActionCallFunction_1("_root/anime.setMask", _root/drag/loupe);//donne le nom de l'objet qui sert de masque à la fonction (setmask)

    Sélectionner "Ok".
    Sortir du groupe "drag".

6/La loupe comme souris.


  • Sélectionner le groupe "drag"
    Aller dans "Ajouter une action programmé".
    Sélectionner "action immédiatement".
    Sélectionner "démarrer".
    Insérer le code suivant:
    Code:
    startDrag (_root/drag, true);//donne le groupe tracter
    0; "Mouse.hide"; code_3D( ); //cache la souris

    Sortir du groupe «drag»

7/ sauvegarder Wink

bonjour ,jaurrel,avec quelle version peut on faire la loupe ,car je teste tout ce qu' on peut tester et je n'y arrive pas?
_________________

mEs-anims ICI
quelques tutos en AS ICI
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
boy432
Modérateur
Modérateur


Nombre de messages: 3981
Age: 13
Localisation: Paris
Loisirs: Ne rien faire le tenis et l'informatique
Date d'inscription: 03/09/2007

MessageSujet: Re: Créer une loupe   Sam 15 Déc - 19:16

ba le masq c'est la plus recente :scrool: un ? donc la 702 Wink
_________________
Inventeur en chef de : GraVisme TM
lancez le t'chat


_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.boy432.o-n.fr
jaurrel
Super acro
Super acro


Nombre de messages: 229
Age: 41
Date d'inscription: 29/05/2006

MessageSujet: Re: Créer une loupe   Sam 15 Déc - 19:46

exact c'est la 7.02 merci boy
_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
fastoche
Super acro
Super acro


Nombre de messages: 1647
Date d'inscription: 29/05/2007

MessageSujet: Re: Créer une loupe   Sam 15 Déc - 20:07

ok,je suis vraiment pas doué alors!!
_________________

mEs-anims ICI
quelques tutos en AS ICI
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
boy432
Modérateur
Modérateur


Nombre de messages: 3981
Age: 13
Localisation: Paris
Loisirs: Ne rien faire le tenis et l'informatique
Date d'inscription: 03/09/2007

MessageSujet: Re: Créer une loupe   Sam 15 Déc - 20:22

mais non t'es douer Very Happy
_________________
Inventeur en chef de : GraVisme TM
lancez le t'chat


_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.boy432.o-n.fr
chris_c
Super acro
Super acro


Nombre de messages: 7123
Age: 39
Date d'inscription: 18/11/2007

MessageSujet: Re: Créer une loupe   Dim 16 Déc - 21:23

au point 5/ il faut revenir au temps 0
_________________
Un film décapant, un thriller intense et flippant:
http://www.youtube.com/watch?v=DmbSorzgSmA
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
DrNaBl
Modérateur
Modérateur


Nombre de messages: 1868
Date d'inscription: 09/06/2006

MessageSujet: Re: Créer une loupe   Dim 16 Déc - 22:03

Tuto super structuré et clair Wink
_________________

http://infoprographiesimple.free.fr/ <--découvrez pleins de tuto,cours sur l'informatique, la programatio et le graphisme très prochainement.
Le forum d'InfoProGraphie Simple ouvre ses portes:
http://infoprographiesimple.free.fr/forums/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
jaurrel
Super acro
Super acro


Nombre de messages: 229
Age: 41
Date d'inscription: 29/05/2006

MessageSujet: Re: Créer une loupe   Mar 18 Déc - 13:10

chris_c a écrit:
au point 5/ il faut revenir au temps 0


exact j'avait oublier le point 4
je l'ai ajouté
_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Créer une loupe

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
E-anim :: Comment faire, Problème, Bug :: Tutoriels-
Poster un nouveau sujet   Répondre au sujet