哈啰，大家好
在今天的 Photoshop 教学里面
我打算带大家做一个简单的合成效果
我这边有一张设计好的广告图片
我打算将这张图片
把它塞到这本杂志右侧的页面
做完的效果，大概像这个样子
这个合成练习我们会使用到两个功能
一个是所谓的弯曲变形
另一个功能叫做「剪裁遮色片」
这两个功能在合成里面都非常的重要
好，那我们一起来做做看吧
好，我首先将这张广告图片
把它复制到杂志的页面中来进行合成
我先到上面去执行「选取」、「全部」
接着执行「编辑」，选择「拷贝」
接下来我切换到杂志的图档
在这个图档内去执行「编辑」
选择「贴上」
由于这张广告图片
我们会针对它进行缩放
所以我会建议先将这张图片
把它转换为「智慧型物件」
你可能会好奇
如果我没有做这个转换的话
会有什么样的效果呢？
我们可以做一个简单的实验
譬如说我到左上角去执行「编辑」选单
来执行「任意变形」
快速键的话是 Ctrl +T
接着我同时按住键盘的 Shift 跟 Alt 键不要放
来将这张图片缩小
在这里按住 Shift 可以保持图片的长宽比例不变
按住 Alt 键则可以使物件进行中心缩放
变形完成之后，我们可以按一下键盘的 Enter 键
在这里我们要注意的是
使用这种方式来将图片缩小的话
Photoshop 会舍弃掉图片中的像素
所以这个时候，如果我们将图片重新放大
执行「任意变形」
Photoshop 必须重新计算放大时所需要的像素
因此很明显地会造成画质的流失
所以我在此去执行「编辑」
「退后」来还原到最初的状态
这一次我们将图片缩小之前
我们先转换为「智慧型物件」
你可以直接到图层面板
针对要转换的图层按滑鼠的右键
选择「转换为智慧型物件」的话就可以了
图层转换完毕之后
在缩图的右下角会出现特别的标示
代表这个图层内的像素已经成功被保护起来
这个时候我们可以进行先前的缩放测试
我们可以同样去执行「任意变形」的指令
将图片缩小之后，再将它放大
你会发现这一次的图片画质
就不会受到任何的影响
只是在这里要提醒大家
由于这个图层的像素目前是在保护的状态
所以你没有办法使用笔刷工具
在上面去做任何的绘制
或是拿印章工具做任何的修补
如果你要去修改这个图层内容的话
你可以到图层面板
针对这个缩图按两下的滑鼠左键
这样子可以进入到智慧型物件的编辑模式
在这个模式之中
你可以去做任何你想要的编辑
编辑完毕之后，直接关闭掉这个图档
就可以直接退出智慧型物件的编辑模式
好，我们再来复习一下
在 Photoshop 里面图片变形的几个方式及其快速键
当我们要启用「任意变形」的时候
我们可以按快速键 Ctrl +T
如果我们去拖曳图片的边角
可以进行图片的缩放
当我们将滑鼠移动到图片边角的外侧时
滑鼠游标会变成是一个双箭头
此时拖曳滑鼠可以旋转图片
如果按住 Shift 键不放的话
旋转时可以锁定在 15 度的刻度
另外，如果按住 Ctrl 键来拖曳边角的话
则可以产生「扭曲变形」
也就是图片的边角
每一个都可以自由进行位置的调整
另外一个常见的是「倾斜变形」
我们只要按住 Ctrl +Shift 键不放
并且拖曳图形四边的控制点
就可以使图形产生倾斜的效果
最后一个按钮组合比较复杂一点
如果我们同时按住 Ctrl、Shift 和 Alt 键来拖曳图片边角的话
可以使图片产生透视变形的效果
也就是类似星际大战片头梯型字幕的效果
然而，由于这本杂志的页面是带有弧度的
所以你会发现刚才介绍的三种变形方式
都没有办法产生理想的效果
所以这个时候 Photoshop 的「弯曲变形」功能就可以派上用场啰
在进行合成之前
我们可以先到图层面板
略为降低这个图层的不透明度
接着，我将图片略为移动到页面的上方
并且执行「编辑」、「任意变形」的指令
此时，如果我们在图片的上方点击滑鼠的右键
在选单当中我们可以看到先前使用的三个变形指令
这一次，我们要执行底下的「弯曲变形」功能
为了方便调整图片的弧度
我们可以按住 Ctrl 和空白键不放
拖曳滑鼠来将图片拉近
另外，我们可以按住空白键不放
来启用手掌工具移动整个版面
这个时候，我们就可以拖曳边角的控制点
使它的位置能够符合杂志页面的边角
弯曲变形的特别之处
是在于每个边角都有多出两个控制杆
可以用来调整图片变形的弧度
你可以慢慢调整每个边角的位置
和每个边角所附属的控制杆
使图片的造型能够完全符合底下杂志页面的形状
我这边直接将影片速度快转
直到每个边角都调整完毕
调整好之后按一下 Enter 键来完成变形
并且到图层面板
来将图片的不透明度还原到 100
为了使合成的效果更为真实
我打算在页面内加上一些反光和阴影的效果
反光和阴影可以直接使用笔刷工具来进行绘制
但是在绘制的时候，反光和阴影不能超出页面之外
因此在这里我们可以使用一个非常重要的
「剪裁遮色片」的功能
来协助我们进行编辑区域的限制
我们可以在许多平面设计中
看到剪裁遮色片的应用
在这里我也做一个简单的示范
我在这个空白文件之内
使用「文字工具」建立了一个文字物件
同时汇入了一张网路上的天空图片
如果我今天要将这张天空的图片塞到文字的内侧
我可以先到图层面板
点击天空的图层
接着到上面的选单来执行「图层」
「建立剪裁遮色片」
或着，你可以将滑鼠的游标
移至天空图层和文字图层之间
此时如果按住 Alt 键不放
你会发现滑鼠的游标会产生外观上的变化
这时你便可以点击你的滑鼠
产生剪裁遮色片的效果
我们也可以进一步替文字加上一个简单的阴影特效
我可以在图层面板内点选文字图层之后
在上面的选单执行「图层」
图层样式
点选「内阴影」
再按一下「确定」按钮来完成效果的套用
你如果想要解除剪裁遮色片的效果
你可以在图层面板内点选天空图层之后
执行「图层」
解除剪裁遮色片
那天空图层就会还原到最初的状态
我们熟悉了剪裁遮色片的原理之后
我们再回头看看在这个范例之中
我们要如何在右侧的页面内加上反光和阴影
我首先在图层面板内点选「建立新图层」的按钮
接着在工具箱内启用「笔刷工具」
再将前景色设为是「白色」
接着我在文件内点选滑鼠的右键
稍微加大笔刷的尺寸
同时将笔刷的硬度设为是 0
我打算在右侧页面的中央
绘制一条白色的直线来做为反光
在 Photoshop 中绘制直线有一个小技巧
就是你可以在直线的起点
先点击一次你的滑鼠
接着按住 Shift 键不放
在直线的末端按一下滑鼠左键
如此就可以完成直线的绘制
接着我重复这个步骤来绘制阴影
我先到工具箱将前景色设为是深灰色
再到页面的内侧使用同样的方法
绘制一条深灰色的直线
由于这两个线条都不能超出页面之外
因此我们可以在图层面板内
点选直线图层之后
执行「图层」
建立剪裁遮色片
来将这两条直线塞到杂志的内侧
我们可以将这个图层的混合模式设为是「柔光」
来产生比较自然的效果
如果觉得光影效果太强
也可以考虑降低这个图层的不透明度
我们可以比较一下套用光影前、后的差异
这个是套用之前
这个是之后
希望藉由今天的影片
大家对于 Photoshop 的智慧型物件
弯曲变形、和剪裁遮色片有了更进一步的了解
我们今天就介绍到这里
我们下回再见，拜拜