Photoshop网页图片处理
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Adobe Photoshop CS4充分利用无与伦比的编辑与合 成功能、更直观的用户体验以及大幅工作效率增强。是 以下人士的理想选择:专业摄影师、认真的业余摄影师、 图形设计师、Web 设计人员。
Adobe Photoshop CS4 Extended获得 Adobe Photoshop CS4 中的所有功能, 外加用于编辑基于 3D 模型和动画的内容以及执行高级图像分析的工具。是以 下人士的理想选择：电影、视频和多媒体专业人士、用 三维及动画的图形和 Web 设计人员、制造专业人士、 医疗专业人士、建筑师和工程师、科研人员。
打开工具栏“画笔”，选择图章的范围
按下键盘上的[Alt]键同时按鼠标左键，这 就是“取样”操作
松开按键，再移动鼠标到黑胡子的右上角， 使角尖端正在圆形中心，按下鼠标左键(这 次不按键盘)，就可以看到右上角的黑胡子 消失了，该处变成了刚才取样圆圈内一样 的颜色。
八、羽化
八、羽化
不论用选框工具、套索工具、魔棒工具、载入工 具哪种工具选择了一个区域以后
2
定需要保留的区
域
3.点击工具面板 上的“移动工 具”，裁剪就完 成了。
六、描边功能 绘画功能：画笔工具/铅笔工具
六.1描边功能
点击椭圆选框 工具，在工作 区画一个圆
打开菜单：编辑描边，如图所示描边设置框中 输入线条的粗细，点击确定按钮，描边成功了。
用橡皮擦把 圆圈擦出一 个缺口
8. 调整好“鸟2”的角度后再次Ctrl+J复制出“鸟2副本”，然后隐藏 “鸟1”和“鸟2”层，去掉图层前面的小眼睛图标即可隐藏；
三、填充颜色 Alt+回格键=填充前景色； Ctrl+回格键=填充背景色 色相饱和度明度
四、1.层
层的定义：最能体现Photoshop强大图像处理能 力的功能，将不同的内容分别放在独立的图层中， 以层叠的形式排列，需要编辑修改时，只针对相 应的图层单独进行处理的方法。
层的操作：
显示和隐藏图层 链接图层
蒙版
ቤተ መጻሕፍቲ ባይዱ
四、4.蒙版
模式
对图像的某部分内容 进行编辑修改时，如 果希望不影响其他部 分的图像，除了可以 创建选区外，还可以 使用蒙版将其保护起 来。与选区相比，使 用蒙版可以更加精确 的绘制选区，并且自 由地修改保护区域以 外的区域。
五、裁剪工具
3
1.点击工具面板
1
上的“裁剪工具”
2.用裁剪工具框
（红色-绿色-蓝色-黑色为要求掌握的重要程度由强到弱）
一、添加文字
一、添加 文字
点击“工具 面板上”的 “文字工具”
二、选择粘贴（选框工具、套索工具、 魔棒工具、载入选区、钢笔工具）
二、1 . 选框工具
点击“工具面板上” 的“矩形选框工具”
二、 2 . 套索工具
点击“工具面板” 上的“套索工具”
六.2绘画功能
画笔工具或铅笔工 具用来绘画特殊形 状或者手写形状
七、仿制图像工具
“仿制图章”是对图像局部修复最常用的工具，它 的功能是抒取样处的图像复制到另外地方。使用 该工具的技术关键在于你对“取样”部位的选择。
点击工具面板上的仿制图章工具
七、“仿制图章”的操作：
选择工具箱的“仿制图章”
在网络中一般小图标中很多图片格式都采用png，png是一种图片存 储格式，可以直接作为素材使用，因为它有一个非常好的特点：背景 透明。在制作图片选择是什么格式输出，主要根据图片格式特性来选 择最佳输出。 参考来源：http://www.bkill.com/tech/201206/7289.html
1. 打开一张小鸟图片；（和图中差不多的，或者找 些自己喜欢的图片都可以啦）；
2. Ctrl+M调出曲线调节窗口，点击红圈内“自动 ”按钮修正一下图片色彩；如下图：
3. 大家可以把原图和调整后的图片对比一下，现在 图片看起来更清晰，也更具层次感了；
4. 用磁性套索工具勾选出小鸟的轮廓。可以用增加 选区的方式分多次勾选，直到选出整只小鸟为止 ；如下图：
网络数字图像处理
常见图片格式
GIF图片格式：1987 年诞生，常用于网页动画， 使用无损压缩，支持 256 种颜色(一般叫 8 bit 彩色)，支持单一透明色;
gif格式图片效果
GIF格式的特殊性:
可以作为位图动画的格式。 可以生成交错显示的图片文件
和谐是这样的
GIF格式图片在网 速慢时交错显示
双击
图标，即可安装PHOTOSHOP CS6
Photoshop的魅力
分解出的一些基本功能
一． 添加文字 二． 选择（选框工具、套索工具、快速选择工具、载入选区） 三． 粘贴 四． 填充颜色 五． 图层、路径、通道 六． 裁剪工具 七． 绘画功能：画笔工具、矩形工具 八． 仿制图像工具 九． 羽化 一○． 滤镜 一一． 样式功能（有些要先选择选区） 一二． 动作功能 一三． 用时间轴制作GIS动画 一四． 色阶、饱和度、亮度调整 一五． 与网页的接口 一六． 3D功能
三种图片格式简单比较：
JPEG与PNG格式图片对比：JPEG 在照片压缩方面拥有巨大的优势， 这方面无可替代，但是 JPEG 是有损压缩，图片质量会有损失。另外， 一般屏幕截屏用 PNG 格式，其不但比 JPEG 质量高而且文件大小还 更小。
GIF与PNG格式图片对比：GIF 只在简单动画领域有优势(其实，GIF 256 色限制以及无损压缩机制导致高质量的动画的发布一般都使用 Flash 等格式)，只要没有动画，PNG 完全可以取代GIF。总的来说， GIF分为静态GIF和动画GIF两种，扩展名为.gif，是一种压缩位图格 式，支持透明背景图像，适用于多种操作系统，“体型”很小，网上 很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文 件，从而形成动画,所以归根到底GIF仍然是图片文件格式。但GIF只 能显示256色。和jpg格式一样，这是一种在网络上非常流行的图形 文件格式。 所以一般我们在网页中看到的动态图片一般都是GIF格式 的。
5. Ctrl+J复制小鸟为单独的图层，用移动工具将它 拖到树枝的另一边，Ctrl+T调整到合适的角度 。现在我们就有了两只并排站立的小鸟啦！是不 是很可爱……
6. 将复制出的小鸟命名为“鸟1”，然后Ctrl+J再 复制一层；
7. 将复制出的“鸟1副本”命名为“鸟2”，选择菜 单/编辑/水平翻转后再Ctrl+T调整到如下角度 ；
Photoshop CS4绿色版安装
1、拷贝Photoshop CS4绿色版文件夹到本 机
2、双击绿化工具
3、等待片刻，会弹出绿化 成功的对话框。
4、双击 协
，photoshop CS4会弹出“许可
议”对话框。
5、点击“接受”按钮，Photoshop CS4就可以正 常运行了。
Photoshop CS6中文特别版安装
操作过程：
在图层上选择袋鼠层作为当前层 点击菜单“选择”—>”载入选区” 袋鼠的外形就被完整的选定了，变成了虚线环绕。
二、5.钢笔工具 1.点击工具面板上的钢笔工具
2.用钢笔工具把头像描绘下来，由图层标签转换成路 径标签
3.点击“将路径作为选区选定”按钮，刚才用钢 笔选定的矢量蒙版头像就转换成了虚线环绕的选 定区域了。
JPEG图片(简称jpg)：1992 年出世，照片一般 都用这个格式，有损压缩，24 bit 真彩色(224 = 17 万种颜色)，不支持动画，不支持透明色;
PNG图片格式：1996 年问世，无损压缩，最常 见的使用格式是 256 索引色(PNG-8)和 24 bit 真彩色(PNG-24)(当然 PNG 支持的颜色格式远 不止此)，支持 full alpha 通道(256 级可调半透 明色)，不支持动画。
可以设置阴影的远近
一○、样式的例 子和动作的例子
按钮（放上、按下）
水波字体
一一、动作功能（水波效果）
在菜单：窗口样式，可以调出动作 工具面板
选定光 盘盒这 个层， 在动作 面板中 选定水 中倒影， 点击 “播放 选定的 动作” 按钮
一二、利用时间轴制作GIS动画
PS制作出可爱的小鸟动画
二、6.粘贴
1.把上面用五种方法“选
框工具、套索工具、魔棒工具、
载入选区、钢笔工具”中的任 意一种方法，选定了一个 区域，可以用快捷方式 “CTRL+C”，也可以用菜 单栏中的编辑复制，把 选定的区域拷贝下来。
2.在图层面板中，点击 “建立新图层”，然后用 快捷方式“CTRL+V”，也 可以用菜单栏中的编辑 粘贴，把选定的区域复制 到新建层中。
像素（pixel）是用来计算数码影像的一种单位。 数码影像具有连续性的浓淡色调，我们若把影像 放大数倍，会发现这些连续色调其实是由许多色 彩相近的小方点所组成的，这些小方点就是构成 影像的最小单位——像素
矢量图象是使用数学方式描述的曲线，以及由曲 线围成的色块组成的面向对象的绘图图像。矢量 图象中的图形元素叫做对象，每个对象都是独立 的，具有各自的属性，如颜色、形状、轮廓、大 小和位置等。由于矢量图形与分辨率无关，因此 无论如何改变图形的大小，都不会影响图形的清 晰度和平滑度，如下所示。代表软件：Corldraw， illustrator，flash
Photoshop CS4
CS4版本在2008年9月23日正式发行， Photoshop CS4号称是Adobe公司历史上最大规 模的一次产品升级。两个版本的Photoshop CS4, 分别是：Adobe Photoshop CS4 和Adobe Photoshop CS4 Extended两个版本具体介绍如 下：
photoshop 编辑格式：.psd
位图、像素、矢量图
位图图象也叫做点阵图，是由许多不同色彩的像 素组成的。与矢量图型相比，位图图象可以更逼 真地表现自然界的景物。此外，位图图象与分辨 率有关，当放大位图图像时，位图中的像素增加， 图像的线条将会显得参差不齐，这是像素被重新 分配到网格中的缘故。此时可以看到构成位图图 象的无数个单色块，因此放大位图或在比图像本 身的分辨率低的输出设备上显示位图时，将丢失 其中的细节，并会呈现出锯齿，如下所示。代表 软件Photoshop
显示和隐藏 图层
链接图层
四、2.通道
通道是以单一颜色信息记录 图像的形式，一幅图像通过 多个通道显示它的色彩，不 同的色彩模式决定了不同的 颜色通道。当打开一幅图像 时，在通道上就会显示她的 通道信息。 用来记录图像各种颜色的饱 和度信息。
Alpha通道用来记录图像选 区信息。
四、3.路径
点击菜单“选择”—>“修改”—>“羽化” 羽化半径设置像素值，可以设置为5、10、20等
测试自己最喜欢的羽化效果。 例子：春熙路刀客鲁迅羽化版
九、滤镜
通道 —>黄色
滤镜扩散 —>风格化 —>扩散
图像调整 ——对整个图像颜色的调整
色彩平衡青绿蓝
一○、样式功能（按钮效果）
使用钢笔工具组、自定义形 状工具组绘制的封闭曲线、 开放线段或单一的点。它为 photoshop提供多种辅助功 能。借助它可以创建更精确 的选区，而且还不受封闭的 限制。对它可以进行填充、 描边等操作。 路径是以路径层的形式独立 于图像外存在的，它不属于 图像的像素组成部分，也不 能将其打印出来。
二、 3 . 魔棒工具
点击“工具面板” 上的“魔棒工具”
选择想要选定的相 同颜色的区域
容差值：可以理解 为你要选择区域的 范围，调容差为32， 那么会以你所点的 地方的颜色为基准 把在上下浮动范围 在32以内的颜色都 选中。
二、 4 . 载入选区
把某图层的图案作为选择区域 例如下图中，把袋鼠层的袋鼠的外形作为选择区。
样式按钮红色渐变描边
在菜单：窗口样式，可以调 出样式工具面板
在样式面板中选取需要的样式 效果，对选定“层”进行操作
把样式面板从默认样式切换 到按钮样式
在按钮样式中选择“红色渐 变描边”，“要砸由自己” 的立体金属边阴影效果就出 来了
一○、图层样式 (立体阴影效果)
点击菜单：图层图 层样式投影
Adobe Photoshop CS4 Extended获得 Adobe Photoshop CS4 中的所有功能, 外加用于编辑基于 3D 模型和动画的内容以及执行高级图像分析的工具。是以 下人士的理想选择：电影、视频和多媒体专业人士、用 三维及动画的图形和 Web 设计人员、制造专业人士、 医疗专业人士、建筑师和工程师、科研人员。
打开工具栏“画笔”，选择图章的范围
按下键盘上的[Alt]键同时按鼠标左键，这 就是“取样”操作
松开按键，再移动鼠标到黑胡子的右上角， 使角尖端正在圆形中心，按下鼠标左键(这 次不按键盘)，就可以看到右上角的黑胡子 消失了，该处变成了刚才取样圆圈内一样 的颜色。
八、羽化
八、羽化
不论用选框工具、套索工具、魔棒工具、载入工 具哪种工具选择了一个区域以后
2
定需要保留的区
域
3.点击工具面板 上的“移动工 具”，裁剪就完 成了。
六、描边功能 绘画功能：画笔工具/铅笔工具
六.1描边功能
点击椭圆选框 工具，在工作 区画一个圆
打开菜单：编辑描边，如图所示描边设置框中 输入线条的粗细，点击确定按钮，描边成功了。
用橡皮擦把 圆圈擦出一 个缺口
8. 调整好“鸟2”的角度后再次Ctrl+J复制出“鸟2副本”，然后隐藏 “鸟1”和“鸟2”层，去掉图层前面的小眼睛图标即可隐藏；
三、填充颜色 Alt+回格键=填充前景色； Ctrl+回格键=填充背景色 色相饱和度明度
四、1.层
层的定义：最能体现Photoshop强大图像处理能 力的功能，将不同的内容分别放在独立的图层中， 以层叠的形式排列，需要编辑修改时，只针对相 应的图层单独进行处理的方法。
层的操作：
显示和隐藏图层 链接图层
蒙版
ቤተ መጻሕፍቲ ባይዱ
四、4.蒙版
模式
对图像的某部分内容 进行编辑修改时，如 果希望不影响其他部 分的图像，除了可以 创建选区外，还可以 使用蒙版将其保护起 来。与选区相比，使 用蒙版可以更加精确 的绘制选区，并且自 由地修改保护区域以 外的区域。
五、裁剪工具
3
1.点击工具面板
1
上的“裁剪工具”
2.用裁剪工具框
（红色-绿色-蓝色-黑色为要求掌握的重要程度由强到弱）
一、添加文字
一、添加 文字
点击“工具 面板上”的 “文字工具”
二、选择粘贴（选框工具、套索工具、 魔棒工具、载入选区、钢笔工具）
二、1 . 选框工具
点击“工具面板上” 的“矩形选框工具”
二、 2 . 套索工具
点击“工具面板” 上的“套索工具”
六.2绘画功能
画笔工具或铅笔工 具用来绘画特殊形 状或者手写形状
七、仿制图像工具
“仿制图章”是对图像局部修复最常用的工具，它 的功能是抒取样处的图像复制到另外地方。使用 该工具的技术关键在于你对“取样”部位的选择。
点击工具面板上的仿制图章工具
七、“仿制图章”的操作：
选择工具箱的“仿制图章”
在网络中一般小图标中很多图片格式都采用png，png是一种图片存 储格式，可以直接作为素材使用，因为它有一个非常好的特点：背景 透明。在制作图片选择是什么格式输出，主要根据图片格式特性来选 择最佳输出。 参考来源：http://www.bkill.com/tech/201206/7289.html
1. 打开一张小鸟图片；（和图中差不多的，或者找 些自己喜欢的图片都可以啦）；
2. Ctrl+M调出曲线调节窗口，点击红圈内“自动 ”按钮修正一下图片色彩；如下图：
3. 大家可以把原图和调整后的图片对比一下，现在 图片看起来更清晰，也更具层次感了；
4. 用磁性套索工具勾选出小鸟的轮廓。可以用增加 选区的方式分多次勾选，直到选出整只小鸟为止 ；如下图：
网络数字图像处理
常见图片格式
GIF图片格式：1987 年诞生，常用于网页动画， 使用无损压缩，支持 256 种颜色(一般叫 8 bit 彩色)，支持单一透明色;
gif格式图片效果
GIF格式的特殊性:
可以作为位图动画的格式。 可以生成交错显示的图片文件
和谐是这样的
GIF格式图片在网 速慢时交错显示
双击
图标，即可安装PHOTOSHOP CS6
Photoshop的魅力
分解出的一些基本功能
一． 添加文字 二． 选择（选框工具、套索工具、快速选择工具、载入选区） 三． 粘贴 四． 填充颜色 五． 图层、路径、通道 六． 裁剪工具 七． 绘画功能：画笔工具、矩形工具 八． 仿制图像工具 九． 羽化 一○． 滤镜 一一． 样式功能（有些要先选择选区） 一二． 动作功能 一三． 用时间轴制作GIS动画 一四． 色阶、饱和度、亮度调整 一五． 与网页的接口 一六． 3D功能
三种图片格式简单比较：
JPEG与PNG格式图片对比：JPEG 在照片压缩方面拥有巨大的优势， 这方面无可替代，但是 JPEG 是有损压缩，图片质量会有损失。另外， 一般屏幕截屏用 PNG 格式，其不但比 JPEG 质量高而且文件大小还 更小。
GIF与PNG格式图片对比：GIF 只在简单动画领域有优势(其实，GIF 256 色限制以及无损压缩机制导致高质量的动画的发布一般都使用 Flash 等格式)，只要没有动画，PNG 完全可以取代GIF。总的来说， GIF分为静态GIF和动画GIF两种，扩展名为.gif，是一种压缩位图格 式，支持透明背景图像，适用于多种操作系统，“体型”很小，网上 很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文 件，从而形成动画,所以归根到底GIF仍然是图片文件格式。但GIF只 能显示256色。和jpg格式一样，这是一种在网络上非常流行的图形 文件格式。 所以一般我们在网页中看到的动态图片一般都是GIF格式 的。
5. Ctrl+J复制小鸟为单独的图层，用移动工具将它 拖到树枝的另一边，Ctrl+T调整到合适的角度 。现在我们就有了两只并排站立的小鸟啦！是不 是很可爱……
6. 将复制出的小鸟命名为“鸟1”，然后Ctrl+J再 复制一层；
7. 将复制出的“鸟1副本”命名为“鸟2”，选择菜 单/编辑/水平翻转后再Ctrl+T调整到如下角度 ；
Photoshop CS4绿色版安装
1、拷贝Photoshop CS4绿色版文件夹到本 机
2、双击绿化工具
3、等待片刻，会弹出绿化 成功的对话框。
4、双击 协
，photoshop CS4会弹出“许可
议”对话框。
5、点击“接受”按钮，Photoshop CS4就可以正 常运行了。
Photoshop CS6中文特别版安装
操作过程：
在图层上选择袋鼠层作为当前层 点击菜单“选择”—>”载入选区” 袋鼠的外形就被完整的选定了，变成了虚线环绕。
二、5.钢笔工具 1.点击工具面板上的钢笔工具
2.用钢笔工具把头像描绘下来，由图层标签转换成路 径标签
3.点击“将路径作为选区选定”按钮，刚才用钢 笔选定的矢量蒙版头像就转换成了虚线环绕的选 定区域了。
JPEG图片(简称jpg)：1992 年出世，照片一般 都用这个格式，有损压缩，24 bit 真彩色(224 = 17 万种颜色)，不支持动画，不支持透明色;
PNG图片格式：1996 年问世，无损压缩，最常 见的使用格式是 256 索引色(PNG-8)和 24 bit 真彩色(PNG-24)(当然 PNG 支持的颜色格式远 不止此)，支持 full alpha 通道(256 级可调半透 明色)，不支持动画。
可以设置阴影的远近
一○、样式的例 子和动作的例子
按钮（放上、按下）
水波字体
一一、动作功能（水波效果）
在菜单：窗口样式，可以调出动作 工具面板
选定光 盘盒这 个层， 在动作 面板中 选定水 中倒影， 点击 “播放 选定的 动作” 按钮
一二、利用时间轴制作GIS动画
PS制作出可爱的小鸟动画
二、6.粘贴
1.把上面用五种方法“选
框工具、套索工具、魔棒工具、
载入选区、钢笔工具”中的任 意一种方法，选定了一个 区域，可以用快捷方式 “CTRL+C”，也可以用菜 单栏中的编辑复制，把 选定的区域拷贝下来。
2.在图层面板中，点击 “建立新图层”，然后用 快捷方式“CTRL+V”，也 可以用菜单栏中的编辑 粘贴，把选定的区域复制 到新建层中。
像素（pixel）是用来计算数码影像的一种单位。 数码影像具有连续性的浓淡色调，我们若把影像 放大数倍，会发现这些连续色调其实是由许多色 彩相近的小方点所组成的，这些小方点就是构成 影像的最小单位——像素
矢量图象是使用数学方式描述的曲线，以及由曲 线围成的色块组成的面向对象的绘图图像。矢量 图象中的图形元素叫做对象，每个对象都是独立 的，具有各自的属性，如颜色、形状、轮廓、大 小和位置等。由于矢量图形与分辨率无关，因此 无论如何改变图形的大小，都不会影响图形的清 晰度和平滑度，如下所示。代表软件：Corldraw， illustrator，flash
Photoshop CS4
CS4版本在2008年9月23日正式发行， Photoshop CS4号称是Adobe公司历史上最大规 模的一次产品升级。两个版本的Photoshop CS4, 分别是：Adobe Photoshop CS4 和Adobe Photoshop CS4 Extended两个版本具体介绍如 下：
photoshop 编辑格式：.psd
位图、像素、矢量图
位图图象也叫做点阵图，是由许多不同色彩的像 素组成的。与矢量图型相比，位图图象可以更逼 真地表现自然界的景物。此外，位图图象与分辨 率有关，当放大位图图像时，位图中的像素增加， 图像的线条将会显得参差不齐，这是像素被重新 分配到网格中的缘故。此时可以看到构成位图图 象的无数个单色块，因此放大位图或在比图像本 身的分辨率低的输出设备上显示位图时，将丢失 其中的细节，并会呈现出锯齿，如下所示。代表 软件Photoshop
显示和隐藏 图层
链接图层
四、2.通道
通道是以单一颜色信息记录 图像的形式，一幅图像通过 多个通道显示它的色彩，不 同的色彩模式决定了不同的 颜色通道。当打开一幅图像 时，在通道上就会显示她的 通道信息。 用来记录图像各种颜色的饱 和度信息。
Alpha通道用来记录图像选 区信息。
四、3.路径
点击菜单“选择”—>“修改”—>“羽化” 羽化半径设置像素值，可以设置为5、10、20等
测试自己最喜欢的羽化效果。 例子：春熙路刀客鲁迅羽化版
九、滤镜
通道 —>黄色
滤镜扩散 —>风格化 —>扩散
图像调整 ——对整个图像颜色的调整
色彩平衡青绿蓝
一○、样式功能（按钮效果）
使用钢笔工具组、自定义形 状工具组绘制的封闭曲线、 开放线段或单一的点。它为 photoshop提供多种辅助功 能。借助它可以创建更精确 的选区，而且还不受封闭的 限制。对它可以进行填充、 描边等操作。 路径是以路径层的形式独立 于图像外存在的，它不属于 图像的像素组成部分，也不 能将其打印出来。
二、 3 . 魔棒工具
点击“工具面板” 上的“魔棒工具”
选择想要选定的相 同颜色的区域
容差值：可以理解 为你要选择区域的 范围，调容差为32， 那么会以你所点的 地方的颜色为基准 把在上下浮动范围 在32以内的颜色都 选中。
二、 4 . 载入选区
把某图层的图案作为选择区域 例如下图中，把袋鼠层的袋鼠的外形作为选择区。
样式按钮红色渐变描边
在菜单：窗口样式，可以调 出样式工具面板
在样式面板中选取需要的样式 效果，对选定“层”进行操作
把样式面板从默认样式切换 到按钮样式
在按钮样式中选择“红色渐 变描边”，“要砸由自己” 的立体金属边阴影效果就出 来了
一○、图层样式 (立体阴影效果)
点击菜单：图层图 层样式投影