Créer une animation GIF dans Photoshop

Aimez les images animées, les étincelles et Photoshop dans ce moment pas disponible? Un service en ligne capable de créer des images en direct complexes avec des éléments animés (où ils sont appelés tampons ou tampons) vous aidera. De plus, vous pouvez y télécharger vos coordonnées pour des images animées : des étincelles, des animations et tout simplement de belles images.

Voici l'une des animations que j'ai réalisées dans PixMix en 5 minutes.

Comment commencer à utiliser l'éditeur de photos en ligne PixMix

Après avoir chargé l'arrière-plan de la future image en direct. Sélectionnez un tampon, cliquez dessus (flèche jaune) et cliquez sur le pinceau (flèche verte). Après avoir cliqué sur l'image, un cercle se formera là - c'est un pinceau. Vous pouvez augmenter ou diminuer la taille en déplaçant le curseur en haut (cadre bleu).

Les images d'animashka que vous placerez dans l'image ne bougent pas et ne rétrécissent pas, elles seront simplement pavées, c'est-à-dire qu'elles s'aligneront sur l'arrière-plan. Et pour en laisser un ou plusieurs aux bons endroits, il suffit de les essuyer avec l'outil Gomme.

Vous pouvez écrire du texte brillant ou simple avec des traits sur votre chef-d'œuvre animé. Pour cela, cliquez sur la lettre "T" (flèche jaune). Écrivez du texte (flèche bleue). En haut, sélectionnez le style de police (flèche turquoise) et le trait (lilas) ou aucun trait (rouge).

Sélectionnez l'encre à gauche (c'est-à-dire remplissez le texte), lorsque vous cliquez sur le texte dans l'éditeur de photos en ligne, la section "Encre" est automatiquement définie

Cliquez sur le mot "Bien" et vous verrez le texte sur votre image animée.

Autour du texte, vous verrez un cadre rectangulaire et des outils dans chaque coin de ce cadre :

  1. Croix - supprimer
  2. Flèche à deux pointes - agrandissez ou réduisez l'inscription
  3. Flèche arrondie - incliner dans un sens ou dans l'autre
  4. Rectangle dans un cercle - reproduction de texte

Vous pouvez modifier l'encre, le trait et le style du texte sans modifier le texte lui-même. Cliquez sur "Bien" et voyez ce que vous obtenez.

Et après avoir créé votre chef-d'œuvre, vous devez cliquer sur la coche verte en bas à gauche de l'image. Lorsque le service génère une image, vous serez redirigé vers une page où vous devrez entrer le nom de l'image. La description est facultative.

Là, vous pouvez également sélectionner la vitesse d'animation. La moyenne y est définie par défaut.

Et enfin, vous devez cliquer sur le bouton vert "Registre".

Après cela, l'éditeur de photos PicMix générera votre image animée brillante. Et sous votre animation, vous verrez les fonctions suivantes :

Et vous pouvez également ajouter les étincelles utilisées dans cette image animée à vos favoris. Et ils apparaîtront dans la section "Mes tampons préférés" et vous les verrez lorsque vous commencerez à créer une nouvelle image gif. Pour ce faire, passez la souris sur le tampon et cliquez sur les mots "Ajouter aux favoris" dans la fenêtre déroulante.

Vous pouvez également ajouter des tampons à vos favoris dans la section STAMPS du menu principal du site Web de PeakMix.

Lorsque nous sommes transférés sur une autre page - cliquez sur les mots "Version sans logo"

Et notre image animée s'ouvre dans une nouvelle fenêtre.

Vous pouvez le télécharger sur votre ordinateur. Pour cela, cliquez sur l'animation clic-droit souris et dans la fenêtre déroulante, sélectionnez "Enregistrer l'image sous".

Très probablement sur Facebook, la photo ne sera pas lue immédiatement, mais une telle publication apparaîtra d'abord.

Prenez votre temps pour cliquer sur le mot "Publier". Actualisez la page et remettez-y le lien. Si la même chose apparaît à nouveau, actualisez à nouveau la page. Et seulement lorsque votre belle image animée apparaît, cliquez sur le mot "Publier".

L'image animée sur Facebook est magnifique. Google + et Odnoklassniki. Mais l'image VKontakte s'avère être petite et pour voir l'animation dans toute sa splendeur, vous devez cliquer dessus. Je n'aime pas trop ça, pour être honnête.

Et dans la section "Mon PicMix", vous pouvez définir un avatar pour votre Compte comme n'importe lequel de ceux que vous avez créés Images GIF, pour ce service.

Vous pouvez désormais créer de superbes images animées dans l'éditeur de photos en ligne PicMix et les partager sur les réseaux sociaux.

Et si les captures d'écran et les explications de mon article ne sont pas trop claires pour vous, alors je vous suggère de regarder le tutoriel vidéo

GIF - une image animée au format .gif. Il a été développé il y a près de 30 ans spécifiquement pour une utilisation sur le Web et est encore largement utilisé aujourd'hui. Depuis 2004, il existe un autre format APNG de Mozilla. En bref, un gif est une image qui est une certaine séquence cadres qui se remplacent. Nous allons apprendre à les faire.

Pour créer un gif, nous avons besoin éditeur graphique qui prend en charge la fonction d'animation. Parmi les gratuits, vous pouvez prendre GIMP sur le site officiel en anglais ou même le regarder en ligne (vous avez besoin d'un lecteur flash). Si vous avez Windows supérieur à XP, le système d'exploitation dispose d'un outil pratique intégré pour créer des dessins de complexité variable - Paint.NET En principe, vous pouvez utiliser n'importe quel éditeur graphique prenant en charge les calques, mais nous nous concentrerons sur les plus populaires et les disponibles. Nous recherchons le programme dans le menu Démarrer « Standard ». La célèbre "Peinture" se trouve également ici. Alors, ouvrez l'image dans Paint.NET ou dessinez-la directement dans le programme - par exemple, comme ceci.


Pour faire une animation, nous avons besoin d'au moins une image supplémentaire. On le dessine ou on le trouve sur Internet :



format GIF Est une technologie raster qui se compose d'images ou de vidéos entrelacées. Il y a aussi une seule image qui préserve une haute résolution et taille compressée au maximum. Le format a été créé en 1987 et a subi quelques modifications. Certes, nous ne parlerons pas de cela, mais de la façon de faire un gif.

Nous ne plongerons pas dans l'histoire de la création, car le but de l'article est de montrer aux utilisateurs comment créer une animation GIF en utilisant diverses méthodes.

J'espère que vous savez que vous pouvez créer un gif en ligne, ainsi qu'utiliser Logiciel... je vais essayer de couvrir quantité maximale signifie faire cela. Aller!

Tout d'abord, examinons les services en ligne. Je présente à votre attention ToolsOn - une ressource populaire pour créer une animation GIF. D'autres fonctions sont également présentes, par exemple, la création de collages, d'icônes au format ICO, la création de logo et un convertisseur de sonnerie.

Pour créer un gif en ligne, vous devez vous rendre dans la section. On nous propose de télécharger quelques images. Vous pouvez soit sélectionner des fichiers sur votre ordinateur en utilisant le bouton approprié "Sélectionner des fichiers", soit simplement les faire glisser et les déposer.


L'étape suivante. Nous donnons le nom, l'intervalle pendant lequel les images changeront, dans d'autres champs nous entrons la hauteur et la largeur du gif.

Dans d'autres paramètres, vous pouvez choisir de répéter les animations et d'appliquer ou non des effets.

Après avoir terminé les paramètres GIF, vous devez cliquer sur le bouton "Créer" et attendez un peu. Nous téléchargeons l'animation résultante sur un ordinateur et l'utilisons à nos propres fins.


Ici, vous pouvez créer un GIF lorsque vous cliquez sur le bouton "Créer des animations"... Choisissez des images depuis un ordinateur ou directement depuis un appareil photo.


Sur la droite, une sélection de la vitesse de changement d'animation en millisecondes apparaîtra.

Il est également possible de télécharger des applications pour Android, iOS et Windows.


Si vous étudiez toujours le site, alors sur page d'accueil vous pouvez voir les gifs des autres. Bien sûr, en le regardant, il s'avère qu'il n'y a aucune règle de placement, vous pouvez télécharger ce que vous voulez.

Google est digne de confiance, il propose une variété de produits qui ont de nombreuses critiques positives et pour une bonne raison. Service Google photos vous permet non seulement de stocker des images dans le cloud, qui seront éventuellement disponibles à partir de n'importe quel appareil, mais également de créer une animation GIF.

Pour faire un gif en ligne dans ce service vous devez sélectionner le nombre d'images requis. Cliquez ensuite sur le signe plus en haut à droite, en sélectionnant l'élément là-bas "Animation"... Il sera créé automatiquement et très rapidement.


Sélectionnez le GIF et téléchargez-le. De plus, l'archive sera chargée, dans laquelle l'animation elle-même et toutes les images utilisées sont présentes.

Enfin, nous arrivons à la question de l'animation GIF créée à partir de la vidéo. Ici aussi, tout est très simple, nous allons considérer quelques services utiles, allons-y!

Service de création de GIF

Un service en anglais, mais très cool et fonctionnel pour créer des gifs à partir de vidéos. Sur la page principale, il y a un grand champ avec un bouton Parcourir sur lequel nous cliquons et sélectionnons la vidéo.

Lors du chargement, les paramètres fonctionnels apparaîtront. Par exemple, "Start Time" signifie où commencer l'animation.

Le curseur ci-dessous signifie la fin de l'animation, choisissez comme vous le souhaitez.

Vous pouvez également ajouter du texte au gif, pour cela il y a un champ "Légende"... Après la saisie du texte, les fonctions de formatage apparaissent. Vous pouvez modifier la couleur et la taille de la police.


Après avoir défini les paramètres, cliquez sur "Créer un GIF" et attendez la fin du processus. Si la vidéo était de grande taille, vous devez attendre longtemps.

Quels inconvénients peut-on observer dans ce service ?

  • Création d'une seule légende sur le gif.
  • La taille de l'animation ne peut pas être sélectionnée.

Créez des GIF à partir de vidéos avec Imgflip

Un autre. Disponible pour Windows et OSX.

Que fait ce programme? Il enregistre la vidéo d'une zone spécifique de l'écran et l'enregistre au format GIF. Toute personne engagée dans des activités informatiques et donnant des conseils peut utiliser cette méthode.


Gifcam

Fait la même chose que le programme précédent. Plus le logiciel uniquement dans une interface plus récente. Bref, vous choisissez. Vous pouvez le télécharger.

Jusqu'à présent, ce sont toutes des options pour comment faire un gif... Il existe en fait de nombreuses méthodes, jusqu'à présent, je me concentrerai sur celles indiquées. Vous pouvez également faire des GIF dans Photoshop, je l'utilise assez souvent et j'ai déjà fait de l'animation GIF. Très probablement, j'écrirai un article séparé. Naturellement, je reconstituerai le matériel, et si vous avez vos propres suggestions, écrivez-les dans les commentaires.

Chez InVision, animations GIF ne sont pas utilisés pour se faire dorloter - ils jouent un rôle important en termes de marketing et de formation. Nous avons donc même essayé de les utiliser sur notre page d'accueil au lieu d'animations réalisées avec du code.

Finalement, les gens ont commencé à nous demander : « Comment créer des animations GIF ? » Il est temps de révéler le secret.

Conception d'images GIF

1. Ingrédient secret

Voici mon petit secret : toutes mes animations GIF étaient à l'origine des fichiers vidéo. J'utilise généralement ScreenFlow, que j'utilise d'ailleurs également pour créer des vidéos de nos produits. C'est programme simple qui contient en même temps de nombreux outils d'animation utiles.
Après avoir enregistré l'animation en tant que fichier vidéo, je l'importe dans Photoshop via Fichier> Importer> Images vidéo en tant que calques.

Conseils: Si ScreenFlow ou After Effects sont trop chers pour vous, créez une animation dans Keynote et exportez-la sous forme de vidéo. Enfin, au moins une application de cette fonctionnalité dans Keynote.

2. Moins de couleurs = plus de plaisir

Si vous voulez créer des animations GIF sympas, vous devez aborder le choix de la couleur avec une crainte particulière. Cela affectera non seulement la taille du fichier, mais vous permettra également de créer des animations plus longues avec une taille de fichier plus petite. (Pour moi, petit est inférieur à 1 Mo)

3. Utilisez le flou de mouvement si possible

Des programmes tels que ScreenFlow et After Effects vous permettent d'exporter une vidéo avec un flou de mouvement appliqué. Cela donne non seulement à votre animation un aspect professionnel, mais facilite également la réduction de la taille du fichier dans Photoshop.

4. Soyez (un peu) paresseux

Imaginez quels autres éléments je pourrais ajouter à l'animation GIF au début de cet article. Petites info-bulles avec les noms d'utilisateur, clic du curseur sur le bouton plus, etc. Les gens n'ont pas besoin de voir tout cela pour avoir une compréhension générale de ce qu'ils voient, alors ne montrez que ce dont vous avez besoin - vous êtes limité en temps et en taille de fichier.

Exporter des animations GIF

Avant de vous soucier des conseils ci-dessous, essayez d'exporter votre animation GIF. Si c'est une taille acceptable, bon travail! Continuez dans le même esprit. Sinon, essayez les méthodes suivantes.

5. Supprimer les cadres en double

Très probablement, votre animation s'arrête ou reste immobile pendant un moment. En y regardant de plus près, vous remarquerez que ce moment est constitué de plusieurs cadres identiques. S'il y a 10 de ces images, supprimez-en 9 et définissez la durée de l'image restante sur, par exemple, 1 seconde.

Si cela ne fonctionne pas, essayez à nouveau d'importer la vidéo, mais cette fois, sélectionnez l'option Limiter à toutes les 2 images. Cela devrait réduire considérablement la taille du fichier.

Conseils: Si votre animation fait plus de 150 images, vous aurez du mal à essayer de réduire la taille du fichier.

6. Moins de couleurs

Lorsque vous enregistrez votre animation GIF dans Photoshop, vous verrez un menu déroulant à côté du paramètre Couleurs. Expérimentez avec les valeurs, essayez le moins de couleurs possible qui ne rendront pas tout le fichier inutile.

7. Modifiez le paramètre Perte *

Pour être honnête, je ne sais même pas ce que signifie ce paramètre. Mais je exactement Je sais que si vous le mettez entre 1 et 10, vous vous débarrasserez des kilo-octets supplémentaires sans perdre en qualité.

* "Lossy" - niveau de perte acceptable informations graphiques dans fichier raster pour réduire la taille du fichier de l'image

Rien n'a changé! Aider!

Si vous avez essayé tout ce qui précède, mais n'avez pas été en mesure de réduire Taille GIF animation, vous devez prendre du recul. Voulez-vous l'impossible? Y a-t-il un autre moyen d'obtenir ce que vous voulez ? Puis-je diviser un fichier en deux animations GIF ? Il est préférable que votre animation GIF se concentre sur un aspect.

D'un traducteur. Avec tous les souhaits et commentaires concernant la traduction, s'il vous plaît contactez-moi de manière personnelle. Merci!

Bonjour les amis! Dans cet article, nous comprendrons comment faire une animation GIF différentes façons. De images simples et à partir de la vidéo en utilisant services en ligne et avec l'aide de divers programmes gratuits.

Avec le développement de l'animation, des dessins animés sont apparus que presque tout le monde a regardés, regardés et regardés. Le développement ultérieur a conduit à l'émergence de films avec l'animation. Un bon exemple de ceci est Who Framed Roger Rabbit. Avec le développement de la technologie, l'animation par ordinateur est apparue, ce qui a permis aux films et aux dessins animés d'atteindre une qualité élevée. nouveau niveau... Dans cet article, nous allons apprendre à créer des animations GIF simples.

L'avantage de cette méthode est que vous n'avez pas besoin de télécharger et/ou d'installer des programmes supplémentaires.

Il existe de nombreux services pour créer des Gifs. J'en ai essayé trois sur moi-même et de ces trois j'ai aimé http://gifovina.ru/

Accédez au site Web du service et utilisez le bouton Ajouter des cadres pour télécharger des images.

Si vous avez ajouté plusieurs images à la fois, elles peuvent être alignées dans le mauvais ordre. Pour résoudre ce problème, déplacez la souris sur l'image que vous souhaitez déplacer. Une icône apparaît dans le coin supérieur gauche de l'image, en la saisissant avec la souris, vous pouvez placer l'image à un autre endroit dans la file d'attente

De plus, une croix apparaît dans le coin supérieur droit de l'image vous permettant de supprimer l'image.

Il y a un champ avec un numéro sous chaque image. Il s'agit de la durée de la trame en secondes. Par défaut, c'est 1 seconde. La durée peut être modifiée en cliquant sur ce champ et en utilisant le curseur pour définir la durée requise ou en utilisant le clavier pour définir la durée requise.

Vous pouvez personnaliser les effets de transition entre les images. Pour cela, cliquez sur l'icône du cercle barré entre les images et sélectionnez l'effet souhaité dans le menu qui s'ouvre.

Après avoir sélectionné un effet, la durée de cet effet sera disponible, qui peut également être ajustée.

Au centre, vous pouvez éditer le cadre sélectionné. Les possibilités d'édition consistent à ajouter différentes formes aux images. Dans ces formes, vous pouvez définir une légende. Vous avez le choix entre deux polices. Ce dernier peut être choisi dans n'importe quelle taille, faites-le en gras et/ou en italique.

Vous pouvez définir les couleurs de l'arrière-plan, du texte et de la bordure de la forme.

Les options suivantes sont disponibles sur le côté droit de la fenêtre d'édition d'animation.

La taille... Il est possible de définir la taille de l'animation. Dans la liste déroulante, sélectionnez la taille requise ou sélectionnez Personnaliser ... et dans la fenêtre contextuelle, spécifiez la taille requise.

Plus la taille de l'animation est grande, plus le poids du fichier GIF est important.

Animation GIF créée.

De la vidéo

Pour créer une animation GIF à partir d'une vidéo, vous devez installer un programme. je l'aime bien Convertisseur vidéo gratuit iWisoft... Téléchargez ce programme gratuit peut provenir du site officiel http://www.iwisoft.com/videoconverter/.

Téléchargez, installez et exécutez.

Dans la fenêtre qui s'ouvre à gauche, vous voyez la vidéo originale, ce que vous obtenez à droite. En utilisant la barre sous la timeline, vous pouvez limiter la durée de votre animation. J'ai besoin d'un petit morceau de la vidéo qui est sélectionné dans l'image.

A l'aide du cadre dans la fenêtre de la vidéo originale, vous pouvez sélectionner la partie du cadre que vous souhaitez voir dans votre animation. Vous pouvez personnaliser un tas d'effets selon vos besoins.

Le papa avec notre animation s'ouvre immédiatement. J'ai un fichier GIF de 33 Mo, malgré le fait que la vidéo originale pèse< 19 МБ).

De la vidéo en ligne

Insérez un lien vers une vidéo YouTube dans le champ et cliquez sur Afficher la vidéo.

Sur la vidéo, vous pouvez sélectionner 10 secondes pour Création de GIF animation. Ceci est défini en faisant glisser le curseur sur l'échelle sous la vidéo.

Vous pouvez spécifier manuellement les heures de début et de fin de l'animation. Pour cela, cliquez sur le lien " entrer l'heure manuellement"Et demande.

Si tu choisis Mode avancé création d'un gif, vous pouvez également définir la largeur de l'animation en déplaçant le curseur.

Lorsque tout est prêt, appuyez sur Procéder.

Voici à quel point il est facile de créer des animations Gif en ligne à partir de vidéos YouTube.

GifCam.exe

Il existe un programme simple qui vous permet de créer des animations GIF. Vous pouvez le télécharger via le lien

Les principales fonctionnalités de l'utilitaire y sont également décrites en anglais.

Le programme ne nécessite pas d'installation. Téléchargez l'archive, décompressez et exécutez GifCam.exe

Une fenêtre de programme s'ouvre et filmera ce que vous voulez voir dans votre animation GIF.

Vous avez aimé l'article ? A partager entre amis :