GIF lettrés à la main

1. Ce dont vous aurez besoin: Salut les gars, je suis Jamie Bartlett. Dans ce cours, nous allons faire des cadeaux de lettrage amusants style griffonnage. C' est super rapide et facile à faire. Je vais vous montrer chaque pas en chemin. Pour le projet de classe, vous pouvez écrire un message amusant à envoyer à un ami. Allons entrer. Pour ce cours, vous aurez besoin de papier, d'un ustensile de dessin comme des crayons, des stylos, des stylos, des marqueurs, tout ce que vous voulez, puis aussi du papier calque. Vous devez d'abord esquisser votre lettre. Pour cette classe, il va faire plus d'un lettrage de style doodley-style, sorte que vous n'avez pas à passer trop de temps dessus. Cela peut être quelque chose de rapide, désordonné, chose d'amusant, et rappelez-vous juste que vous esquissez, essayez de ne pas le faire trop petit. Plus il est grand, plus le look final sera propre. Si elle est trop petite, une fois qu'elle sera explosée, elle aura l'air plutôt désordonnée. 2. Tracer: Voici ce que j'ai fait pour mon croquis. Avant de commencer à tracer notre dessin, nous allons mettre quatre points, un dans chaque coin de notre dessin. Cela va nous aider à aligner tous nos dessins, une fois que nous les avons tracés à l'intérieur de Photoshop. Ils n'ont pas besoin d'être un carré parfait ou dans n'importe quel endroit spécifique seulement quatre points dans chaque coin, et maintenant nous sommes prêts à tracer. La première chose que nous voulons tracer, c'est ces quatre points. Une fois que nous aurons cela, nous pourrons aller de l'avant et retracer tous nos lettrages. Je veux que mon design soit plus solide que quelque chose avec beaucoup de texture. Je vais tracer le mien à l'aide d'un stylo. Vous pouvez utiliser un crayon, vous pouvez utiliser un marqueur, quel que soit l'effet que vous voulez. On veut juste s'assurer qu'il fait assez sombre, sinon, il sera difficile de se présenter une fois qu'on sera dans Photoshop. J' ai fini mon premier traçage. Maintenant, j'ai juste besoin de le faire quatre fois de plus pour un total de cinq tracés. C' est bon de faire environ trois à cinq tracés. Voici mes cinq tracés et maintenant je dois les scanner dans l'ordinateur. Si vous n'avez pas de scanner, vous pouvez prendre une photo à l'aide de votre smartphone. Assurez-vous simplement de prendre une photo de chacun de vos dessins individuellement, et en lumière directe. Donc, il n'y a pas d'ombre sur vos traces. Alors on peut aller dans Photoshop. 3. Préparer dans Photoshop: C' est donc mon scan que j'ai ouvert dans Photoshop. La première chose que nous devons faire est de séparer chaque traçage dans sa propre couche. Alors allez dans votre outil Rectangle de sélection et placez une boîte autour de votre premier croquis. Ensuite, vous allez appuyer sur la commande J sur le clavier, puis qui duplique cette sélection dans son propre calque. Ensuite, assurez-vous que votre esquisse principale est à nouveau sélectionnée et faites la même chose pour chaque traçage. Une fois que vous avez tous ceux dupliqués, vous pouvez désactiver votre calque d'arrière-plan, puis faire pivoter tous ces éléments. Ici, dans la barre d'outils supérieure, j'ai l'option de sélection automatique de la couche cochée. Je peux donc simplement cliquer sur chaque calque et faire pivoter sans avoir à aller dans la palette des calques et sélectionner le calque. Ensuite, une fois que vous les avez tous tournés, sélectionnez les cinq tracés, alignez-les verticalement et horizontalement. 4. Aligner les tracés: Maintenant, nous devons aligner tous nos tracés, et c'est là que ces quatre points sont utiles. Nous allons sélectionner les quatre couches supérieures et changer le mode de fusion en différence, et nous allons faire une esquisse à la fois. Nous commencerons par la couche 4. Allons zoomer. La façon dont ce mode de fusion fonctionne est que tout ce qui est pareil entre ces deux couches est noir et tout ce qui est différent est blanc. Nous voulons que tout soit aligné en noir. Nous allons commencer par aligner ces deux points, puis nous allons faire pivoter notre traçage en repositionnant le point d'ancrage sur ce cercle, puis en le faisant tourner jusqu'à ce que nous pensons qu'il est proche et ensuite le déplacer jusqu'à ce qu'il s'aligne principalement. Rappelez-vous, nous n'avons pas besoin de s'aligner parfaitement parce que c'est le point de le tracer plusieurs fois, et il sera juste mieux dans l'animation à la fin. Si vous n'aviez pas de scanner et que vous avez fini par utiliser votre smartphone pour prendre des photos de chacun de vos croquis, la perspective pourrait être un peu désactivée, ce qui est facile à changer. Tout ce que vous devez faire est de transformer le calque que vous alignez en appuyant sur la commande T sur le clavier, puis un clic droit et aller à la distorsion. De cette façon, vous pouvez déplacer n'importe quel des coins. Vous pouvez déplacer cela pour aligner ce point, ce point et ainsi de suite, et cela corrigera la perspective. Sinon, si vous l'avez scanné, tout est plat et dans la même perspective, donc vous n'avez pas besoin de vous en soucier, et nous le ferons pour le reste. Allons de l'avant et verrouillons notre cinquième couche pour que nous ne saisissions pas accidentellement ça. Celui-ci a déjà l'air assez proche, et ça a l'air bien pour celui-là, et on va continuer. Comme vous pouvez le voir quand je bouge ça, ça s'accroche aux couches. Si je veux désactiver cela, je peux maintenir le contrôle enfoncé et je peux le déplacer librement. On y va. Maintenant, nous pouvons déverrouiller notre dernier calque, les sélectionner à nouveau et changer le mode de fusion à la normale. 5. Ajustements: Maintenant que nous avons toutes nos couches alignées, nous devons recadrer notre document à la taille que nous voulons qu'il soit. Une bonne taille pour un GIF est d'environ 800 pixels par 600 pixels. C' est ce que je veux que le mien soit. Je vais aller à l'outil de recadrage et changer le rapport à une largeur par résolution de hauteur, 800 pixels par 600 pixels et 72 DPI. Zoom arrière. Vous pouvez le faire en appuyant sur commande moins sur le clavier , puis nous allons juste aller de l'avant et le réduire. C' est bon s'il y a plus de place autour du cadre juste ici, on pourra le remplir plus tard. Appuyez sur Entrée et cela semble plutôt bon. Commençons par remplir ce fond blanc. Activez notre calque d'arrière-plan et remplissez-le avec du blanc, en vous assurant que le blanc est la couleur d'arrière-plan à gauche ici et appuyez sur la commande Supprimer. Maintenant, nous voulons ajouter un calque de réglage des courbes sur le dessus, sorte que le papier blanc soit blanc pur et que nous puissions sombre dans le lettrage pour être plus noir. Descendez ici à vos calques de réglage. Trouvez des courbes et amenons cela jusqu'au sommet de notre palette de calques. Prenez votre compte-gouttes à œil blanc et cliquez sur la partie blanche de votre traçage. Vous pouvez encore voir qu'il y a un peu de texture grise et papier. Si vous maintenez l'option enfoncée, vous pouvez voir tout ce qui n'est pas blanc pur. Je vais cliquer ici et ça aide beaucoup. Ça a l'air plutôt bien. Ensuite, je vais prendre mon compte-gouttes oculaire noir, et cliquer sur la partie sombre de mon traçage. Ça le rend assez sombre. Si je veux, je peux même ajuster manuellement une partie de cela et le rendre un peu plus sombre. 6. Nettoyage: Maintenant, j'ai besoin d'enlever les quatre points sur chacun de mes tracés. Je vais appuyer sur E sur le clavier pour basculer l'outil Gomme, m' assurer que ma première couche est sélectionnée, puis commencer à effacer, retirer mon premier interrupteur à ma seconde, et la raison pour laquelle les points ne disparaissent pas est parce qu'une fois que j'efface une couche, vous commencez à voir le point suivant sur le calque au-dessous. Si vous voyez des taches ou des grunges qui apparaissent, hésitez pas à aller de l'avant et effacer cela également. Rallume toutes tes couches, et je vois des taches juste là. Donc c'est sur ma deuxième couche, donc je vais l'effacer aussi. D'accord, ça a l'air bien. 7. Couleur et animation: Maintenant, nous voulons définir mes couleurs. Depuis cela, est à peu près pur noir et blanc pur, je peux facilement ajuster les couleurs en utilisant une carte dégradée. Vous pouvez trouver la carte de dégradé ici. Cliquez dessus, placez-le en haut de votre palette de calques. Peu importe ce que vous voulez que la couleur noire soit, vous pouvez régler ça ici. Peu importe ce que tu veux que la couleur blanche soit, tu le mets ici. On va cliquer sur le noir. Je vais choisir certains faire comme une couleur rose. Je vais juste laisser mon fond blanc. Cliquez sur OK. Maintenant, nous pouvons ajouter l'animation, aller jusqu'à la chronologie de la fenêtre. Vous allez vouloir appuyer sur Créer une animation d'image. Mais si le vôtre dit créer une chronologie vidéo, suffit de cliquer sur la flèche vers le bas et de le changer en animation d'image. Cliquez ensuite sur le bouton. Ici, dans notre chronologie, c'est la première image de notre animation. Cependant sont les calques sont définis palette de calques internes, c'est ce qui va être affiché dans cette première image. C' est ce que je veux pour la première image. J' ai juste besoin de venir ici où ça dit zéro seconde et de le régler à 0,2 seconde. C' est la durée du cadre. Cliquez ensuite sur New Frame et désactivez le premier calque et faites la même chose pour chaque traçage. Alors juste ici, il dit vouloir, mais nous voulons le changer pour toujours. C' est comme ça qu'on le fait boucler pour toujours. Maintenant, tout ce que j'ai à faire est d'appuyer sur le bouton Lecture et nous pouvons prévisualiser l'animation. C' est assez amusant. Si vous remarquez ici, il y a des petits blocs que je dois enlever. Je vais frapper stop, et c'est dans le cadre 2. C' est ma deuxième couche. Si je clique dessus, commuté mon outil gomme, je peux effacer cela. J' ai remarqué qu'il y avait un autre bloc quelque part ici qui est sur ma quatrième couche. Je pense que c'était la seule chose. D' accord, nous allons en prévisualiser à nouveau. Ça a l'air bien. C'est tout ce qu'on a à faire pour l'animation. Maintenant, nous avons juste besoin de l'enregistrer comme GIF. 8. Exporter des GIFs et des vidéos: Je travaille dans Photoshop CC 2015 et Adobe déplace le coffre-fort d'une fonctionnalité Web vers un autre emplacement. J' étais juste sous Enregistrer sous. Donc, si vous utilisez une ancienne version de Photoshop, c'est là que vous devez aller. Si vous êtes dans la même version que moi, accédez à Exporter et Enregistrer pour le Web. Ensuite, nous allons basculer le Préréglage vers le haut, et jeter un coup d'oeil ici dans notre taille de fichier, qui est super minuscule, donc c'est bon. Vérifiez ici et assurez-vous que les options de boucle sont définies sur Forever, puis vous pouvez cliquer sur « Enregistrer ». Je vais nommer mes tacos, le mettre sur mon bureau. La meilleure façon de vérifier et de vérifier que votre GIF fonctionne, est de l'ouvrir dans un navigateur. J' ai sauvé le mien sur mon bureau. Vous avez juste besoin de faire glisser votre GIF dans votre navigateur, et voilà, ça marche. Maintenant, si vous vouliez poster ceci sur Instagram, Instagram ne prend pas en charge les GIF. Nous devons donc exporter un fichier vidéo. Revenez donc à Photoshop, et une chose que Instagram exige, c'est que votre vidéo doit être d'au moins cinq secondes. Donc, nous allons devoir faire les nôtres cinq secondes. Puisque chaque image est de 0,2 seconde, nous avons besoin d'au moins 25 images. Je vais sélectionner toutes mes images, en cliquant sur la première, puis en maintenant la touche Maj et en cliquant sur la dernière image, j'ai toutes mes images sélectionnées. Ensuite, revenez à votre première image et maintenez l'option enfoncée, puis cliquez et faites glisser jusqu'à ce que vous voyez cette petite ligne apparaître, puis laissez aller. Maintenant, nous avons 10 cadres. Maintenant, sélectionnons les 10 images, et faisons la même chose. Maintenant, si je fais ces 10 images une fois de plus, on aura plus de 25 images, donc on sera bons. Juste pour vous assurer que cela fonctionne, appuyez sur « Play » et prévisualisez-le. Vous pouvez les voir passer à travers les cadres, et ça a l'air bien. Maintenant, nous devons aller à Fichier, Exporter, puis descendre à Render Video, et cela va probablement prendre une seconde pour charger. Je vais changer mon nom en tacos, puis je vais le mettre sur le Bureau, et tous ces paramètres peuvent être laissés comme ils sont. Maintenant, nous pouvons juste appuyer sur « Render », et le laisser faire son truc. C'est ça. Maintenant, si nous regardons sur le Bureau, nous pouvons prévisualiser cela, et c'est prêt pour Instagram. Ma façon préférée d'obtenir ceci sur mon téléphone est juste en plaçant le fichier sur Dropbox. C' est ça, les gars. J'ai hâte de voir tous les GIF amusants que vous créez. Si vous n'en partagez pas sur Instagram, hésitez pas à me étiqueter @apairofpairs. Merci d'avoir pris mes cours. J' adorerais que vous me laissiez votre avis, et comme toujours, n'hésitez pas à me poser des questions. À la prochaine fois.