PS画像素画技巧.pdfVIP

竭诚为您提供优质文档 / 双击可除 PS 画像素画技巧 篇一：火星时代 photoshop像素图标绘制技巧 火星时代 photoshop像素图标绘制技巧 众所周知，网页中最常见的非图标莫属，下面火星时代为大家带来 photoshop 像素图标绘制技巧。图标，其功能是表达意义，同时也起 到装饰作用。 像素图标也可以理解成像素风格的图标， 与其相对的是 矢量图标。 一、基本知识 1.图片格式与透明 全透明是指图片的格式只支持完全透明和不透明两种状态， Alpha 透 明是指图片格式可以支持不同的透明程度。 各种图片格式对透明的支 持程度以及浏览器兼容性见下表： 那么这些东西对我们做像素图标有什么影响呢？请看下图： 可以看到， 全透明的图标需要根据应用场景的背景色进行优化， 背景 色变化了就要重新优化， 如果不想优化并且要通用的话， 就必须限制 设计的表现手法， 这样通常会让图标边缘锯齿感增强。 而半透明的图 标不用优化，也可以多处通用。 我们看一个没有针对不同背景优化的例子： 可以看到，在暗色背景下使用了针对白色背景优化过的全透明图像。 结果是出现很多白色杂边，严重影响了品质感。 竭诚为您提供优质文档 / 双击可除 这样看来，用支持 Alpha 透明的 png-24 才是王道呀。 2.矢量工具与像素对齐 在画图标的整体大关系或者画扁平化风格图标时， 我们会用到矢量工 具，这里会碰到一个新手常常遇到的问题：像素对齐。 什么是像素对齐？在位图文件内使用矢量工具时（例如 ps 里用形状 工具、钢笔工具） ，会遇到下图的这种情况： 可以看到右边的正方形的边缘有虚的， 这是因为这个正方形的边缘没 有与像素的边缘对齐。 再看一个实际例子： 可以看到，对齐了像素的图形有着更清晰锐利的效果。 以 cs6 为例，我们可以在 ps 里通过一些设置方便地对齐像素。 1.将网格线设置为以像素为单位的，方便我们随时查看是否对齐像 素。顺便提一句，网格显示 / 隐藏的快捷键 ctrl+ ’。 首选项–参考线、 网格和切片–根据自己需要设置网格大小、 单位选 择像素。 2.使用矢量工具时，勾选对齐边缘，绘制的图形会自动对齐像素。 选择矢量工具（钢笔、形状工具）–顶部工具栏里找到对齐边缘–勾 选 3.设置变换矢量图形时自动对齐像素。缩放、变换矢量图形时也可以 自动对齐了。首选项–常规–勾选将矢量工具变换与像素网格对齐： 那么从 AI 复制到 ps怎样保留可编辑性？从 AI 复制矢量图形到 ps时， 应当选择粘贴为形状图层，这样就可以在 ps 内继续编辑图形，用形 竭诚为您提供优质文档 / 双击可除 状选择工具将锚点一一调整以对齐像素。 像素对齐并不是绝对的， 是否要像素对齐应该是根据想要的效果和图 形复杂程度决定的。 左边五角星需要平滑、饱满的效果，并没有对齐像素，但是不能说他 比对齐像素的五角星差。 3.像素画技巧 篇二：像素图标绘制技巧介绍 像素图标绘制技巧介绍 图标是网页中的常见元素， 主要功能是表意， 也包含装饰及