中文版Dreamweaver+Flash+Photoshop CC网页设计与制作从入门到精通-edited

15.3.2  图15-19 选择“打开为”命令

Photoshop / 如果使用“打开为”命令仍然不能打开图像，则
可能选区的文件格式与实际文件格式不同，或文
Ctrl+O 件已损坏。
15-18
Bridge Photoshop
/
BridgeBridge Bridge

Photoshop
10/

Photoshop15-20

图15-18 通过“打开”命令

Photoshop

/ 15-19

图15-20 通过“最近打开文件”命令

读书笔记 若想清除该列表，只需选择子菜单底部的“清除
最近的文件列表”命令。
286

\\15\\ \\15\.psd
\\15\
/
15-21 .jpg

15-22 .jpg

15-2315-24

图15-21 打开智能对象 图15-22 生成智能对象 图15-23 原图效果
图15-24 最终效果
15.3.3  Photoshop

Photoshop
Photoshop

WIA
/

Step 1 /

15.3.4  .jpg
/
.jpg
15-25

Photoshop

Photoshop 图15-25 选择文件
/

Step 2

287

15-26
15-27Enter

图15-26 设置混合模式 图15-27 查看效果

15.3.5  EPSPDF
ICC

1. Ctrl+S 15.3.6 
/ Shift+Ctrl+S
Photoshop
/ CC

2. /
/
15-28 Ctrl+W

/
Ctrl+Alt+W

/

Photoshop Ps
Ps

Photoshop

读书笔记

图15-28 “另存为”对话框
288

15.4 /
15-31
Photoshop

15.4.1 

Photoshop

Photoshop/
Ctrl+R
15-29

图15-29 标尺 图15-31 参考线

默认情况下，标尺的原点位于窗口的左上角，但
是可以通过手动调整标尺的原点，即将鼠标光标
放置在默认的原点位置上，然后按住鼠标左键拖
动原点，画面中会显示出十字线，释放鼠标左键
后，释放处便成为原点的新位置，并且此时的原
点数字也会发生变化，如图15-30所示。

Ctrl+H /
/

图15-30 调整标尺原点 在创建、移动参考线时，按住Shift键可以使参考
线与标尺刻度进行对齐；按住Ctrl键可以将参考
15.4.2  线放置在画布中的任意位置，并且可以让参考线
不与标尺刻度对齐。
Photoshop
289

15.4.3  显示出网格线后，可通过选择“视图”/“对
齐”/“网格”命令，启用对齐功能，启用该功能
Photoshop 后，在创建选区或移动图像等操作时，对象会自
动对齐到网格线。
/
/ 15.4.5 

15-32 Photoshop

\\15\girl\
\\15\girl\girl.psd
\\15\

girl.jpg

Step 1 /
girl.jpg

图15-32 智能参考线

15-34

15.4.4 

/
/
15-33

图15-33 网格线 图15-34 打开图像并切换到注释工具
290 Step 2

15-35
15-36
Ctrl+S

图15-35 查看注释图标 图15-36 输入注释文本 如果要查看添加注释的图像，则可选择注释图
标，右击，在弹出的快捷菜单中即可选择打开注
15.5 释文本进行查看、修改，也可以在弹出的快捷菜
单中选择删除注释。
Photoshop

15.5.1  ?

/ 在“图像大小”对话框的“宽”和“高”数值
15-37 框前有一个 图标。该图标表示宽、高目前是受
约束比例的状态，缩放高度时会同时按比例缩
图15-37 “图像大小”对话框 放，这种状态下缩放图像时，图像不会变形，如
图15-39所示。如果单击 图标，则可解开图像
约束比例状态，此时，可以单独对宽、高进行设
置，如图15-40所示。

15-38

图15-38 设置图像大小前后的效果 图15-39 按比例缩放效果 图15-40 不按比例缩放效果

15.5.2 

291

/ 15.5.3 
15-41
/
15-43
15-44

图15-41 “画布大小”对话框 图15-43 “图像旋转”子菜单

15-42 图15-44 使用水平翻转前后的效果

图15-42 使用定位 15.5.4 
292
1.

Enter
15-45

图15-45 “裁剪工具”属性栏

使用裁剪工具不但能对图像大小进行裁剪，还能
扩大画布大小。选择“裁剪工具” ，使用鼠标
拖动裁剪框边缘的控制点，将其拖到需要扩大画
布的方向，此时Photoshop将使用背景色填充扩大
的画布区域。

Step 2 Enter
15-48Ctrl+'

15-49

\\15\.jpg
\\15\.jpg
\\15\

.jpg 图15-48 裁剪后的图像 图15-49 显示网格线
Step 3

Step 1 .jpg15-46 EnterCtrl+'
15-47 15-50

图15-50 调整图像角度

2.

图15-46 打开图像 图15-47 裁剪图像

293

/ 2.
15-51
15-53
图15-51 “裁切”对话框 15-54

15.5.5  图15-53 选择移动的图像

1. 图15-54 移动图像
15-52
15.5.6 
图15-52 移动前和移动后的效果
294 Photoshop

\\15\bg.psd\
\\15\.psd
\\15\

bg.psd
15-55

15-58

图15-55 原图效果和效果图

Step 1 Photoshop CC
619
45615-56 图15-58 变换对象
Ctrl
Shift

Step 4 Ctrl
15-59
Enter

图15-56 新建画布

Step 2 Ctrl+Delete 15-60
bg.psd
Shift
15-57

图15-59 透视变换对象 图15-60 变换后的效果

自由变换（按Ctrl+T快捷键），还可以按住Shift+
Ctrl快捷键，以对角为直角的直角梯形方式变换；
按住Ctrl+Alt快捷键，则可以相邻两角位置不变的
中心对称，并以自由平行四边形的方式变换；按

住Shift+Alt快捷键，则可以以中心对称等比例缩
放；而按住Shift+Ctrl+Alt组合键，则可以以中心
对称等高或等宽的自由平行四边形的方式变换。

图15-57 选择图层并移动图像

Step 3 1 / Step 5 1 Ctrl
1 295
Ctrl
//

15-61Ctrl+T
15-62Enter

图15-61 垂直翻转图像 图15-62 移动并变换图像

Step 6 图15-65 原始图像 图15-66 操控变形 图15-67 效果
60%15-63 /
2
360% 15-68
15-64
图15-68 “操控变形”属性栏

图15-63 设置不透明度 图15-64 完成后的效果

15-69
15-70
15-71

15.5.7 

Photoshop

15-65/ 图15-69 较少点 图15-70 正常 图15-71 较多点
15-66

15-67
296

15-72 -10
10
15-73

2. 图15-74 复制并粘贴图像
Ctrl+V
/
Ctrl+X
/

图15-72 扩展10像素 图15-73 扩展-10像素

15.5.9 

Photoshop 1. Photoshop
/ Ctrl+Z
15.5.8 
/
Photoshop

1. Ctrl+V /
/ Ctrl+Alt+Z
Ctrl+C /
/ Shift+Ctrl+Z

15-74 2.

297

/ Photoshop
15-75

图15-75 “历史记录”面板

15.6 15-78
图15-78 “矩形选框工具”属性栏
Photoshop

15.6.1 

Photoshop CC

1.

15-76
Shift15-77

图15-76 矩形选区 图15-77 正方形选区 用于设置选区边缘的模糊程度，其数值
298 越高模糊程度越高。如图15-79所示为羽化为0
像素的效果，如图15-80所示为羽化为40像素的
效果。

3. /

1

图15-79 羽化为0像素 图15-80 羽化为40像素

选中该复选框后，选区边缘和 15-8515-86

背景像素之间的过渡变得平滑。该复选框在剪

切、复制和粘贴时非常有用。如图15-81所示为

选中复选框后的效果，如图15-82所示为没有选

中复选框的效果。

图15-85 单行选区 图15-86 单列选区

图15-81 选中消除锯齿 图15-82 未选中消除锯齿 15.6.2 
用于设置矩形选区的创建方法。“正常”
1.
表示用户可随意控制创建选区的大小；“固定比 Photoshop
例”表示在右侧的“宽度”和“高度”文本框中
可设置创建固定比例的选区；“固定大小”表示
在右侧的“宽度”和“高度”文本框中可设置创
建一个固定大小的选区。

单击该按钮，在打开的“调整边
缘”对话框中，可细致地对所创建的选区边缘进
行羽化和平滑设置。

2. 15-8715-88

15-83
15-84

图15-83 椭圆选区 图15-84 正圆选区 图15-87 正在绘制选区 图15-88 创建好的选区
299

在使用套索工具绘制选区时，按住Alt键，释放鼠 15.6.3 
标左键时，则会变为多边形套索工具。
Photoshop

2.
1.

15-89 15-91
15-92

图15-89 使用“多边形套索工具”创建选区 图15-91 使用“快速选择工具”创建选区
在使用多边形套索工具绘制选区时，按住Shift
键，可以在水平、垂直或45°方向上绘制直线。 图15-92 “快速选择工具”属性栏

3. 单击“新选区”按钮 ，可创建
新选区；单击“添加到选区”按钮 ，可在原有
15-90 的基础上创建一个新的选区；单击“从选区减
去”按钮 ，可在原有的选区基础上减去新绘制
的选区。

单击下拉按钮 ，在弹出的
“画笔”选择器中可设置画笔的大小、硬度和间
距等，对画笔笔尖进行设置。

图15-90 正在绘制选区和创建好的选区
300

2. \\15\.jpg
15-93 \\15\.psd
\\15\

.jpg

图15-93 “魔棒工具”属性栏 15-9615-97

用于控制建立选区的取样点大小，取 图15-96 原图效果 图15-97 最终效果
样点越大，创建的颜色选区也越大。

用于确定将要选择的颜色区域与已选择的颜
色区域的颜色差异度。数值越低，颜色差异度越
小，所建立的选区也会越小，区域选择越精确。

选中该复选框，只会选中与取样
点相连接的颜色区域。若不选中该复选框，则会
选中整张图像中与取样点颜色类似的颜色区域。
如图15-94所示为选中该复选框时的效果，如
图15-95所示为没有选中该复选框时的效果。

Step 1 .jpg

15-98Q
15-99

图15-94 选中复选框 图15-95 没有选中复选框

15.6.4 

图15-98 创建选区 图15-99 进入快速蒙版

Step 2 / /
15-100

15-101

301

15.6.5 

1.

图15-100 设置滤镜 图15-101 设置后的效果
Ctrl+F
Step 3 / /
15-102
// 3
315-103

Shift

在工具箱下方单击“以快速蒙版模式编辑”按 45
钮 ，也可进入快速蒙版模式。再次单击该按钮
即可退出快速蒙版模式。 1
Shift
10
2. /

图15-102 碎片效果 图15-103 锐化效果 / /
Shift+Ctrl+I / /
Step 4 Q
15-104Ctrl+ /
DeleteCtrl+D
15-105

3.

图15-104 反选 图15-105 填色并取消选区 /
15-106

302

图15-106 执行扩大选区的效果 图15-107 羽化选区的效果

4.

在建立选区时，如果选区较小，而羽化半径又设

置得比较大时，Photoshop会自动弹出一个警告对

/ / 话框，提示任何像素都不大于选区的50%，否则
Shift+F6 选区边将看不见，然后则可直接单击 按

15-107 钮，确认当前设置的羽化半径，此时选区可能会

变得非常模糊，以至于在画面中观察不到，但是

选区仍然存在。

知识大爆炸
——文件保存格式及图层混合模式的应用

1.

Photoshop

PSD PDD Photoshop

BMP BMPRGB

GIF GIFCompuServeLZW

GIFBMPAlpha

JPEG JPEGJPEG

PNG PNGWorld Wide WebGIF

PNG24AlphaRGB Grayscale

AlphaRGBGrayscale

PDF PDFDOSPC PaintBrush

TIFF TIFF

303

TIFF RGB LabAlpha
TIFFAlphaCMYK
PhotoshopTIFF 加深模式组 组合模式组
2. 减淡模式组

Photoshop 对比模式组

Photoshop CC 6
276
15-108 比较模式组

1 色彩模式组

100% 图15-108 Photoshop预设的图层混合模式
2

3
304

4
50%50%
50%

50%
50%

50%50%
50%
50%

50%
50%

50%50%

50%50%

5

6
3

305

入门篇/Introductory

Chapter

1607 08 09 10 11 12 13 14 15 17 18

图层和文本的应用

306

16.1 /
16-1
Photoshop

16.1.1 

Photoshop
/

图层类型 打开/关闭图层过滤 /
图层混合模式 不透明度 /
锁定透明像素 填充
链接状态的图层
当前图层
展开/折叠图层效果
展开/折叠图层组
图层名称
缩略图 锁定的图层

图16-1 “图层”面板

/

307

Delete 如果要打开“新建图层”对话框，除了使用菜单

16.1.2  命令外，还可以在图层面板中单击“新建图层”

1. 按钮 的同时，按住Alt键或直接按Shift+Ctrl+N
Photoshop 组合键。

16-2 / /
Ctrl+J

/ /
Shift+Ctrl+J

如果是针对图像中的某个选区，则使用“复
制”“粘贴”命令同样可以在复制选区的同时新
建图层。

2.

图16-2 新建前和新建后的“图层”面板 / /
/ 16-4

/

16-3

图16-3 新建图层 图16-4 新建图层组
308

16-6

如果要为所选择的图层建立图层组，则可以直接
在“图层”面板中按住Alt键选择需要的图层，然
后按住鼠标左键将其拖动至“创建新组”按钮
上，即可为所选图层创建新组。

3.

图16-6 拖动及拖动后的图层面板效果
2

1 15.6.5 Shift
Photoshop 16-7 Shift

/

16-5

图16-5 复制图层 图16-7 不同大小图像移动后的效果
Alt
4.
Photoshop

//
16-8

309

图16-8 删除图层 图16-10 链接图层

5. 7.
Photoshop

16-9
Photoshop

/
16-11

图16-9 排列图层顺序

选择图层后，再选择“图层”/“排列”命令，在 图16-11 合并所选图层
弹出的子菜单中也可对图层排列顺序。选择“置
于顶层”命令，可将选择的图层调整到所有图层
顶部；选择“前移一层”命令，可将选择的图层
向上调整一层；选择“后移一层”命令，可将选
择的图层向下调整一层；选择“置于底层”命令
可将选择的图层置于所有图层底层。

6. /
Photoshop 16-12

/ 需

16-10 图16-12 向下合并图层
310

16-13

不管是合并所选图层还是向下合并图层，都可以
使用Ctrl+E快捷键实现。

/ Shift+Ctrl+E 图16-13 合并可见图层

16.2 Step 1 Ctrl+O.jpg
16-15
Photoshop FDEFEC
#
16.2.1  16-16

Photoshop

1.
Photoshop

\\16\.jpg 图16-15 素材图像
\\16\.psd
\\16\ .jpg 图16-16 自定形状工具选项栏

16-14

在“形状”下拉列表框中如果没有“音符”形
状，则可在下拉列表框的右侧单击“设置”按钮

，在弹出的下拉列表中选择“音乐”选项，即
可切换到音乐符号形状类型中，此时会出现系统
中所有的音乐符号形状。

图16-14 最终效果 Step 2
16-17

311

Beating

heartOld English Text
MT137.71

#FDEFEC
16-18

图16-21 查看投影效果 图16-22 拷贝图层样式
Step 5

Ctrl+Enter

图16-17 绘制形状 图16-18 设置并添加文字 16-23
Step 3

16-19

16-20

图16-23 填充颜色及最终的图层面板

16-24

图16-19 选择“投影” 图16-20 “投影”选项组
选项

除此之外，要打开“图层样式”的“投影”设 图16-24 投影前和投影后的效果
置面板，还可以通过选择“图层”/“图层样
式”/“投影”命令，如果设置投影样式后想要修
改，则可直接在“图层”面板中双击投影效果，
打开该面板进行修改。

Step 4
16-21

16-22 16-2530 °
312

16-26180 °

16-31
30%16-32
100%

图16-25 角度为30° 图16-26 角度为180°

16-27 图16-31 杂色为30% 图16-32 杂色为100%
3016-28 100%
130

图16-27 距离为30像素 图16-28 距离为130像素 2.
Photoshop

16-33

16-29
-

16-30-

图16-33 “内阴影”选项组

图16-29 锥形-反转 图16-30 滚动斜坡-递减

16-34

313

20%16-35
85%

16-37
16-38

图16-34 设置阻塞为20% 图16-35 设置阻塞为85% 图16-37 单色发光效果 图16-38 渐变发光效果

16.2.2  16-39
16-40

1.
16-36

图16-39 柔和边缘 图16-40 精确边缘

2.

\\16\.jpg
\\16\.psd
\\16\

.jpg

图16-36 “外发光”选项组
314

16-4116-42 Step 3
16-47
16-48

图16-41 原始效果 图16-42 最终效果

Step 1 Ctrl+O.jpg 图16-47 设置外发光参数 图16-48 设置效果
Step 4
16-43 geometric graph
Ctrl+J
16-44 Rosewood Std39.34
16-49

图16-43 创建选区 图16-44 复制图层
Step 2
图16-49 最终效果及图层面板的效果
16-45
16.2.3 
16-46

16-50

图16-45 选择“内发光” 图16-46 “内发光” 图16-50 原始效果和设置后的效果
选项 设置面板

315

1.

Photoshop
16-51

16-56
16-57

图16-56 设置方向为上 图16-57 设置方向为下

图16-51 “斜面和浮雕”选项组

16-52
16-53

图16-52 描边浮雕效果 图16-53 外斜面效果 16-58
16-54 16-59-

16-55

图16-58 设置环形效果 图16-59 设置锥形-反转效果

图16-54 平滑效果 图16-55 雕刻柔和效果
316

16-62
250%16-63
50%

2.
16-60

图16-62 缩放为250% 图16-63 缩放为50%

图16-60 “等高线”选项组 \\16\bg.psd
\\16\.psd
3. \\16\
16-61
bg.psd
图16-61 “纹理”选项组 16-64

图16-64 最终效果
Step 1 bg.psd

317

16-65

图16-68 载入选区并新建图层 图16-69 填充颜色
Step 5 Ctrl+D
图16-65 绘制图形
Step 2 / /
20.0
16-66
16-70
16-71

Step 3 / 图16-66 设置高斯模糊半径 图16-70 设置描边参数 图16-71 设置斜面和浮雕参数
98 /
1.00107 Step 6
16-67 16-72

16-73

Step 4 Ctrl 图16-67 调整色阶 图16-72 设置渐变叠加参数 图16-73 查看效果
Alpha1 /
Step 7 C t r l 1
/

1 16-68 35 16-74
#645757Alt+Delete //
6
16-69

318

16-75

# F7F5F516-80
4

Shift
16-81

图16-74 设置收缩选区 图16-75 设置羽化半径

Step 8 2 /

# 5A565616-76
16-77

图16-80 设置投影参数 图16-81 绘制正圆并填充

Step 11
16-82

16-83

图16-76 设置描边参数 图16-77 查看效果
/

Step 9 图16-82 设置投影参数 图16-83 设置外发光参数
2
16-78 Step 12 4 1
3
16-79
4
16-84Ctrl+D
Start

Cooper Std50Start
16-85

图16-78 设置“斜面和浮雕”参数 图16-79 查看效果

Step 10 3 图16-84 设置渐变叠加 图16-85 查看效果

319

16.3 16.3.2 

Photoshop
Photoshop

16.3.1 

Photoshop

Photoshop 4 16-90

设置字体 设置字体大小 设置文本颜色

16-8616-87 16-8816-89 更换文本方向 设置消除锯齿的方法

对齐文本 切换字符和段落面板

设置变形文本

图16-90 “横排文字工具”属性栏

图16-86 横排文字工具 图16-87 直排文字工具

图16-88 横排文字蒙版工具 图16-89 直排文字蒙版工具
Photoshop

3

320

Step 2 FBDDED# FFFFFF
#

16-93

16.3.3 

Photoshop

Logo 图16-93 设置渐变背景
Step 3 Logo.jpg
\\16\Logo.jpg
\\16\Logo.psd 16-94
\\16\Logo
Ctrl+DCtrl+T
600 ×400 16-95
Logo.jpg

16-91

图16-91 效果 图16-94 创建选区 图16-95 移动图像并调整大小
Step 4
Step 1 /

Logo 600 400 72 52.8

16-92 16-96

图16-92 新建文件 图16-96 输入并设置文本

321

Step 5 LADY
PINKRavie

36.28 #650435Ctrl+S
16-97

图16-97 输入并设置文本 图16-99 最终效果
Step 1 .jpgCtrl+J
16.3.4  16-100
16-101
Photoshop

\\16\.jpg 图16-100 绘制锚点 图16-101 拖动路径
\\16\.psd Step 2
\\16\ .jpg
Ravie40
16-9816-99 only ladyCtrl
16-102

图16-98 原始效果 图16-102 输入文本并显示
322
为了在输入文本时方便看清楚文本，可先将输入
的文本颜色设置为白色，在设置“投影”效果时
再将其设置为黑色。

Step 3
16-103
5016-104

图16-106 复制图层并合并复制图层

Step 6

Adobe Std 12

16-107

图16-103 选择“外发光” 图16-104 设置外发光参数
选项

Step 4

16-105

图16-107 创建路径文字并复制图层样式

Step 7 2 O

16-108Ctrl+Enter

#702D59 Ctrl+D

16-109

Step 5 图16-105 设置画笔样式 图16-108 创建路径 图16-109 转换路径并填充颜色
16-106
30% 16.3.5 
Ctrl+J3
Ctrl+E 323
2

3

\\16\.png Step 3 Ctrl+Enter
\\16\.psd Delete16-114
\\16\
120# 555F24
.png 16-115

16-110 图16-110 效果图

Step 1 / 图16-114 删除选区 图16-115 设置并输入文本
400 Step 4

400 72

16-111

-1916-116

Ctrl+S16-117

图16-111 新建文件 图16-116 设置变形参数 图16-117 查看效果
Step 2 .png16-112

Shift

16-113

15

图16-112 素材效果 图16-113 绘制路径 /
324

知识大爆炸
——通道的基本操作

1.

16-118 图16-118 图像的所有通道 图16-119 使用快捷键选择通道
Ctrl+5Ctrl+5
16-119 Alpha

ShiftAlpha AlphaAlpha
Alpha Alpha

2.

Enter

3. Alpha

Alpha
4.
Photoshop3

5.
Photoshop3

325

入门篇/Introductory

Chapter

1707 08 09 10 11 12 13 14 15 16 18

326

17.1 \\17\.psd \\17\.psd
\\17\
17.1.1 
.psd
Photoshop CC
17-217-3
17-1

图17-2 原始图像

图17-1 “拾色器”对话框 图17-3 填充后的效果

17.1.2  Step 1 Photoshop CC.psd

Alt+ #fafbd7 Photoshop
Delete Alt+Backspace 17-4
Ctrl+DeleteCtrl+Backspace Step 2
Ctrl+Delete

327

17-5

图17-7 填充前景色

图17-4 设置背景色 Step 5
17-8

图17-5 填充背景色

Step 3 图17-8 最终效果
#06789d
17-6 17.1.3 

Step 4 图17-6 设置前景色 17-9
17-7 2 17-10

也可将图层载入选区，再通过快捷键的方法来填 图17-9 线性渐变 图17-10 径向渐变
充颜色。

328

17-11
17-12

图17-11 角度渐变 图17-12 对称渐变
17-13

图17-14 “渐变编辑器”对话框

图17-13 菱形渐变 图17-15 填充渐变
329
17-14

Photoshop
17-15

读书笔记

17.2

Photoshop CC

17.2.1  17-19

Photoshop Photoshop
3

1.

图17-18 填充色 图17-19 描边样式
W/H

17-16

2.

Photoshop

17-20

图17-16 形状模式

17-17

图17-17 形状模式工具属性栏 图17-20 路径模式
17-18

17-21

330

图17-21 路径模式工具属性栏

3.

17-22

WH
WH

图17-22 像素模式

17-23

图17-23 像素模式的工具属性栏 17.2.3 

17-26
1060

17.2.2 

17-24

图17-26 不同半径的圆角矩形

17-25

\\17\.jpg
\\17\.psd
\\17\

.jpg

图17-24 用矩形工具绘制形状 图17-25 矩形工具面板 17-27

331

图17-30 绘制矩形 图17-31 绘制圆角矩形

Step 4 3
90%17-32
17-33

图17-27 登录界面

Step 1 Photoshop CC.jpg
Ctrl+R
17-28

图17-32 设置不透明度 图17-33 添加文字

17.2.4 

17-34

图17-28 创建参考线

Step 2

#a04a3d1317-29

图17-29 设置工具属性 图17-34 圆形

Step 3 17.2.5  Flash
17-30
Photoshop CC
#a04a3d CC
18 Photoshop CC

17-31

332

17-35 图17-39 缩进边依据为50% 图17-40 缩进边依据为20%

图17-35 多边形工具面板 17.2.6 
3
6 17-41
17-36 17-42

图17-36 不同边绘制的效果 图17-41 用直线工具绘制形状 图17-42 直线工具面板

17-37
17-38

17-43500% 1000%

17-44 200% 500%

图17-37 未选中复选框效果 图17-38 选中复选框效果

17-3950% 图17-43 不同宽度效果 图17-44 不同长度效果
17-4020% 333

0% 图17-48 效果图片
0% Step 1 Photoshop CC.jpg
0% #fff1001217-49

17.2.7 

Photoshop17-45

17-46

图17-45 自定义形状 图17-46 自定形状工具面板

读书笔记

\\17\.jpg .jpg 图17-49 设置直线工具属性栏
\\17\.psd Step 2
\\17\
17-50Alt
17-4717-48
17-51

图17-50 绘制斜线 图17-51 复制并移动斜线

图17-47 原始图片 Step 3
334 Ctrl+E

17-52
17-53

10
#ffffff
17-59

图17-52 编辑图层 图17-53 查看效果
Step 4 #ffffff

17-54 Step 8 图17-59 添加描边图层样式

,,
17-60

图17-60 设置渐变工具属性

图17-54 选择自定义符号 Step 9
Step 5 17-55
17-61
17-56 17-62

图17-61 填充渐变 图17-62 设置图层混合模式

图17-55 绘制音符 图17-56 复制并调整图层 Step 10
17-63
Step 6
17-57
17-58

图17-57 添加其他音符 图17-58 添加文本
Step 7
图17-63 查看最终效果

335