设计师PSD文档管理指南Word格式文档下载.docx

设计师PSD文档管理指南Word格式文档下载.docx

《设计师PSD文档管理指南Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《设计师PSD文档管理指南Word格式文档下载.docx（6页珍藏版）》请在冰点文库上搜索。

　　协作机制：

元素和样式便于复用和调用。

　　资源管理：

通过定义预设配置库或资源库来提高效率。

　　下文中，我将和大家一一分享具体的工作方法。

　　一、图层的分组和管理

　　图01

　　PS提供了三种方式来组织图层（layers）之间的关系：

图层组、链接组、剪切组。

　　在进行用户界面设计的过程中，应该根据布局区块来组织图层分组。

对图层进行分组是一种基本的信息组织方法，将大量的、分散的、杂乱的信息经过组织、整序、优化、存贮，形成一个便于有效利用系统的过程。

　　1、使用图层分组管理的主要优势

　　便于组织和检索:

　　将图层编入同一图层组组，进行图层组命名，并形成树状结构，可以方便创作者快速查找图层在图层面板序列中的所在。

　　如何快速选择图层

　　图02

　　选中移动工具，在属性面板中取消自动选择前面的勾选，在下拉菜单中选中图层。

在使用移动工具的时候，按住ctrl键，可以直接选中当前可视的图层。

　　学习善用右键

　　用上面的方法快速选中图层后，点击右键，可以看见右键菜单中显示了表示基于图层组的的树状列表，通过这个右键菜单可以快速切换到所需的图层。

但前提是要有良好的图层组织结构和图层命名。

　　图03

　　便于挪动修改布局

　　图层组可以作为一个整体进行移动和缩放，将位于同一布局区块的图层编入一组，可以快速改变某一区块的位置和比例，方便地实行布局的调整。

　　便于整体管理

　　图层组可以作为一个整体进行删除、显示/隐藏、修改透明度和混合模式模式。

图层形成编组，令创作者可以快速地显/隐一批图层进行效果预览。

对一组图层进行整体操作。

还可以创建基于组的蒙版，整体控制某一图层组的显示区域。

　　在设计属于一个网站的不同页面时，使用图层组可以快速创建统一的设计模版，保留共有的区域的图层编组。

　　2、图层分组和链接组

　　图04

　　图层分组具有结构特效，链接组更多用于表示关系。

　　为图层建立链接组，可以锁定几个图层之间的相对位置。

对它们其中任何一个执行移动缩放、拖拽复制和删除操作时，都会对整体生效。

　　链接组更容易创建和解除关系，位于同一链接组中的图层可以分别位于不同的图层组，实际上形成了另一种结构维度。

　　3、尽量不要合并图层

　　图层合并操作是不可逆的，（本文中指的所有不可逆的操作都不包括在历史记录面板的有限步数的回溯）。

可以通过执行ctrl+alt+E来合并图层，这个命令在被选中的图层上方创建了一个经过合并操作的副本，生成了一个新的合并图层。

你可以对这个独立图层随便进行修改和调用，而丝毫不影响原始图层。

　　图05

　　二、图层命名规范

　　一份没有图层命名和分组的源文件是最受前端开发人员诟病的，建立良好文档规范，养成对图层命名的习惯，除了利于源文件的移交、继承和重用，提供效率，也体现了对协作成员的尊重。

同时，图层命名是使用图层右键菜单的良好前提。

　　建议主要使用英文命名，便于在不同系统平台之间的移交。

　　如何命名，可以参考前端的命名规范，针对界面布局、鼠标事件、不同的交互状态有许多约定俗称的叫法和缩写，例如：

　　页头：

header内容：

content/container页面主体：

main

　　页尾：

footer导航：

nav侧栏：

sidebar栏目：

column

　　整体布局：

wrapper左右中：

缩写为LRC水平/垂直：

缩写为H/V

　　导航：

nav子菜单：

submenu摘要:

summary按钮：

btn滚动：

scroll

　　鼠标悬停：

hover点击：

click已浏览：

visited。

　　等等……

　　三、使用蒙版

　　1、使用蒙版的好处

　　图06

　　蒙版通过叠加一个蒙版图层来控制原始图像的显示。

最大的好处是：

可以自由实现对原始图像图层的擦除、剪裁、抠图、边缘虚化等这些极普遍的操作，但原始图像内容不会受到破坏。

　　2、图层蒙版和矢量蒙版

　　图07

　　图08

　　蒙版分为图层蒙版（我觉得像素蒙版这个叫法更好一点）和矢量蒙版。

　　两者用法相同，一个是位图，一个是矢量。

图层蒙版支持透明度，矢量蒙版支持路径。

　　图层蒙版通过工具栏上和图层面板底部的创建蒙版按钮来创建。

原理跟存储选区的“alpha通道”原理类似。

通过灰度来记录蒙版的区域及透明度。

白色代表显示全透明，黑色代表不透明，50%的灰色代表50%的透明度。

支持滤镜、柔化和改变透明度等操作。

由于是像素对象，执行变换操作时，蒙版边缘会出现质损。

　　图09

　　矢量蒙版需要先创建一个矢量对象，然后按住crtl键的同时，点击图层面板底部的创建蒙版按钮来完成创建。

可以通过路径选择和钢笔等工具对矢量蒙版进行编辑修改。

由于是矢量对象，变化操作时蒙版对象的边缘始终是平滑的。

但不支持透明度、柔化边缘和大部分滤镜。

　　图10

　　3、剪切组的优势和弱点

　　剪切组也是蒙版的一种形式，同样具有不破坏原始图像的特征，它既可以具有像素蒙版特性也可以具有矢量蒙版特性（这取决于剪切组最底部的图层）。

　　剪切组的优势是可方便应用于多个图层，使用上具有直观的组织性，但坏处，对象图层必须在次序上紧挨着，而且在调整图层次序的操作时，容易导致误操作。

　　图11

　　PS中回溯历史记录的步骤是有限的，所有操作在经历超过一定步数的修改后都无法进行版本还原，以及进行针对原版本的修改。

对于一个工程文件而言，版本不可逆是灾难性的。

所以针对PS，我们应该保留素材的原始数据，尽量使用非破坏性编辑。

　　“非破坏性操作”是图像处理软件长久以来面临的问题，Adobe从最早的版本到最新的CS4，经过十几年发展，ps的用户们也遍历变迁。

最早PS的使用者为了保留历史版本，不得不频繁“保存副本”。

直到后来有了历史记录面板，有了快照，有了调整图层，有了智能对象，CS3版本中更向3dsMAX学习了属性堆栈。

　　来看看PS在“非破坏性操作”的4个方面上已具备的功能（截止到CS3版本）：

　　原始数据的留存：

智能对象、历史快照。

　　效果叠加：

填充图层、调整图层、混合模式和图层样式

　　操作区域：

上文中提到的蒙版，剪切组

　　属性堆栈：

智能对象的滤镜库堆栈（PS3中新功能）。

　　四、使用填充图层和调整图层

　　图层面板下方的添加调整（填充）图层按钮

　　图12

　　1、填充图层

　　当需要为页面上某个版块添加浅灰色背景，在导航上使用长条型漂亮的渐变背景时，你是习惯如何操作，创建一个空白图层，在选区里直接填色?

还是使用填充图层?

　　Ps中传统方式是在空白图层中创建选区或路径后执行填充命令，但自从允许使用填充图层在对象中填充纯色、渐变或纹理后，油漆桶变成了最鸡肋的工具之一。

　　相比较传统方式，填充图层具有更大的操作灵活性。

单击图层面板中的图层缩略图，就可以随时更改颜色、修改渐变、更换纹理，且具有非常直观的预览效果。

　　填充图层中填充对象的形状范围实际上是一种内置蒙版，所以这种填充方式集合了蒙版的种种优势，比如可以使用黑白画笔来随意修改填充边缘、或使用矢量编辑工具来修改矢量形状蒙版。

　　图13

　　图示案例：

使用渐变填充图层、使用画笔/橡皮擦修改蒙版

　　在web设计中，所有需要使用填充色块的地方都尽可能使用矢量路径+填充图层来完成，这样生成的填充色块可以随时随地保持方便修改和无损形变。

　　图14

使用矢量工具+填充图层创建常用元件。

　　2、调整图层

　　调整图像的色阶、色相、对比度、色彩平衡?

把彩色图像变为灰度图像，色彩反相，调整照片的色温，这些都是最常用的操作。

但你经常拿不定主意，对原始图像施加调整效果进行实验……

　　一个设计成浅蓝色的按钮，BOSS看了不喜欢，要求改成浅绿色。

改完以后效果不好，BOSS又要求改成灰色……

　　如果你经常遭遇上述情况，请选用“调整图层”功能来进行你的调色实验吧。

　　PS中可以用来实现图像调整的方法

　　图15

　　使用调整图层要好于其它两种操作，调整图层不会更改原始图像中的像素，（会略微增加文件大小），也是一种内置的蒙版。

可以随时更改。

在进行多项调整时，使用调整图层意味着新建多个图层，多个调整图层可以分别修改排序、混合样式和透明度。

　　图16

使用调整图层改变元件配色

　　五、使用智能对象及滤镜堆栈

　　1、智能对象

　　PS从cs版本开始增加了智能对象（smartobject）。

智能对象可以保护原始像素内容，用户可以进行变换操作（包括缩放，旋转，变形等）而不会累次地降低图像质量。

如一个400px宽的位图素材，使用变换操作压缩为200px宽，旋转45°

。

后来又想修改为300px框，旋转为原位。

但上一次压缩操作已经对图像质量