像素艺术编程技巧
Pixel Art Tips for Programmers

原始链接: https://jslegenddev.substack.com/p/5-pixel-art-tips-for-programmers-3d6

## 程序员的像素画速成指南 本文为开发者提供了像素画建议,承认艺术家在过渡到这种视觉媒介时面临的挑战。核心思想是培养“好品味”——对视觉吸引力的内在感知,通过研究成功的像素画并分析其细节来实现。 关键要点包括:**将像素画视为一个谜题**,专注于在低分辨率的限制下表达想法。**大量使用参考资料**;不要犹豫向现有的精灵学习(推荐The Spriters Resource)。**拥抱约束**——有限的调色板(Lospec提供选项)不仅简化了颜色选择,还有助于掩盖艺术上的不足并鼓励创造力。 作者强调,虽然天赋有帮助,但**练习至关重要**。通过将限制视为机遇并积极研究现有艺术作品,程序员可以提高他们的像素画技能,并为游戏创建视觉上吸引人的素材。

黑客新闻 新 | 过去 | 评论 | 提问 | 展示 | 招聘 | 提交 登录 像素艺术技巧,献给程序员 (jslegenddev.substack.com) 9 分,ibobev 发表于 2 小时前 | 隐藏 | 过去 | 收藏 | 1 条评论 Daub 7 分钟前 [–] 我想补充几点:‘在尽可能多的设备上进行测试’。在你的笔记本电脑上看起来很好,但在目标平台上可能很糟糕。回复 指南 | 常见问题 | 列表 | API | 安全 | 法律 | 申请YC | 联系 搜索:
相关文章

原文

Programmers are known to not have a strong suit for art related disciplines, pixel art is no exception. In this post, I’ll share 5 tips for making good pixel art from the point of view of a programmer. This is to help other solo devs coming from a programming background to make better pixel art for their games.

Now, you might be wondering if I’m qualified to share tips related to pixel art? Below are two pixel art asset packs I made. If you like how they look, then the question is answered.

Here are all the asset packs I’ve made so far :

How do you know if a sprite looks good or not? You might have assumed that you just need to look at it and your brain determines whenever it’s appealing or not. Maybe the colors clash or the pixels are not placed symmetrically, etc… all things that you should detect naturally.

However, it’s not that simple, an art piece can go against commonly held rules and still look good. It can look good to one person but not to another.

While it’s true that whether a sprite or any piece of art looks good is subjective to some extent, it’s undeniable that some of them are widely considered more appealing.

This subjective nature of art is what a lot of programmers struggle with. You might be used to having a compiler compile and run your code. If your code successfully runs then you know that at least your code works.

With art however, you need to acquire good taste that will effectively act as your own internal compiler when doing pixel art. It will guide you during your art process and allow you to realize when things don’t work (ex: Color clashes, etc…).

The question now becomes, how do you develop good taste in pixel art? The simplest way is to look at well regarded pixel art online. It can come from games where the art is praised or from pixel artists online. When observing each piece, try to notice the details. If you do this enough, you’ll build an internal understanding of what makes good pixel art.

If you come to pixel art with the mindset that you’re going to draw what you want like you would on pen and paper, you’re going to get frustrated. Pixel art at low resolutions is all about negotiating with your canvas.

It’s basically a puzzle game. You need to figure out where to place your pixels to represent what you want while still compromising on certain details.

The sooner you view pixel art like this, the less you’re going to struggle drawing the sprites you need for your games. This is because you’re now more flexible and ready to adapt when representing certain things that are challenging at low resolutions.

You can either do the hard work of figuring out how to represent an object or character in lower resolutions or you can go look at the million of available game sprites that already solved what you’re trying to represent.

That’s why I recommend using references extensively.

For example, if you want to make a top-down action adventure game a la Zelda there is no shame in looking up link’s sprites to see how he’s represented or how his sword attack animations are made.

In case you didn’t know, the most comprehensive website for looking up sprites from various retro games is The Spriters Resources.

Sticking to a limited color palette is very important in pixel art due to the low amount of space available. Every color you choose will have a big impact on the appeal of the final sprite.

If you don’t want to deal with color theory, you can always pick an existing color palette. There is this website called Lospec with plenty of color palettes you can pick from. On this website, you can often see pixel art examples using the listed color palette. This will help you determine if a given palette will likely help you achieve your desired aesthetic.

Another option consists in finding a pixel art piece you like online and picking the same colors to make your palette.

Finally, you might feel too constrained working with a limited amount of colors. Sometimes, the colors you have in your palette are not enough. In that case, I recommend adding colors to it.

In fact, it’s much easier to expand a given color palette one color at a time then to not limit yourself to one by choosing colors on the fly. When needing a new color, you can more easily compare your new color choice with an existing palette and see if it fits or change your choice otherwise.

I often hear the phrase “Constraints breeds creativity” and I agree because when constrained you often end up finding creative solutions. However, another lesser known benefit of constraints is that they allow you to hide your flaws.

The less constraints you have, the more ambitious you get, the higher the likelihood of going out of your comfort zone and finding yourself in an area where you do not have enough skill to pass the “professional” quality bar.

For example, if you’re someone with very limited coloring skills. I would recommend sticking to a prefined color palette of max 4 colors. This way, you can more easily reach a “professional” looking result compared to if you had to pick your own colors.

Well chosen constraints allows you to put forward your strengths while hiding your flaws. Another way to put it would be that constraints reduces the likelihood of shooting yourself in the foot.

While I hope these tips will help you make better pixel art, it’s no secret that practice remains a big part of what you need to do to achieve good results.

If you’re interested in reading more posts like this. I recommend subscribing to my Substack as to not miss out on future releases.

In the meantime, you can check out my previous posts.

You Can Now Make PS2 Games in JavaScript

I recently discovered that you could make PS2 games in JavaScript. I’m not even kidding, it’s actually possible. I was working on a project and had my phone near my desk when I received a notification. Upon further inspection, it came from itch.io which was a platform where I usually published most of my web games.

联系我们 contact @ memedata.com