快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

像素图制作详解

有很多朋友都会问,应该用什么工具制作像素图呢?其实就跟其他CG相同,制作像素图并没有特定的工具,主要是看各人自己的习惯。从photoshop到windows自带的图画(paint)都是能够画像素图的。在这里,Hana使用的是photoshop和fireworks,哈哈,因为我比较喜欢用这两个软件。

下面我们来分析如何制作一个简朴的像素图.让我们已下图为例,一步一步的解析像素图的制作过程.
过程图: 

按此在新窗口浏览图片

完成图:

按此在新窗口浏览图片

制作过程:

1.线稿的制作

打开photoshop,建立一个新的文件,大小为100*100,底色为透明.选择工具栏中的铅笔工具,笔头大小为1像素,开始慢慢绘制线条..(注重:当底色为透明时,会如图所示呈现灰白方块状,此图为x400的放大截图).

按此在新窗口浏览图片

画像素图的时候一定要有异常大的耐心,否则就不能成功.线条一定要左右对称,图像设计一般来说都会比较可爱.关于详细的线条绘画技巧,我们将会在下一个教程中具体说明.

按此在新窗口浏览图片

2.上色过程

线搞终于完成了,为了尽量画的可爱一些,所以在这里采用了一头身的比例。(Hana大概用了半个小时画线搞,算是很快的了)下面,让我们选择填充工具来上色。

按此在新窗口浏览图片

首先是基本的颜色填充,接下来是颜色渐进的立体感。

按此在新窗口浏览图片

记住每个部分过渡的颜色都属于同一色系:头发的过渡颜色属于橙黄色系,脸部的过渡颜色属于浅棕色系,衣服的过渡色属于粉红色系。 另外,确定好光源的方向,此图中,光源在左上角方向,所以颜色的过渡是从左上到右下角由浅至深。

按此在新窗口浏览图片

全部颜色填充好后,画上高光部分 (头发上的亮点),和其他小细节(红脸蛋)。最后,为了使图片更加自然,将黑色的线条填充为一样色系,头发:深棕色,皮肤:土黄色,衣服:粉红色。这样,底图便完成了!!!也!!~~~ (下图为x200防大效果图)

按此在新窗口浏览图片

3.动画效果制作

当我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。 

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

为了使产生动态的效果,我们将原图1做了小小的改动,产生了图片2和3,其中2只是改变了眼睛的光线,3将眼睛闭起,嘴巴笑起来。

分别保存3副图,然后打开fireworks制作动画。(photoshop是不能只做gif动画的,当然你也可以用photoshop自带的image ready,操作方式也是差不多的)

将3幅图以动画形式打开,此时文件会有3桢,复制桢1和2,使眼睛光线转动的图像重复几次,调整每一阵的时间为20 (即20/100秒),最后一桢为小女孩笑的表情,时间为80。

按此在新窗口浏览图片

导出为gif动画,即可。最后再看一次完成图吧: 

按此在新窗口浏览图片

返回类别: 其他软件教程
上一教程: PageMaker6.0快捷键
下一教程: 分辨率的基本知识

您可以阅读与"像素图制作详解"相关的教程:
· 像素图GIF动画制作教程
· 像素设计――蚊子教你画像素头像
· 像素画基础知识
· [ImageReady教程系列1]制作渐隐动画
· 使用Xara X制作剪刀
    微笑服务 优质保证 索取样品