Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Wiki
Pages
Dernière activité
Quoi de neuf
Nouveaux messages
Nouveaux articles
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Magasin
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
RealityGaming
Créer un GIF sous photoshop !
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Veenox GTP" data-source="post: 2949249" data-attributes="member: 56393"><p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: #ff8000"><strong>B</strong>onjour à tous, c'est Veenox.</span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: #ff8000"></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)">Aujourd'hui je vais vous apprendre à créer un GIF avec plusieurs méthodes ! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)"></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)"><img src="http://image.noelshack.com/fichiers/2014/09/1393525979-gif-n-1.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)"></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)">La première, la meilleure se fera sous Photoshop, puis la deuxième, seulement avec des images sur internet. </span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)"></span></span></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)"><img src="http://faience-carrelage-exterieur.carrelages-discount.com/images/separateur.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)"></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)">Je vais donc commencer avec la première méthode :</span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)"></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)"><img src="http://www.flaticon.com/png/128/1781.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: rgb(0, 0, 0)"></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: #0059b3"><strong><u>PHOTOSHOP</u></strong></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: #0059b3"></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: #000000">Je vais vous apprendre simplement avec un texte comme ci-dessus. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: #000000"></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: #000000">Pour cela, ouvrez photshop.</span></span></p> <p style="text-align: center">Faites nouveau, la dimension n'est pas très importante puisqu'on pourra la modifier.</p> <p style="text-align: center">Cependant, choisissez bien la forme du rendu (carré, rectangle).</p> <p style="text-align: center"></p> <p style="text-align: center">Une fois ceci fais, créez deux textes.</p> <p style="text-align: center"></p> <p style="text-align: center">Placez les comme vous voulez puis ajoutez vos effets perosnnels.</p> <p style="text-align: center"></p> <p style="text-align: center">Voilà ce que ça me donne :</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://screencloud.net//img/screenshots/7d0170fdbe8cefb46742876862132824.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center"></p> <p style="text-align: center">On va maintenant passer à la partie animation.</p> <p style="text-align: center"></p> <p style="text-align: center">Pour cela, allez dans fenêtre et cliquez sur "Animation" ou "montage", cela dépend des versions. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p> <p style="text-align: center"></p> <p style="text-align: center">Vous devriez avoir cette interface :</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://screencloud.net//img/screenshots/2c8abcdc81b1205227c3eac1820803dc.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">Si ce n'est pas le cas, cliquez sur le bouton qui se trouve tout en bas à droite (ou à gauche).</p> <p style="text-align: center"></p> <p style="text-align: center">Celui-ci : <img src="http://screencloud.net//img/screenshots/74866850b9f8c5c2e9d7182e717d6d30.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </p> <p style="text-align: center"></p> <p style="text-align: center">Sachez qu'il est possible de le faire avec l'autre interface mais je la trouve plus compliquée. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p> <p style="text-align: center"></p> <p style="text-align: center">Donc, continuons.</p> <p style="text-align: center"></p> <p style="text-align: center">Vous avez votre première image, si vous n'en avez pas cliquez ici : <img src="http://screencloud.net//img/screenshots/20fd3a1ed8ba92f826371fa662c2b226.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center">Prenez le deuxième texte puis baissez son opacité à 0.</p> <p style="text-align: center"></p> <p style="text-align: center">Ensuite, créez une nouvelle image, sur celle-ci mettez le premier texte à 0 puis repasser le deuxième à 100 d'opacité.</p> <p style="text-align: center"></p> <p style="text-align: center">Maintenez CTRL puis cliquez une fois sur les deux images, elle devraient être bleu. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p> <p style="text-align: center"></p> <p style="text-align: center">Ensuite, cliquez sur ceci : <img src="http://screencloud.net//img/screenshots/de5f14d469032e501cfde83f3cb7ee63.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">Là, vous pouvez choisir le nombre d'image intermédiaires à ajouter, je vais en mettre 5.</p> <p style="text-align: center"></p> <p style="text-align: center">Là, vous devrez régler le temps de chaque image.</p> <p style="text-align: center">Personnellement, je mets 0.5 pour la première et la dernière et 0.1 pour les autres.</p> <p style="text-align: center"></p> <p style="text-align: center">Pour modifiez le temps d'une image, cliquez sur le petit chiffre</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://screencloud.net/img/screenshots/f2a5225f28a0c2eb902ad1c44c047d54.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">En bas à droite. Vous pouvez aussi changez le temps de plusieurs images à la fois en séléctionnant les images souhaitées puis en modifiant le temps pour une seule. Les autres suivront.</p> <p style="text-align: center"></p> <p style="text-align: center">Pour ce qui est du rendu, cliquez sur : "Fichier" --> "Enregistrer pour le web et les périphériques"</p> <p style="text-align: center"></p> <p style="text-align: center">Vous aurez une nouvelle interface avec plusieurs options comme :</p> <p style="text-align: center"></p> <ul> <li data-xf-list-type="ul">Le format</li> <li data-xf-list-type="ul">La taille en pixels</li> <li data-xf-list-type="ul">L'option de boucle</li> <li data-xf-list-type="ul">L'aperçu</li> </ul> <p style="text-align: center"><span style="font-family: 'Tahoma'">Je vais laissez GIF et ma taille de départ.</span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'">Je vais mettre pour l'option en boucle : "toujours" </span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'">Vous pouvez maintenant enregistrer en choisissant votre chemin d'accès.</span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'">Pensez à upload votre GIF sur un hébergeur comme noelshack pour la partager.</span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'">Voici le rendu de ce que j'ai fait durant le tutoriel :</span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><img src="http://image.noelshack.com/fichiers/2014/09/1393528833-gif2-tuto.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'">C'est tout pour photoshop.</span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><img src="http://faience-carrelage-exterieur.carrelages-discount.com/images/separateur.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'">Je vous propose maintenant une méthode avec un site du nom de Gickr.</span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><img src="http://www.flaticon.com/png/128/1198.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: #0059b3"><strong><u>GICKR (site internet)</u></strong></span></span></p> <p style="text-align: center"><span style="font-family: 'Tahoma'"><span style="color: #0059b3"></span></span></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="color: #000000">Rendez vous sur <a href="http://gickr.com/" target="_blank">http://gickr.com/</a></span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">Là, vous pourrez upload vos images.</span></p> <p style="text-align: center"><span style="color: #000000">Vous pouvez mettre 10 images au maximum.</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">Pensez à les mettre dans l'ordre. <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">Donc, uploadez les une par une et dans l'ordre.</span></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="color: #000000">Une fois cela fait, choisissez à quelle vitesse vous souhaitez que ça aille. Je laisse en "Normal".</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">Vous pouvez également choisir votre taille (au maxilum 450x450 pixels.)</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">Cliquez ensuite sur "Continue" en bas à droite.</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000"><img src="http://screencloud.net//img/screenshots/649011c39dc829ea8d9093dbc36bf03c.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">Vous n'avez plus qu'à attendre et voilà, votre GIF et créer.</span></p> <p style="text-align: center"><span style="color: #000000">Le désavantage de cette méthode et qu'on ne peut pas faire de fondu comme sous photoshop.</span></p> <p style="text-align: center"></p> <p style="text-align: center">C'est tout pour GICKR.</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://faience-carrelage-exterieur.carrelages-discount.com/images/separateur.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="color: #ff8000">Mon tutoriel touche à sa fin, merci d'avoir lu.</span></p> <p style="text-align: center"><span style="color: #ff8000">Si vous avez une question je suis là pour y répondre.</span></p> <p style="text-align: center"><span style="color: #ff8000">Bonne soirée/journée,</span></p> <p style="text-align: center"><span style="color: #ff8000">Veenox.</span></p> <p style="text-align: center"></p> <p style="text-align: center"></p></blockquote><p></p>
[QUOTE="Veenox GTP, post: 2949249, member: 56393"] [CENTER][FONT=Tahoma][COLOR=#ff8000][B]B[/B]onjour à tous, c'est Veenox. [/COLOR] [COLOR=rgb(0, 0, 0)]Aujourd'hui je vais vous apprendre à créer un GIF avec plusieurs méthodes ! :) [IMG]http://image.noelshack.com/fichiers/2014/09/1393525979-gif-n-1.gif[/IMG] La première, la meilleure se fera sous Photoshop, puis la deuxième, seulement avec des images sur internet. [/COLOR][/FONT] [FONT=Tahoma][COLOR=rgb(0, 0, 0)][IMG]http://faience-carrelage-exterieur.carrelages-discount.com/images/separateur.png[/IMG] Je vais donc commencer avec la première méthode : [IMG]http://www.flaticon.com/png/128/1781.png[/IMG] [/COLOR] [COLOR=#0059b3][B][U]PHOTOSHOP[/U][/B] [/COLOR] [COLOR=#000000]Je vais vous apprendre simplement avec un texte comme ci-dessus. :) Pour cela, ouvrez photshop.[/COLOR][/FONT] Faites nouveau, la dimension n'est pas très importante puisqu'on pourra la modifier. Cependant, choisissez bien la forme du rendu (carré, rectangle). Une fois ceci fais, créez deux textes. Placez les comme vous voulez puis ajoutez vos effets perosnnels. Voilà ce que ça me donne : [IMG]http://screencloud.net//img/screenshots/7d0170fdbe8cefb46742876862132824.png[/IMG] On va maintenant passer à la partie animation. Pour cela, allez dans fenêtre et cliquez sur "Animation" ou "montage", cela dépend des versions. :) Vous devriez avoir cette interface : [IMG]http://screencloud.net//img/screenshots/2c8abcdc81b1205227c3eac1820803dc.png[/IMG] Si ce n'est pas le cas, cliquez sur le bouton qui se trouve tout en bas à droite (ou à gauche). Celui-ci : [IMG]http://screencloud.net//img/screenshots/74866850b9f8c5c2e9d7182e717d6d30.png[/IMG] Sachez qu'il est possible de le faire avec l'autre interface mais je la trouve plus compliquée. :) Donc, continuons. Vous avez votre première image, si vous n'en avez pas cliquez ici : [IMG]http://screencloud.net//img/screenshots/20fd3a1ed8ba92f826371fa662c2b226.png[/IMG] Prenez le deuxième texte puis baissez son opacité à 0. Ensuite, créez une nouvelle image, sur celle-ci mettez le premier texte à 0 puis repasser le deuxième à 100 d'opacité. Maintenez CTRL puis cliquez une fois sur les deux images, elle devraient être bleu. :) Ensuite, cliquez sur ceci : [IMG]http://screencloud.net//img/screenshots/de5f14d469032e501cfde83f3cb7ee63.png[/IMG] Là, vous pouvez choisir le nombre d'image intermédiaires à ajouter, je vais en mettre 5. Là, vous devrez régler le temps de chaque image. Personnellement, je mets 0.5 pour la première et la dernière et 0.1 pour les autres. Pour modifiez le temps d'une image, cliquez sur le petit chiffre [IMG]http://screencloud.net/img/screenshots/f2a5225f28a0c2eb902ad1c44c047d54.png[/IMG] En bas à droite. Vous pouvez aussi changez le temps de plusieurs images à la fois en séléctionnant les images souhaitées puis en modifiant le temps pour une seule. Les autres suivront. Pour ce qui est du rendu, cliquez sur : "Fichier" --> "Enregistrer pour le web et les périphériques" Vous aurez une nouvelle interface avec plusieurs options comme : [/CENTER] [LIST] [*]Le format [*]La taille en pixels [*]L'option de boucle [*]L'aperçu [/LIST] [CENTER][FONT=Tahoma]Je vais laissez GIF et ma taille de départ. Je vais mettre pour l'option en boucle : "toujours" Vous pouvez maintenant enregistrer en choisissant votre chemin d'accès. Pensez à upload votre GIF sur un hébergeur comme noelshack pour la partager. Voici le rendu de ce que j'ai fait durant le tutoriel : [IMG]http://image.noelshack.com/fichiers/2014/09/1393528833-gif2-tuto.gif[/IMG] C'est tout pour photoshop. [IMG]http://faience-carrelage-exterieur.carrelages-discount.com/images/separateur.png[/IMG] Je vous propose maintenant une méthode avec un site du nom de Gickr. [IMG]http://www.flaticon.com/png/128/1198.png[/IMG] [COLOR=#0059b3][B][U]GICKR (site internet)[/U][/B] [/COLOR][/FONT] [COLOR=#000000]Rendez vous sur [URL]http://gickr.com/[/URL] Là, vous pourrez upload vos images. Vous pouvez mettre 10 images au maximum. Pensez à les mettre dans l'ordre. :) Donc, uploadez les une par une et dans l'ordre.[/COLOR] [COLOR=#000000]Une fois cela fait, choisissez à quelle vitesse vous souhaitez que ça aille. Je laisse en "Normal". Vous pouvez également choisir votre taille (au maxilum 450x450 pixels.) Cliquez ensuite sur "Continue" en bas à droite. [IMG]http://screencloud.net//img/screenshots/649011c39dc829ea8d9093dbc36bf03c.png[/IMG] Vous n'avez plus qu'à attendre et voilà, votre GIF et créer. Le désavantage de cette méthode et qu'on ne peut pas faire de fondu comme sous photoshop.[/COLOR] C'est tout pour GICKR. [IMG]http://faience-carrelage-exterieur.carrelages-discount.com/images/separateur.png[/IMG] [COLOR=#ff8000]Mon tutoriel touche à sa fin, merci d'avoir lu. Si vous avez une question je suis là pour y répondre. Bonne soirée/journée, Veenox.[/COLOR] [COLOR=#000000][/COLOR] [/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
RealityGaming
Créer un GIF sous photoshop !
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut