E-anim
AccueilPortailFAQRechercherS’enregistrerConnexion
 

Créer une loupe

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



Age : 40
Inscrit le : 29 Mai 2006
Messages : 139

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
Rock Lee
modo
modo



Inscrit le : 03 Mai 2006
Messages : 3523

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

belle utilisation Smile
_________________
Salut Invité , combat ma brute LIEN
Revenir en haut Aller en bas
marco53
super acro
super acro



Inscrit le : 19 Oct 2007
Messages : 150
Localisation : Lyon

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
boy432
modo
modo



Age : 12
Inscrit le : 03 Sep 2007
Messages : 2991

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

très detailler Wink
_________________

Inventeur en chef de : GraVisme TM
e-anim 800 >> ne chercher plus clique
ftp://ftp2.phildes.com/phildes/setup-e-anim801011a.exe
_________________
Revenir en haut Aller en bas
Beldjilali
programmeur
programmeur



Inscrit le : 24 Juin 2007
Messages : 2226

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

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


Défoule toi sur mon ami Smile et fais le jongler :

Tu peux aussi jongler ton ami... prochainement sur mon site.

--

Hello tout le monde Laughing
Revenir en haut Aller en bas
ANTOINE DU 75
nouvaux
nouvaux



Age : 9
Inscrit le : 15 Déc 2007
Messages : 9

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
chris_c
super acro
super acro



Age : 38
Inscrit le : 18 Nov 2007
Messages : 5088

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

très bon tuto.
_________________

merci Louzanes
Qui a vu Invité ?
Revenir en haut Aller en bas
fastoche
super acro
super acro



Inscrit le : 29 Mai 2007
Messages : 879

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?
_________________
cadeau de xelozone

mEs-anims ICI
Revenir en haut Aller en bas
boy432
modo
modo



Age : 12
Inscrit le : 03 Sep 2007
Messages : 2991

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
e-anim 800 >> ne chercher plus clique
ftp://ftp2.phildes.com/phildes/setup-e-anim801011a.exe
_________________
Revenir en haut Aller en bas
jaurrel
super acro
super acro



Age : 40
Inscrit le : 29 Mai 2006
Messages : 139

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
fastoche
super acro
super acro



Inscrit le : 29 Mai 2007
Messages : 879

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

ok,je suis vraiment pas doué alors!!
_________________
cadeau de xelozone

mEs-anims ICI
Revenir en haut Aller en bas
boy432
modo
modo



Age : 12
Inscrit le : 03 Sep 2007
Messages : 2991

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
e-anim 800 >> ne chercher plus clique
ftp://ftp2.phildes.com/phildes/setup-e-anim801011a.exe
_________________
Revenir en haut Aller en bas
chris_c
super acro
super acro



Age : 38
Inscrit le : 18 Nov 2007
Messages : 5088

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

au point 5/ il faut revenir au temps 0
_________________

merci Louzanes
Qui a vu Invité ?
Revenir en haut Aller en bas
DrNaBl
modo
modo



Inscrit le : 09 Juin 2006
Messages : 1869

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
jaurrel
super acro
super acro



Age : 40
Inscrit le : 29 Mai 2006
Messages : 139

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

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  Suivante

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
E-anim :: comment faire,probléme,bug :: Tutoriaux-