关于像素画的基本知识.docx

关于像素画的基本知识.docx

《关于像素画的基本知识.docx》由会员分享，可在线阅读，更多相关《关于像素画的基本知识.docx（17页珍藏版）》请在冰豆网上搜索。

关于像素画的基本知识

一．像素的基础

首先声明我是菜鸟，近些日子做了一些像素图，得到了一些朋友的好评，在这向你们表示感谢对我的支持。

　　很多朋友希望我做一个类似教程的东西想了解像素的绘制方法，我也是刚接触像素，教程谈不上，只是向朋友介绍一下我所了解的知识。

1.什么是像素。

画这个自然要知道什么是像素图。

电脑中的图形分矢量图和位图（像素图）两种。

　　矢量图：

（矢量图）

　　像素图：

（像素图）

　　区别在于矢量图根据的是数学公式，所以可以无限放大。

　　像素图是由点组成，因此放大后你就能看到放大的点[],这些点成为像素[pixel],像素图创作需要的是点绘。

　　2.优点

　　就因为它由很小的点组成，我认为它最适合运用到带液晶屏的电子设备上。

　　如：

掌上游戏机：

别怀疑所有的掌上游戏机，gameboy什么的都是像素图，当然我的文曲星也属于这类。

　　电脑屏幕：

桌面图标、网页gif、QQ秀、字体等。

　　手机：

手机上的手机电池、信号等图都是。

　　玩具：

有没有感觉乐高玩具都像是像素一样。

　　等。

　　3.工具

　　不像矢量图需要专门的工具。

像素只需要[开始]>[所有程序]>[附件]>[画图]

　　不是开玩笑的。

最简单的就是最有效的，这一款免费的无需安装的及破解的绿色软件。

　　要是复杂的创作还是选用photoshop吧，功能上很多优势，最低版本都可以。

　　当然像素也分很多类，需要不同的工具，我只介绍上面这两种软件。

　　像素不需要技术，需要的是细心。

　　4.基本元素举例

在ps里工具就是铅笔工具。

快捷键是[B],导航器最好放大到400%

点：

（图1）

线：

（图2）

　　角：

（图3）

　　面：

（图4）

　　友情提示：

常用的线条可以设置为画笔，选中线条>编辑>定义画笔预设。

之后用铅笔工具时就右键就会看到在列表的最后。

　　5.字体

自然在图形中需要出现字体。

这个就不需要你费事了，有专门的字体，推荐几个。

　　英文

（图5）

　　中文

（图6）

　　友情提示：

如果字体不想变形，一定要成倍放大。

如英文字体上面举例的都是8号，放大就要变成16号，依此类推，当然图形也是如此。

　　6.例1：

先教大家画一个MP3，以后有时间再写点“教程”，

　　没有固定的方法，看自己的习惯，仅演示我做的过程。

（图7）

　　通常640*480就足够了

（图8）

　　放大到400%，选择铅笔工具或者按键盘[B]。

（图9）

　　要在新的透明层上绘制选择一种笔形，设置为1像素。

（图10）

　　绘制几种线条，存为笔形之后就方便了。

（图11）

选中线条>编辑>定义画笔预设。

（图12）

　　常见的，当然也可设一边的，之后进行水平或垂直翻转。

可以在画笔预设管理器中把这几种放到最前面。

（图13）

（图14）

　　友情提示：

绘制过程中难免有错的地方可用历史记录挽回。

如果是多出来的点，可以先填充成白色，之后通过[选择]>[色彩范围]。

选中白色再删除就可以了。

（图15）

　　接下来填充颜色要去掉这个，否则颜色会溢出。

（图16）

　　最外面的描边填充颜色最好是黑色。

（最终效果图）

二．开始绘画咯

　　这次打算教大家一些我平常上色的简便方法。

　　虽然像素画绘制方式是[点绘]。

也就是说一个点一个点的绘制。

　　如果是100*100尺寸的画布，

　　理论上要点10000个点。

理论上是会累死人的。

　　幸好有各种[笔刷]、[填充工具]和各种[上色捷径]等。

理论上可以省很多事。

　　注意：

本入门教程仅是个人的一些实践总结，主要讲的是上色的一种捷径。

　　开始画一个虫虫的图举例说明

（图1）

　　上来先放大400%。

（图3）

选中后再复制三个即可，因为是圆。

（图5）

　　再把嘴和脸部稍改改。

（图6）

　　加上触角。

（图7）

　同上面的脑袋，画身体相同的部分也只需复制即可。

（图9）

　　接着开始上色步骤，先用魔术选棒选择脑袋里面任何处。

　　接下来按住[shift]键，多选把身子都选上。

（图10）

　　选取填充工具，按住[alt]键在色板处选择一个深绿色，

　　直接按[alt]+[delete]进行填充。

（图11）

选择菜单>[选择]>[修改]>[收缩]>

（图12）

　　看图操作，默认[1]像素。

（图13）

　　在原选区基础上整体收缩1个像素，并选择一个浅绿色。

直接按[alt]+[delete]进行填充。

（图14）

　开始高光等部分。

用魔术棒[shift]进行多选，选取图上的部分。

（图15）

　　　选取亮色后直接按[alt]+[delete]进行填充。

　　（上面的选取感觉有些多了，因此下面又去掉多余部分了。

）

（图17）

　　填充高光也是用上面的复制选取填充方法。

（图18）

　然后是修改黑色轮廓线，先到右面[图层]面板,按住[ctrl]键在层上点击一下，选取了整个图形。

（图19）

　　之后菜单>选取]>[色彩范围]>

（图20）

　用鼠标单击原有轮廓的黑色部分，将图形黑色轮廓选中。

（图23）

　　由于是像素图，原有渐变样式也需要改变一下使画面整体均为像素形式。

　　举例说明我讲的意思，下图是矢量形式的渐变。

（图24）

　　经过修改后的渐变，图中的左面的即为像素风格的渐变。

（图25）

　　轮廓选区渐变后，菜单>[图像]>[调整]>[色调分离]>

（图26）

　　根据具体情况调整数值。

下面是三种轮廓线填充后的对比，小图来说不太明显。

（图27）

　　加上其他修饰，基本完成。

（图28）

（注：

专业文档是经验性极强的领域，无法思考和涵盖全面，素材和资料部分来自网络，供参考。

可复制、编制，期待你的好评与关注）