| | [Apprenti] (Photoshop 7.0) Gif animé | |
| Auteur | Message |
---|
![Débutant des galeries d'art Débutant des galeries d'art](https://nsa40.casimages.com/img/2020/04/21/200421061316905923.png)
miss1955 Débutant des galeries d'art Date d'inscription : 11/10/2009 Age : 68 Localisation : Courthézon
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: [Apprenti] (Photoshop 7.0) Gif animé Jeu 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](https://i.servimg.com/u/f86/14/46/49/57/screen15.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen16.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen17.jpg) Vos images pour le gif apparaissent sur l'espace de travail. ![[Apprenti] (Photoshop 7.0) Gif animé Screen18](https://i.servimg.com/u/f86/14/46/49/57/screen18.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen20.jpg)
Dernière édition par miss1955 le Ven 13 Nov 2009, 23:58, édité 4 fois |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | ![Débutant des galeries d'art Débutant des galeries d'art](https://nsa40.casimages.com/img/2020/04/21/200421061316905923.png)
miss1955 Débutant des galeries d'art Date d'inscription : 11/10/2009 Age : 68 Localisation : Courthézon
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] (Photoshop 7.0) Gif animé Jeu 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](https://i.servimg.com/u/f86/14/46/49/57/screen22.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen21.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen23.jpg) Toutes les images ont été redimensionnées ![[Apprenti] (Photoshop 7.0) Gif animé Screen24](https://i.servimg.com/u/f86/14/46/49/57/screen24.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen29.jpg)
Dernière édition par miss1955 le Ven 13 Nov 2009, 11:22, édité 1 fois |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | ![Débutant des galeries d'art Débutant des galeries d'art](https://nsa40.casimages.com/img/2020/04/21/200421061316905923.png)
miss1955 Débutant des galeries d'art Date d'inscription : 11/10/2009 Age : 68 Localisation : Courthézon
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] (Photoshop 7.0) Gif animé Jeu 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. 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](https://i.servimg.com/u/f86/14/46/49/57/screen31.jpg) Je sélectionne l'image 2 en cliquant dessus ![[Apprenti] (Photoshop 7.0) Gif animé Screen32](https://i.servimg.com/u/f86/14/46/49/57/screen32.jpg) Par le menu "Sélection" ,"Tout sélectionner" Par les raccourcis : CTRL + A ![[Apprenti] (Photoshop 7.0) Gif animé Screen33](https://i.servimg.com/u/f86/14/46/49/57/screen33.jpg) Par le menu "Edition", "Copier". Par les raccourcis : CTRL + C ![[Apprenti] (Photoshop 7.0) Gif animé Screen34](https://i.servimg.com/u/f86/14/46/49/57/screen34.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen35.jpg) Et vous constatez que notre calque est créé.
Dernière édition par miss1955 le Ven 13 Nov 2009, 23:59, édité 2 fois |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | ![Débutant des galeries d'art Débutant des galeries d'art](https://nsa40.casimages.com/img/2020/04/21/200421061316905923.png)
miss1955 Débutant des galeries d'art Date d'inscription : 11/10/2009 Age : 68 Localisation : Courthézon
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] (Photoshop 7.0) Gif animé Jeu 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](https://i.servimg.com/u/f86/14/46/49/57/screen38.jpg) Création du calque 3 ![[Apprenti] (Photoshop 7.0) Gif animé Screen39](https://i.servimg.com/u/f86/14/46/49/57/screen39.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen40.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen41.jpg)
Dernière édition par miss1955 le Ven 13 Nov 2009, 11:28, édité 1 fois |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | ![Débutant des galeries d'art Débutant des galeries d'art](https://nsa40.casimages.com/img/2020/04/21/200421061316905923.png)
miss1955 Débutant des galeries d'art Date d'inscription : 11/10/2009 Age : 68 Localisation : Courthézon
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] (Photoshop 7.0) Gif animé Jeu 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](https://i.servimg.com/u/f86/14/46/49/57/screen42.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen43.jpg) Sur mes calques, je déselectionne l'oeil. ![[Apprenti] (Photoshop 7.0) Gif animé Screen44](https://i.servimg.com/u/f86/14/46/49/57/screen44.jpg) Pour n'avoir que le premier calque de visible ![[Apprenti] (Photoshop 7.0) Gif animé Screen45](https://i.servimg.com/u/f86/14/46/49/57/screen45.jpg)
Dernière édition par miss1955 le Ven 13 Nov 2009, 11:32, édité 3 fois |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | ![Débutant des galeries d'art Débutant des galeries d'art](https://nsa40.casimages.com/img/2020/04/21/200421061316905923.png)
miss1955 Débutant des galeries d'art Date d'inscription : 11/10/2009 Age : 68 Localisation : Courthézon
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] (Photoshop 7.0) Gif animé Jeu 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](https://i.servimg.com/u/f86/14/46/49/57/screen47.jpg) Et ainsi de suite jusqu'à la dernière image ![[Apprenti] (Photoshop 7.0) Gif animé Screen48](https://i.servimg.com/u/f86/14/46/49/57/screen48.jpg) Il convient de régler la vitesse ![[Apprenti] (Photoshop 7.0) Gif animé Screen49](https://i.servimg.com/u/f86/14/46/49/57/screen49.jpg) 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](https://i.servimg.com/u/f86/14/46/49/57/screen50.jpg) Enregistrez : Menu "Fichier", "Enregistrez une copie optimisée" ou raccourcis : CTRL + ALT + S ![[Apprenti] (Photoshop 7.0) Gif animé Screen51](https://i.servimg.com/u/f86/14/46/49/57/screen51.jpg)
Dernière édition par miss1955 le Ven 13 Nov 2009, 11:35, édité 1 fois |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | ![Débutant des galeries d'art Débutant des galeries d'art](https://nsa40.casimages.com/img/2020/04/21/200421061316905923.png)
miss1955 Débutant des galeries d'art Date d'inscription : 11/10/2009 Age : 68 Localisation : Courthézon
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] (Photoshop 7.0) Gif animé Jeu 12 Nov 2009, 17:27 | |
| Suite et fin Voici le résultat : 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 |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | ![Ange gardien Ange gardien](https://nsa40.casimages.com/img/2020/04/21/200421061321684142.png)
idjya Ange gardien Date d'inscription : 05/10/2009 Age : 45 Localisation : Cholet
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] (Photoshop 7.0) Gif animé Jeu 12 Nov 2009, 17:43 | |
| Merci Miss! ![cheers](https://2img.net/i/fa/i/smiles/icon_cheers.png) |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | ![Admin Admin](https://nsa40.casimages.com/img/2020/04/21/200421061319228373.png)
Fuyaya Admin Date d'inscription : 29/09/2009 Age : 44 Localisation : Aubais
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] (Photoshop 7.0) Gif animé Jeu 12 Nov 2009, 17:56 | |
| Super Miss, en plus j'ai découvert grâce à toi la fonction juxtaposer ![cheers](https://2img.net/i/fa/i/smiles/icon_cheers.png)
Dernière édition par Fuyaya le Mar 01 Déc 2009, 09:48, édité 1 fois |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | ![Grand artiste du pinceau Grand artiste du pinceau](https://nsa40.casimages.com/img/2020/04/21/200421061317419839.png)
tchoutchou7 Grand artiste du pinceau Date d'inscription : 27/09/2009 Age : 33 Localisation : Canada
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] (Photoshop 7.0) Gif animé Jeu 12 Nov 2009, 19:59 | |
| Ouah ! C'est un tuto sacrément complet !!! Félicitions pour cette création ! EDIT : on message a été supprimé ![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif) |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | Contenu sponsorisé
![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] (Photoshop 7.0) Gif animé ![[Apprenti] (Photoshop 7.0) Gif animé Empty](https://2img.net/i/fa/empty.gif) | |
| |
| ![Aller en bas](https://i.servimg.com/u/f68/18/32/35/69/fleche14.png) | | |
Sujets similaires | ![+](https://2img.net/i/empty.gif) |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |