UNIVERS 10


 
AccueilPortailFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 Tuto 1 et 2 : Comment maitriser image reday ?

Aller en bas 
AuteurMessage
didjoman
Admin
avatar

Nombre de messages : 223
Date d'inscription : 21/10/2006

MessageSujet: Tuto 1 et 2 : Comment maitriser image reday ?   Jeu 26 Oct - 15:08

Voila deux tuto sympa , qui vous apprendrons à maitriser imageready (créateur de gif animé).

Ces tutos , ce n'est pas moi qui les ais fais !
Ben oui ! Pour sa il faudrait que je soit un fondateur de ces logiciels !
Etant donné que l'un deux explique le fonctionnement du logiciel ..
Pour le deuxième il créé une super bannière !
C'est hyper facile mais sa donne un effet de pro ! (surtout pour ceux qui savent pas comment c'est fait ..)


Tuto N°1





Bonjour a tous ! Aujourd'hui, je vais vous apprendre quelques conseils pour animer un smiley, pour l'instant un tuto peu imagé, car beaucoup d'étapes sont répétitives Smile .

I. Le smiley dans Photoshop

Bon, pour commencer on ouvre Photoshop, et on prend un ptit smiley (mon smiley a moi sautillera partout et explosera sur une mine :666: )
Faites un joliii smiley (vous pouvez aussi utiliser le tuto de Symon, mais le smiley prendre plus de temps a réaliser que l'animation :mdr: ).

Nouveau calque, et dupliquez votre smiley en le bougeant !

Et ainsi de suite pour toutes vos étapes d'animation !

Toutes vos images doivent etre superposées, et la derniere étape sur le dessus, la premiere tout en dessous Wink
Voila a quoi on arrive ^^

Quand tout vos calques sont finis, permuttez dans ImageReady.
(Merci a MasterCloud pour l'image Wink )
II. L'animation


Ne rendez visible QUE la premiere image, a l'aide de la case visible/invisible (l'oeil).
Ensuite, dupliquez votre image, et rendez visible votre 2e image (n'oubliez pas de rendre invisible la premiere).

Et ainsi de suite !
Truc : rendez la derniere image plus longue que les autres Wink


III. Le rendu

Et après tant d'efforts, vous avez votre petit smiley ! Je suis pas très fier du mien mais bon a vous de faire mieux Wink


©Bidibidou, toute reproduction partielle ou totale est strictement interdite sans l'autorisation [s]de moi ^^[/s] du créateur.




Tuto N°2


Alors voila je vais vous apprendre a réaliser l'effet de ma sign actuelle Wink

Ce tuto appartient au site : http://www.babylon-design.com

Mais je vais y apporter quelques modifications Wink

Bien commençons !^^
----------1----------

Pour commencer allez dans Fichier > Nouveau document (assurez vous bien que votre document est en mode RVB !!!)
Mettez la taille qui vous convient pour votre document (ne pas abuser car sinon la taille de la sign/bouton sera très lourde)

https://redcdn.net/ihimizer/img467/4338/screen9po.jpg
----------2----------

Ensuite double cliquez sur le calque Arrière plan (le seul calque) pour le déverouiller
Puis avec l'outil Pot de peinture, remplissez le de noir

https://redcdn.net/ihimizer/img467/9673/screen28bk.jpg
----------3----------

Maintenant creez un nouveau calque et prenez l'outil Rectangle aux bord arondis

https://redcdn.net/ihimizer/img389/2057/screen37ww.jpg

Et tracez un rectangle de couleur foncé (moi j'utilise la couleur ayant pour code : 002F47 )

Verifiez bien que la valeur du Radius (en anglais dsl) est entre 30 et 50 pour avoir des bords bien rond et que le mode de tracé est "plein" (Voir screen)

https://redcdn.net/ihimizer/img359/1456/screen45gl.jpg
----------4----------

Maintenant pour avoir la texture "plasmique" tant désirée , on va jouer avec les options de fusion !ero
Cliquez donc sur cette icone :

et suivez les screens Wink






Vous devriez obtenir ceci :
https://redcdn.net/ihimizer/img502/4936/screen56tk.jpg
----------5----------

Maintenant ajoutons du texte (a)

Appuyez sur la touche D pour remettre les couleurs pas default
Prenez l'outil texte !paf
Ecrivez ce que vous voulez et ensuite aller dans les options de fusion du calque texte (le même icone que en 4) et mettez ces reglages :


Voici où nous en sommes :

https://redcdn.net/ihimizer/img472/2120/screen61pw.jpg
----------6----------

On va ajouter un contour a notre bouton / bannière
Creez un nouveau calque au dessus de tout les autres
Maintenez la touche CTRL enfoncée et cliquez sur le calque de votre rectangle (ça aura pour effet de selectionner que le rectangle)
Aller ensuite dans EDITION > CONTOUR et mettez ces reglages :

Vous pouvez maintenant supprimer le calque "Arrière plan" Wink
----------7----------

On passe maintenant à l'animation !!!! !ero

transférez votre bouton/sign sur imageready en appuyant sur le bouton fait pour ça !paf (voir screen)
https://redcdn.net/ihimizer/img434/6030/screen86lj.jpg
----------8----------

Maintenant que vous êtes sur ImageReady verifiez bien que la fenêtre d'animation est visible sinon aller dans Fenêtre > Animation

https://redcdn.net/ihimizer/img434/9371/scree12vn.jpg
----------9----------

Maintenant pour animer cliquez sur le bouton "dupliquer la frame" (voir screen)

https://redcdn.net/ihimizer/img370/4043/scree24vn.jpg

Ensuite aller dans les options de fusion de votre rectangle et changez l'angle du Satin de -10° (dans le screen de -40° à -50° donc)

https://redcdn.net/ihimizer/img370/4479/scree33cj.jpg
Recommencez ensuite l'étape 9 en changeant encore de -10°
Faites la manip jusqu'a arriver à 18 frames. (à la fin j'arrive à 150°)
----------10----------

Maintenant SI vous voulez ralentir un peu le rythme de votre animation ,selectionnez la premiere frame puis maintenez la touche SHIFT enfoncée (la touche majuscule quoi) et cliquez sur la dernière frame
Toutes les frames sont ainsi selectionnées
Ensuite cliquez sur 0 sec (le délai en dessous de chaque frame) et mettez 0,1 secondes

https://redcdn.net/ihimizer/img370/4959/scree42hz.jpg

Voila c'est fini maintenant il ne vous reste plus qu'a enregistrer votre animation en faisant : Fichier > Enregistrer l'optimisé sous....
----------Résultat----------


A vous maintenant ! !clas
---BONUS--- : Si la couleur ne vous plait pas, à la fin de l'étape 5, reselectionnez votre calque rectangle et faites CTLR + U, et ainsi en bougeant les curseurs la couleur changera .
Voila normalement les images devraient fonctionnées 🆒


(Trouvés sur Crystal XP


Dernière édition par le Ven 27 Oct - 1:17, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Juninho

avatar

Nombre de messages : 349
Date d'inscription : 26/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Jeu 26 Oct - 15:12

Je croiyais que c'était toi qui aller tout expliquer lol !

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
didjoman
Admin
avatar

Nombre de messages : 223
Date d'inscription : 21/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Jeu 26 Oct - 15:14

Ben ..
Si tu veux ..
Mais ils sont trés bien faits ! Non ?
J'ai la flemme de le faire ..
Surtout que je n'aurais rien inventer ..
Sinon je peux vous les remettre ici , sa évite d'aller sur un autre site et tout ..
Si vous avez des questions ..
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Juninho

avatar

Nombre de messages : 349
Date d'inscription : 26/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Jeu 26 Oct - 15:18

Lol je te comprend que tu as la rame ! Ouai c'est vrai ils ont bien expliquer !!

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
mathieu
Admin


Nombre de messages : 526
Date d'inscription : 20/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Ven 27 Oct - 1:10

oui plutot bien expliquer
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://evolu.forumotion.com
didjoman
Admin
avatar

Nombre de messages : 223
Date d'inscription : 21/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Ven 27 Oct - 1:18

Voila , j'ai mis le tout ici !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Juninho

avatar

Nombre de messages : 349
Date d'inscription : 26/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Ven 27 Oct - 1:29

Franchement c'est bien expliquer !! BRAVO

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
didjoman
Admin
avatar

Nombre de messages : 223
Date d'inscription : 21/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Ven 27 Oct - 1:31

Merci !
Je n'y suis pour rien !!
Mais c'est pas grave lol !
Mais sinon ..
Vous avez remarquer ? L'horloge a été déreglée dans la nuit !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Juninho

avatar

Nombre de messages : 349
Date d'inscription : 26/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Ven 27 Oct - 1:36

Ouai !

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
mathieu
Admin


Nombre de messages : 526
Date d'inscription : 20/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Mar 31 Oct - 1:52

je ne peut
po t aider j y comprend dejas rien lol
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://evolu.forumotion.com
kaine

avatar

Nombre de messages : 266
Age : 28
Localisation : un peus partout ...
Date d'inscription : 28/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Mar 31 Oct - 2:28

je veins te soutenir dans ta détresse mathieu ...

2 personnes qui ne comprennent pas contre 2 personnes qui comprennent


MATCH NUL !!



lol!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
mathieu
Admin


Nombre de messages : 526
Date d'inscription : 20/10/2006

MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   Mar 31 Oct - 3:22

oui lol
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://evolu.forumotion.com
Contenu sponsorisé




MessageSujet: Re: Tuto 1 et 2 : Comment maitriser image reday ?   

Revenir en haut Aller en bas
 
Tuto 1 et 2 : Comment maitriser image reday ?
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Réservé] La Maîtrise du Soru
» Un honorable chevalier
» Fiche d'un Épéiste
» Némélios / Pyroar
» Doton l L'art de maîtriser la terre

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
UNIVERS 10 :: divers :: musée-
Sauter vers: