了解像素画，绘制像素画

了解像素画，绘制像素画 了解像素画，绘制像素画～时间:2010-12-13 09:36来源: iconfans.org作者:admin点击:376次已译，但某些地方还是不清楚，大家 将就下看吧 第一次公开在Photoshop的首选项，设置图像插值的"近邻"。Create anew Page 300 px by 300 px at 72 dpi. 创建300像素，72 dpi的新页300像素。Select the Pencil tool at 1pixel. 选择1像素的铅笔工具。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 awhopping 9pixels instead of 1,you'll get anti-aliasing occurring and that will spoil the hard-edge pixel effect. 如果您没有使用高达9而不是1像素的画笔工具，你会得到消除锯齿出现， 这将破坏硬边像素的效果。So stick to 1pixel. 因此，坚持1个像素。"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 1pixel wide is very small,so you might find it hard to see and manipulate. 当您的像素绘图为100%(实际大小)在1像素宽的铅笔工具效果非常小，所 以你可能很难看到和操纵。An idea is to enlarge the view to 800%so you can see what you are doing. 一个想法是，以期扩大800%，这样你就可以看到你在做什么。I often have a2nd window open in Photoshop with the same screen view at 200%so Ican quickly see how my drawing looks up close and also from alittle further away at the same time. 我经常与在同一屏幕上200%认为第二窗口在Photoshop中打开，所以我可 以很快地看到我的画如何查找，也从一个小远在同一时间关闭。We can save our working doc as aPSD file and export for web use later as aGIF file. 我们可以节省我们作为一个PSD文件和网络使用的出口工作文件后为GIF 文件。We can also enlarge the file afterwards and turn into aTIF for CMYK printing. 我们还可以扩大文件后，并转化为CMYK印刷TIF。Lean&Mean 精益&平均Let's Start Drawing 让我们开始绘图OK let's have ago 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 aslight kink in the line to give the impression of aslight curve on the page. 看看我们如何把线轻微扭结给一个页面上略有曲线的印象。Lastly add some highlights down the middle of the pages and side of the bookmark. 最后添加了对网页和书签方中有一些亮点。A nice little touch is asingle pixel highlight at the bottom outside corner of each page,it just gives ahint of apage edge instead of being asolid 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 aseries of lines that are just 90o to each other and are very much squares and rectangles. 像上面可以作为行只是90度，彼此非常正方形和矩形系列设计的像素图标。 Occasionally though,you might need aline at an angle. 虽然有时，您可能需要在一个角度线。Something to bear in mind is angled lines look best when they are aregular 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 30o"iso"angle you used in Technical drawing class-it's actually something closer to 26.5o. 第二个例子下面是比较顺利的等距的角度，它看上去与像素图纸很好，但 它不是30?的"ISO"的角度你在课堂上使用技术图纸-它实际上更接近于26.5 o。 30o unfortunately gives alumpy line at 100%. 30 o不幸给出了100%块状线。If you make aline that regularly runs 2points over and 1point up,you'll get 26.5o.Shall we try drawing something else that's alittle more Geometric and uses more of those line patterns? 如果你的路线，定期举办和1点多了2点，您将获得26.5 o。咱们尝试绘 图别的这一点几何和利用更多的行模式?The irregular line will look lumpy at 100%. 不规则线的外观粗笨的100%。Smooth line patterns at different angles. 在不同的角度平滑行模式。Let's Draw aPixel 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 alittle 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) 3平方(上)2 2111 111222(down) 222(下)6 62 21 1A little tricky to get the hang of at first like using bezier curves in Illustrator but you soon get a"feel"for it. 有点棘手获得挂起起初像在Illustrator中使用Bezier曲线，但你很快就 会因为它的"感觉"。The length of the log is easy:we just use the 2along 1up system and make the log as long or short as we want. 日志的长度很简单:我们只用一日成立以来的第2系统，并为长期或短期 日志，因为我们想要的。Smaller concentric circles on the end give anice ring pattern and some areas of darker shading at the bottom of the log give it some depth. 最终为小同心圆给一个不错的铃声模式，在日志底部和黑暗的阴影部分地 区给予一定的深度。We'll give the log aflat 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 afew more random pixels on log#3 as Iwanted it to have arough look and contrast alittle with the squirrel. 我没有投入一些关于日志#3随机像素，我想让它有一个大概的外观和对比 与松鼠一点。For the final log Iworked in an area of stripped bark and asmall branch. 最后登录我的剥离树皮和一个小分支领域工作。I found it best to complete one area or style first and then work more detail into it. 我发现最好，完成一个地区或样式，然后再工作到它更多细节。I don't think Icould 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 alittle more irregular,like aSquirrel to sit on our log. 让我们把东西多一点不规则，将像松鼠坐在我们的日志。For something complicated like this,it's best to start out with pencil and paper. 对于这样复杂的，最好的东西刚开始用铅笔和纸张。First Idrew an isometric square on my page to get the right dimensions. 首先，我提请我的网页上一个等距平方米，可以得到正确的尺寸。Since we're using this particular example for editorial purposes,I used aphotograph for reference. 由于我们使用这个特殊的例子社论目的，我用一张照片，以供参考。 Remember that if you're planning to upload anything to iStockphoto,you need to include any reference material that you used. 请记住，如果你打算上传任何iStockphoto的，你需要包括任何参考您所 使用的材料。Then Istart to sketch. 然后，我开始素描。I pay particular attention to the angle on both lines. ears and feet as Iwant them to follow the isometric 我要特别注意两耳朵和脚的角度，我希望他们按照等距线。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. 我们会做的在Photoshop中休息。Bring in the sketch,put on anew layer and ghost the opacity so you can see the pixels you are about to create clearly. 带来的草图，把一个新层，鬼不透明度，以便可以看到你的像素要创建清 楚。It's not ahard and fast rule but Ifind pixel drawings look best when they have black outlines. 这不是一个硬性的规则，但我觉得最好看的像素图时，有黑色的轮廓。 Here Iam 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 1pixel width,see the red circle)it will look neater and your audience will thank you for it. 如果你画一个额外的广场上删除您的橡皮擦工具，(也保持在1个像素宽度， 看见一个红色的圆圈)它的外观简洁和您的观众都会感谢你。It still looks alittle messy but it will shape up～ 它仍然显得有点混乱，但会形成了～Keylines inside the illustration also help to give it abold look,just make sure they are adarkish color that isn't black to make some contrast. 内插图Keylines也有助于给它一个大胆的看，只要确定他们是微暗灯光的 颜色不是黑色作出一些对比。Call me aradical but Iwent with brown on this one. 骂我是激进的，但我和布朗在这一个。When the shape is complete fill the inner area with anice mid tone color(soft brown)and maybe use alight color to bring out some highlights. 当形状完成填写了一个漂亮的中等色调，区域内的颜色(软棕色)，也许用 浅色带出一些亮点。The black outline rule is not ahard 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. 在黑色边框的规则不是硬性的，我还是离开了低于前下颚和熊掌一些，因 为它越来越难以看到发生了什么事情黑色keylines。Conclusion 结论The hand placing,removing,changing of pixels is where the skill comes in.Sometimes. 手放置，删除，改变了像素的技巧就是来in有时候。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～ 希望这种帮助，并激励你创建自己的伟大的工作～ 特别:本站发表的文章素材仅供学习与参考，请勿用于商业用途。转载请注明来自:uimaker.com (责任编辑:admin)本站所有文章/图片除标明原创外，均来自网络转载，版权归原作者所有，如果有侵犯到您的权益，请联系本站删除，谢谢合作～