来源:iconfans.org 作者:admin
已译，但某些地方还是不清楚，大家将就下看吧 Create a new Page 300 px by 300 px at 72 dpi. Select the Pencil tool at 1 pixel. The Pencil and Eraser tools are the only tools you will really need. Occasionally you might use the magic wand to select an area to fill, just make sure Anti Alias is off. If you did use the brush tool at a whopping 9 pixels instead of 1, you'll get anti-aliasing occurring and that will spoil the hard-edge pixel effect. So stick to 1 pixel. "Keep it lean keep it mean," as my Mother used to say. When your pixel drawing is viewed at 100% (actual size) the pencil tool at 1 pixel wide is very small, so you might find it hard to see and manipulate. An idea is to enlarge the view to 800% so you can see what you are doing. I often have a 2nd window open in Photoshop with the same screen view at 200% so I can quickly see how my drawing looks up close and also from a little further away at the same time. We can save our working doc as a PSD file and export for web use later as a GIF file. We can also enlarge the file afterwards and turn into a TIF for CMYK printing. Lean & Mean Let's Start Drawing OK let's have a go at drawing something like this open book. With the Pen tool draw around the edge to create your black outline. Then fill in the flat colors of the page and book mark. Create the idea of text on the page with some single pixel lines. See how we put a slight kink in the line to give the impression of a slight curve on the page. Lastly add some highlights down the middle of the pages and side of the bookmark. A nice little touch is a single pixel highlight at the bottom outside corner of each page, it just gives a hint of a page edge instead of being a solid block. Once you've got the basics of outlines, colors, highlights and shading, you can try your hand at building other simple shapes. Angled Pixel Lines Pixel icons like the ones above can be designed as a series of lines that are just 90º to each other and are very much squares and rectangles. Occasionally though, you might need a line at an angle. Something to bear in mind is angled lines look best when they are a regular pattern. If they are irregular (like those shown below), they can appear lumpy and crude when viewed small. The second example below is much smoother Isometric angles, which look great with pixel drawings, but it's not the 30º "iso" angle you used in Technical drawing class — it's actually something closer to 26.5º. 30º unfortunately gives a lumpy line at 100%. If you make a line that regularly runs 2 points over and 1 point up, you'll get 26.5º. Shall we try drawing something else that's a little more Geometric and uses more of those line patterns? The irregular line will look lumpy at 100%. Smooth line patterns at different angles. Let's Draw a Pixel Log The lines down the length are easy we know how to do those now, but how about those round ends? These two are regular patterns but are changing from wide horizontal lines down to squares and then to vertical lines. It does look a little jagged but if you blur your eyes it does look correct! The curve on the top-right of the log end is also the reverse pattern of the bottom-left section. I often count the pixels or remember certain combinations. The pixel combo on the circle is... 3 squares (across) 2 111 222(down) 6 2 1 A little tricky to get the hang of at first like using bezier curves in Illustrator but you soon get a "feel" for it. The length of the log is easy: we just use the 2 along 1 up system and make the log as long or short as we want. Smaller concentric circles on the end give a nice ring pattern and some areas of darker shading at the bottom of the log give it some depth. We'll give the log a flat fir color to start, then to create depth, we can create dithering by placing pixels of contrasting color either side of our high light/low light lines. You can build up the patterns and make them more complex. Careful though — the more realistic and tricky you try and get the fuzzier the image may appear if it's destined to reproduce at small size. I did throw in a few more random pixels on log #3 as I wanted it to have a rough look and contrast a little with the squirrel. For the final log I worked in an area of stripped bark and a small branch. I found it best to complete one area or style first and then work more detail into it. I don't think I could have drawn the stripped bark log with dithering pattern from scratch — instead, I just kept adding layers over top of layers. Simple stages work best! Irregular Pixel Drawing Let's move onto something a little more irregular, like a Squirrel to sit on our log. For something complicated like this, it's best to start out with pencil and paper. First I drew an isometric square on my page to get the right dimensions. Since we're using this particular example for editorial purposes, I used a photograph for reference. Remember that if you're planning to upload anything to iStockphoto, you need to include any reference material that you used. Then I start to sketch. I pay particular attention to the angle on both ears and feet as I want them to follow the isometric lines. As you can see the detail is very minimal — I just want to get the basic shape and correct angles worked out first. We'll do the rest of the work in Photoshop. Bring in the sketch, put on a new layer and ghost the opacity so you can see the pixels you are about to create clearly. It's not a hard and fast rule but I find pixel drawings look best when they have black outlines. Here I am going around my Squirrel with the pencil tool creating the black outline. One thing to be avoided is clumping up where outline pixels touch each other on more than one side. If you draw an extra square just delete it with your eraser tool (also kept at 1 pixel width, see the red circle ) it will look neater and your audience will thank you for it. It still looks a little messy but it will shape up! Keylines inside the illustration also help to give it a bold look, just make sure they are a darkish color that isn't black to make some contrast. Call me a radical but I went with brown on this one. When the shape is complete fill the inner area with a nice mid tone color (soft brown) and maybe use a light color to bring out some highlights. The black outline rule is not a hard and fast one, I did leave some black keylines below the front jaw and paw as it was getting hard to see what was going on. Conclusion The hand placing, removing, changing of pixels is where the skill comes in. Sometimes. But once you start to get the hang of it, you'll be able to draw just about anything — all you need is some patience. Hope this helps, and inspires you to create great work of your own!
如果您没有使用高达9而不是1像素的画笔工具，你会得到消除锯齿出现，这将破坏硬边像素的效果。
当您的像素绘图为100％（实际大小）在1像素宽的铅笔工具效果非常小，所以你可能很难看到和操纵。
一个想法是，以期扩大800％，这样你就可以看到你在做什么。
我经常与在同一屏幕上200％认为第二窗口在Photoshop中打开，所以我可以很快地看到我的画如何查找，也从一个小远在同一时间关闭。
我们可以节省我们作为一个PSD文件和网络使用的出口工作文件后为GIF文件。
行让我们一展身手的绘图本打开的书一样的东西。
用钢笔工具绘制的边缘周围创建的黑色边框。
然后填写的页面和书签单位颜色。
创建网页上某一个单独的像素行文本的想法。
看看我们如何把线轻微扭结给一个页面上略有曲线的印象。
最后添加了对网页和书签方中有一些亮点。
阿不错的接触，是一个外面的每一页的底部角落像素的亮点，它只是给出了一个而不是一整块页面边缘的暗示。
一旦你得到了基本轮廓，颜色，突出和阴影，您可以尝试建立其他简单的形状你的手。
像上面可以作为行只是90度，彼此非常正方形和矩形系列设计的像素图标。
一些铭记线角度看是最好的时候，他们是一个规律。
如果他们不正常（如所示的），它们可以出现高低不平而粗糙，看小。
第二个例子下面是比较顺利的等距的角度，它看上去与像素图纸很好，但它不是30 °的“ISO”的角度你在课堂上使用技术图纸-它实际上更接近于26.5 º。
30 º不幸给出了100％块状线。
如果你的路线，定期举办和1点多了2点，您将获得26.5 º。咱们尝试绘图别的这一点几何和利用更多的行模式？
向下行的长度是很容易的，我们知道怎样做那些了，但如何对这些圆桌会议结束？
它看起来有点锯齿，但如果你你的眼睛模糊它看起来是正确的！
对曲线的右边的日志年底前也是底部扭转格局，左侧部分。
我经常算像素或记忆某些组合。
有点棘手获得挂起起初像在Illustrator中使用Bezier曲线，但你很快就会因为它的“感觉”。
日志的长度很简单：我们只用一日成立以来的第2系统，并为长期或短期日志，因为我们想要的。
最终为小同心圆给一个不错的铃声模式，在日志底部和黑暗的阴影部分地区给予一定的深度。
我们将给日志单位冷杉颜色启动，然后创建的深入，我们可以通过对比颜色置于任何一方的高光/暗光行像素抖动。
你可以建立的模式，使其更加复杂。
但仔细-更为现实和棘手尝试并获得更模糊的图像可能会出现，如果是注定要重现小规模的大小。
我没有投入一些关于日志＃3随机像素，我想让它有一个大概的外观和对比与松鼠一点。
最后登录我的剥离树皮和一个小分支领域工作。
我发现最好，完成一个地区或样式，然后再工作到它更多细节。
我不认为我可以得出与从头开始抖动模式的剥离树皮日志-不是，我只是不断地增加超过层上层。
让我们把东西多一点不规则，将像松鼠坐在我们的日志。
对于这样复杂的，最好的东西刚开始用铅笔和纸张。
首先，我提请我的网页上一个等距平方米，可以得到正确的尺寸。
由于我们使用这个特殊的例子社论目的，我用一张照片，以供参考。
请记住，如果你打算上传任何iStockphoto的，你需要包括任何参考您所使用的材料。
然后，我开始素描。
我要特别注意两耳朵和脚的角度，我希望他们按照等距线。
正如你所看到的细节是很小的-我只是想获得基本的形状和正确的角度制定了第一。
我们会做的在Photoshop中休息。
带来的草图，把一个新层，鬼不透明度，以便可以看到你的像素要创建清楚。
这不是一个硬性的规则，但我觉得最好看的像素图时，有黑色的轮廓。
在这里，我四处与铅笔创造的黑色边框工具我的松鼠。
有一件事是要避免在结块了纲要像素涉及多个一方对方。
如果你画一个额外的广场上删除您的橡皮擦工具，（也保持在1个像素宽度，看见一个红色的圆圈）它的外观简洁和您的观众都会感谢你。
它仍然显得有点混乱，但会形成了！
内插图Keylines也有助于给它一个大胆的看，只要确定他们是微暗灯光的颜色不是黑色作出一些对比。
骂我是激进的，但我和布朗在这一个。
当形状完成填写了一个漂亮的中等色调，区域内的颜色（软棕色），也许用浅色带出一些亮点。
在黑色边框的规则不是硬性的，我还是离开了低于前下颚和熊掌一些，因为它越来越难以看到发生了什么事情黑色keylines。
手放置，删除，改变了像素的技巧就是来in有时候。
希望这种帮助，并激励你创建自己的伟大的工作！
