像素画设计与UI制——上.ppt

像素画设计与UI制作 基础绘制技法 像素画知识 概念：当许多不同颜色的点一个个巧妙的组合与排列在一块后便构成了一副完整的图象，这些点便称为像素(pixel)，图像称之为Icon(图标)或者称为像素画。 特点：像素画也属于点阵式图像，但它是一种图标风格的图像，更强调清晰的轮廓、明快的色彩，几乎不用混叠方法来绘制光滑的线条。 区别：普通点阵图像同样由像素组成，但不注重也没必要注重某个像素的位置、数量、颜色，而像素图上每个像素都很考究，精心安排，多一个点少一个点都会影响效果，可谓字字珠玑。 像素画的应用范围 所有显示屏都必须用到像素技术。比如手机、电脑、电视、掌上游戏机、PSP、固定电话屏幕和电子钟表屏幕和电子公告栏等。 在电脑中所有类型操作系统、软件系统都用到像素技术。如Windows、Mac OS、Unix、Linux 以及图形化Dos系统的界面，再如每个软件的外观、按钮和鼠标造型都是像素画。在这里的应用被叫做UI系统。 自从日本世嘉公司在70年代开发出电视游戏起，像素画创作产业就出现了。现今是全球化的时髦的老产业。 像素画范例 像素画制作软件 选择什么样的软件，因各人的习惯而定，无论你选择了什么软件，其制作像素画的流程还都是一样的。 一般可分为两种类型：一种是用来制作Icon图标的专用软件，比如Microangelo、Iconcool、Articons等等；另一种则是图像处理类的软件，比如：Photoshop、Fireworks、甚至Windows自带的画图工具。 我们将会使用Photoshop来讲解。 像素画基本要点 尺寸严谨：必须在给定的尺寸内完成绘制。 笔法固定：每个倾斜、弯转、连接都有规则限定。 色彩简炼：颜色种类必须控制在256种以内。 边界清晰：边界必须十分肯定，称“卡死”。 动感明显：每个运动瞬间也要绘制清晰。 像素画基本要点 像素画绘制教程第一节基本线条 基本线条 22.6度的斜线，又称双格线 30度的斜线，又称单双线 基本线条 45度的斜线，又称单斜线 直线 ，又称单直线 基本线条 弧线 定义笔刷 一副像素作品如果总是要一个个点出来啊，实在是受不了，所以把常用的线条笔划以及基础图形定义成笔刷，可以大大的提高工作效率。 练习内容 在30x30像素的图像中绘制出各种常用线条，自由拼合成图样。 将各种规格的线条都制作成自定义画笔。 像素画绘制教程第二节基本图形 基本图形 掌握了像素画基本线条的画法之后，我们来尝试基础图形的绘制。初步了解线条之间的组合规律。 基本图形 等边三角形 矩形 基本图形 圆角 圆形 练习内容 10、20、30、40、50像素大小的圆形、三角形、倾斜矩形。 绘制出大小不同的几个气泡相重叠的效果。 绘制出如下图样。 绘制出一个五角星图样。 像素画绘制教程第三节基本透视 基本透视 像素画中绘制一点、两点以及三点透视的线条很难有规律可寻循，因此像素画中的透视法简化变通了上述的透视规律。根据像素线条的特有属性，一种没有灭点的俯视平行透视被广泛的运用起来。 基本图形 22.6度透视 基本透视 45度透视 基本透视 圆柱的透视 锥体的透视 练习内容 多加练习，尝试用不同角度的斜线来绘制各种几何体。 完成以下图样。 像素画绘制教程第四节基础造型 基础造型 造型是体现像素画特征的基本要素。造型的能力一方面来自于平时生活中知识的积累；另一方面则可以借助图片资料作为参照；甚至通过临摹优秀的像素作品以及对素描、速写等艺术学科的参透也能提高我们的造型能力。 通俗一点来说造型就是用来表现作品形态的一种构图概念。学习造型没有捷径可寻，只有通过多看、多记、多学、多练才能有所提高，因此本节学习的并不是教你如何去造一个型，而是引导你有一个正确的造型思维方式去造更多的型。 方法一 把复杂的东西简单化 把复杂的东西简单化 方法二 逐步深入刻画 逐步深入刻画 方法三 寻找图片资料作为参照 寻找图片资料作为参照 练习内容 临摹两张像素图。其中一张要求有明显的创作性修改。 像素画绘制教程第五节色彩过渡 色彩过渡 方法之一、均匀过渡 色彩过渡 方法之二、双色过渡 色彩过渡 方法之四、网点渐变过渡 色彩过渡——渐变方法 设置应用渐变填充 色彩过渡 生成双色过渡的方法 色彩过渡 生成网点过渡的方法 像素画绘制教程第六节明暗关系 明暗关系 不可或缺的明暗关系 明暗关系 物体的明暗刻画 人物的明暗刻画 明暗关系 重叠物体的明暗刻画 练习内容 用渐变创作绘制彩色人物头像 用网点创作绘制彩色人物头像 针对像素画色彩运用，我们大致可以简单的理解成为：平面的纯色填充、中间色的过渡、色