Comment créer Pixel Art - Blog Redbubble
Pour ceux d'entre nous qui a grandi dans une arcade, ou ont été fermement planté devant nos téléviseurs tenant un contrôleur de quelque sorte, pixel art est une partie de notre culture visuelle. Tout comme la musique qui accompagne ces jeux rétro, nous savons quand quelque chose se sent à sa place. Il est à cause de cela que d'apprendre à faire de l'art de pixel peut être une chose ardue, mais pour ceux qui veulent creuser et obtenir des bits et des blocs, il peut être très enrichissante.
En plus de créer de l'art dans le style des jeux vidéo classiques, savoir comment créer de l'art de pixel peut aider à créer votre nouveau jeu indie mobile, ou même des icônes / émoticônes pour une utilisation sur le web ou une nouvelle application. Le style fonctionne parfaitement, même pour les produits dans votre magasin, comme des oreillers, des chemises et des autocollants cours. Nous avons donc un rapide tutoriel pour vous aider à démarrer et j'ai créé une petite tasse de café pour montrer comment il est fait. Je ne suis pas au niveau de nombreux artistes de pixel sont à tels que ceux présentés dans notre Pleins feux sur les artistes Pixel. mais ce tutoriel est plus d'une introduction qui nous l'espérons vous inspirer à en apprendre davantage.
« Indigo nébuleuse » par Sp8cebit
Pour ce tutoriel, je vais utiliser Adobe Photoshop, mais à peu près tout programme peut être utilisé pour faire de l'art de pixel. A la fin, je vais même avoir quelques liens vers des grandes applications spécialement conçues pour faire de l'art pixel.
La première chose que vous voulez faire est de créer un nouveau document. Nous voulons que ce soit petit pour qu'il soit easer de placer les pixels et ont les aligner sur la grille de pixels que nous allons utiliser. Commençons par 50px x 50px, 72 ppi, et pour la « resample » nous utiliserons
« voisin le plus proche (bords durs) ». Ceci est généralement suggéré pour l'art de pixel comme il permet à vos pixels de rester forte lors du redimensionnement.
Le prochain chose que vous voulez faire assurez-vous que vous utilisez l'outil crayon et il est défini pour 1 pixel taille. En outre, régler le mode de l'outil Gomme au crayon et aussi 1 pixel. Il est plus facile d'alterner entre crayon et une gomme pendant que vous travaillez. Il est également bon de commencer par quelques échauffements pour obtenir l'idée de ce qui fonctionne et ce qui ne fonctionne pas.
Vous pouvez voir dans l'image ci-dessous que les lignes gauche et droite semblent bonnes, alors il y a quelque chose hors avec celui du milieu. Cela est dû aux pixels non suivant un modèle comme les deux autres. Cela peut ne pas sembler trop mal en ce moment, mais une fois que vous construisez vraiment votre place de travail, il causera des problèmes.
Il est bon aussi pratiquer des formes courbes, comme la façon dont vous placez les pixels au cours de la courbe, il sera un aspect naturel. Vous pouvez le voir dans les deux cercles de plus qu'en fonction de la taille, les courbes ont différents modèles pour eux. Même si la ligne la plus longue dans chacun de ces cercles est de 5 pixels de longueur des courbes sont faits de différentes lignes de pixels, dans la plus petite taille, il n'y a pas de pixels pour la courbe du tout. Toutefois, si vous effectuez un zoom sur l'image tous les trois vont ressembler à des cercles. Ceci est une bonne chose à vérifier de temps en temps pour vous assurer que vos lignes et courbes regardent comme ils le devraient. Il faudra un peu de temps, mais de comprendre comment et quand placer les pixels deviendront une seconde nature.
Après tout ce discours de cercles, ou était-ce des beignets et des biscuits. il est temps pour le café. J'ai utilisé ma tasse de café fidèle référence, mais vous pouvez également utiliser une image sur sa propre couche et oligo-dessus si vous le souhaitez. La première chose que je vais faire est de créer le contour de sa propre couche. Ceci est pratique car il aide à obtenir la forme initiale de la tasse vers le bas et le rendre plus facile d'ajouter les autres éléments plus tard. Encore une fois, remarquez comment les courbes ont une tendance similaire à l'autre, la partie en bas à droite de la tasse ressemble en bas à gauche. Sans la poignée cela ressemble à une canette de soda.
La prochaine chose que je vais ajouter que délicieux café torréfié foncé. Remarquez comment la forme du café ressemble à la forme du haut et en bas de la tasse? Il est bon de penser à la façon dont les formes interagissent les uns avec les autres. Placez vos pixels, effacer en cas de besoin, et toujours ajouter de nouvelles couleurs et des lignes sur leurs propres couches. Ceci est non destructif et le rend plus facile si vous souhaitez changer les couleurs.
Une note sur la couleur: Dans mon sélecteur de couleur, je l'ai mis à « Seules les couleurs Web », car cela limite ma palette à seulement 216 couleurs. Il est plus conforme à l'art de pixel et le rend plus facile en fonction de la façon dont vous prévoyez d'utiliser votre art.
Ok, la couche suivante, nous allons ajouter est l'ombre. Choisissez une couleur qui est un peu plus sombre que le blanc de la tasse, puis suivre la forme du contour en accordant une attention aux courbes. Dans l'ouverture de la tasse que j'ai choisi une couleur plus claire pour l'ombre la plus proche du spectateur, mais c'est juste ma préférence. C'est à la recherche comme une tasse de café maintenant. Effectuer un zoom arrière et voir comment le vôtre regarde.
Notre image est seulement 50px x 50px, et qui est trop petit pour ajouter aux produits. Nous avons donc besoin pour l'agrandir. Maintenant, rappelez-vous quand je dit que nous devrions mettre le document Rééchantillonne « le plus proche voisin (bords durs) »? Voici pourquoi. Si nous avions gardé le Rééchantillonne « automatique » ou même choisi « préserver les détails (élargissement) » comme nous le faisons normalement, c'est ce que la tasse ressemblerait si nous simplement redimensionnée à 500px x 500px. Beurk, ce qui est arrivé à mon café ??
Cela se produit parce que nous ajoutons de nouveaux pixels au document, et Photoshop transforme nos bords durs dans des dégradés doux. Cela peut sembler correct zoomée, mais ce n'est pas idéal pour l'impression du tout. Ainsi, il est une bonne chose que nous n'avons pas utilisé ce mode de rééchantillonnage.
Puisque nous avons utilisé « voisin le plus proche (bords durs) », nous pouvons agrandir l'image à toutes les tailles que nous aimons et il restera clair et propre. Photoshop est encore l'ajout de nouveaux pixels, mais ceux qu'il est d'ajouter les mêmes informations (couleur, valeur, etc.) que ceux à côté. Gardez à l'esprit, cela fonctionne vraiment que pour les œuvres d'art pixellisées comme celui-ci. Il est recommandé de ne pas utiliser cette méthode sur des photos ou des dessins complexes, il suffit de faire le travail regarder saccadé lors des élargissements extrêmes.
Maintenant, vous savez comment faire du pixel art. La prochaine chose à faire est des conceptions plus complexes, en dehors de tasses à café. Si vous voulez créer plus d'effets, et l'art de pixel qui est plus 16 bits et moins 8 bits, rechercher « dithering », car cette méthode donnera à votre art de pixel plus en profondeur. Et si vous avez vraiment dedans, faire des recherches sur Isométrique Pixel Art qui est très tape à l'oeil.
Voici une liste de quelques applications ludiques spécialement conçues pour faire de l'art de pixel: