Share
Ce que vous allez créerPendant longtemps, j'ai évité le pixel art, car il me semblait si rigide. Après tout, nous devons nous limiter consciemment à un style ancien venant d’une époque où nous étions en fait limités. Mais maintenant que nous disposons de tant d’outils avancés, nous pouvons créer des images photo réalistes. Limiter nos capacités revient donc à couper les ailes du processus de création. Cependant, nous ne pouvons pas nier qu'aujourd'hui, lorsque les artistes tentent d'être de plus en plus réalistes dans leurs œuvres, le pixel art attire toujours l'attention..
Le problème est que le pixel art ne semble pas obéir aux règles de la peinture normale. Vous aimeriez mettre de la musique et peindre presque inconsciemment, mais ça ne marche pas ici. Tout à coup, les lignes semblent robustes, les couleurs ne veulent pas se fondre et tout ressemble à vos créations dans Microsoft Paint d'il y a des années, même si vous êtes un bon artiste en général.!
Existe-t-il un moyen de créer un pixel art sans renoncer à la méthode de création spontanée et rapide? Avons-nous vraiment besoin de compter les pixels un par un pour simuler un bord lisse? Et pourquoi devons-nous nous limiter aux outils typiques de MS Paint lorsque vous utilisez un puissant logiciel Photoshop? La réponse est, nous ne le faisons pas.
Dans ce tutoriel, je vais vous montrer le moyen le plus paresseux possible de créer un art semi-pixel crédible - peut-être pas le plus parfait et le plus clair, mais qui ne restreindra pas votre liberté artistique avec une construction soignée..
Comme pour chaque dessin, il faut que le dessin au trait commence par un croquis. Il n'est pas nécessaire de commencer à l'échelle du pixel, esquissez votre image comme vous le souhaitez, sur ordinateur ou dans votre carnet de croquis. Si vous voulez utiliser le même croquis que moi, voici une méthode rapide. Cependant, je suggère de créer votre propre dessin au trait et d'adapter mes autres conseils à celui-ci..
Commencez par un simple croquis désordonné illustrant votre idée principale.
Le croquis n'a pas besoin d'être propre du toutCréez les simples blocs du corps. Imaginez qu'ils soient tous en 3D.
Commencez à définir le corpsAjoutez les blocs pour les gros détails qui n'étaient pas inclus dans votre premier dessin.
Ajouter plus de détailsAjoutez tous les détails dont vous avez besoin. Il n'est pas nécessaire que les lignes soient épurées, assurez-vous simplement d'inclure tout ce que vous souhaitez avoir dans le travail final..
Terminer le croquisCréer un Nouveau fichier (Control-N) et définir la taille à 245 X 331 (ou moins). Nous devons choisir quelque chose d'assez petit pour que les pixels soient bien en évidence, mais aussi assez grand pour économiser de l'espace pour les détails..
Plus la résolution est petite, moins vous pourrez utiliser de pixelsColler votre croquis dans le fichier nouvellement créé. Utilisation Outil de transformation libre (Control-T) en tenant Décalage pour redimensionner l’esquisse et l’ajuster à la zone. Nommez le calque Esquisser.
En venant à Afficher> Afficher> Pixel Grid vous pouvez activer et désactiver une sorte de lignes de guidage utiles. Ce sont de fines lignes blanches montrant les limites des pixels. Vous devez décider quelle vue préférez-vous, et parfois il peut être plus facile de la désactiver, en particulier lors de l'ombrage et de la coloration.
Grille de 1 pixel désactivée; Grille de 2 pixels surBaisser le Opacité du Esquisser couche pour créer un modèle pour le dessin au trait. Choisissez n'importe quelle valeur qui vous convient, puis fermer à clé la couche.
Créer un Nouveau calque (Ctrl + Maj + Alt + N) et saisir le Outil Crayon (B) avec la taille de 1px. Ensuite, dessinez simplement le contour avec le crayon, comme si vous le faisiez à plus grande échelle avec un pinceau. Ne vous souciez pas du bord accidenté!
Le réglage pour un crayon pointu
Le bord robuste est créé par des pixels encastrés. Une ligne lisse de petite taille doit contenir le moins de pixels possible, sans interrompre la continuité. La méthode la plus simple consiste à s’assurer que tous les pixels sont en contact d’une seule façon (côté ou coin, jamais les deux)..
Les lignes que nous avons créées ne suivent pas cette règle du tout, car Photoshop a une vue différente sur les lignes lisses. Nous aurons besoin de revoir tout le lineart pour trouver les pixels redondants!
Utilisez le Outil Gomme (E) dans Mode Crayon. Assure-toi Transfert est décochée dans le Paramètres de pinceau (F5), de sorte qu'il était indépendant de la pression exercée sur le stylo. En utilisant la taille de 1px effacer les parties redondantes.
Il y a une exception à cette règle. Les formes pointues et effilées peuvent nécessiter d'être "fermées" avec un pixel supplémentaire, sinon elles sembleraient ouvertes de loin.
C'est ce que nous visons. Nommez le calque Contour.
Maintenant, nous devons créer un Masque d'écrêtage pour définir "l'intérieur" du dragon. Faites ce qui suit:
Créer un Nouvelle Couche sous Contour et remplissez la sélection avec le Outil seau de peinture (G). Utilisez quelque chose à propos de 50% de gris (# 808080). Nam la couche Masque d'écrêtage.
Faites glisser l'esquisse entre le masque d'écrêtage et le contour. Cliquez sur Contour et croquis lorsque vous maintenez Décalage pour les sélectionner tous les deux, puis appuyez sur Contrôle-Alt-G créer un Masque d'écrêtage.
Nous devons maintenant définir le dessin au trait interne. Créer un Nouvelle Couche sous le contour et dessinez les lignes avec des pixels.
Nettoyez le lineart comme nous l'avons fait auparavant. Nommez le calque Dessin au trait.
Il y a une grande différence entre random et clean lineartLe dessin au trait est terminé, nous devons maintenant en créer une forme 3D. Nous le ferons en utilisant le noir et le blanc comme indicateurs d'ombre et de lumière.
De cette façon, nous voudrons utiliser un plus gros crayon pour créer des traits plus divers. Vérifiez simplement Transfert dans Paramètres de brosse et assurez-vous qu'il est réglé sur Pression du stylo (fonctionne avec les tablettes seulement!).
Créer un Nouvelle Couche sous Lineart. Nomme le Occlusion ambiante 1. Nous allons définir la forme sans nous soucier de la lumière et de l'ombre pour le moment.
La méthode pour cela est simple. Choisissez une couleur un peu plus vive que la base et peignez subtilement les zones situées entre les lignes du dessin au trait. Ne vous approchez pas trop d'eux! Si vous poussez votre stylo assez doucement, vous obtiendrez des traits d'opacité variés.
Changer la Opacité de Dessin au trait à dix%. De cette façon, il deviendra une partie de l'ombrage.
Créer un Nouvelle Couche et nommez-le Occlusion ambiante 2. Encore une fois, sélectionnez une nuance un peu plus claire et peignez sur les traits précédents, en essayant de ne pas toucher leurs bordures.
Temps pour l'ombre. Créer un Nouvelle Couche et nommez-le Ombre. Changer son Mode de fusion à Multiplier. Utilisez le gris, Brosse douce (pas un crayon cette fois!) pour peindre les ombres comme vous le feriez normalement dans l'art non pixel.
Paramètres pour une brosse douce
Ici, j'ai peint les ombres en rouge pour que vous puissiez mieux voir leur position
Les traits que nous avons utilisés sont doux et rendent l'image moins "pixel" que nous le voudrions. Nous pouvons le réparer facilement. Dupliquer (Control-J) Couche d'ombre, désactivez la visibilité de l'original, puis sélectionnez la copie (nommez-la Ombre 2). Aller à Filtre> Convertir pour les filtres intelligents. Frappé D'accord, puisaller à Filtre> Bruit> Ajouter du bruit et changez les options selon vos besoins.
Allume le Ombre couche arrière. Voir si elles s'emboîtent. Si vous voulez plus de pixels, changez le Opacité du Ombre couche ou même le supprimer. Vous pouvez toujours changer la quantité de bruit en double-clic ses Ajoute du bruit propriété.
Créer un Nouvelle Couche et peindre les zones éclairées avec une brosse douce blanche. Utilisation Mode de fusion d'écran pour le rendre plus brillant. Nommez le calque Lumière.
Encore une fois, nous devons rendre l’apparence plus difficile. Répétez le processus en utilisant cette fois une plus grande quantité de bruit.
Assurez-vous que tout ressemble à ce que vous voulez.
Le corps est toujours très lisse, utilisons donc plus d’astuces pour le réparer. Tout d'abord, vous pouvez changer le Opacité de Dessin au trait pour le rendre plus clair. Aussi, créez un Nouvelle Couche et ajouter des pixels blancs en désordre sur le point culminant.
Mélangez les pixels blancs en désordre avec des pixels un peu plus sombres.
Vous pouvez faire la même chose avec la zone ombrée et les pixels noir / gris foncé.
Créer un Nouvelle Couche et nommez-le Base de couleur. Utilisez le Outil seau de peinture (G) avec une version sombre et non saturée de la couleur principale que vous voulez utiliser (dans mon cas, # 496d91). Puis change son Mode de fusion à Multiplier.
Désactiver la visibilité de Base de couleur. Créer un Nouvelle Couche pour chaque couleur que vous souhaitez utiliser. Prenez un Brosse douce dans Dissoudre mode et peindre les zones que vous souhaitez colorer. Ne vous souciez plus de la précision maintenant, soyez aussi compliqué que vous voulez. Puis allume Base de couleur, changer la Mode de fusion des couches de couleur à Couleur, et, si nécessaire, changez le Opacité d'entre eux pour les mélanger.
Créer un Nouvelle Couche et nommez-le Lumière de couleur. Utilisez un blanc doux Brosse dans Ordinaire mode pour peindre les zones éclairées. Puis changez le Mode de fusion de la couche à Recouvrir.
Créer un Nouvelle Couche, nomme le Pixel Light. Dessinez des points en désordre et lumineux sur toute la zone précédemment définie avec le Outil Crayon. Le but est de le rendre plus pixelisé.
Changer la Mode de fusion de Pixel Light à Dodge couleur et baisser sa Opacité se fondre dans Lumière de couleur.
Créer un Nouvelle Couche et nommez-le Couleur en surbrillance. Utilisez le Outil Crayon et couleur blanche pour peindre de minuscules points de lumière dans les zones les plus lumineuses. Vous pouvez utiliser Écran Mode de fusion pour ça.
Créer un Nouvelle Couche, nomme le Ombre de couleur. Utiliser un Brosse douce peindre sur les zones d'ombre avec une couleur qui pourrait être une lumière ambiante. Dans mon cas, c'est violet. Changer son Mode de fusion à Couleur et baisser le Opacité si vous le trouvez nécessaire.
Créer un nouveau calque et nommez-le Lumière réfléchie. Utilisez le Outil Crayon dessiner une lumière réfléchie avec une version plus lumineuse de la couleur précédente. Gardez-le dans la zone d'ombre seulement! Puis changez le Mode de fusion de la couche à Recouvrir.
Nous devons nous occuper du contour. Comme vous pouvez le constater, le fond noir est superbe, mais si nous voulons rendre le fond transparent, nous ne pourrons pas contrôler la couleur du contour..
Créer un Nouvelle Couche un peu moins de Contour et nommez-le Lissage. Utilisez du blanc Crayon tracer une ligne à droite du contour noir. Copiez son flux pour éviter les pixels enfermés. Changer la Mode de fusion de la couche à Écran et baisser le Opacité si besoin.
Maintenant, nous avons un contour décent qui convient à tous les arrière-plans sans transparence sur les bords.
Lorsque vous êtes prêt à enregistrer le fichier, appuyez sur Ctrl + Maj + Alt + S à Enregistrer pour le Web. Sélectionner GIF comme le format. Vous pouvez vérifier en toute sécurité Transparence, parce que nous nous sommes assurés qu'il n'y a pas de pixels semi-transparents dans le contour.
Vous pouvez également rendre votre image encore plus pixelisée en jouant avec les options. Réduire le nombre de couleurs est le plus facile, mais Capture Web et Avec perte vous donnera des effets sympas sans changer les couleurs.
Le moins de couleurs, la qualité inférieure…
… Mais vous pouvez aussi rendre les pixels plus distinctifs, sans cela!Dans ce didacticiel, nous avons appris à créer un effet de pixel art lorsque vous êtes trop paresseux et impatient de le faire correctement, ou lorsque vous êtes comme moi et que vous êtes trop habitué au travail de peinture. Cela fonctionne mieux pour les œuvres grand pixel, mais vous pouvez également le modifier en petites. J'espère que vous avez apprécié la leçon!
Accentsconagua