Comment faire un GIF animé avec des caractères 8 bits Partie 1 Design - Media Go ™ · La créativité au travail!
Avez-vous déjà voulu faire un coup de pied animation cul de caractères 8 bits déchirer les uns les autres en charpie? Eh bien, vous pouvez maintenant. Dans ce tutoriel, je vais vous guider à travers le processus de création des caractères vectorisés 8 bits pour une utilisation dans un GIF animé. Je l'ai également inclus les fichiers source de vecteur des personnages et des objets de sorte que vous pouvez créer votre propre animation. Donc, commencer à brouillage à l'avantage et commencer!
1. Mettre en place votre document dans Illustrator
Pour commencer, Illustrator ouvert et créer un nouveau document. Il ne compte pas vraiment quelle taille, de sorte que la valeur par défaut 8,5 x 11 dimensions seront très bien (puisque ce sont des vecteurs, ils peuvent être redimensionnées plus tard pour répondre à vos besoins).
2. Allumez la grille
Ensuite, vous voulez vous assurer que vous activez la grille dans votre document. Vous pouvez le faire en allant dans le menu Affichage et sélectionnez l'option Afficher la grille (ou en appuyant sur CTRL + « pour le raccourci). Cette grille servira de guide pour tous les pixels que vous utiliserez pour faire vos personnages, arrière-plans, articles, etc. De plus, je trouve utile pour activer le composant logiciel enfichable à l'option de la grille ainsi. Cela rend plus facile de déplacer les pixels autour de la grille, sans avoir à passer du temps en les alignant à la main. Vous pouvez trouver cette option dans le menu VIEW sous SNAP TO GRID (ou en appuyant sur SHIFT + CTRL + « ).

3. Utilisez Squares pour créer votre personnage
Maintenant, votre document est mis en place, vous êtes prêt à faire quelques vecteur caractères 8 bits. Tout d'abord, utilisez l'outil carré pour faire un carré exactement la même taille que les places de la grille. Puisque vous avez l'option SNAP TO GRID sur, cela devrait être assez facile. Cette place servira un « pixel » que vous copierez de faire tous les objets dans votre environnement 8 bits.

4. Soyez créatif!
À ce stade, vous avez besoin d'un moyen rapide de déplacer les pixels pour créer autour de votre personnage. Je trouve cela fonctionne mieux pour travailler avec une couleur à la fois, puis revenir en arrière et ajouter des détails plus tard. Le meilleur moyen de le faire est de sélectionner le pixel que vous souhaitez utiliser, et maintenez la touche ALT tout en appuyant sur les flèches dans la direction que vous voulez que le pixel aller. Cela copiera votre single « pixel » et déplacer la copie quelle que soit la direction que vous choisissez.

5. Couleur votre personnage
Lorsque vous avez terminé votre plan, il est temps de remplir votre personnage. J'utilise la même technique que précédemment, mais je l'ai trouvé, vous devez également utiliser la souris pour remettre pixels place à certains moments. Au moment de choisir les couleurs, garder à l'esprit que vous devez utiliser un palais limité comme un vrai jeu 8 bits, si vous allez l'authenticité. Si elle aide, vous pouvez aussi garder un seul pixel de chaque couleur à côté de vos caractères que vous pouvez copier ou utiliser pour d'autres éléments dans le 8 mais dans le monde que vous créez. En outre, ne pas oublier de créer une arme pour votre personnage.

6. Créer plus de caractères
Après avoir terminé mon premier personnage, je fait quelques autres personnages d'un style similaire, de sorte qu'il a quelqu'un à se battre.

7. Créez votre environnement

8. Créer des objets
poster des liens à vos conceptions de caractère
Je suis curieux de voir ce que nos lecteurs viennent avec. Je veux voir des caractères 8 bits impressionnants, des monstres, des patrons, des objets, etc. Je vais même poster mes favoris dans un autre post!


Partie 2 - ANIMATION
Dans la partie 2, je vais vous guider à travers le processus d'animation de vos personnages 8 bits à l'aide du panneau d'animation de Photoshop CS3.