Comment créer un avatar Pixel Art facile dans Photoshop ou GIMP

sshot-383

Boingboing.net a un ensemble de frais minutieusement élaboré portraits en pixel art pour leurs auteurs de référence. Si vous êtes un amateur de pixel art, pourquoi ne pas essayer de recréer une avatars similaire pour vous-même avec quelques filtres simples dans Photoshop ou GIMP?

How-To Geek a couvert plusieurs façons de créer des graphiques pixel art ordinaire, et cette méthode est simple pixel art plus simple, mais en utilisant une technique différente. Regardez comme nous transformer deux photographies ordinaires en oeuvres d'art en blocs, ainsi que de comparer les techniques utilisées entre Photoshop et The Gimp. Lisez la suite!

Retouche et filtres Pixel Art dans Photoshop

sshot-373padding-top: 0px; border: 0px; "title =" sshot-374 "src =" http://dl.dropbox.com/u/21986221/sshot-374.png "border =" 0 "alt =" sshot -374 "width =" 300 "height =" 447 "/>

Commencez avec une image que vous souhaitez être votre nouvel avatar-ce pourrait être une photo de vous, ou quel que soit graphique que vous souhaitez utiliser.

Appuyez sur c pour sélectionner l'outil de recadrage, et maintenez enfoncée la touche Maj pour cliquer-glisser un carré parfait pour votre avatar. Appuyez sur Entrée pour rendre votre culture.

sshot-377

Supposons que votre photo n'est pas une parfaite pour le pixel-art, et peuvent nécessiter quelques ajustements. En option, apporter un peu de contraste audacieux à votre détails avec la fonction Mark flou filtre, et une sorte de trop. Masque flou se trouve sous Filtres> Accentuer> Masque flou. N'hésitez pas à aller encore au-delà desmontants ici, et de créer une image avec une énorme quantité de contraste vous en aurez probablement besoin au moment où vous atteignez votre résultat final.

sshot-376

Redimensionnez vos photos carré de la taille cible pour votre avatar. De nombreux sites et forums vous dire quelle est la largeur maximale du fichier et la hauteur sont. Aux fins de démonstration, nous allons utiliser une taille de commune de 128 x 128 pixels.

sshot-386

Vous comprendrez comment votre image va trop regarder une fois que vous le réduire à un avatar de taille. ctrl L fera apparaître l'outil Niveaux, qui est l'unde [les meilleurs outils pour le réglage du contraste comme un pro: http://www.howtogeek.com/howto/44826/learn-to-adjust-contrast-like-a-pro-in-photoshop-gimp-and-paint. net /]. Utilisez-le pour faire ressortir les faits saillants et fort contraste beaucoup comme une étape facultative, si vous vous sentez votre photo pourrait utiliser un peu plus pop.

sshot-375

Le dernier filtre va transformer votre graphique de base en pixel art sous vos yeux. Allez dans Filtre> Pixellisation Mosaic> pour faire apparaître le filtre en mosaïque.

sshot-387

Le filtre mosaïque vous permet de contrôler votre niveau de détail en ajustant la taille de la tuile dans votre image. Même si nous avons couvert [d'autres méthodes: http://www.howtogeek.com/howto/31898/create-8-bit-style-graphics-with-authentic-nes-gameboy-and-sega-colors/] pour le tournage [graphiques ordinaire en pixel art: http://www.howtogeek.com/howto/29692/create-cool-8-bit-style-pixel-art-from-ordinary-images/], cette méthode vous permettra le plus de contrôle. Cela est particulièrement important si votre image n'est pas idéal pour ce genre de détail image faible.

sshot-388

"Appuyez sur" OK pour rendre votre filtre de mosaïque, et enregistrez votre image, de préférence au format PNG afin de préserver la bonté blocs de la mosaïque et [éviter les artefacts JPG ou en utilisant un peu la palette de couleurs 8: http://www.howtogeek.com/ howto/30941/whats-the-difference-between-jpg-png-and-gif /].

Filtres simples Pixel Art Utilisation de GIMP

sshot-362 inline; padding-top: 0px; border: 0px; "title =" sshot-363 "src =" http://dl.dropbox.com/u/21986221/sshot-363.png "border =" 0 "alt = "sshot-363" width = "300" height = "395" />

Quelques photos, vous pouvez le deviner, déjà le contraste nécessaires à la constitution d'une image très détaillée bas, comme le pixel art. Dans de telles situations, vous serez en mesure de s'en tirer avec moins de filtres de retouche de photos ou d'ajouter du contraste.

Commencez par saisir l'outil de sélection rectangle à partir de votre boîte à outils, touche de raccourci r . Maintenez la touche Maj et cliquez et glissez dans votre image pour créer un carré parfait.

sshot-364

Une fois que vous avez terminé la sélection de votre zone carrée pour votre avatar, accédez à l'Image> Crop à la sélection de couper votre image vers le bas pour un carré parfait.

padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border: 0px; "title =" sshot-367 "src =" http://dl.dropbox.com/u/21986221 / sshot-367.png "border =" 0 "alt =" sshot-367 "width =" 318 "height =" 132 "/>

Accédez à Image> Scale Image pour modifier la taille de votre image à la taille avatar approprié.

sshot-369

Pour les besoins de la démonstration, nous supposerons que la taille de la cible est la valeur commune de 128 x 128 pixels. Lorsque vous avez entré à celui (ou vos propres valeurs) dans le menu Échelle de l'Image, cliquez sur "Scale" pour finaliser votre réglage.

sshot-370

Vérifiez que votre image a l'air bonne rétréci vers le bas pour cette taille. Vous pouvez toujours ajouter du contraste à ce point [avec GIMP Tool Niveaux ou Courbes outil:http://www.howtogeek.com/howto/44826/learn-to-adjust-contrast-like-a-pro-in-photoshop-gimp-and-paint.net/], ou vous pouvez simplement sauter cette étape et terminer votre avatar pixel. Vous pouvez également trouver de GIMP Masque flou outil pour ajouter du contraste à vos domaines détaillées par Filtres> Amélioration> Renforcer la netteté. Faites l'une de ces ajustements ici pour préparer votre image pour pixelisation, ou tout simplement sauter cette étape.

sshot-371

Pixelize filtre GIMP peut être trouvé dans Filtre> Flou pixelize>. Ajustez votre "pixel" taille jusqu'à ce que vous êtes satisfait de votre avatar, puis cliquez sur OK pour le rendu.

sshot-372

N'oubliez pas de sauvegarder votre nouvel avatar dans un PNG Internet convivial, et d'éviter les problèmes avec les fichiers JPG avec perte, ce qui peut ruiner l'apparence du pixel art de votre dernièreimage.

Vous avez des questions ou des commentaires concernant les graphiques, photos, Types de fichiers, ou Photoshop? Envoyez vos questions à [ericgoodnight@howtogeek.com: mailto: ericgoodnight@howtogeek.com], et ils peuvent être aussi dans un avenir How-To Geek Graphics article.

Crédits images: Les excuses d'Alan Moore et Neil Gaiman, utilisé sans autorisation le plus grand respect, a pris la justeutilisation.

Commentaires

Posts les plus consultés de ce blog

Qu'est ce qu'un lien Magnet Et quelle est la différence des torrents?

Gardez vos mots de passe sous Linux, avec KeePassX

Faire Firefox 3 Utiliser Windows Vista en verre, comme Internet Explorer n'affiche