Apprendre à dessiner Pixel Art artisanal dans Photoshop
illustrations de pixels sont parfaits pour faire des icônes d'ordinateur, des images isométriques et même des scènes entières. Ils peuvent être rapidement et facilement Photoshop avec quelques réglages rapides aux paramètres de préférence.
Le seul inconvénient cependant, est que l'art de pixel ressemble mieux quand chaque pixel a été placé à la main plutôt que d'utiliser un certain filtre Photoshop. C'est vrai, placé à la main - je sais que cela semble un peu fou surtout quand certaines scènes de pixels ont des milliers de pixels en eux. Mais sans le placement de la main votre pixel art peut ressembler à une mauvaise image Lo Res, alors méfiez-vous!
Je pense qu'une bonne règle de base avant de partir est que vous devriez être en mesure de voir votre création clairement en tant que groupe de différentes briques carrées de couleur, mais si vous strabisme et flou vos yeux vous pouvez le faire comme une image. Imaginez que vous faites une mosaïque de tuiles, que vous ne avez pas besoin de coulis.
Ci-dessous un morceau complet d'œuvres d'art de pixel, nous allons créer quelques-unes des pièces les plus élémentaires dans ce travail.
OK, nous allons mettre en place pour le dessin. Juste au cas où vous ne disposez pas d'une copie de Photoshop, il y a des programmes dédiés libre de dessin de Pixel disponible en téléchargement gratuit:
J'ai eu un jeu autour avec les deux programmes, mais elle est revenue à Photoshop parce que je suis habitué aux commandes du clavier.
Ok, Fixons une page
- Tout d'abord ouvrir les préférences dans Photoshop et définir l'interpolation d'image à « voisin le plus proche. »
- Créer une nouvelle page 300 px par 300 px à 72 dpi.
- Sélectionnez l'outil Crayon à 1 pixel. Les outils crayon et une gomme sont les seuls outils dont vous aurez vraiment besoin.
- De temps en temps, vous pouvez utiliser la baguette magique pour sélectionner une zone à remplir, assurez-vous juste Anti Alias est éteint.
Si vous avez utilisé l'outil pinceau à un 9 pixels au lieu de 1 bagatelle, vous obtiendrez se produit anti-aliasing et qui gâcher l'effet de pixel hard-edge. Mieux vaut donc rester à 1 pixel. « Gardez-le maigre garder ce que cela signifie », comme ma mère l'habitude de dire.
Lorsque votre dessin de pixel est considéré à 100% (taille réelle) l'outil crayon à 1 pixel de large est très petit, donc vous pourriez avoir du mal à voir et à manipuler. Une idée est d'élargir la vue à 800% afin que vous puissiez voir ce que vous faites. J'ai souvent une 2ème fenêtre ouverte dans Photoshop avec la même vue de l'écran à 200% pour que je puisse rapidement voir comment mon dessin ressemble de près et aussi d'un peu plus loin en même temps.
Nous pouvons sauver notre doc de travail en tant que fichier PSD et à l'exportation pour le web plus tard comme un fichier GIF. Nous pouvons également élargir le fichier par la suite et se transformer en un TIF pour l'impression CMJN.
Laissez Démarrer Dessin
Créer l'idée de texte sur la page avec quelques lignes de pixels simples. Voyez comment nous avons mis une légère déformation dans la ligne pour donner l'impression d'une légère courbe sur la page.
Une fois que vous avez les bases de contours, les couleurs et les ombres, les faits saillants, vous pouvez essayer à construire d'autres formes simples.
Les lignes de pixels coudés
icônes de pixels comme celles ci-dessus peuvent être conçus comme une série de lignes qui sont juste 90º les uns aux autres et sont des carrés et des rectangles très beaucoup. De temps en temps cependant, vous pourriez avoir besoin d'une ligne à un angle.
Quelque chose à garder à l'esprit est des lignes à angles semblent mieux quand ils sont un motif régulier. Si elles sont irrégulières (comme ceux montrés ci-dessous), ils peuvent apparaître grumeleux et brut vus petit. Le second exemple ci-dessous est beaucoup plus lisse angles isométriques, qui ressemblent beaucoup avec des dessins de pixels, mais pas l'angle « iso » 30º vous avez utilisé dans la classe de dessin technique - il est en fait quelque chose de plus proche de 26.5º. 30º donne malheureusement une ligne grumeleux à 100%. Si vous faites une ligne qui passe régulièrement 2 points sur et 1 point, vous aurez 26.5º.
Devons-nous essayer de dessiner quelque chose d'autre qui est un peu plus géométrique et utilise plus de ces motifs de ligne?
La ligne irrégulière se penchera grumeleux à 100%.
motifs de lignes lisses à différents angles.
Tirons un pixel Connexion
Les lignes sur toute la longueur sont faciles, nous savons comment faire les maintenant, mais que diriez-vous ces extrémités rondes?
Ces deux sont des motifs réguliers mais changent de larges lignes horizontales en bas à carrés et à des lignes verticales. Il n'a pas l'air un peu en dents de scie, mais si vous brouillez vos yeux, il n'a pas l'air correct!
La courbe en haut à droite de l'extrémité du journal est le motif inverse de la section en bas à gauche. Je compte souvent les pixels ou de se rappeler certaines combinaisons. Le combo de pixel sur le cercle est.
Un peu difficile à obtenir le coup de tout d'abord comme l'utilisation de courbes de Bézier dans Illustrator, mais vous obtenez bientôt un « sentir » pour elle. La longueur du journal est facile: nous utilisons juste 2 le long de 1 place le système et faire le journal aussi long ou court que nous voulons.
Les petits cercles concentriques sur l'extrémité donnent un motif de sonnerie agréable et certaines zones d'ombrage plus sombre au fond du journal lui donner une certaine profondeur. Nous allons donner le journal une couleur de sapin plat pour commencer, puis de créer de la profondeur, nous pouvons créer tramage en plaçant des pixels de couleur contrastante de chaque côté de nos lignes haute lumière / faible luminosité.
Je ne jette dans quelques plus de pixels aléatoires sur la bûche # 3 comme je le voulais avoir un aspect rugueux et contraste un peu avec l'écureuil.
Pour le journal finale, je travaillais dans une zone d'écorce dépouillé et une petite branche. Je l'ai trouvé mieux pour compléter une zone ou d'un style d'abord, puis travailler plus en détail en elle. Je ne pense pas que je aurais pu dessiner le journal d'écorce dépouillé avec motif de tramage à partir de zéro - au lieu, je continuais à ajouter des couches au-dessus des couches. étapes simples qui fonctionnent le mieux!
Dessin Pixel irrégulier
Nous allons passer à quelque chose d'un peu plus irrégulière, comme un écureuil pour s'asseoir sur notre journal. Pour quelque chose de compliqué comme ça, il est préférable de commencer avec un crayon et du papier.
D'abord, je dessinais un carré isométrique sur ma page pour obtenir les bonnes dimensions. Comme nous utilisons cet exemple particulier à des fins éditoriales, j'ai utilisé une photo de référence. Puis je commence à esquisser. Je fais attention particulière à l'angle des deux oreilles et les pieds que je veux qu'ils suivent les lignes isométriques.
Comme vous pouvez le voir le détail est très minime - Je veux juste obtenir la forme de base et des angles corrects travaillé en premier. Nous ferons le reste du travail dans Photoshop.
Apportez dans l'esquisse, mettre sur un nouveau calque et le fantôme de l'opacité de sorte que vous pouvez voir les pixels que vous allez créer clairement. Ce n'est pas une règle dure et rapide mais je trouve des dessins de pixels mieux regarder quand ils ont des contours noirs.
Ici, je vais autour de mon écureuil avec l'outil de création du crayon contour noir. Une chose à éviter est en place agglomérante où les pixels de contour se touchent sur plus d'un côté. Si vous dessinez un carré supplémentaire juste le supprimer avec votre outil Gomme (également maintenu à 1 pixel de largeur, voir le cercle rouge), il regardera plus propre et votre public vous en remercie.
Il semble encore un peu compliqué, mais il forme! À l'intérieur de l'illustration filets techniques aident aussi à lui donner un look audacieux, assurez-vous qu'ils sont d'une couleur noirâtre qui n'est pas noir pour faire un peu de contraste. Appelez-moi un radical mais je suis brun sur celui-ci.
La règle noire de contour est pas un dur et rapide, j'ai laissé quelques filets techniques noires du mâchoire avant et patte comme il se faisait difficile de voir ce qui se passait.
Conclusion
La mise à la main, en supprimant, en changeant de pixels est où la compétence entre en jeu. Parfois. Mais une fois que vous commencez à obtenir le blocage de celui-ci, vous serez en mesure de tirer à peu près tout - tout ce que vous avez besoin est un peu de patience. Espérons que cela aide, et vous inspire à créer une grande œuvre de votre propre!
Ressources additionnelles
Voici quelques lectures complémentaires de pixels:
Abonnez-vous au flux RSS Psdtuts + pour les meilleurs Tuts Photoshop et des articles sur le web.