中国设计之窗
English 设计信息平台 创意设计交易平台 设计服务平台  
首页 | 综合资讯 | 平面设计 | 工业设计 | CG动漫 | 互动媒体 | 室内设计 | 建筑设计 | 创意博览 | 设计资源 | 设计教育 | 设计竞赛 | 求职招聘 | 设计书店 | 设计论坛
 专业技术
 | 频道首页 | 行业资讯 | 理论文摘 | 经典设计 | 设计人 | 专业技术 | 论坛 |  
  · 首页 互动媒体频道 专业技术 软件技巧
一流像素画艺人Suguru.T教你做像素ICON
 
作者:Suguru.T 来源:插画中国 发布时间:2006-06-19 14:26 点击:

 第一节 开篇

[像素画]:构成电脑屏幕画面的点阵图(dot),用一个一个点构成的画。

近年来随着电脑、游戏机的高解像度化的快速发展,作为电脑图形绘画的[像素画]似乎有被掩盖在背后的感觉。不过,电脑桌面上的icon、网页上的贴图、手机上的图像等等,像素画展示的场所还是很多的哦。

虽说像素画算是数码范畴,可总是散发着手工的味道,对于这种虽说有着[艺人]说法的这种表现方式,相信还是有许多人感兴趣吧。

既然是像素画,当然是小小的[画]了,固定的画法是没有的。想怎么画就怎么画,但是,对于初学者总有一个基本的东西在里面哦。

本章就以我的像素画步骤来介绍我仅有的一点要点,供大家参考。

不说那么多了...不想点一点这些像素吗?

 

第二节 画像的格式和大小

[先来尝试体验一下]
[能偷学的就偷]


这里分几次制作“iMode”(日本多克摩公司推出的一类手机)的手机像素画。因为比icon要大一些最适合初学者......

准备工作:

1.iMode可以接受的画像格式为[gif]。目前有尺寸限制。
2.画像大小为横96×竖72pixel。根据机种不同有差异,如[D502i]尺寸是96×120pixel。这里以彩色为例,iMode为256色显示,如色标图。

第三节 底稿

先画一个简单的[猫]

 

 1.想画的东西用鼠标直接描绘。这时需要的只是一个大概,适当即可[图1]。要注意的是实际画面很小,能省略的尽量去掉,[只要看见想做的]是大前提。

 2.轮廓画好后,整理像素。
通常是和图一的工作一同进行的,在这里暂且分开做。根据意图区分线条粗细的情况是有的,基本上要保持粗细的统一、删除多余的像素[图2]。判断哪些点有用或无用,最好自己确定一个规则。

 3.上色。从色板选择颜色进行大致上色[图3]。

 第四节 收尾和完成

4.添加影。[选择比当前颜色重的色彩]是基本,考虑光线并涂上大致的阴影色。即使视觉不舒服也不要紧[图4]。然后将阴影的色阶增加就会达到自然、光滑的立体效果。

5.收尾。像素画的斜线和曲线是最难的,所以要下一些工夫。要在[线和面]、[面和面]交界处添加中间色[图5]。

 

 这个中间修补就是我们所说的[消除锯齿]。调整影的时候和步骤4一样,中间色添加得越多越光滑........但是要注意的是,这样会渐渐模糊下去,所以自己要把握住感觉见好就收哦。

细部调整完毕作品也就完成了![图6]

顺便做了一个黑白4色调的,因为黑白色数少,关于要点在下面讲解。

 

 第五节 总结

1.开始的草稿时。[不要想着一气呵成],适当即可。
2.像素的调整修正。画斜线和曲线的要点[图7]。
3.上色。没什么可说的,请填上你喜欢的颜色吧。

 4.添加影。虽说[选择比当前颜色重的色彩]是基本,这里拿黄色举例[图8]。黄色+黑和黄色+红的感觉不同,要注意色相。


5.收尾。因为是像素画,多少会有锯齿的感觉,添加中间色也要适可而止。

 

 这是黑白4阶调的像素画。。


编辑:  

其他文章:
· 下一篇:CSS应用技巧十四例  

网友评论:
用户: 验证码:
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·新闻留言板管理人员有权保留或删除其管辖留言中的任意内容
·参与本留言即表明您已经阅读并接受上述条款
相关链接
编辑信箱
news@333cn.com
友情链接本站导航广告服务|合作伙伴|设计服务关于我们版权申明
最佳显示1024x768 中国设计之窗 © 版权所有 粤ICP备05097527号
Tel:0755-83663023 83663069 83663063
客服:serve@333cn.com 资讯提交:news@333cn.com