communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  RechercherRechercher  

Partagez
 

 [Apprenti] (Photoshop 7.0) Gif animé

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Débutant des galeries d'art
miss1955
miss1955
Débutant des galeries d'art
Féminin Date d'inscription : 11/10/2009
Age : 63
Localisation : Courthézon

[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé EmptyJeu 12 Nov 2009, 15:13

Bonjour à toutes et à tous,

Voici mon premier tutoriel. C'est un tutoriel pour débutant car je suis moi-même débutante sur photoshop et que j'ai souhaité détailler un maximum de manipulations qui paraissent évidentes lorsqu'on les connaît mais vous bloquent lorsqu'elles vous sont étrangères. Par exemple, copier une image pour obtenir un calque.


Gif animé avec Photoshop 70.


A l'ouverture de Photoshop 7.0, vous obtenez :
[Apprenti] (Photoshop 7.0) Gif animé Screen15

Nous allons ouvrir les images qui serviront à la réalisation de ce gif. Auparavant, je les ai classées dans un dossier sur mon bureau afin de les trouver rapidement.
Deux façons d'ouvrir vos images :

La première façon : Vous allez dans le menu "Fichier" et vous faites "Ouvrir" vous sélectionnez les images à ouvrir.
[Apprenti] (Photoshop 7.0) Gif animé Screen16

La seconde façon, la façon Idjya, par les raccourcis : vous avez votre dossier d'images ouvert (vous l'apercevez en bas de l'écran à côté de Adobe Photoshop) Vous vous positionnez sur la première image, vous maintenez appuyée la touche Shift enfoncée (ou Majuscule) et vous descendez jusquà la dernière image où vous faites un clic droit de la souris. L'ensemble de vos images est sélectionné. Vous les déplacez sur l'espace de travail de Photoshop
[Apprenti] (Photoshop 7.0) Gif animé Screen17

Vos images pour le gif apparaissent sur l'espace de travail.
[Apprenti] (Photoshop 7.0) Gif animé Screen18

J'ai vérifié que mes images étaient bien en RVB en ouvrant le menu "Images" puis "Mode"
[Apprenti] (Photoshop 7.0) Gif animé Screen20


Dernière édition par miss1955 le Ven 13 Nov 2009, 23:58, édité 4 fois
Revenir en haut Aller en bas
http://www.luniversims.com/
Débutant des galeries d'art
miss1955
miss1955
Débutant des galeries d'art
Féminin Date d'inscription : 11/10/2009
Age : 63
Localisation : Courthézon

[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: Re: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé EmptyJeu 12 Nov 2009, 15:34

Nous allons redimensionner les images. Pour ce faire, deux méthodes

La première méthode par les menus : "Images" vous descendez "Taille de l'image"
[Apprenti] (Photoshop 7.0) Gif animé Screen22

J'ai mis une taille de 400 x 300 pixels car j'ai beaucoup d'images. De images plus grandes auraient été plus longues à charger.
[Apprenti] (Photoshop 7.0) Gif animé Screen21

La seconde méthode par les raccourcis : Vous sélectionnez une image, c'est-à-dire que vous vous positionnez sur l'image que vous souhaitez redimensionner et vous cliquez dessus. Vous constatez que la couleur, ici bleue, au-dessus de l'image est devenue plus foncée. Clic droit de la souris, apparaît un menu contextuel, vous choisissez "Taille de l'image"
[Apprenti] (Photoshop 7.0) Gif animé Screen23

Toutes les images ont été redimensionnées
[Apprenti] (Photoshop 7.0) Gif animé Screen24

Pour mon confort personnel, je préfère lorsque les images sont toutes visibles et rangées dans l'ordre d'utilisation.
J'ouvre le menu "Fenêtre" puis "Documents" et enfin "Juxtaposer".
[Apprenti] (Photoshop 7.0) Gif animé Screen29


Dernière édition par miss1955 le Ven 13 Nov 2009, 11:22, édité 1 fois
Revenir en haut Aller en bas
http://www.luniversims.com/
Débutant des galeries d'art
miss1955
miss1955
Débutant des galeries d'art
Féminin Date d'inscription : 11/10/2009
Age : 63
Localisation : Courthézon

[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: Re: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé EmptyJeu 12 Nov 2009, 16:15

Le logiciel juxtapose les images dans un ordre aléatoire, je les ai donc rangées dans l'ordre d'utilisation pour faciliter la création du gif.
[Apprenti] (Photoshop 7.0) Gif animé Screen30


Création du gif animé

Ce sont les fameux calques qui arrivent. Nous allons faire glisser toutes les images sur l'image 1. Pour ce faire, je vous ai déplacé l'image 1 pour que vous visualisiez bien ce qui se passe.
[Apprenti] (Photoshop 7.0) Gif animé Screen31
Je sélectionne l'image 2 en cliquant dessus
[Apprenti] (Photoshop 7.0) Gif animé Screen32
Par le menu "Sélection" ,"Tout sélectionner" Par les raccourcis : CTRL + A
[Apprenti] (Photoshop 7.0) Gif animé Screen33
Par le menu "Edition", "Copier". Par les raccourcis : CTRL + C
[Apprenti] (Photoshop 7.0) Gif animé Screen34
Nous allons nous déplacer maintenant sur l'image 1.
Par le menu "Edition", "Coller". Par les raccourcis : CTRL + V
[Apprenti] (Photoshop 7.0) Gif animé Screen35

Et vous constatez que notre calque est créé.


Dernière édition par miss1955 le Ven 13 Nov 2009, 23:59, édité 2 fois
Revenir en haut Aller en bas
http://www.luniversims.com/
Débutant des galeries d'art
miss1955
miss1955
Débutant des galeries d'art
Féminin Date d'inscription : 11/10/2009
Age : 63
Localisation : Courthézon

[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: Re: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé EmptyJeu 12 Nov 2009, 16:49

Nous répétons cette opération jusqu'à épuisement complet des images. Au fur et à mesure, je réduis mes images

Création du calque 2
[Apprenti] (Photoshop 7.0) Gif animé Screen38

Création du calque 3
[Apprenti] (Photoshop 7.0) Gif animé Screen39

Jusqu'à la création du dernier calque, on aperçoit en bas de l'espace de travail mes images réduites.
[Apprenti] (Photoshop 7.0) Gif animé Screen40

Toutes mes images ont été transformées en calques. Je vais sur "Image Ready" Se trouve en bas de la "Boîte à outils" ou par les raccourcis CTRL + SHIFT (ou majuscule) + M
[Apprenti] (Photoshop 7.0) Gif animé Screen41


Dernière édition par miss1955 le Ven 13 Nov 2009, 11:28, édité 1 fois
Revenir en haut Aller en bas
http://www.luniversims.com/
Débutant des galeries d'art
miss1955
miss1955
Débutant des galeries d'art
Féminin Date d'inscription : 11/10/2009
Age : 63
Localisation : Courthézon

[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: Re: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé EmptyJeu 12 Nov 2009, 17:12

Image Ready


Voilà ce que vous apercevez lorsque vous avez basculé sur Image Ready
[Apprenti] (Photoshop 7.0) Gif animé Screen42

Nous allons Insérer toutes nos images ou calques sur la barre d'animation qui se trouve en bas à gauche. Afin que vous la visualisiez mieux je l'ai déplacée.
Cliquez sur l'icône "Reproduit l'image sélectionnée" qui se trouve en bas (à côté de la poubelle). Personnnellement, je clique sur "Reproduit l'image sélectionnée" autant de fois que j'ai de calques
[Apprenti] (Photoshop 7.0) Gif animé Screen43

Sur mes calques, je déselectionne l'oeil.
[Apprenti] (Photoshop 7.0) Gif animé Screen44

Pour n'avoir que le premier calque de visible
[Apprenti] (Photoshop 7.0) Gif animé Screen45


Dernière édition par miss1955 le Ven 13 Nov 2009, 11:32, édité 3 fois
Revenir en haut Aller en bas
http://www.luniversims.com/
Débutant des galeries d'art
miss1955
miss1955
Débutant des galeries d'art
Féminin Date d'inscription : 11/10/2009
Age : 63
Localisation : Courthézon

[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: Re: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé EmptyJeu 12 Nov 2009, 17:17

Image Ready suite


Nous allons ensuite Insérer les bonnes images dans l'animation. Dans la barre d'animation, je me positionne sur l'image, ici la 2, et sur les calques je remets l'oeil. Ce qui a pour effet d'insérer la bonne image au bon endroit.
[Apprenti] (Photoshop 7.0) Gif animé Screen47

Et ainsi de suite jusqu'à la dernière image
[Apprenti] (Photoshop 7.0) Gif animé Screen48

Il convient de régler la vitesse
[Apprenti] (Photoshop 7.0) Gif animé Screen49

Vous pouvez faire un aperçu, ce qui vous permet de rectifier si la vitesse est trop rapide ou pas assez. Ici, 0.5 était trop lent, j'ai rectifié et mis 0.2 et pour la dernière 0.1
[Apprenti] (Photoshop 7.0) Gif animé Screen50

Enregistrez : Menu "Fichier", "Enregistrez une copie optimisée" ou raccourcis : CTRL + ALT + S
[Apprenti] (Photoshop 7.0) Gif animé Screen51


Dernière édition par miss1955 le Ven 13 Nov 2009, 11:35, édité 1 fois
Revenir en haut Aller en bas
http://www.luniversims.com/
Débutant des galeries d'art
miss1955
miss1955
Débutant des galeries d'art
Féminin Date d'inscription : 11/10/2009
Age : 63
Localisation : Courthézon

[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: Re: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé EmptyJeu 12 Nov 2009, 17:27

Suite et fin  

[Apprenti] (Photoshop 7.0) Gif animé Screen52


Voici le résultat :

[Apprenti] (Photoshop 7.0) Gif animé 702ozd8hmx

C'est terminé ! Si vous avez des questions, n'hésitez pas à les poser à la suite de ce tutoriel.

Je tiens à remercier LiliSims, Frof, Gogo et Bouckie.   J'espère que vous vous amuserez bien à créer des gifs animés.

Bonne création.

MODE D'EMPLOI

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle. Si vous avez créé quelque chose en suivant le tuto pourquoi pas la poster afin de la montrer à l'auteur

-----------------------------------------

Pour d'éventuelles questions, c'est par ici et si vous souhaitez en apprendre plus sur le sujet, rendez-vous dans la salle travaux pratiques

Bonne journée



Dernière édition par miss1955 le Sam 14 Nov 2009, 00:01, édité 3 fois
Revenir en haut Aller en bas
http://www.luniversims.com/
Ange gardien
idjya
idjya
Ange gardien
Féminin Date d'inscription : 05/10/2009
Age : 40
Localisation : Cholet

[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: Re: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé EmptyJeu 12 Nov 2009, 17:43

Merci Miss! cheers
Revenir en haut Aller en bas
http://idjya.eklablog.com
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 39
Localisation : Aubais

[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: Re: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé EmptyJeu 12 Nov 2009, 17:56

Super Miss, en plus j'ai découvert grâce à toi la fonction juxtaposer cheers


[Apprenti] (Photoshop 7.0) Gif animé Signat10
Spoiler:
 


Dernière édition par Fuyaya le Mar 01 Déc 2009, 09:48, édité 1 fois
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Grand artiste du pinceau
tchoutchou7
tchoutchou7
Grand artiste du pinceau
Masculin Date d'inscription : 27/09/2009
Age : 28
Localisation : Canada

[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: Re: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé EmptyJeu 12 Nov 2009, 19:59

Ouah ! C'est un tuto sacrément complet !!! Shocked

Félicitions pour cette création !

EDIT : on message a été supprimé Wink
Revenir en haut Aller en bas
http://changementdetrain.wordpress.com
Contenu sponsorisé


[Apprenti] (Photoshop 7.0) Gif animé Empty
MessageSujet: Re: [Apprenti] (Photoshop 7.0) Gif animé   [Apprenti] (Photoshop 7.0) Gif animé Empty

Revenir en haut Aller en bas
 
[Apprenti] (Photoshop 7.0) Gif animé
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» HOSPITTLER - Apprenti Chapelain (F - N)
» [Multimédia] Visuels du dessin animé Hero Factory dans le Magazine LEGO
» [Multimédia] Les HERO FACTORY auront leur dessin animé
» Un apprenti panda...
» délires photoshop

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Graphisme :: Photoshop-
Sauter vers: