compteur
 
AccueilAccueil  ­PortailPortail  ­FAQFAQ  ­RechercherRechercher  ­S'enregistrerS'enregistrer  ­MembresMembres  ­GroupesGroupes  ­ConnexionConnexion  
Poster un nouveau sujet   Répondre au sujetPartager | 
 

 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: 42
Date d'inscription: 29/05/2006

MessageSujet: Créer une loupe   Jeu 13 Déc 2007, 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 2008, 01: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: 4680
Date d'inscription: 03/05/2006

MessageSujet: Re: Créer une loupe   Ven 14 Déc 2007, 00:19

belle utilisation Smile

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
marco53
Super acro
Super acro


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

MessageSujet: Re: Créer une loupe   Ven 14 Déc 2007, 01: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: 3990
Age: 14
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 2007, 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: 2998
Date d'inscription: 24/06/2007

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

superbe le mask n'a plus de secret pour personne
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: 11
Date d'inscription: 14/12/2007

MessageSujet: Re: Créer une loupe   Sam 15 Déc 2007, 01: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: 7642
Age: 40
Date d'inscription: 18/11/2007

MessageSujet: Re: Créer une loupe   Sam 15 Déc 2007, 03:49

très bon tuto.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
fastoche
Super acro
Super acro


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

MessageSujet: Re: Créer une loupe   Sam 15 Déc 2007, 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?

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


Nombre de messages: 3990
Age: 14
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 2007, 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: 42
Date d'inscription: 29/05/2006

MessageSujet: Re: Créer une loupe   Sam 15 Déc 2007, 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: 2055
Date d'inscription: 29/05/2007

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

ok,je suis vraiment pas doué alors!!

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


Nombre de messages: 3990
Age: 14
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 2007, 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: 7642
Age: 40
Date d'inscription: 18/11/2007

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

au point 5/ il faut revenir au temps 0
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
DrNaBl
Modérateur
Modérateur


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

MessageSujet: Re: Créer une loupe   Dim 16 Déc 2007, 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: 42
Date d'inscription: 29/05/2006

MessageSujet: Re: Créer une loupe   Mar 18 Déc 2007, 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