ui7

2016.9讲义

一．课程的主要内容和目的

二．课程所用工具软件——Photoshop CS6

1. Photoshop 的发展史

1990.2，ps1.0问世，1991.2，PS2.0发行，此后，进入发展快车道。ps从最早的7.0开始到现在的CC2014版本！之间还有cs（8.0）、cs2（9.0）、cs3、cs4、cs5、cs6、CC这几个版本！目前最新的是CC2015，最常用的是Photoshop。

2. Photoshop的应用发展

平面设计、照片处理、网页设计、界面设计、文字设计、插画创作、视觉创意、三维设计（效果图后期处理、绘制贴图）等领域。

 

 

 

 

……………………

3.安装与卸载Photoshop

 

三．Photoshop CS6的工作界面

 

1. 工作界面布局简介
2. 菜单

⑴新建文档、保存、打开、退出等操作

⑵常用编辑指令

1. 工具箱

常用工具：选择、画笔、橡皮擦、移动工具介绍

 

 

1. 前景色、背景色设置
2. 几个概念

像素：在PS中，像素是组成图像的基本单元。一个图像由许多像素组成，每个像素都有不同的颜色值，单位面积内的像素越多，分辨率（ppi）就越高，图像的效果越好。每个小方块为一个像素，也可以称为栅格。

位图和矢量图：位图是由像素组成的，也称为像素图或者是点阵图，图的质量是由分辨率决定的。一般来讲，通常用72分辨率就可以，如果是用于彩色打印，则需要300分辨率左右。矢量图的组成单元是描点和路径。无论放大多少倍，它的边缘都是平滑的。尤其适用于做企业标志。

以下是位图放大以后……

 

色彩模式：常见的色彩模式包括——

灰度模式、RGB模式、CMYK模式。色彩模式确定图像中能显示的颜色数量，还影响图像的通道数和文件大小。

RGB模式

RGB模式是由红（R）、绿（G）、蓝（B）3中颜色的光线构成的，主要应用于显示器屏幕的显示，也被称为色光模式。

每一种光线从0—255被分为256个色阶，0表示这种光线没有，255代表这种光线最饱和的状态。当三种颜色亮度相同时产生灰色，当3种亮度都是255时产生白色，当三种亮度都是0时就产生黑色。

CMYK模式

CMYK模式是由青（C）、品（M）、黄（Y）、黑（K）4种颜色的油墨构成的，主要应用于印刷品，因此也被称为色料模式。两两相加就形成了红、绿、蓝三色。

 

 

 

 

 

 

 

 

 

 

 

RGB                           CMYK

Lab Color（Lab颜色模式）

是由照度L和有关色彩a、b这3个要素组成的。L:表示亮度，a:表示从红色到绿色的范围，b:表示从蓝色到黄色的范围。

四． 图像的基本编辑方法：

1.新建文件

2.打开文件

3-1.历史记录面板的用法

1.打开素材文件3-1.jpg

2.执行：图像/调整/色相20/饱和度-30

3.执行：滤镜/其它/高反差保留（半径250）

4.执行：滤镜/风格化/风

5.执行：滤镜/风格化/拼图

6.执行：窗口/历史记录

7.回到某个应用效果

8.创建与删除快照

 

3-2.用渐隐调整滤镜结果

1.打开素材文件3-2.jpg

2.执行：滤镜/滤镜库/风格化/照亮边缘（边缘宽度2，边缘亮度6，平滑度5）

3.编辑/渐隐滤镜库/渐隐（不透明度90%，模式选深色）

4.图像恢复至原始效果：⑴执行：文件/恢复；⑵执行：编辑/后退一步；⑶执行：编辑/渐隐滤镜库（设不透明度为0%，模式为正常）

3-3.合并拷贝所有图层

1.打开素材文件3-3.jpg

2.继续打开实例文件3-3.psd

3.ctrl+A选择所有图像/ctrl+shift+C并拷贝图像

4.切换至3-3.jpg/ctrl+V，自动生成图层1

5.清除图像：编辑/清除（练习在不同图层上进行清除）

3-4.用裁剪工具裁剪图像

1.打开素材文件3-4.jpg

2.使用工具箱中的裁剪工具或按C键，选择裁剪区域/调整角度/确定裁剪

3-5.用裁剪命令裁剪图像

只有在图像中存在选区时，“裁剪”命令才有效

1.打开素材文件3-5.jpg

2.使用工具箱中的矩形选框工具确定选区

3.执行：图像/裁剪

4.ctrl+D取消选区

3-6.用透视裁剪工具裁剪图像

1.打开素材文件3-6.jpg

2.用透视工具选定裁剪区域/调整4个定界点，确认裁剪后会自动调整成平面图

3-7.用裁切命令去掉留白

1.打开素材文件3-7.jpg

2.执行：图像/裁切（裁切模式是基于白色像素）

3-8.预设画笔：图案与形状预设

1.打开素材文件8-1.jpg

2.执行：在工具箱中选择“魔棒”设“容差”为10，在白色区域单击鼠标左键，选择除了蝴蝶以外的区域

3.shift+ctrl+I,反向选择蝴蝶选区，之后执行：选择/修改/平滑（取样半径）像素为1

4.ctrl+J将选取中的新图像复制到新图层，并将“背景”图层隐藏。

5.执行：编辑/定义画笔预设

6.可以使用蝴蝶画笔作画了

7.定义图案预设：选择一个图案或选区中的预设，执行：编辑/定义图案，可填充画布（编辑/填充）

 

 

 

图像的高级编辑方法：

4-1.用变换将照片放入相框

1.打开素材文件01-1.jpg

2.执行：文件/置入，选素材01-2.jpg

3.执行：编辑/变换/缩放，缩小照片，暂不退出此模式

4.单击鼠标右键，选“扭曲”，调控点，最后确认操作

4-2.用变换为效果图添加室外环境

1.打开素材文件02-1.jpg

2.执行：文件/置入02-2.jpg并移至合适位置

3.执行：编辑/变换/透视，调整

4.在“图层”面板选素材02-2图层，拖曳至图层0的下一层，在设置02-2图层的不透明度为76%

5.在“图层”面板创建新的图层1，放置到02-2图层的下一层，再设置前景色为白色，用前景色填充“图层1”

4-3.用自由变换制作飞舞的蝴蝶

1.打开素材文件03-1.jpg

2.再打开素材文件03-2.jpg，然后将其置入到“素材03-1.jpg”操作界面中

3.ctrl+T进入自由变换状态，缩小图像

4.单击鼠标右键，变形/调整

5.单击右键，旋转，调整

6.继续导入一只蝴蝶，缩放.透视.旋转，调整

7.再次导入两只，调整。

4-4.用内容识别比例缩放图像

1.打开素材文件04.jpg

2.alt+双击“背景”图层缩略图，将其转换为可编辑“图层0”（即：对“背景”图层进行解锁，解锁后即为可编辑图层）

3.执行：编辑/内容识别比例或按alt+shift+ctrl+C,进入内容识别比例缩放状态，调整定界框，完成后确认。若用常规缩放，人物会变形。

4.执行：裁剪掉透明区域。

4-5.用保护肤色功能缩放人像

1.打开素材文件05.jpg

2. alt+双击“背景”图层缩略图，将其转换为可编辑“图层0”， 编辑/内容识别比例或按alt+shift+ctrl+C,进入内容识别比例缩放状态，调整定界框，人物的手严重变形

3.单击选项栏中的“保护肤色”按钮，人物的手即恢复正常

4. 执行：裁剪掉透明区域。

4-6.用操控变形修改街舞动作

1.打开素材文件06-1.jpg

2.再打开素材文件06-2.png并将其置入06-1.jpg界面中

3.执行：编辑/操控变形，然后调整舞者的姿态，调整完成后确认。

4-7.自动对齐多幅图片

1.新建：名称-自动对齐多幅图片，宽度-2240像素，高度-840，分辨率-72像素/英寸，颜色模式-RGB,8位，背景-白色

2.打开素材文件07-1.jpg~07-4.jpg，将其复制到新建画布中（选中被复制图像，编辑/拷贝，切换至目标画布中，编辑/粘贴））

3.选中所有要对齐的目标图层，编辑/图层自动对齐/拼贴（或其它）

4.裁剪图像，保存。

4-8.自动混合图层

1.新建：名称-自动混合全景图，宽度-52厘米，高度42厘米，分辨率-72像素/英寸，颜色模式-RGB,8位，背景-白色

2.打开素材文件08-1.jpg~08-2.jpg，将其复制到新建画布中（选中被复制图像，编辑/拷贝，切换至目标画布中，编辑/粘贴），一左一右放置）

3.同时选中这两个图层，编辑/自动混合图层/混合方法(全景图)，图层混合后，在图层面板中可见两个图层被添加了图层蒙版

4.保存

2015 基本选择工具：

5-1.用选区运算选择对象

1.打开素材文件01-1.jpg

2.shift+alt+椭圆选择工具选球形，shift+磁性套锁选叶子，完成后确认，单击右键/反向选择/删除，双击图层为可编辑图层0，调整透明度

3.打开素材文件01-2.jpg，复制过来，两图层换位置

4.保存

5-2.存储选区与载入选区

1.打开素材文件02-1.jpg

2.打开素材文件02-2.jpg、02-3.jpg，复制过来

3.ctrl+单击图层1，载入图层选区，执行：选择/存储选区，设置名称为：人物选区

4. ctrl+单击图层2，载入图层选区，执行：选择/载入选区，设置通道为：人物选区，设置操作为“添加到选区”

5.在图层面板中创建新图层3，执行：编辑/描边，设宽度为6像素，颜色为白色，其它参数为默认值

6.保存

5-3.用矩形选区工具裁剪油画

1.打开素材文件03.jpg

2.矩形选区、调整选区、图像/裁剪

5-4.用椭圆选框工具设计光盘封面

1.打开素材文件04-1.jpg

2.shift+alt+椭圆选框,选中光盘外轮廓，alt+中心处，shift+alt拖出内圆轮廓，ctrl+J复制至新图层1中，关背景图层

3.打开素材文件04-2.jpg，复制到01中，得图层2，ctrl+T自由变换，调整图形大小,

4.选图层2，ctrl+alt+G将其设置为图层1 的剪贴蒙版，图层2的混合模式为叠加

5.复制04-3.jpg至01中，将新图层3放至背景上一层，选图层1执行：图层/图层样式，不透明度38%，大小10像素。

5-5.用磁性套锁工具选择彩蛋

1.打开素材文件05.jpg

2.选套锁工具，shift+套锁可连续选

3.遇到选错的，按delete键删除

5-6.用快速选择工具抠取美女

1.打开素材文件06-1.jpg

2.快速工具抠图

3.复制，移图层

5-7.用魔棒工具抠像

1.打开素材文件07-1.jpg

2.魔棒抠图

3.复制，移图层

 

2016

选择工具、移动工具、套锁工具：

1.平时拍摄的照片像素高，不便上传，在PS中打开后，执行：图像/图像大小，修改像素宽度为500，文件/存储为……，即可使用。

2.选择工具的使用

 拖动鼠标左键选中，取消选区ctrl+D,添加、减少、交叉选区

3.套锁工具。加、减、交叉。自由形状，几何形状，颜色相差较大边缘的选择

  磁性套锁，常用于抠图。

4.放大：ctrl+，缩小：ctrl-，空格键，

5.执行：选择/修改/羽化，可将边缘修平顺

6.用ctrl+C,ctrl+V完成复制、粘贴

魔术棒工具：

1.对背景颜色单一的图片进行抠图，如证件照

2.快速选择工具的使用

修复工具：

1. 污点修复画笔工具：注意选项使用
2. 修复画笔工具。选择图案对画面进行修复，或ALT+鼠标在图案某处取样，然后涂抹修改处。
3. 修补工具：目标、源、图案
4. 红眼工具：自动针对红眼修复，实际上它是将照片中红色部分自动识别，然后将红色变淡，可调整参数

仿制图章工具：

1.仿制图章。可以很容易的将图片的某个部分复制。先取源alt+，后涂抹

2.图案图章。

橡皮擦：

模糊工具：

1. 反选的部分会越涂越模糊
2. 锐化工具：和模糊工具相反，过度使用，会出现杂色。
3. 涂抹工具：类似于用手指涂抹画面。

2016

6-1.用色彩范围为鲜花换色

1.打开素材文件06-1.jpg     2.执行：选择/色彩范围，如图     3.再打开色彩范围取样

 

1. 执行：图像/调整-色相/饱和度，设置色相为-88。

6-2.用通道抠除背景

1.打开素材文件02-1.jpg

2.选择“蓝”通道，取“魔棒”工具，设“容差”为50，且关闭“连续”选项，单击白色区域

3.在通道中单击RGB通道，，换至图层面板，按shift+ctrl+I,再按ctrl+J,将图像复制至新图层1，隐藏“背景”图层

4.复制素材文件02-2.jpg至02-1中，将图层2拖至图层1下，即可。

6-3.用通道抠取头发

1.打开素材文件03-1.jpg

2.选蓝通道，并创建副本通道,执行：图像/调整/色阶，设置输入色阶为“86,0.36,169”

3.选画笔，设置“不透明、流量”均为100%，设前景色为白色，背景色为纯白色

4.设置前景色为黑色，使用画笔工具将人物绘制成纯黑色

5.执行：图像/调整/反相，对通道进行反相处理，按ctrl+蓝副本通道的缩略图，载入该通道的选区

6.选RGB通道，切换至图层面板，按ctrl+J得到新的图层1，隐藏背景图层

7.打开素材03-2.jpg复制到03-1中，并将新图层2放置图层1下一层

8.选图层1，按ctrl+J的到图层1副本将图层混合模式设为“叠加“

9.选图层1，设不透明度为30%

10.选图层1，按ctrl+M打开“曲线“对话框，调整如图曲线

 

11.取“横排文字工具”，写字，设置文字图层的混合模式为“叠加”。完成。

6-4.用快速蒙版制作选区

1.打开素材文件04-1.jpg，04-2.jpg

2.复制2至1中

3.选柔边画笔工具,在工具箱上单击“以快速蒙版模式编辑”按钮，进入快速蒙版编辑模式，使用画笔在前景卡通人物上涂抹

4.退出蒙版编辑模式，此时背景部分将生成选区且非常平滑，删除选区内图像。

2016

6-5.用边界选区制作梦幻光晕

1.打开素材文件06.jpg

2.在图层面板创建新图层1，选渐变工具/色谱渐变，使用渐变工具，自画布右上角向左下角拉出渐变，设置图层混合模式为正片叠底

3.选背景图层，用磁性套索选卡通人物，ctrl+J复制到新图层2 中，将图层2放在图层1之上一层

4.按住ctrl单击图层2缩略图，执行：选择/修改/边界，设置宽度为50像素

5.选图层1，按ctrl+J复制到新图层3中，将图层3置于图层2 之上一层，隐藏图层1.

6-6.用羽化选区制作甜蜜女孩

1.打开素材文件07-1.jpg、07-2.jpg,将图2 复制至图1中

2.选图层1，磁性套索工具选区头像，执行：选择/修改/羽化，羽化半径为5

3.shift+ctrl+I反选，delete删除图像背景，ctrl+D

4.将素材07-3复制到07-1中，魔棒点白色区域处，设羽化半径为5像素，delete白色背景，将“心”放置在左下角，橡皮擦去白色痕迹，在“心”图层，执行：图层/图层样式/投影，按确定，为图像添加一个默认的“投影”样式

5.将07-4复制过来。

7.图层的基本操作

7-1.栅格化文字并进行编辑

1.打开素材文件01.jpg

2.写横排文字，设前景色（R:242，G:188，B:40）,执行：滤镜/风格化/拼贴，设拼贴最大位移为20%，前景颜色

3.执行：图层/图层样式/投影，不透明度设为30%，，渐变叠加，不透明度58%，再选渐变模式，设0度。

7-2.对齐多个图层

1. 打开素材文件02.jpg

2.执行：视图/显示/网格，选除了背景外的所有图层，在执行：图层/对齐/顶边，……。

7-3.用分布命令制作证件照

1.新建967像素*660像素，浅灰色填充“背景”图层，导入素材03.jpg,置于画布的左上角，shift+alt+移动工具水平复制3张照片，同时选中这4张，执行：图层/分布/水平居中

2. 同时选中这4张，再向下复制。

7-4.用斜面与浮雕样式制作水滴文字

1. 打开素材文件04-1.jpg

2.写字：PHOTOSHOP

3.文字图层的“填充”为0%

4.执行：图层/图层样式/斜面与浮雕,如图示：

 

 

 

 

1. 新建“水滴”图层，使用黑色画笔绘制一些不规则的水滴，
2. 选择文字图层，执行：图层/图层样式/复制图层样式，再选水滴图层，执行：图层/图层样式/粘贴图层样式

7.打开文件4-2.png,复制到04-1中，拖至合适的位置。完毕。

7-5.用渐变叠加样式制作晶莹文字

1. 打开素材文件05-1.jpg

2.创建新组“S”，在图像左下角输入“S”

3.ctrl+J复制S副本图层，设置文字颜色（R:51,G:81,B:126）,将其放置在S图层的下一层，并向左下角移动，以制出阴影效果

4.选S图层，执行：

 

内发光像素大小为32

 

5.

 

1. 在S图层组内新建“光影”图层，用椭圆选择工具选择字母上半部，设前景色为白色，用渐变工具从下向上填充白色到透明的渐变色，选择光影图层，添加图层蒙版
2. 采用相同方法完成其他字母制作
3. 将素材05-2复制过来。

UI设计基础：五大知识体系，独有课程设计

你将明晰设计一个界面所需的全部要素

 

 

在Photoshop中完成：

UI----图标设计

UI----App设计

UI----移动UI设计

UI----游戏界面设计

在Photoshop中完成：

网站的切片设计。先了解一些关于网站的基本知识。

一个优秀的网站，它的形式与内容一定是匹配的。

门户类：信息展现为主，如腾讯、网易、百度音乐、、京东、淘宝等电商类，文字多，图片嵌入

企业类：文字与图片信息

游戏类：带入感，游戏场景

移动端：与PC机上基本相同，只是尺寸的问题

 

网页形式，组成元素（色彩、排版、图片人物静物、交互（淘宝为例、滚动、浮窗、鼠标悬停）等等），腾讯、阿里的体验领跑中国互联网交互体验，网易较差。

黄金比例0.618分割网页各比例

图片的3个参数：明度、色相、饱和度，在PS中进行处理

Web1.0------Web2.0-------扁平化的设计

App（开发慢）-----H5（HTML5,CSS3），在视频、多图，移动端应用多，开发快----移动端交互越来越重视，是未来的一个发展发现。

学习过程中，多了解理论，多实践。

网页制作流程：

 

网页的布局，如图例：

网页设计分析

一、综合门户类

1、网易：

 

如图所示为网易的官方网站，因为是集新闻，娱乐，搜索等多种内容于一体的大型网站，该类网站访问群体覆盖面广，包括不同年龄段，不同文化层次，因此以简介清晰的设计手法为主。如图，网易采用了上中下式划分结构，在中间内容部分又采用了左中右的划分结构。同种结构的还有百度，新浪等，都是采用上中下式划分，在中间进行左中右式划分。如下图：

2、新浪

 

二、商务组织类

1、58同城

 

商务组织类的网站主要以推广为目的，有特定的受众群体。设计风格简介明快，以宣传和实用性为主。如上图58同城官方网站，采用上中下结构式划分，在中间部分也划分了左中右结构。如下图的百事可乐官方网站，沿用企业的标准色，标志，标准字体，特点鲜明，采用上左右的划分结构。

2.百事可乐

 

三、教育类

教育类网站的设计风格根据所展现的内容不同而有差异，都具有清新雅致，文化气息强烈的特征。院校及教育机构网站布局分析，主页：上下（左中右）结构，蓝色基调

 

 

总体上中下、各部分左中右结构  蓝色为主色调

 

四、政府组织类

1、 政府网：此类网站的形象设计的基本原则是简洁实用，突出重点。如下图，为中华人民共和国中央人民政府网，该网站采用上下分区，各区分块的布局划分形式，形式简洁，色彩统一，稳重大气，突出了政府的庄重风格和较强的亲和力。

上面是导航链接，下面分很多块，内容一目了然。

 

 

 

 

2.中国互联网协会：简洁实用。

 

绿色为网站主色调

 

 

五、品牌宣传型网站

 

这两个是上下框架型。上面是导航链接，一目了然。

 

2、 “国字类”最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。

六、产品（服务）查询展示型网站

 

3、 这两个是封面型，基本上是出现在一些网站的首页，大部分为一些精美的平面设计，直接在首页的图片上做链接而没有任何提示，给人带来赏心悦目的感觉。

七、休闲娱乐类

1.搜狗旅游网

 

休闲娱乐类设计风格比较自由、活泼，色彩鲜艳，包含了丰富的交互式功能形式，凸显网站本身的特性，如上图搜狗旅游网，采用了上下结构式划分，图片量大，色彩靓丽。同样的，如下图搜狗影视网，采用左右式划分。

2.搜狗影视

 

八、个人网站

成龙

 

 

    个人网站题材较为广泛，是极其鲜明的个性化的体现，个人网站的设计风格没有限制，越创新，越突破，就越个性化。想怎么表达主题就怎么表达。如上图两个个人网站，在设计上都非常个性，没有硬性的板块规定和线条，非常突出个人特点。

 

 

网页设计原则：

见视频部分（26分钟）

网页的配色原则

见视频部分（36分钟）

PS中的切片学习

PS中的Web工具，可以轻松构建网页的组建块，或者按照预设或自定义格式输出完整网页。

Web安全色，216种。网页中常用颜色：蓝色、红色、黄色、绿色、橙色、紫色、白色、灰色、黑色。

11-1翻转图像，翻转是网页设计中常用到的一种技术

1. 打开素材文件01-1，png
2. 制作主图像
3. 栅格化文字图层，调整文字与按钮之间的透明关系，设文字图层为“叠加”
4. 制作次图像
5. 调“色相”
6. 写文字，调整文字与按钮之间的透明关系，设文字图层为“叠加”
7. 打开素材01-2.jpg,将其设置为按钮背景
8. 对相应图层合并
9. 导出gif文件

模仿此例，在PS中可完成有动感效果的gif图像效果。

 

11-2创建切片

1． 视图-显示-切片

2． 使用切片工具

3． 开素材02.jpg

11-3创建、修改、删除切片

11-4存储为Web所用格式

PS中完成UI元素设计

移动UI:

12-1．按钮制作流程

12-2.天气图标制作流程

12-3.手机显示设置界面

12-4.可爱风格手机主题界面

12-5.iPad益智游戏

12-6安卓系统主题界面设计

图标UI：

12-7.Windows XP操作系统的扁平化图标

12-8.逼真生活物品图标

12-9.电脑桌面应用

12-10.具有设计性的导航栏图标的绘制

12-11.可爱动画涂鸦风格图标

APP-UI:

12-12.安卓手机界面界面扁平化风格锁屏界面

12-13.计算器界面

12-14.利用虚线框制作App手机图标

游戏UI:

12-15.绘制游戏进度条

12-16.经典消除手机游戏锁屏界面

12-17.水墨风格网页游戏界面

 

2016课程小结：

1. 平面设计基本理论知识
2. PS的基本工具用法及技巧（图形图像的建立与学习过的各种编辑方法及技巧）
3. PS中网页设计（切片等概念及用法）
4. PS中进行各种UI设计

 

2016第6周

6-5.用边界选区制作梦幻光晕

1.打开素材文件06.jpg

2.在图层面板创建新图层1，选渐变工具/色谱渐变，使用渐变工具，自画布右上角向左下角拉出渐变，设置图层混合模式为正片叠底

3.选背景图层，用磁性套索选卡通人物，ctrl+J复制到新图层2 中，将图层2放在图层1之上一层

4.按住ctrl单击图层2缩略图，执行：选择/修改/边界，设置宽度为50像素

5.选图层1，按ctrl+J复制到新图层3中，将图层3置于图层2 之上一层，隐藏图层1.

6-6.用羽化选区制作甜蜜女孩

1.打开素材文件07-1.jpg、07-2.jpg,将图2 复制至图1中

2.选图层1，磁性套索工具选区头像，执行：选择/修改/羽化，羽化半径为5

3.shift+ctrl+I反选，delete删除图像背景，ctrl+D

4.将素材07-3复制到07-1中，魔棒点白色区域处，设羽化半径为5像素，delete白色背景，将“心”放置在左下角，橡皮擦去白色痕迹，在“心”图层，执行：图层/图层样式/投影，按确定，为图像添加一个默认的“投影”样式

5.将07-4复制过来。

7.图层的基本操作

7-1.栅格化文字并进行编辑

1.打开素材文件01.jpg

2.写横排文字，设前景色（R:242，G:188，B:40）,执行：滤镜/风格化/拼贴，设拼贴最大位移为20%，前景颜色

3.执行：图层/图层样式/投影，不透明度设为30%，，渐变叠加，不透明度58%，再选渐变模式，设0度。

7-2.对齐多个图层

1. 打开素材文件02.jpg

2.执行：视图/显示/网格，选除了背景外的所有图层，在执行：图层/对齐/顶边，……。

7-3.用分布命令制作证件照

1.新建967像素*660像素，浅灰色填充“背景”图层，导入素材03.jpg,置于画布的左上角，shift+alt+移动工具水平复制3张照片，同时选中这4张，执行：图层/分布/水平居中

2. 同时选中这4张，再向下复制。

7-4.用斜面与浮雕样式制作水滴文字

1. 打开素材文件04-1.jpg

2.写字：PHOTOSHOP

3.文字图层的“填充”为0%

4.执行：图层/图层样式/斜面与浮雕,如图示：

 

 

 

 

1. 新建“水滴”图层，使用黑色画笔绘制一些不规则的水滴，
2. 选择文字图层，执行：图层/图层样式/复制图层样式，再选水滴图层，执行：图层/图层样式/粘贴图层样式

7.打开文件4-2.png,复制到04-1中，拖至合适的位置。完毕。

7-5.用渐变叠加样式制作晶莹文字

1. 打开素材文件05-1.jpg

2.创建新组“S”，在图像左下角输入“S”

3.ctrl+J复制S副本图层，设置文字颜色（R:51,G:81,B:126）,将其放置在S图层的下一层，并向左下角移动，以制出阴影效果

4.选S图层，执行：

 

内发光像素大小为32

 

5.

 

1. 在S图层组内新建“光影”图层，用椭圆选择工具选择字母上半部，设前景色为白色，用渐变工具从下向上填充白色到透明的渐变色，选择光影图层，添加图层蒙版
2. 采用相同方法完成其他字母制作
3. 将素材05-2复制过来。