素材图片酷 图酷镜像二 | 壁纸酷 壁纸镜像二 | 写真扫图酷 | Free Wallpaper | 贴图论坛 | ·设为首页 ·加入收藏
您现在的位置: 图酷 >> 自习室 >> 网页设计 >> 像素画 >> 教程正文

  没有公告


像素入门
作者: imick
教程来源: 不详
教程等级:         ★★★
教程录入: 烤焦面包
教程审核: 烤焦面包
添加时间: 2006-2-10
点击次数:
字体选择: 【字体:
相关操作: 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
热门信息:
推荐内容:

这一篇是我写的第一篇教程,现在看回来,觉得不够详细。现在正计划编写更完整的一套教程,目前在www.ourpixel.com连载,完成的章节会转到这里来。

这一章是为一些刚接触像素但还不太了解的朋友准备的,其实网上有很多地方都有这些教程,我也是从网上学到这些技巧的,但我还是准备写一章,是想和大家分享我的一些摸索的经验,所以我将这个栏目命名为"探索手札"。

那么什么是"像素"呢?其实这里的像素是特指像素艺术,因为不这样说明,任何在电脑上出现的图片都是像素,那就显不出像素艺术的特别之处啦。所以像素画是指一种有目的地控制每一个像素来完成的画。所以可想而知,画像素一定很烦琐,因为要一个一个像素的点,但我是迷进去了,可能是我有控制欲,想控制每一个像素,哈哈。而像素图和一般图的区别很简单,参看[图-1]就可以了解的了。(一句话,像素是不要"AA"-"AntiAlias"抗锯齿的图。)

插画中国温馨提示:单击图片可在新窗口浏览图片^_^

那么具体怎么样去掉"抗锯齿"这个功能呢?(忘了说一句,在这个栏目里所用到的软件均为Adobe的Photoshop7.0和Imageready7.0,简称PS和IR。所以示意图也是这两个软件的工作界面。当然,不是只有这两个软件才可以做像素,只要有放大,缩小,和输出功能的点阵式图像制作软件都可以胜任像素制作,如MS-Paint,Macromedia的Fireworks,etc。)好,如图所示,选择铅笔工具,相应的橡皮Mode一栏,有三个选项:Brush,Pencil,和Block,选为Pencil,即可。),如果要加入像素化的字体的话,将Anti-Alias的Type选为None,就把"抗锯齿"功能去掉了。

插画中国温馨提示:单击图片可在新窗口浏览图片^_^

好了,万事具备了,可以用我们的铅笔工具开始在画布上点着玩啦,第一步我们是要起稿,起稿的时候很注重线条的规范性,现在看看[图-2],图2中的第1列是像素画里基本的直线,而第2列则是被认为错误的起稿线条,错误的地方是每个小方块不是对角线相连的,也就是说图里红色的地方是属于多余的像素(说明:第1个直线是1个像素连1个像素,第2个直线是2个竖着的的像素相连,第3个直线是3个竖着的像素相连,不同的排列形成各种角度的线条,关于这种排列涉及的各种问题会出现在"像素里的数学问题中"。)当然凡事没绝对,有的时候为了特殊效果而故意在那些地方加上"多余"的像素的,但在画直线的时候还是以上方法最准确。当我们把[图-2]恢复成原始大小的时候就发现,错误画法的线条就象被咬过一样,看着不象一条直线。

插画中国温馨提示:单击图片可在新窗口浏览图片^_^

[1] [2] 下一页

  • 上一篇教程:
  • 下一篇教程:
  • ::版权和投稿说明::
    • 任何媒体、网站或个人转载、链接、转贴或以其他方式复制发表本站文章,在使用时务必注明“稿件来源:图酷”及“www.tucoo.com”字样,多谢。
    • 本站已注明“来源”的文章均为转载稿,本站转载出于传递更多信息之目的。如本站转载稿涉及版权等问题,请来信与本站联系。
    • 如果您有自己原创的作品,请向我们投稿哦!您可以通过Email:gogocat@21cn.com投出自己的作品,赶快行动吧!
    • 如果觉得我们的资源有用,请推荐给朋友,谢谢!
    ::相关教程::
    Mark的像素艺术教程【翻译教程】
    Photoshop制做像素熊猫简明教程
    Photoshop制作游戏角色像素图标
    像素实例:卡通风格房子
    像素画系列教程10:人物造型
    像素画系列教程9:动物造型
    像素画系列教程8:物品实例解析
    像素画系列教程7:明暗关系
     
    网友评论:(评论内容只代表网友观点,与本站立场无关!) 发表评论