|
首页 | 名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
有很多朋友都会问,应该用什么工具制作像素图呢?其实就跟其他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制作剪刀 |
快精灵印艺坊 版权所有 | 首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店 |