网页教学网
 当前位置: 网页教学网 >> 网页制作 >> 图象相关技术 >> 阅读:一套绝对精彩的象素教程
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

一套绝对精彩的象素教程

http://www.webjx.com  更新日期:2005-04-01 16:53  出处:整理  作者:未知
  非常不错的一套教程,不敢独享!因为像素画比较精志了,所以自己总觉得和CG这概念有点出入,但其实它应该也是CG概念里的某一个方面内容吧!希望大家能喜欢它!

  基础篇
 
  我们这里说的“像素画”并不是和矢量图对应的点阵式图像,像素画也属于点阵式图像,但它是一种图标风格的图像,更强调清晰的轮廓、明快的色彩,几乎不用混叠方法来绘制光滑的线条,所以常常采用.gif格式,同时它的造型比较卡通,得到很多朋友的喜爱。如果用插值的方式随意改变图片的大小,风格就难以保证了。绘制这种像素画除了须具备相当的耐心之外,造型、绘制方法也很重要。本系列教程将由浅入深介绍绘制像素画的各种绘制方法和技巧,希望大家喜欢。

  今天我们就来看看绘制像素画所需的一些基本知识。

  像素房屋的绘制

像素城市
  基础教程1:像素画简介和工具的选择:
 
  我们这里说的“像素画”并不是和矢量图对应的点阵式图像,像素画也属于点阵式图像,但它是一种图标风格的图像,更强调清晰的轮廓、明快的色彩,几乎不用混叠方法来绘制光滑的线条,所以常常采用gif格式,同时它的造型比较卡通,得到很多朋友的喜爱。绘制这种像素画除了须具备相当的耐心之外,造型、绘制方法也很重要。本系列教程将由浅入深介绍绘制像素画的各种绘制方法和技巧,希望大家喜欢。

  当许多不同颜色的点一个个巧妙的组合与排列在一块后便构成了一副完整的图象,这些点便称为像素(pixel),图象称之为Icon(图标)或者称为像素画。其它的点阵式图象虽然也由像素组合而成,但是它们在制图过程中并不是十分强调像素,甚至根本无需去考虑到像素的变化,与之相比像素画对于像素更是逐个描绘,处处见真章。

  作为像素画来说应用范围相当广泛,直至今天我才恍然大悟,原来从小时候玩的FC家用红白机的画面直到今天的GBA手掌机;从黑白的手机图片直到今天全彩的掌上电脑;即使我们日以面对的电脑中也无处不充斥着各类软件的像素图标。如今像素画更是成为了一门艺术,深深的震撼着你我。下面我们就来谈谈第一步,工具的选择和使用。

  像素画欣赏(建筑)

  很多人被应该使用什么工具来制作像素画所困绕,其实选择什么样的软件,因各人的习惯而定,无论你选择了什么软件,其制作像素画的流程还都是一样的。制作像素画的软件一般可分为两种类型,一种是用来制作Icon图标的专用软件,比如Microangelo、Iconcool、Articons等等;另一种则是用来编辑位图的图形软件,比如:Photoshop、Fireworks、甚至Windons自带的画板工具。因为我偏爱于Photoshop的缘故,所以本系列教程所使用的软件皆为Photoshop 6.0。

  当以Photoshop作为绘制像素画的工具时,首先当然是要掌握Photoshop的使用,如果你从没有接触过Photoshop,那你可以先用Windons自带的画板工具来代替。

  其次是要善于利用Photoshop的功能上的优势:

  1、画布大小你可以随意设置(但是分辨率最好保持在72dpi左右);

  2、各类工具的快捷键以及便捷的复制粘贴功能;

  3、网格、标尺、辅助线功能帮助你正确定位;

  4、最最强大的图层功能,让你随心所欲,驰骋画布。

  5、双窗口功能,复制出一个内容、名称完全相同的视图,一个放大了绘制用,一个保持100%大小预览用,这对绘制像素画而言是很重要的一个功能。(菜单View/New View)

  6、历史记录功能等。

  像素画欣赏(人物)

  其实像素画的应用范围相当广泛,从小时候玩的家用红白机的画面直到今天的GBA手掌机,从黑白的手机图片直到今天全彩的掌上电脑,即使我们日以面对的电脑中也无处不充斥着各类软件的像素图标。如今像素画更是成为一门独特的电脑绘画艺术,深深的吸引着我们。

  很多人总是在想应该使用什么工具来绘制像素画,其实选择什么样的软件可以因各人的习惯而定,无论你选择什么软件,绘制像素画的方法和流程还是一样的。不过如果选定了软件,使用的时候也要注意一些技巧。

  正如组成汉字有基本的点、横、竖、撇、捺等笔划一样,在像素画中也有规范的笔划,我们称之为基本线条。每种特定线条都是根据像素特有的属性排列而成,并且广泛运用于各类像素画的绘制中。很多人画像素画时总感觉边缘粗糙,主要就是由于线条使用不当造成的。

  如下图所示,规范的线条所绘制出来的像素画画面细腻、结构清晰;而非规范的线条使用时像素点“并排”“重叠”现象严重。

  下面我们一起来看看像素画中常用的几种线条。

  1、22.6度的斜线

  选取铅笔工具并选择1像素的笔刷,以两个像素的方式斜向排列,共分为双点横排、双点竖排两种排列方法。此类线条较常用于建筑的描绘,因此3D建筑的统一透视角度也为22.6度。

  2、30度的斜线

  选取铅笔工具并选择1像素的笔刷,以两个像素间隔一个像素的方式斜向排列,当竖向排列时则形成了60度的斜线,此类线条使用较为灵活,经常与其它线条配合使用,以便完成一些特殊的造型。

  3、45度的斜线

  选取铅笔工具并选择1像素的笔刷,以一个像素的方式斜向排列,此类线条掌握比较简单,较常用于平面物体以及建筑斜面的绘制。

  4、直线
  选取铅笔工具并选择1像素的笔刷,同时按住Shift键,拖动鼠标就可准确的绘制出直线来。

  5、弧线
  因为弧度大小的关系,因此弧线画法有很多种。选取铅笔工具并选择1像素的笔刷,分别以像素3-2-1-2-3、4-2-2-4、5-1-1-5的弧型排列,其排列具有一定的规律性以及对称性,如图所示。此类线条较常用于人物头像、动物的绘制。

  一副像素作品如果总是要一个个点出来啊,实在是受不了,所以把常用的线条笔划以及基础图形定义成笔刷,可以大大的提高工作效率。

  自定义笔刷具体步骤如下:

  步骤一:新建一个文档,大小随意,解析度设置为72dpi左右以及RGB色彩模式,选择背景色为白色,前景色为黑色。

  步骤二:选取铅笔工具并选择1像素的笔刷,分别绘制线条或者基础图形。

  步骤三:绘制完一个线条或者一个基础图形之后,选择Edit—Define Brush(编辑—定义画笔),这时画面上你绘制的线条或者基础图形就会定义成一个新的画笔,画笔控制面板中也会出现。

  步骤四:当你自制完自己的所有个笔刷后,你可以把原有的笔刷一个个清除掉,然后点击画笔控制面板上的圆形小三角,选择“存储画笔”,这样一个完全属于你自制笔刷文档(.abr)就完成了。你可以随时根据你的需要,“载入画笔”或者再增添新的笔刷。

  正如组成汉字有基本的点、横、竖、撇、捺等笔划一样,在像素画中也有规范的笔划,我们称之为基本线条。每种特定线条都是根据像素特有的属性排列而成,并且广泛运用于各类像素画的绘制中。很多人画像素画时总感觉边缘粗糙,主要就是由于线条使用不当造成的。

  下面我们一起来看看像素画中常用的几种线条以及将常用的线条笔划形定义成笔刷的方法。

  1、22.6度的斜线

  2、30度的斜线

  3、45度的斜线

  4、直线

  5、弧线

  下一节继续讲解!
下一页
关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为