Essentiellement, un « gif » est une image qui combine animation et dessin. Caractéristique principale GIF est qu'il est très facile à créer. Aujourd'hui, nous allons vous parler d'un phénomène Internet tel que les gifs et vous expliquer comment les créer.

Que se passe-t-il lorsqu'un chien se lèche le visage

Comment se comporter si vous êtes entouré de rustres

Comment faire un GIF à partir d'une photo ?

Comme nous l'avons écrit, créer un « gif » est un processus simple. Aujourd'hui, ils utilisent des services en ligne pour créer des gifs. Nous vous expliquerons comment créer un « GIF » à partir d'une photo en utilisant le service en ligne :

Qu’est-ce que les gens regrettent le plus à la fin de leur vie ?

Avantages de boire du café

15 chirurgies esthétiques choquantes qui se sont mal terminées

1. Trouvez des services d'animation « gif » en ligne sur Internet (par exemple : gifovina.ru ou minimultik.ru).
2. trouvez les images que vous utiliserez pour créer un « gif »
3. copiez ces fichiers sur votre ordinateur
4. sélectionnez la taille souhaitée de la future animation (« grand », « avatar », etc.)
5. sélectionner la vitesse à laquelle les images changeront
6. Cliquez sur le bouton « continuer » (ou « continuer »).

Aujourd'hui, VKontakte est le plus populaire réseau social dans l'immensité des pays de la CEI. Les opportunités offertes par VKontakte vont depuis longtemps au-delà de la communication ordinaire via Internet : vous pouvez jouer à des jeux, regarder des vidéos, écouter de la musique et bien plus encore. Vous allez maintenant apprendre à effectuer diverses manipulations avec les gifs VKontakte.

S'il existe un "gif" prêt à l'emploi

Des « gifs » peuvent être trouvés sur Internet. Si vous disposez d'un gif prêt à l'emploi ou que vous avez créé, vous pouvez l'insérer dans Vkontakte. Tu auras besoin de:

1. copier ou mémoriser le lien vers le « gif »
2. insérez ou entrez un lien vers le « gif » dans la fenêtre de votre mur.
3. puis cliquez sur le bouton « Envoyer »

Enregistrez le "gif"

Si vous trouvez des gifs intéressants sur Internet ou sur les pages d'amis sur Vkontakte, vous pouvez les enregistrer pour vous-même et les utiliser dans bon moment. Tu auras besoin de:

1. créez une section « Documents » sur votre page
2. si la section a déjà été créée, allez-y et cliquez sur le bouton « ajouter un document ».
3. s'il s'agit d'un « GIF » de la page VKontakte de l'utilisateur, cliquez sur le « signe plus » qui se trouve sur le « GIF » et suivez les instructions supplémentaires.
4. Si vous souhaitez utiliser un GIF, vous devrez le retrouver dans vos documents et le joindre à un message ou à un mur.

Cours vidéo

3. Nous recherchons notre dossier avec les photos préparées et faisons un clic gauche sur la première photo, maintenons la touche Maj enfoncée et cliquons sur la dernière, elles seront toutes sélectionnées. Cliquez sur OUVRIR.

4. Toutes les photos s'ouvrent dans votre Photoshop. Commençons par créer les calques dont nous aurons besoin pour l'animation ou création images gifs . J'ai ouvert une photo spécialement large. Et ce sera la 1ère couche.

Pour convertir une photo en calque, double-cliquez dessus avec le bouton gauche de la souris.

5. Pour créer un deuxième calque, nous devons cliquer sur l'icône vers laquelle pointe la flèche. Sur le deuxième calque, nous placerons une autre photo.

6. Nous piétinons nos photographies, qui sont ouvertes à côté de la première, et sélectionnons une photographie étroite. Je vous rappelle que ce n'est pas nécessaire... C photographies identiques plus facile à travailler. Ainsi, on trouve la photo souhaitée, allez dans le menu - sélection - sélectionnez TOUT.

7. Après cela, de petits tirets commenceront à courir autour de l'image, c'est la sélection. Allez maintenant dans le menu - édition - copier.

8. On revient à notre première photo, qui comporte déjà des calques, on va dans le menu - édition - coller. Et notre photo étroite est insérée sur Nouvelle Couche. Mais cela ne peut pas rester aussi étroit. Nous devons ajouter un arrière-plan en dessous. Pour ce faire, cliquez sur l'icône (1), faites glisser le calque sous la photo étroite, puis utilisez la pipette (2) pour sélectionner la couleur de votre choix en cliquant sur la photo. J'ai choisi le vert clair. Et remplissez un nouveau calque, pour lequel on active l'outil de remplissage (3) puis on fait un clic gauche sur le champ de travail de la photo. Veuillez noter qu'à ce moment le nouveau doit être actif arrière-plan transparent. Les calques actifs sont surlignés en bleu. Après vos actions couche transparente sera coloré.

9. Nous devons maintenant fusionner deux calques (photo étroite et arrière-plan). Nous marchons avec le bouton gauche de la souris sur le premier calque. Maintenez la touche Maj enfoncée et cliquez sur le deuxième calque. Ils sont surlignés en bleu. Allez dans le menu - calques - fusionner les calques.

10. Nous obtenons cette image.

11. Répétez les étapes 6 à 10 de mon didacticiel pour créer un calque avec une autre photo étroite. Je l'ai sur le calque 2. Et créez un autre nouveau calque transparent pour y placer la dernière photo large (calque 3).

12. Pour ce faire, suivez les points de la leçon 6, 7, 8. C'est tout. Prêt. Couches pour notre images gifs nous avons créé.

13. Vous pouvez commencer à animer avec vos calques, mais j'ai décidé de créer un arrière-plan pour notre image. Pour cela, allez dans le menu - image - taille du canevas. Nous augmentons notre toile de 50 pièces en largeur et en hauteur. Cliquez sur OK.

14. Nous l'avons eu comme ça.

15. Créez un nouveau calque (j'ai le calque 4), faites-le glisser tout en bas sous toutes les photos, vous pouvez créer un fond de la même couleur que l'arrière-plan de vos photos étroites. J'ai choisi une couleur de base légèrement plus foncée.

Vous pouvez décorer votre substrat de n'importe quelle manière. J'espère que vous savez comment définir les paramètres des calques, mais sinon, c'est simple. Marcher sur couche souhaitée et double-cliquez dessus avec le bouton gauche de la souris et une fenêtre avec les paramètres de votre couche s'ouvre, et là vous ouvrez chaque paramètre individuel séparément et vous appliquez ou modifiez ses paramètres. J'ai appliqué l'effet dans les options du calque Ombre intérieure et Inner Glow avec l'option de calque Multiplier... La couleur de l'ombre est légèrement plus foncée que le ton d'arrière-plan. Mais ici je ne m'engage pas à vous imposer mon opinion. Vous avez votre propre vision. Essayez-le, modifiez les paramètres. Ce n'est pas effrayant. Vous pouvez toujours revenir au résultat original, pour lequel vous allez dans le menu - édition - revenez en arrière.

D'ailleurs, sur ma dernière photo il y a un buisson de glycine, il y en a beaucoup en France et sa période de floraison est fin avril - début mai. J'ai photographié ce buisson dans le jardin des parents de mon ami. Il y a aussi des buissons de glycine dans mon jardin bulgare et je pense que bientôt elle nous ravira avec ses fleurs qui ressemblent à des nuages ​​​​lilas.

16. Il est maintenant temps de mettre votre logo, ceci est particulièrement important si votre photo sera située sur votre site Web. Pour utilisateurs ordinaires cela peut ne pas s'appliquer. Permettez-moi de vous rappeler que j'ai fait une leçon sur Photoshop. Je vais y revenir brièvement : allez dans le menu - fichier - lieu. Nous recherchons notre Fichier PSD avec un logo préparé à l'avance, montez dessus et cliquez sur le bouton Placer.

17. Faites glisser le calque avec le logo tout en haut, comme le mien. Si nécessaire, agrandissez le logo pour la bonne taille, pour lequel on va dans le menu - édition - mise à l'échelle. Avec un serré Touche Majusculeétirer ou rétrécir le logo. Activez l'outil « déplacer » (l'outil le plus haut avec la flèche et le + dans la barre d'outils) et déplacez le logo à l'emplacement souhaité.

Tout est préparé avec la création de l'animation.

17. Dans la toute première image de l'animation, vous devriez avoir le calque d'arrière-plan visible, le premier calque avec votre photo (dans mon cas le calque 0) et le logo (position 1). Pour bon visionnage régler le délai pour votre photo 5 secondes(poste 2). Après avoir déterminé le temps de retard et l'avoir réglé dans la première image, toutes les images suivantes seront avec temps donné 1 image, soit 5 secondes dans mon cas. Pour créer un deuxième cadre, cliquez sur l'icône affichée en position 3.

18. Dans la deuxième image, modifiez la visibilité du calque de la première image à la seconde, comme indiqué sur ma capture d'écran.

Vous pouvez assembler un GIF à partir d'images individuelles en utilisant applications spéciales ou des éditeurs graphiques universels. Regardons les options disponibles.

Méthode 1 : Animateur GIF facile

Un programme à la fois simple et avancé en termes de fonctionnalités qui vous permet de créer un GIF à partir de vidéos et de photos.

1. Ouvrez le programme. Dans le bloc d'options "Maîtres de la Création" cliquez sur l'article "Créer une nouvelle animation".



2. Une fenêtre s'ouvrira "Maîtres de la création d'animation". Cliquez ici sur le bouton "Ajouter des images".
   
   
   Va commencer "Conducteur"- utilisez-le pour ouvrir un catalogue de photos à partir desquelles vous souhaitez créer un GIF. Ayant atteint dossier souhaité, sélectionnez les fichiers (le plus pratique est de le faire avec la combinaison CTRL+LMB) et appuyez sur "Ouvrir".
   
   
   De retour à "Au Maître...", vous pouvez modifier l'ordre des images à l'aide des boutons fléchés. Pour continuer, appuyez sur "Plus loin".



3. Ajustez les boucles et le délai de l'animation terminée, puis utilisez à nouveau le bouton "Plus loin".



4. Il n'est pas nécessaire de modifier quoi que ce soit dans la fenêtre des paramètres de position de l'image si vous utilisez des photographies même taille. Si parmi les images il y a des images de résolutions différentes, utilisez les options de réglage, puis cliquez sur "Plus loin".



5. Cliquez sur "Complet".



6. Si nécessaire, utilisez d'autres fonctionnalités du programme - par exemple, Aperçu GIF prêt.



7. Pour enregistrer le résultat, cliquez sur l'élément de menu "Déposer".
   
   
   Ensuite, sélectionnez "Sauvegarder".



8. S'ouvrira à nouveau "Conducteur"— allez dans le répertoire dans lequel vous souhaitez enregistrer le GIF obtenu, saisissez le nom du fichier et utilisez le bouton "Sauvegarder".



9. Terminé – une animation GIF apparaîtra dans le dossier sélectionné.

Utilisation facile Animateur GIF très pratique, mais programme payant Avec court terme Actions version d'essai. Cependant, il est parfait pour un usage unique.

Méthode 2 : GIMP

Gratuit éditeur graphique GIMP est l'une des solutions les plus pratiques pour notre tâche actuelle.

Comme vous pouvez le voir, c'est très, très simple, même un utilisateur novice peut le gérer. Le seul inconvénient de GIMP est qu'il fonctionne lentement avec des images multicouches et qu'il est lent sur les ordinateurs faibles.

Méthode 3 : Adobe Photoshop

Le plus sophistiqué techniquement comprend également des outils permettant de transformer une série de photos en animation GIF.

Conclusion

En conclusion, notons que les méthodes décrites ci-dessus ne peuvent créer que de très animations simples, pour les GIF plus complexes, un outil spécialisé est mieux adapté.

Vous êtes-vous déjà demandé comment sont créés les GIF animés ? L'auteur de la leçon vous invite à maîtriser quelques secrets d'animation en une nuit à l'aide de cette leçon. Vous apprendrez également à utiliser la chronologie, disponible dans Versions Photoshop CS6. Maintenant, commençons !

Résultat de la leçon.

Étape 1

Créer nouveau document (Ctrl+N) avec des dimensions de fichier de 800 x 500 pixels. Remplissez l'arrière-plan avec la couleur de votre choix. Passons maintenant au menu Couches- Stylecouche- Superpositionpente(Calque> Styles de calque> Superposition de dégradé). Appliquez les paramètres suivants : Style Radial(Radial), couleurs du noir (#000000) au bleu (#54799b), qui seront utilisées au centre.

Étape 2

Créez un nouveau calque et nommez-le Couche de bruit. Sélectionnez un outil Remplir(Outil Pot de peinture) et remplissez le calque créé couleur sombre(#231f20). Laisser le calque actif Couche de bruit et allez dans le menu Filtre - Bruit - Ajouter du bruit(Filtre> Bruit> Ajouter du bruit). Dans la boîte de dialogue des paramètres de filtre, définissez les valeurs suivantes : Effet(Montant) 3%, distribution Uniforme(Uniforme) et cliquez sur OK.

Étape 3

Appuyez sur la combinaison de touches (Ctrl+U) et dans la boîte de dialogue des paramètres de correction qui apparaît, saisissez les valeurs Saturation(Saturation) 100 % : modifiez le mode de fusion de ce calque en Lumière douce(Lumière douce).

Note du traducteur : Afin d'obtenir la même couleur que l'auteur de la capture d'écran, lors du réglage de la teinte/saturation, vous pouvez définir la valeur de teinte sur - 140.

Étape 4

Ajoutez le texte de votre choix. Nous utiliserons ici le texte du logo du site 123RF. Dans les styles de calque, utilisez Accident vasculaire cérébral(Accident vasculaire cérébral). Sélectionnez les valeurs de taille de trait en fonction de vos préférences.

Note du traducteur : Sur la capture d'écran de l'auteur, il y a déjà du texte pixellisé ainsi que le style Stroke. Pour obtenir le même résultat, après avoir appliqué le trait, supprimez le remplissage (Remplir) du calque de texte à 0 %, convertissez ce calque en objet intelligent, puis rastérisez-le.

Étape 5

Dans cette étape, nous allons créer un effet lumineux pour le texte à l'aide de styles de calque. Double-cliquez sur le calque pour afficher la fenêtre Options de style. Pour personnaliser les styles de calque, utilisez les captures d'écran ci-dessous.

Gaufrage(Biseau et gaufrage)

Ombre intérieure(Ombre intérieure)

Lueur intérieure(Lueur intérieure)

Superposition de couleurs(Superposition de couleurs)

Lueur externe(Lueur externe)

Ombre(Ombre portée)

Étape 6

Une fois que vous avez fini de créer des effets d'éclairage à l'aide des styles de calque, accédez à la palette Calques et réduisez la valeur de ce calque. Remplissages(Remplir) de 0 %.

Étape 7

Dupliquez le calque que vous avez créé à l'étape 5 et désactivez tous les styles de calque sur cette copie. Maintenant, définissez les styles comme ceci :

Ombre intérieure(Ombre intérieure)

Lueur intérieure(Lueur intérieure)

Étape 8

Vous trouverez ci-dessous le résultat après avoir appliqué les styles de calque.

Étape 9

Nous allons maintenant créer des points de lumière mobiles. Créez 5 calques au-dessus de ceux existants et renommez-les 1,2,3, R et F. Si vous avez votre propre texte, créez des calques en fonction de vos lettres. Regroupez ces calques dans un dossier et donnez-lui un nom Taches lumineuses et changez le mode de fusion en Éclaircir la base(Couleur Dodge).

Activer l'outil Brosse(Outil Pinceau), sélectionnez une brosse douce, définissez Opacité(Opacité) à 95 % et dessinez des points au-dessus du texte en blanc. Pour chaque lettre, il y a un point lumineux distinct sur son propre calque. Ci-dessous, dans la capture d'écran, vous pouvez voir à quoi ressemblent les calques de l'auteur dans la palette des calques.

Étape 10

Passons maintenant au menu Fenêtre - Chronologie(Fenêtre > Chronologie). Vous remarquerez que vos calques sont déjà construits dans cette palette sur le côté gauche de celle-ci. Sélectionnez chacun des cinq calques de surbrillance du groupe. Taches lumineuses et assurez-vous que l'indicateur de l'heure actuelle (curseur bleu) est à l'image zéro. Maintenant sur chaque calque du groupe, lorsqu'il est actif, cliquez sur l'option Position(Position) pour créer une image clé.

Note du traducteur : Pour activer l'échelle de temps, cliquez sur le bouton Créer une chronologie pour une vidéo(Créer une chronologie vidéo) et toutes vos couches seront chargées dans la chronologie. Le même calque ou groupe sera sélectionné comme dans la palette des calques.

Étape 11

Réglez l’indicateur de l’heure actuelle (curseur bleu) sur 01h00 F et déplacez les calques avec des points lumineux le long de la trajectoire de leur mouvement par rapport au contour de la lettre.

Étape 12

Voilà à quoi cela ressemblera position de départ légère tache sur les lettres. Déplacez l'indicateur de l'heure actuelle le long de l'échelle et déplacez les calques avec des points lumineux, créant ainsi des images clés. Continuez à les déplacer jusqu'à ce que vous ayez fini de déplacer le point sur toute la lettre de chaque calque de texte. Pour obtenir des instructions, consultez quelques captures d’écran ci-dessous.

Plus tôt sur le site, nous avons examiné les solutions tierces, mais la plupart d'entre elles peuvent facilement remplacer Photoshop classique. Les fichiers GIF animés peuvent être créés assez facilement et rapidement avec son aide. Ils sont généralement constitués de plusieurs images (frames) qui, lorsque changement étape par étape et former le résultat final. Aujourd'hui, nous allons essayer d'examiner le plus en détail possible cette question de A à Z:

Les captures d'écran ci-dessous proviennent de Photoshop CC, mais l'utilisation de l'animation GIF dans CS6 et d'autres versions du programme est similaire, plus ou moins. Peut-être que les outils visuels seront légèrement différents, mais en général, le principe et l'algorithme des actions sont similaires. À titre d'exemple, considérons la tâche triviale consistant à créer Animations GIF dans Photoshop à partir de photographies se remplaçant. Récemment, à l'aide de ce guide, j'ai créé un gif sur mes aventures pour le dernier article de 2016 sur mon blog personnel.

Le processus a pris littéralement 5 à 10 minutes. L’important ici est de suivre attentivement toutes les étapes. À la fin de l'article, vous trouverez un didacticiel vidéo en anglais sur ce sujet.

Ajout d'images d'animation GIF dans Photoshop

La première chose à faire est de charger toutes les images/photos qui participeront à l'animation dans l'éditeur graphique. Ajoutez-les à un projet dans différents calques - ce seront les cadres du résultat Fichier GIF. Vérifiez la taille des images et leur affichage afin que tout soit conforme à vos besoins. Les calques peuvent être masqués (à l'aide de l'icône en forme d'œil à gauche du calque) afin de visualiser tous les objets.

Au centre de ce panneau se trouve une liste déroulante dans laquelle vous devez sélectionner l'option « Créer une animation d'image » et cliquer sur le bouton. À la suite de cette action, la chronologie changera légèrement et vous devriez voir l'image du calque le plus élevé comme première image.

À l'étape suivante, sélectionnez tous les calques du projet (cliquez dessus tout en maintenant enfoncés Touche Ctrl). Après cela, vous ouvrez menu contextuel dans le droit coin supérieur Fenêtre Chronologie et sélectionnez « Créer des images à partir de calques ».

De tous les calques visibles et sélectionnés Adobe Photoshop créera des cadres GIF animés. En conséquence, vous les verrez dans le panneau Chronologie.

Paramètres d'animation GIF dans Photoshop

Ici vous devrez préciser 2 choses : la durée d'affichage des différentes images + le nombre de répétitions du gif. Commençons par le premier. Sous chaque objet image de la timeline, vous trouverez l'heure d'affichage et une flèche vers le bas. Cliquez dessus et sélectionnez la durée de la carte dans le menu contextuel.

Les éléments peuvent être spécifiés temps différent ou paramétrer plusieurs d'entre eux simultanément (sélection conjointe comme dans les calques - à l'aide de Ctrl).

Pour « boucler » un GIF dans Photoshop lors de la création d'une animation, sélectionnez la valeur Pour toujours dans le paramètre approprié, comme indiqué dans la capture d'écran ci-dessous.

Là, vous pouvez également spécifier le nombre de répétitions dont vous avez besoin. A proximité se trouve le bouton Lecture, qui vous permet de lire un GIF animé et de voir à quoi ressemblera le résultat final.

Enregistrer une animation GIF dans Photoshop

Dans la dernière partie de notre guide, nous verrons comment enregistrer correctement une animation GIF dans Photoshop. À cette fin, un outil familier est utilisé Économiser pour Mais le Web dernières versions Adobe Photoshop CC, il se trouve dans un nouvel emplacement de menu (Fichier - Exporter). Heureusement, Alt + Shift + Ctrl + S fonctionne toujours.

Dans la fenêtre des paramètres qui s'ouvre, sélectionnez Format GIF, et assurez-vous également que le paramètre Options de boucle est défini sur Pour toujours. Dans le coin inférieur droit de la fenêtre, il existe une option permettant d'exécuter le GIF animé que vous avez créé dans Photoshop pour un aperçu.

Si tout fonctionne comme prévu, cliquez sur Enregistrer et enregistrez le fichier dans ordinateur local. Pour vérifier la fonctionnalité d'un GIF, vous devez l'ouvrir dans un navigateur, car... visionneuse intégrée Animations Windows ne perd pas.

D'ailleurs, vous pouvez également facilement exporter votre projet au format vidéo. La procédure est la même que pour GIFs associés animation, mais dans le menu Photoshop, sélectionnez Fichier - Exporter - Rendu vidéo.

Dans la fenêtre qui s'ouvre, il y aura différents paramètres vidéo, mais vous n'avez rien à changer de plus, cliquez simplement sur le bouton Rendu. En conséquence, vous recevrez un fichier mp4 avec un diaporama de photos/images.

Enfin, nous vous suggérons de regarder un didacticiel vidéo en anglais sur la création GIF animés dans Photoshop. L'algorithme pour y travailler est le même que dans l'article, mais il vous sera peut-être plus facile de percevoir les informations de la vidéo.

Si vous avez encore des questions sur la façon de créer une animation GIF dans Photoshop ou si vous avez des ajouts, écrivez dans les commentaires.