Comment faire cinemagraphs
Eh oui, cette image se déplace.
Non, vous n'êtes pas devenir fou!
Parce que qui dit que les photos peuvent fonction « encore » la vie?
Inspiré par les images animées créées par le duo de designer photographe et Jamie Beck mouvement et Kevin Burg, nous avons entrepris de faire de la magie se produire.
Faites vos images se déplacent comme la nôtre a fait avec un peu de magie Photoshop!
Qu'est-ce que fait « Em Move?
Les photos peuvent montrer le mouvement quand transformé en GIFs.
GIFs tiennent Graphics Interchange Format, et il est un format d'image bitmap qui prend en charge l'animation. Cette animation est pris en charge ce qui rend tout mouvement possible.
Ce mouvement magique a frappé le world wide web dans les années quatre-vingt en retard, il est donc rien de nouveau. Cependant, l'animation en GIFs sont généralement caractérisés être assez saccadée et irrégulière.
Puis vint le long de Jamie Beck et Kevin Burg. Cette talentueuse équipe de photographe de mode et designer de mouvement « conçu cinemagraphs » gifs -Incroyablement élégant et sophistiqué.
Donc célébrer le retour en douceur de GIFs en faisant vos propres photos rejoignent le mouvement!
Liste des ingrédients:
- Une caméra qui peut filmer des vidéos
- Un trépied
- Des idées pour des scènes à faire en Cinemagraph!
- Un modèle et / ou accessoires nécessaires quel que soit
- Un ordinateur
- L'accès à un programme d'édition vidéo (en option)
- L'accès à Adobe Photoshop (pour ce tutoriel, nous utilisons la version CS4)
ÉTAPE 1: Scheming votre scène
Pour votre premier tour de cinemagraphs, essayer de garder les choses simples.
Quelques conseils utiles - Conseils:
- Rappelez-vous que pour ce genre de GIF, vous voulez montrer une sorte de mouvement subtil; vous voulez créer l'intrigue de « quelle belle photo-whoa, il se déplace !! »
- En plus de montrer un mouvement, vous voulez également vous assurer que vous avez quelque chose dans votre scène qui reste cohérente contraste et souligner que le mouvement.
- Essayez de penser à une scène ou d'un mouvement qui serait assez facile à boucler depuis votre GIF final sera mis en boucle pour toujours.
- Votre scène peut impliquer une personne, mais il ne doit pas nécessairement.
Certaines des idées que nous sommes arrivés avec étaient les suivants:
- Les feuilles des arbres se déplaçant doucement dans un jeu d'enfant
- Les yeux de quelqu'un clignotantes ou en mouvement
- Les gens ou les choses en mouvement comme indiqué dans les réflexions de fenêtre en verre
ÉTAPE 2: tourner la scène
Ensuite, mettre en place votre appareil photo sur votre trépied et commencer à tourner loin!
Assurez-vous que votre trépied est debout sur une surface solide pour vous assurer que votre appareil peut filmer aussi immobile que possible.
Vous n'avez pas à filmer la scène très longtemps; 10-20 secondes d'images est plus que suffisant pour faire un Cinemagraph.
ÉTAPE 3: Avoir le fichier vidéo Right
Avant de pouvoir ouvrir et modifier votre fichier vidéo dans Adobe Photoshop, vous devez vous assurer que le fichier est quelque chose qui peut être ouvert dans Photoshop.
Adobe Photoshop peut ouvrir des fichiers MOV ou AVI vidéo.
Si les fichiers vidéo que vous avez prises ne sont pas l'un de ces fichiers ou d'autres fichiers vidéo qui peuvent être ouverts dans Photoshop, ouvrez vos fichiers vidéo dans un programme d'édition vidéo standard pour convertir vos fichiers.
ÉTAPE 4: cadrez votre vidéo
Une fenêtre apparaîtra où vous aurez la possibilité de:
- Importez votre fichier entier dans des cadres, ou
- Importer une partie sélectionnée de votre fichier vidéo.
Comme une note générale, ayant beaucoup de cadres feront de votre résultat GIF animé beaucoup plus en douceur.
Cependant, signifie plus d'images de la mémoire, et donc un fichier plus volumineux à travailler avec. Et vous ne voulez pas travailler avec un énorme fichier sur Photoshop, car il va ralentir le programme (et votre ordinateur en général).
Alors, le mieux est de viser un moins de 100 cadres pour commencer. Vous pouvez (et probablement) se débarrasser de plus d'images que vous faites votre Cinemagraph.
Avant de cliquer sur l'option « OK », assurez-vous que vous avez vérifié les options d'importation appropriées que vous voulez sur le côté gauche de la fenêtre, ainsi que de cocher la case à côté du « cinéma d'animation Frame ».
ÉTAPE 5: Votre fichier vidéo, couches ... Comme gâteau
Vous verrez que chaque image de la vidéo a été faite dans sa propre couche séparée.
ÉTAPE 6: Encadré Encore une fois
Dans la fenêtre d'animation, cliquez sur l'icône en bas à droite d'une bobine de film pour voir l'animation en tant que cadres.
Maintenant, vous verrez que chaque image correspond à chaque couche de votre fichier vidéo.
Cela signifie que ces couches et cadres sont reliés les uns aux autres. Gardez cela à l'esprit lorsque vous modifiez et la suppression de couches et / ou des cadres!
ÉTAPE 7: Attrapez ce moment en mouvement
Appuyez sur la barre d'espace pour lire votre fichier vidéo afin que vous puissiez trouver le mouvement que vous voulez.
Une fois que vous avez identifié ce que ces cadres sont les isoler en se débarrassant de la fois le cadre et la couche, car ceux-ci sont liés les uns aux autres.
Notez que lorsque vous supprimez des cadres, image 1 dans la fenêtre d'animation sera toujours la dernière couche dans la fenêtre de votre couche, peu importe si elle est couche 1 (la trame d'origine 1) ou couche 92 (comme dans notre cas). Si cette rupture dans la coordination images et le nombre de couches vous dérange, vous pouvez renommer les couches pour correspondre aux images lorsque vous avez fini de supprimer toutes les images non nécessaires et des couches.
ÉTAPE 8: Alpha couche, Plus
Dupliquer cette couche et la placer au-dessus de toutes les autres couches dans la fenêtre Calques.
Nommez cette couche « Alpha », car ce sera la couche que vous voulez montrer constamment au-dessus de chaque couche et donc cadre.
ÉTAPE 9: temps Masking
Vous modifierez votre couche Alpha pour montrer ce mouvement en utilisant un masque vectoriel et masquer les éléments dans cette couche que vous souhaitez afficher en mouvement.
Je ne sais pas ce qu'est un masque vectoriel est ou ce moyen de masquage? Découvrez ici.
Pour notre Cinemagraph, nous masqué les zones des yeux de notre modèle et quelques-uns de ses cheveux, ainsi que les buissons en arrière-plan, puisque ceux-ci étaient les éléments que nous voulions montrer un certain mouvement.
ÉTAPE 10: Test, essais, 1 2 3
Dans votre animation fenêtre assurez-vous qu'il est l'affichage des images-assurez-vous que votre animation est mis en boucle « Forever ». Ensuite, jouer votre animation.
A partir de ce test, vous devriez être en mesure de voir ce que les modifications plus vous devez apporter à vos couches et / ou des cadres pour votre GIF final.
ÉTAPE 11: Feelin' Loopy?
Cela peut être résolu de la manière suivante:
Ne pas oublier de tester votre Cinemagraph en jouant à travers l'animation (cadres) fenêtre vous avez compris comment faire une boucle en douceur elle.
ÉTAPE 12: Colorez votre Cinemagraph
Pour répondre à ce défi, appliquer un effet de couleur qui fonctionne avec moins de mémoire de couleur. Ces effets comprennent les effets de traitement des couleurs bichromie ou.
Vous pouvez le faire manuellement en jouant avec un masque de réglage sur toutes vos couches, ou vous pouvez rechercher sur le web pour des actions Photoshop gratuit pour les effets de couleurs que vous pouvez simplement appliquer sur toutes vos couches.
ÉTAPE 13: Redimensionner pour optimiser
Pour vous aider à optimiser votre GIF afin qu'il se montrera bien sur le web comme, par exemple, votre blog, nous avons génial pour vous assurer que votre fichier GIF ne sera pas plus grande que nécessaire. L'Internet n'est pas facile de gros fichiers GIF.
Avec autant de couches dans votre fichier déjà, il est déjà lié à un gros fichier, alors comment pouvez-vous faire plus petit?
Pourquoi, redimensionner votre image, bien sûr!
Redimensionner votre image selon vos préférences dans Image> Taille de l'image.
Assurez-vous que la résolution de l'image est également réglée sur 72 pixels / pouce; c'est toute la résolution nécessaire pour les images sur le web.
Notre Cinemagraph, aux fins de ce tutoriel, est fixé à une taille assez grande de 600 × 400 pixels.
Remarque: Si vous avez optimisé votre fichier GIF mieux que vous pouvez, et vous trouverez plus tard, il est encore avoir du mal à être téléchargé sur le web, il y a des resizers gratuits GIF disponibles en ligne qui peut rendre votre fichier GIF plus convivial web.
ÉTAPE 14: Enregistrer deux fois
Tout d'abord, enregistrez le fichier que vous avez édité (si vous ne l'avez pas fait pendant ce processus) en tant que fichier PSD afin que vous puissiez revenir pour plus des modifications si nécessaire.
Ensuite, faites un « Enregistrer pour le Web - Devices. »
Dans la fenêtre qui apparaît, assurez-vous dans le coin en haut à droite que vous enregistrez un fichier GIF avec 256 couleurs avant de cliquer pour enregistrer.
ÉTAPE 15: Cinemagraph succès!
Vous avez maintenant un Cinemagraph fait sous votre ceinture!
Plus GIF Greatness
Un merci spécial à Fernando J. Baez, dont de tutoriel Cinemagraph ce tutoriel a été vaguement basé sur. Vous balancez nos chaussettes au néon, M. Baez!
- As-tu aimé? Partagez-le!
- Créé avec l'esquisse.