<h2><a href="https://commentwiki.fr/">Comment</a> dessiner des pixel art</h2>
<figure id="attachment_2709" aria-describedby="caption-attachment-2709" style="width: 2560px" class="wp-caption aligncenter"><img class="size-full wp-image-2709" title="Comment faire des pixel art facile" src="https://commentwiki.fr/wp-content/uploads/2021/04/pexels-francesco-ungaro-1670977-scaled.jpg" alt="Comment faire des pixel art facile" width="2560" height="1774" /><figcaption id="caption-attachment-2709" class="wp-caption-text">Comment faire des pixel art facile</figcaption></figure>
<h2>Tout d&rsquo;abord qu&rsquo;est qu&rsquo;un pixel art?</h2>
<p>Le <b>pixel art</b>, c&rsquo;est le fait de créer des images pixel par pixel, comme une mozaïque.</p>
<p>Souvent, la plus grande difficulté que rencontre les pixel artists amateurs, c&rsquo;est de <b>configurer leur logiciel</b> : c&rsquo;est pourtant simple (et je vais vous expliquer comment). A l&rsquo;inverse, on pense souvent que c&rsquo;est facile de dessiner en pixel art, parce qu&rsquo;il y a peu de détails : mais les choses simples demandent d&rsquo;autant plus de subtilité !</p>
<h2>Comment est né le pixel art?</h2>
<p>Né avec le jeu vidéo, le pixel art était au départ dû à une limitation technique>; : en effet, les premiers ordinateurs et les premières consoles étaient peu puissantes et ne pouvaient afficher qu&rsquo;un nombre limité de <b>pixels</b>, ces petits carrés qui composent les images informatiques. Les développeurs de jeu n&rsquo;avaient alors pas le choix et devaient dessiner en très basse résolution, en se servant d&rsquo;une mozaïque de petits carrés pour faire deviner ce qu&rsquo;ils voulaient représenter.</p>
<figure id="attachment_2710" aria-describedby="caption-attachment-2710" style="width: 512px" class="wp-caption aligncenter"><img class="size-full wp-image-2710" title="Comment faire des pixel art facilement en 2021" src="https://commentwiki.fr/wp-content/uploads/2021/04/unnamed.png" alt="Comment faire des pixel art facilement en 2021" width="512" height="326" /><figcaption id="caption-attachment-2710" class="wp-caption-text">Comment faire des pixel art facilement en 2021</figcaption></figure>
<p>Depuis, on utilise toujours des pixels, mais nos machines sont devenues si puissantes qu&rsquo;elles permettent d&rsquo;en afficher des milliers, très petits, sur un écran. L&rsquo;œil distingue donc une image « globale », on n&rsquo;a donc plus l&rsquo;impression d&rsquo;une mozaïque. De plus, l&rsquo;arrivée de la 3D a bouleversé notre façon de faire des images : le pixel art n&rsquo;est donc plus utile.</p>
<p>Pourtant, le pixel art a marqué des générations de joueurs qui, aujourd&rsquo;hui, en ont fait une forme d&rsquo;art à part entière. Le pixel art revient dans des créations graphiques et des jeux vidéo qui font le choix de cette <b>esthétique rétro et géométrique</b>. Certains, même, utilisent le pixel art dans la vie réelle : il n&rsquo;est pas rare de croiser des petits extra-terrestres de <i>Space Invaders</i> lorsque vous vous baladez dans les grandes villes !</p>
<h2>Comment configurer Photoshop pour faire des pixel art facilement</h2>
<h3>Comment créer un nouveau document</h3>
<p>D&rsquo;habitude, quand vous créez une image sous Photoshop, vous travaillez avec des documents assez grands pour avoir de l&rsquo;espace. Ici, c&rsquo;est l&rsquo;inverse : nous allons volontairement créer un document de petite taille (par exemple 100 x 100 pixels).</p>
<p>Rendez-vous dans le menu <i>Fichier >; Nouveau&#8230;</i> et créez un document de la taille souhaitée.</p>
<h3>Comment distinguer les pixels</h3>
<p>Votre document doit désormais ressembler à ceci :</p>
<figure id="attachment_2711" aria-describedby="caption-attachment-2711" style="width: 350px" class="wp-caption aligncenter"><img class="size-full wp-image-2711" title="comment configurer photoshop pour faire des pixel art" src="https://commentwiki.fr/wp-content/uploads/2021/04/document_vierge.jpg" alt="Comment faire des pixel art facile en 2021" width="350" height="132" /><figcaption id="caption-attachment-2711" class="wp-caption-text">comment configurer photoshop pour faire des pixel art</figcaption></figure>
<p>Attention, si vous voyez un damier gris et blanc, <b>il ne s&rsquo;agit pas des pixels</b> : c&rsquo;est le motif que Photoshop affiche par défaut pour symboliser la transparence. Utilisez l&rsquo;outil <i>Remplissage</i> <img src="https://www.forum-dessine.fr/img/tutoriels/faire-du-pixel-art/outil_remplissage.jpg" alt="Remplissage" width="15" height="13" /> pour colorer l&rsquo;ensemble de votre image en blanc.</p>
<p>Le problème, c&rsquo;est que ce fond blanc ne nous permet pas de « voir » les pixels : nous avons besoin d&rsquo;un quadrillage pour voir ce que nous faisons.</p>
<p>Allez dans <i>Affichage >; Afficher&#8230; >; Grille</i> pour <b>faire apparaître un quadrillage</b> sur votre dessin vierge. C&rsquo;est déjà un bon premier pas : cependant, la grille n&rsquo;est pas forcément de la bonne taille.</p>
<p>Rendez-vous dans <i>Édition >; Préférences >; Repères, grilles, tranches et comptage</i>. Ici, nous allons paramétrer notre grille de sorte qu&rsquo;<b>un carreau mesure exactement un pixel</b>. Réglez les paramètres comme ci-dessous. J&rsquo;ai choisi une couleur bien vive et bien moche (le vert) pour être sûre que ma grille sera toujours visible, mais si ça vous perturbe, choisissez une couleur discrète (gris clair par exemple).</p>
<figure id="attachment_2712" aria-describedby="caption-attachment-2712" style="width: 600px" class="wp-caption aligncenter"><img class="size-full wp-image-2712" title="comment faire des pixel art" src="https://commentwiki.fr/wp-content/uploads/2021/04/grille_settings.jpg" alt="comment faire des pixel art 2021 facile" width="600" height="311" /><figcaption id="caption-attachment-2712" class="wp-caption-text">comment faire des pixel art</figcaption></figure>
<p>Et voilà vous avez une grille de 1 pixel de large sur laquelle vous baser ! Reste à zoomer pour distinguer les pixels à l&rsquo;œil nu. Utilisez la <b>loupe</b> <img class="alignnone" src="https://www.forum-dessine.fr/img/tutoriels/faire-du-pixel-art/outil_loupe.jpg" alt="Comment" width="15" height="15" border="0" /> et cliquez plusieurs fois sur votre image jusqu&rsquo;à ce que le zoom atteigne au moins 1200% ou 1600% (le zoom est indiqué dans la barre de titre au-dessus de votre document).</p>
<figure id="attachment_2713" aria-describedby="caption-attachment-2713" style="width: 447px" class="wp-caption aligncenter"><img class="size-full wp-image-2713" title="Comment faire des pixel art facilement en 2021" src="https://commentwiki.fr/wp-content/uploads/2021/04/grille_settings-1.jpg" alt="Comment faire des pixel art facilement en 2021 " width="447" height="214" /><figcaption id="caption-attachment-2713" class="wp-caption-text">Comment faire des pixel art facilement en 2021</figcaption></figure>
<h2>Comment dessiner au pixel près</h2>
<p>Le véritable problème auquel nous confronte <a href="https://www.adobe.com/fr/products/photoshop.html?mv=search&;mv=search&;sdid=LZ32SYVR&;ef_id=CjwKCAjw7J6EBhBDEiwA5UUM2nqIKqdYxkjjqCTI8DOC23fNAFnZw_0aDm7kRTGLjKchUPUJTbq2SRoCa8sQAvD_BwE:G:s&;s_kwcid=AL!3085!3!341240721086!e!!g!!photoshop!1435912275!56537390339&;gclid=CjwKCAjw7J6EBhBDEiwA5UUM2nqIKqdYxkjjqCTI8DOC23fNAFnZw_0aDm7kRTGLjKchUPUJTbq2SRoCa8sQAvD_BwE">Photoshop</a>, c&rsquo;est que, par défaut, il fait du flou. Ce n&rsquo;est pas stupide : les traits atténués, flous, sont plus agréables à l&rsquo;œil, permettent des dessins plus maîtrisés et la retouche de photos. Seulement, pour du pixel art, il faut un trait net.</p>
<h3>Comment utiliser le crayon</h3>
<p>Photoshop propose un outil pour dessiner au pixel près : le <b>crayon</b>. Contrairement au pinceau, il n&rsquo;a pas de lissage, pas d&rsquo;atténuation : le trait est brut (donc un peu moche pour une utilisation ordinaire).</p>
<div class="imageContainer">
<figure id="attachment_2714" aria-describedby="caption-attachment-2714" style="width: 355px" class="wp-caption aligncenter"><img class="size-full wp-image-2714" title="Comment faire des pixel art 2021" src="https://commentwiki.fr/wp-content/uploads/2021/04/grille_settings-2.jpg" alt="Comment faire des pixel art 2021" width="355" height="130" /><figcaption id="caption-attachment-2714" class="wp-caption-text">Comment faire des pixel art 2021 (crayons vs pinceau)</figcaption></figure>
<p>Le crayon n&rsquo;est pas forcément facile à trouver car il est rangé « sous » le pinceau dans la barre d&rsquo;outils. Pour l&rsquo;utiliser, <b>laissez votre souris appuyée sur le pinceau</b> et un petit menu s&rsquo;ouvrira sur le côté, vous donnant accès au crayon.</p>
<figure id="attachment_2715" aria-describedby="caption-attachment-2715" style="width: 307px" class="wp-caption aligncenter"><img class="size-full wp-image-2715" title="Comment faire des pixel art" src="https://commentwiki.fr/wp-content/uploads/2021/04/grille_settings-3.jpg" alt="Comment faire des pixel art" width="307" height="200" /><figcaption id="caption-attachment-2715" class="wp-caption-text">Comment faire des pixel art</figcaption></figure>
<p>Une fois équipé du crayon, diminuez son diamètre jusqu&rsquo;à 1 pixel.</p>
<figure id="attachment_2716" aria-describedby="caption-attachment-2716" style="width: 510px" class="wp-caption aligncenter"><img class="size-full wp-image-2716" title="Comment faire des pixel art 2021" src="https://commentwiki.fr/wp-content/uploads/2021/04/grille_settings-4.jpg" alt="Comment faire des pixel art 2021" width="510" height="32" /><figcaption id="caption-attachment-2716" class="wp-caption-text">Comment faire des pixel art 2021</figcaption></figure>
<p>Maintenant, c&rsquo;est comme si vous aviez en main une gommette, ou un fragment de mozaïque, de la taille exacte de 1 carreau. Vous pouvez faire varier la couleur et l&rsquo;appliquer là où vous en avez besoin !</p>
<h3>Comment utiliser la gomme</h3>
<p>Vous aurez également ce problème de lissage avec la gomme : en cas d&rsquo;erreur, vous avez besoin d&rsquo;effacer un pixel précis, or la gomme efface également à moitié les pixels tout autour.</p>
<p>Vous devez donc paramétrer la gomme en mode « crayon » (ça semble un peu absurde mais c&rsquo;est pourtant ça) : ça se passe dans la barre des paramètres de l&rsquo;outil.</p>
<div class="imageContainer">
<figure id="attachment_2717" aria-describedby="caption-attachment-2717" style="width: 612px" class="wp-caption aligncenter"><img class="size-full wp-image-2717" title="Comment faire un pixel art 2021" src="https://commentwiki.fr/wp-content/uploads/2021/04/grille_settings-5.jpg" alt="Comment faire un pixel art 2021" width="612" height="34" /><figcaption id="caption-attachment-2717" class="wp-caption-text">Comment faire un pixel art 2021</figcaption></figure>
</div>
<h2>Conseils pour faire des pixel art</h2>
<p>Il existe une multitude de façons de faire du pixel art (tout comme il existe une multitude de façons de dessiner), à vous de trouver la vôtre ! En fonction de la grosseur des pixels dans votre dessin final, vous devrez travailler différemment : avec ou sans contours, en dégradés ou en aplats, etc&#8230;</p>
<p>Je vais ici vous donner quelques conseils génériques, que vous pourrez adapter à vos envies.</p>
<figure id="attachment_2718" aria-describedby="caption-attachment-2718" style="width: 409px" class="wp-caption aligncenter"><img class="size-full wp-image-2718" title="Comment faire des pixel art 2021" src="https://commentwiki.fr/wp-content/uploads/2021/04/grille_settings-6.jpg" alt="Comment faire des pixel art 2021" width="409" height="181" /><figcaption id="caption-attachment-2718" class="wp-caption-text">Comment faire des pixel art 2021</figcaption></figure>
<h3>Comment dessiner des formes, pas des traits</h3>
<p>Habituellement, quand on dessine, on prépare d&rsquo;abord ses contours, puis on les remplit avec de la couleur. En pixel art, c&rsquo;est plutôt l&rsquo;inverse : dessinez d&rsquo;abord vos formes, et affinez-les petit à petit pour détailler, ombrer et tracer les traits. Car le pixel art utilise des plages colorées, il faut donc s&rsquo;en servir comme d&rsquo;une base.</p>
<h3>Comment faites de la symétrie</h3>
<p>Commencez par vous entraîner avec de petits personnages de face et des objets simples pour « prendre le coup de main ». Comptez les carreaux pour être bien symétrique. Vous pourrez ensuite aborder des dessins plus complexes.</p>
<h3>Comment grossir la tête</h3>
<p>Vous n&rsquo;avez pas besoin d&rsquo;un gros corps, car les membres expressifs (bras et jambes) se distinguent assez bien. Par contre, grossissez la tête pour avoir de la place pour les yeux et la bouche. Éventuellement, ne dessinez pas la bouche.</p>
</div>
<h2>Enregistrer et redimensionner</h2>
<p>Partagez vos créations sur Internet (et pourquoi pas sur le Forum Dessiné) ! Mais, même si vous le voyez en grand parce que vous avez zoomé, en réalité, votre dessin est tout petit. Il va donc falloir l&rsquo;agrandir pour l&rsquo;enregistrer.</p>
<h3>Agrandir votre dessin</h3>
<p>Allez dans <i>Image >; Taille de l&rsquo;image</i> et paramétrez la fenêtre qui s&rsquo;ouvre comme ci-contre. Veillez particulièrement à sélectionner « <b>Au plus proche (conserve les contours nets)</b> » tout en bas : sinon, votre image se floutera en s&rsquo;agrandissant.</p>
<h3>Enregistrer votre dessin</h3>
<p>Allez dans <i>Fichier >; Enregistrer sous&#8230;</i> et sauvegardez votre fichier au format .JPG (ou .PNG si vous souhaitez de la transparence).</p>
<p>Maintenant, la technique n&rsquo;a plus aucun secret pour vous&#8230; libérez votre imagination !</p>

					<div class="social">
						<amp-social-share type="facebook"
							width="32"
							height="32"
							data-param-app_id=5303202981></amp-social-share>

						<amp-social-share type="twitter"
							width="32"
							height="32"></amp-social-share>

						<amp-social-share type="pinterest"
							width="32"
							height="32"></amp-social-share>

						<amp-social-share type="linkedin"
							width="32"
							height="32"></amp-social-share>

						<amp-social-share type="whatsapp"
							width="32"
							height="32"></amp-social-share>

						<amp-social-share type="tumblr"
							width="32"
							height="32"></amp-social-share>

						<amp-social-share type="line"
							width="32"
							height="32"></amp-social-share>

						<amp-social-share type="email"
							width="32"
							height="32"></amp-social-share>
					</div>
				
						<div class="amp-related-posts">
							<span>Articles similaires</span>
							<ul>
							
									<li>
										<a href="https://commentwiki.fr/comment-reussir-vos-photos-de-nuit-sur-android-16/amp/"><img width="390" height="220" src="https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/12/DALL%C2%B7E-2024-12-19-23.37.36-Une-image-de-couverture-minimaliste-pour-un-article-de-blog-sur-la-prise-de-photos-de-nuit-avec-Android-16.-Limage-represente-une-ambiance-nocturne-m.webp?resize=390%2C220&;ssl=1" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="Comment réussir ses photos de nuit avec Android 16 : astuces et fonctionnalités indispensables" title="Comment 1">Comment réussir ses photos de nuit avec Android 16 : astuces et fonctionnalités indispensables</a>
									</li>
									<li>
										<a href="https://commentwiki.fr/comment-appeler-en-masque-2025/amp/"><img width="390" height="220" src="https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/12/Comment-identifier-et-demasquer-un-numero-masque-en-2023-1200x628-1.webp?resize=390%2C220&;ssl=1" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="Comment appeler en masqué ? Guide complet pour protéger votre confidentialité 2025" srcset="https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/12/Comment-identifier-et-demasquer-un-numero-masque-en-2023-1200x628-1.webp?resize=390%2C220&;ssl=1 390w, https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/12/Comment-identifier-et-demasquer-un-numero-masque-en-2023-1200x628-1.webp?zoom=2&;resize=390%2C220&;ssl=1 780w, https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/12/Comment-identifier-et-demasquer-un-numero-masque-en-2023-1200x628-1.webp?zoom=3&;resize=390%2C220&;ssl=1 1170w" sizes="(max-width: 390px) 100vw, 390px" title="Comment 2">[ Officiel ] : Comment appeler en masqué ? Guide complet pour protéger votre confidentialité 2025</a>
									</li>
									<li>
										<a href="https://commentwiki.fr/comment-utiliser-chatgpt-guide-complet-2024/amp/"><img width="390" height="220" src="https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/07/73540750-51181491.jpg?resize=390%2C220&;ssl=1" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="Comment utiliser ChatGPT : Guide complet 2024" srcset="https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/07/73540750-51181491.jpg?resize=390%2C220&;ssl=1 390w, https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/07/73540750-51181491.jpg?zoom=2&;resize=390%2C220&;ssl=1 780w, https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/07/73540750-51181491.jpg?zoom=3&;resize=390%2C220&;ssl=1 1170w" sizes="(max-width: 390px) 100vw, 390px" title="Comment 3">Comment Utiliser ChatGPT ? Guide Complet 2024</a>
									</li>
									<li>
										<a href="https://commentwiki.fr/debuter-avec-la-guitare-2024/amp/"><img width="390" height="220" src="https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/03/pexels-photo-1407322.jpeg?resize=390%2C220&;ssl=1" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="Débuter avec la guitare : Accords et astuces pour les débutants 2024" srcset="https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/03/pexels-photo-1407322.jpeg?resize=390%2C220&;ssl=1 390w, https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/03/pexels-photo-1407322.jpeg?zoom=2&;resize=390%2C220&;ssl=1 780w, https://i0.wp.com/commentwiki.fr/wp-content/uploads/2024/03/pexels-photo-1407322.jpeg?zoom=3&;resize=390%2C220&;ssl=1 1170w" sizes="(max-width: 390px) 100vw, 390px" title="Comment 4">Débuter avec la guitare : Accords et astuces pour les débutants 2024</a>
									</li>
							</ul>
						</div>