Share
Les illustrations de pixels sont idéales pour créer des icônes d'ordinateur, des images isométriques et même des scènes entières. Ils peuvent être réalisés rapidement et facilement à l’aide de Photoshop avec quelques ajustements rapides aux paramètres de préférence..
Le seul inconvénient, cependant, est que le pixel art est plus esthétique lorsque chaque pixel a été placé à la main, au lieu d’utiliser un filtre Photoshop. C'est vrai, placé à la main - je sais que cela semble un peu fou, en particulier lorsque certaines scènes de pixels contiennent des milliers de pixels. 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 à suivre avant de commencer est que vous devriez être capable de voir clairement votre création comme un groupe de briques carrées de différentes couleurs, mais si vous plissez les yeux et que vous brouillez les yeux, vous pouvez la faire apparaître comme une image. Imaginez que vous réalisiez une mosaïque de carreaux, sauf que vous n'avez besoin d'aucun coulis.
Vous trouverez ci-dessous une illustration complète en pixels. Nous allons créer certaines des œuvres les plus élémentaires de ce travail..
OK mettons en place pour le dessin. Juste au cas où vous ne possédez pas d’exemplaire de Photoshop, il existe des programmes de dessin Pixel gratuits et disponibles gratuitement au téléchargement:
J'ai joué avec les deux programmes, mais je suis revenu à Photoshop parce que je suis habitué aux commandes du clavier..
Si vous avez utilisé l'outil Pinceau à une valeur impressionnante de 9 pixels au lieu de 1, vous obtiendrez un anti-aliasing qui gâcherait l'effet de pixel aux contours nets. Alors tenez-vous en à 1 pixel. "Gardez la maigre gardez la moyenne", comme disait ma mère.
Lorsque votre dessin au pixel est visualisé à 100% (taille réelle), l'outil crayon d'une largeur de 1 pixel est très petit. Vous aurez donc peut-être du mal à voir et à manipuler. Une idée est d'élargir la vue à 800% pour que vous puissiez voir ce que vous faites. J'ai souvent une deuxième fenêtre ouverte dans Photoshop avec la même vue d'écran à 200%, ce qui me permet de voir rapidement à quoi ressemble mon dessin de près et aussi d'un peu plus loin en même temps..
Nous pouvons enregistrer notre document de travail en tant que fichier PSD et l'exporter pour utilisation Web en tant que fichier GIF. Nous pouvons également agrandir le fichier par la suite et le transformer en un fichier TIF pour l'impression CMJN.
Maigre moyen
OK, essayons de dessiner quelque chose comme ce livre ouvert. Avec l’outil Plume, dessinez sur le pourtour pour créer votre contour noir. Puis remplissez les couleurs plates de la page et du signet.
Créez l’idée de texte sur la page avec quelques lignes de pixel. Voyez comment nous mettons un léger pli dans la ligne pour donner l’impression d’une légère courbe sur la page..
Enfin, ajoutez quelques points saillants au milieu des pages et à côté du signet. Une jolie petite touche consiste à mettre en surbrillance un pixel dans le coin inférieur extérieur de chaque page. Cela donne simplement un indice du bord de la page au lieu d'être un bloc solide..
Une fois que vous avez les bases des contours, des couleurs, des reflets et des ombres, vous pouvez vous essayer à créer d’autres formes simples..
Les icônes de pixels telles que celles décrites ci-dessus peuvent être conçues comme une série de lignes espacées de seulement 90 ° et qui constituent en réalité beaucoup de carrés et de rectangles. Parfois, cependant, vous pourriez avoir besoin d'une ligne en biais.
Il convient de garder à l’esprit que les lignes inclinées ont l’air meilleur lorsqu’elles sont régulières. S'ils sont irréguliers (comme ceux illustrés ci-dessous), ils peuvent apparaître grumeleux et grossiers quand on les regarde petits. Le deuxième exemple ci-dessous est beaucoup plus lisse. Angles isométriques, qui ont fière allure avec les dessins en pixels, mais ce n’est pas l’angle "iso" de 30 ° que vous avez utilisé dans la classe de dessin technique. 30º donne malheureusement une ligne bosselée à 100%. Si vous faites une ligne qui passe régulièrement de 2 points au dessus et de 1 point vers le haut, vous obtiendrez 26,5º.
Essayons-nous de dessiner quelque chose d'autre qui est un peu plus géométrique et qui utilise plus de ces motifs de lignes?
La ligne irrégulière sera grumeleuse à 100%.
Motifs de lignes lisses sous différents angles.
Les lignes le long de la longueur sont faciles, nous savons comment les faire maintenant, mais que dire de ces extrémités arrondies?
Ces deux modèles sont réguliers mais passent de larges lignes horizontales à des carrés puis à des lignes verticales. Ça a l'air un peu déchiqueté mais si vous brouillez les yeux, ça a l'air correct!
La courbe en haut à droite de l'extrémité du journal est également le motif inversé de la section en bas à gauche. Je compte souvent les pixels ou me souviens de certaines combinaisons. La combinaison de pixels sur le cercle est…
Un peu difficile à comprendre au début, comme utiliser les courbes de Bézier dans Illustrator, mais vous en ressentez rapidement le sens. La longueur du journal est simple: nous utilisons simplement le système 2 long 1 et nous le rendons aussi long ou court que nous le souhaitons.
Les petits cercles concentriques à l'extrémité donnent un joli motif de sonnerie et certaines zones d'ombrage plus foncé au bas de la bille lui donnent une certaine profondeur. Nous allons donner à la bûche une couleur de sapin plate pour commencer, puis pour créer de la profondeur, nous pouvons créer un tramage en plaçant des pixels de couleur contrastante de chaque côté de nos lignes de lumière forte / faible..
Vous pouvez construire les modèles et les rendre plus complexes. Attention cependant - plus vous essayez d'être réaliste et délicat, plus l'image sera floue si elle est destinée à être reproduite à petite taille.
J'ai ajouté quelques pixels de plus au hasard sur le journal n ° 3, car je souhaitais qu'il ait un aspect rugueux et contraste légèrement avec l'écureuil..
Pour le journal final, j'ai travaillé dans une zone d'écorce dépouillée et une petite branche. Je trouvais préférable de commencer par compléter un domaine ou un style, puis d'y apporter plus de détails. Je ne pense pas que j'aurais pu dessiner la bûche d'écorce épurée avec un motif de tramage à partir de zéro. Au lieu de cela, j'ai simplement continué à ajouter des couches par-dessus des couches. Les étapes simples fonctionnent mieux!
Passons à quelque chose d'un peu plus irrégulier, comme un écureuil assis sur notre journal. Pour quelque chose de compliqué comme celui-ci, il est préférable de commencer avec un crayon et du papier.
J'ai d'abord dessiné un carré isométrique sur ma page pour obtenir les bonnes dimensions. Puisque nous utilisons cet exemple particulier à des fins éditoriales, j'ai utilisé une photo à titre de référence. Puis je commence à dessiner. Je porte une attention particulière à l'angle des oreilles et des pieds car je veux qu'ils suivent les lignes isométriques.
Comme vous pouvez le constater, les détails sont très minimes. Je veux juste obtenir la forme de base et les angles corrects en premier lieu. Nous ferons le reste du travail dans Photoshop.
Introduisez l'esquisse, placez un nouveau calque et effacez l'opacité afin de voir clairement les pixels que vous êtes sur le point de créer. Ce n'est pas une règle absolue, mais je trouve que les dessins au pixel sont plus beaux quand ils ont des contours noirs.
Je suis ici en train de faire le tour de mon écureuil avec l’outil crayon créant le contour noir. Une chose à éviter est de s'agglutiner lorsque les pixels de contour se touchent de plus d'un côté. Si vous dessinez un carré supplémentaire, supprimez-le simplement avec votre gomme (il est également maintenu à une largeur de 1 pixel, voir le cercle rouge), il aura l'air plus net et votre public vous en remerciera..
Il semble encore un peu en désordre mais il va prendre forme! Les lignes de touche à l'intérieur de l'illustration aident également à lui donner un aspect audacieux. Assurez-vous simplement qu'elles sont d'une couleur foncée qui n'est pas noire pour faire un peu de contraste. Appelez-moi un radical mais je suis allé avec brun sur celui-ci.
Lorsque la forme est complète, remplissez la zone interne avec une belle couleur de ton moyen (brun doux) et utilisez peut-être une couleur claire pour faire ressortir quelques reflets..
La règle des contours noirs n’est pas difficile et rapide, j’ai laissé quelques lignes de touche noires sous la mâchoire et la patte avant car il devenait difficile de voir ce qui se passait..
La main qui place, supprime, change de pixels est l'endroit où l'habileté intervient. Parfois. Mais une fois que vous commencez à vous y habituer, vous serez en mesure de dessiner à peu près n'importe quoi - tout ce dont vous avez besoin est un peu de patience. J'espère que cela vous aide et vous inspire pour créer votre propre travail!
Voici quelques ressources pour une lecture ultérieure des pixels:
Abonnez-vous au fil RSS Psdtuts + pour les meilleurs tuts et articles Photoshop sur le Web.
Accentsconagua