像素画设计与UI制作.ppt

练习内容 临摹两张像素图。其中一张要求有明显的创作性修改。 像素画绘制教程第五节色彩过渡 色彩过渡 方法之一、均匀过渡 针对像素画色彩运用，我们大致可以简单的理解成为：平面的纯色填充、中间色的过渡、色彩明暗关系的确立。而其中平面的纯色填充，并没有任何技巧性的东西，只要有足够的耐心就可以了。因此本章着重于像素画颜色过渡规律的学习。 同一色系中把颜色由深至浅或者有浅至深的排列，以起到均匀渐变的效果。此种过渡方法普遍运用于小范围的像素绘画中。如图所示： 此法大多为手工点画。有时也用渐变填充的方法实现。具体的渐变方法接下来进行讲解。 色彩过渡 方法之二、双色过渡 　　根据其中一种颜色点的疏密排列，产生过渡效果，此种过渡方法较常用于平面的绘制上。绘制这些点因为具有规律性，所以这时你可以使用一下复制与粘贴功能，将会大大改善你的工作效率。如图所示： 色彩过渡 方法之四、网点渐变过渡 另一种平面的过渡方法，在一种颜色的基础上再叠加网格，绘制出的物体过渡自然，颜色饱满，但是难度较高，不易掌握。如图所示： 色彩过渡——渐变方法 设置应用渐变填充 1.首先要控制填充的区域，可以用魔棒工具选取需要填色的区域。2.然后使用渐变工具，调整渐变色。3.在填色区域内拖动，填充渐变色。 第 一 步 骤 第二步骤 第三步骤 色彩过渡 生成双色过渡的方法 1.首先要使产生渐变的两种颜色反差加大。2.更改颜色模式：选择‘图像’ →‘模式’ →‘索引颜色’。3.修改参数，查看效果。4.对一些暇疵或纰漏给予修正。 1 2 3 4 少 了 三 个 橙 色 点 色彩过渡 生成网点过渡的方法 1.新建像素图文件后，再新建一个120px大小的大文件。2.对大文件应用滤镜制作出网格。‘滤镜’ →‘素描’ →‘半调图案’ 。3.将网格复制到小文件中，缩小并保证成方格状。4.设置图层混合模式为“叠加” ，根据情况调整对比度和透明度。 第二步骤 第四步骤 像素画绘制教程第六节明暗关系 明暗关系 不可或缺的明暗关系 　　在像素画中仅仅把握住了明快的色调还不够，有时画面的色彩仍然不够生动，这是因为在色彩的运用还缺少明暗的变化。只有遵循物体与光源之间的变化关系，才能表现出既生动又符合我们视觉印象的像素画来。 　　当我们准备绘制一幅具有明暗的变化关系的像素作品时，首先要定好光源的所在位置，其次根据光源的照射再在物体上添加亮部、中间色、明暗交界线、反光、投影，如果绘制的像素作品很微小的话，那就只要把握好亮部与暗部就可以了。 明暗关系 物体的明暗刻画 人物的明暗刻画 如图所示，在A图的基础上考虑进去光源照射的方向并且把握好物体的受光面与背光面。其中应当注意的是物体无论是受光部分还是背光部分的色调要与整体色调保持一致，亮部可以由主色加白色或浅色提亮，而暗部可以由主色加黑色或深色转暗。 　　如图所示，比物体的明暗刻画要来的复杂，虽然受光照射的方向一样，但是人的头发、帽子、皮肤、穿戴的色调以及物体质感皆有所区别，因此我们还是应该根据物体属性分别来刻画它们。如果有背景的画，有时还要考虑一下背景对人物的反光，也就是我们说的环境色。 明暗关系 重叠物体的明暗刻画 如图所示，两个或者更多物体重叠在一起时，除了要遵循明暗的变化规律，而且还要注意物体与物体之间重叠时产生的叠影，这样物体之间将更具真实感。 练习内容 用渐变创作绘制彩色人物头像 用网点创作绘制彩色人物头像 像素画设计与UI制作 基础绘制技法 常 耀 中 像素画知识 概念：当许多不同颜色的点一个个巧妙的组合与排列在一块后便构成了一副完整的图象，这些点便称为像素(pixel)，图像称之为Icon(图标)或者称为像素画。 特点：像素画也属于点阵式图像，但它是一种图标风格的图像，更强调清晰的轮廓、明快的色彩，几乎不用混叠方法来绘制光滑的线条。 区别：普通点阵图像同样由像素组成，但不注重也没必要注重某个像素的位置、数量、颜色，而像素图上每个像素都很考究，精心安排，多一个点少一个点都会影响效果，可谓字字珠玑。 像素画的应用范围 所有显示屏都必须用到像素技术。比如手机、电脑、电视、掌上游戏机、PSP、固定电话屏幕和电子钟表屏幕和电子公告栏等。 在电脑中所有类型操作系统、软件系统都用到像素技术。如Windows、Mac OS、Unix、Linux 以及图形化Dos系统的界面，再如每个软件的外观、按钮和鼠标造型都是像素画。在这里的应用被叫做UI系统。 自从日本世嘉公司在70年代开发出电视游戏起，像素画创作产业就出现了。现今是全球化的时髦的老产业。 像素画范例 像素画制作软件 选择什么样的软件，因各人的习惯而定