Faire un GIF animé (3 / 7 étapes)

Étape 3: à l’aide de Photoshop

Photoshop est un outil très puissant qui fait plein de magie ; de retouche photo Il est aussi très cher. Heureusement, Adobe propose une version étudiant et Photoshop elements, qui tous deux sont procurer moins cher et suivent le même processus, tel que décrit ci-dessous.

Je vais vous guider à travers un exemple d’un GIF animé très simple. J’ai fait cette j’ai bacon ♥ animation en environ 20 minutes. Vous pouvez télécharger mon fichier fini de Photoshop (iHEARTbacon.psd) au bas de cette étape pour votre référence. La photo de cette étape est un GIF animé, j’ai fait faire un GIF animé. (Waouh!)

J’ai utilisé Photoshop CS5, mais cela fonctionne également avec les versions antérieures. J’ai commencé par faire une recherche d’image pour des images très simples d’un coeur et le bacon. Chaque image a été ouvert à son propre onglet de navigateur. Quand j’ai trouvé les images que j’ai voulu j’ouvre Photoshop et fait en sorte que la fenêtre des calques a été ouvert (F7)

  • Ouvrez une nouvelle toile (ctrl + n) et la valeur 500 x500 pixels
  • Utilisez l’outil remplissage et faire une couche de base blanche
  • insérer des documents de référence sur les nouveaux calques au-dessus de couche de base
  • redimensionner / nettoyer les images de référence si nécessaire
  • outil texte d’entrée captil "I", redimensionner si nécessaire
  • de haut en couche inférieure doit être arrêté : calque de type « I » > image de coeur > image bacon > calque de fond blanc
  • Ouvrez fenêtre > animation
  • dans la fenêtre d’animation créer 6 nouveaux calques
  • images d’animation
    • cadre 1: Voir la calque de type « I » et couche de base blanc (mettez hors cœur et bacon images)
    • cadre 2: désactivez calque de type « I », laisser la couche de base blanche sur
    • cadre 3: montrer l’image de coeur et la couche de base blanche
    • cadre 4: désactiver image de coeur, laisser la couche de base blanche sur
    • cadre 5: montrer l’image de bacon et de couche de base blanc
    • image 6: désactiver image bacon, laisser la couche de base blanche sur
  • CRTL + clic les calques de texte, le coeur et bacon, puis définissez le délai à 0,5 secondes
  • Ctrl + clic le suppléant blanc couches d’animation et définie le délai à 0,2 secondes
  • fichier > enregistrer pour le web
  • Définissez l’animation à boucle pour toujours et enregistrez votre GIF animé
  • Enregistrez l’ensemble du projet après sous un fichier Photoship (.psd)


j’ai bacon ♥ faite avec Photoshop
la j’ai télécharger le fichier de Photoshop pour le bacon ♥

Articles Liés

Comment faire un Gif animé dans Photoshop (et imprimer un flipbook!)

Comment faire un Gif animé dans Photoshop (et imprimer un flipbook!)

j'ai voulu faire un gif animé d'un système mécanique de la jambe que j'ai conçu (et publiera une instructable tout bientôt), et j'ai pensé que je poste un rapide tutoriel sur comment faire des gifs animés dans photoshop.Etape 1: Assembler vos couches
Comment faire un GIF animé

Comment faire un GIF animé

Dans ce tutoriel je va vous montrer comment faire un gif animé de base, avec quelques techniques de base montage dans Adobe Photoshop CS5. Veuillez noter pour ce tutoriel que vous avez besoin d'une compréhension de base de photoshop.Étape 1: Ouvrez P
La Pizzoetrope : Faire un GIF animé sur une Pizza

La Pizzoetrope : Faire un GIF animé sur une Pizza

Le Pizzoetrope est un projet développé à partir de mon intérêt pour la popularité de pizza sur internet et la façon que la culture populaire est célébrée, en particulier sur les sites de réseautage social comme tumblr, en convertissant des images ani
Comment faire des Gifs animés sur Pizza

Comment faire des Gifs animés sur Pizza

si vous passez du temps dans les Forums communautaires de Instructables >> Blog communautaire, verrait qu'il y a quelque temps j'ai commencé à parler de l'art que je fais pour célébrer la commande de pizza au QG Instructables tous les jeudis. Je l'a
Faire un GIF animé sur adobe photoshop

Faire un GIF animé sur adobe photoshop

dans cette ible' je vais vous montrer comment faire un GIF dans photoshop.Je suis en utilisant photoshop elements 7.1 pour cela instructable.Étape 1 : maintenant, vous devrez ouvrir un nouveau document et tapez dans les dimensions indiquées ci-dessou
Comment faire un GIF animé sur un fichier vidéo en utilisant seulement le freeware

Comment faire un GIF animé sur un fichier vidéo en utilisant seulement le freeware

pour ceux d'entre vous qui ne connaissent pas un GIF est le plus couramment utilisé format supportant plusieurs images dans un slidshow ou une animation d'image. en d'autres termes, vous pouvez mettre de courtes vidéos où aller normalement seules les
Faire un GIF animé d’un petit objet

Faire un GIF animé d’un petit objet

l'idée est de prendre un court clip vidéo d'un objet en rotation et les convertir en format GIF89a qui jouera dans une boucle sans fin dans un navigateur web.En utilisant une platine motorisée tel qu'un lecteur de disque, l'objet peut être fait pour
Jouer avec les mathématiques : faire des GIF animé et HTML5

Jouer avec les mathématiques : faire des GIF animé et HTML5

nombre de sites sociaux permettent désormais d'afficher des images animées (GIF). Instructable fait. Facebook ne fait pas (a partir de maintenant).Dans ce Instructable, vous apprendrez comment :générer des images avec les mathématiques (type de conto
Comment faire un Gif animé de vidéo

Comment faire un Gif animé de vidéo

Imgur permet de convertir automatiquement les 15 secondes de n'importe quelle vidéo de Youtube ou Vimeo en un Gif animé.
Comment faire un GIF d’une YouTube vidéo

Comment faire un GIF d’une YouTube vidéo

Dans ce Instructable que nous prévoyons enseigner aux utilisateurs sur la façon de créer un « graphics interchange format », ou GIF, d'une vidéo de YouTube. Un GIF est une courte section d'animation ou vidéo qui est communément partagée sur les résea
Fabrication GIF animé dans photoshop

Fabrication GIF animé dans photoshop

donc c'est un ' ible sur comment vous animez GIF images dans photoshop, simple, beaucoup de plaisir et très facile à faire, cependant un petit travail intensif, en comparaison de flash, c'est l'animation image par image...Vous pouvez trouver davantag
Logo GIF animé

Logo GIF animé

Prenez votre logo et transformez-le en un GIF animé génial !--------------------------------------------------------Notez que le ces instructions ont été faites sur un Mac avec Photoshop CS6, donc si vous êtes un autre système d'exploitation ou un lo
Comment faire de l’animation dans photoshop cs5

Comment faire de l’animation dans photoshop cs5

comment faire animation dans photoshopGIFs animés permettent à un concepteur d'injecter les mouvement des graphiques de la page Web, des vidéos ou des avatars...
Faire de l’animation de Openclipart SVG avec Raspberry Pi

Faire de l’animation de Openclipart SVG avec Raspberry Pi

Il s'agit d'une Instructable qui décrit le processus de fabrication une animation à partir de Openclipart SVG.Openclipart library est une collection d'art de licence libre de 100 % que vous pouvez utiliser pour n'importe quel but.Je vais vous expliqu