Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Product Mockup
Design

在PS中制作手机样机

by
Difficulty:IntermediateLength:LongLanguages:

Chinese (Simplified) (中文(简体)) translation by Fuhuan (you can also view the original English article)

Final product image
What You'll Be Creating

PS中智能滤镜是智能对象的一个重要点。 将滤镜应用于智能对象层时,将自动变成智能滤镜。 可以根据需要多次编辑滤镜,而不会损坏原始像素。

在本教程中,你将学到用同一智能对象的两个副本来制作样机,然后应用滤镜来重新分散背景。 一旦设置完成,就可以轻松的通过更新智能对象中的图像来更改场景。

1.准备模型

我从一个分层的PS文件开始。 你可以使用自己的照片,或在GraphicRiver或PhotoDune上查找独立的产品图像。

Photoshop mockup

第一步

正如你在“ 图层”面板中所看到的,该文件被分解成许多图层。 你可能不需要所有的图层,但是更多的图层为你提供了更多的灵活性和对最终输出的更多控制性。

layer panel

第二步

就我们的目的而言,将一层作为“屏幕”层是很重要的。 它应该是一个透明的图层,是一个手机屏幕大小的填充矩形。

transparent screen layer

要创建此图层,可以使用矩形选框工具(M)仔细选择屏幕区域,然后将选区填充到手机图层上方的新图层中。 要细化选择,用变换选区下,选择菜单得到它恰到好处。 你可以用任何颜色填充选区,因为它在最终的模型中不可见。

2.准备智能对象

第一步

将照片拖入样机PSD。 它应该是一个有着高分辨率的图像,所以它可以作为背景。 将图层拖到图层的底部。 完成文本后,删除草稿图层并选择新的文本形状。

background image

第二步

有三种方法可以做到这一点: 有三种方法可以做到这一点:

  1. 转到层菜单智能对象>转换为智能对象
  2. 单击“ 图层”面板上的弹出式菜单,然后选择“ 转换为智能对象”。
  3. 右键单击“ 图层”面板中的图层,然后选择“ 转换为智能对象”。
convert to smart object

第三步

你会注意到该图层的缩略图右下方有一个小图标,表达这是一个智能对象层。 通过将智能对象图层拖动到“ 图层”面板底部的“ 新建图层”图标来制作副本。

copy smart object
将“智能对象”图层拖到“新建”图标上进行复制。也可以直接CTRL+J。

第四步

将屏幕图层上方的副本向上拖动。 使用自由变换(Command-T)缩放图像,使其大致与手机屏幕大小相同。 它应该略有重叠。

transform smart object

第5步

剪辑场景复制图层到屏幕图层。 这将遮蔽超出屏幕边缘的图像部分,但实际上不会裁切图像。 首先,选择“场景复制”图层,然后单击“ 图层”面板上的弹出式菜单,然后选择“ 创建剪贴蒙版”。 你也可以使用键盘快捷键Command-Option-G。

create clipping mask

或者,你也可以按住Option(Alt)键并在两层之间单击。 你会看到光标变成了双圈,让你知道你是在正确的位置。

clipping mask icon
剪切蒙版 剪切蒙版的操作示意

一旦剪贴蒙版被创建,图像应该填充屏幕的尺寸。 你还会看到图层缩略图稍微向右移动,并有一个向下的小箭头。 这表示“场景复制”智能对象层被“剪辑”到下面的图层。

3.添加并编辑智能滤镜

第一步

选择背景“场景”智能对象层。 去滤镜>模糊>高斯模糊。 为模糊半径输入一个值,以使背景具有失焦的效果,如下图所示。

blur filter

第二步

将滤镜应用到智能对象时,会在智能对象下自动创建一个智能滤镜,其中内置了一个图层蒙版。

smart filter layer

第三步

你可以在智能滤镜蒙版上进行绘制或以其他方式对其进行编辑,以遮蔽滤镜效果的某些部分。 在这种情况下,我们希望将场景的前景放在一个更清晰的焦点上,因为它更接近拍摄者。

在“图层”面板中选择“智能滤镜”蒙版。 它会在缩略图周围显示一条细线,表示它处于活动状态。 选择渐变工具(G)并确保在控制面板中选择线性黑白渐变。 将渐变工具垂直拖动到图像中,以便渐变的黑色部分从蒙版的底部开始。 与任何类型的图层面具一样,请记住:“黑透白不透”

apply gradient to mask
通过智能滤镜蒙版拖动一个黑色到白色的渐变。

一旦应用渐变,你将在“ 图层”面板中的“ 智能过滤器”缩略图中看到它:

filter mask

你可以选择(Alt)-点击蒙版的缩略图,在PSD中看到完整的蒙版。 选项再次单击以返回到正常视图。

layer mask

第四步

这是完成的样机。 你可以看到,前景(即图像底部)的海滩和水比桥和天空更集中。 渐变的黑色部分遮挡了滤镜效果,并转换为图像上半部分的完全模糊。 你可以继续调试渐变的位置,使其恰到好处。

finished

第五步

智能滤镜的好处在于它们是非破坏性的。 你可以无限编辑它们,而不会对图像中的像素造成永久性损坏。 假设你想让模糊效果更强一点。 双击“ 图层”面板中“ 智能滤镜”蒙版下方的效果名称,再次调出其设置。 调整半径并单击确定。

如果你将“模糊”滤镜应用于常规像素图层,则以后将无法返回并更改设置。 这是智能对象与智能过滤器一起使用的优势。

edit effect
操作示意

第六步

你还可以更改智能滤镜的混合模式,使其更具多功能性。 在“ 图层”面板中,效果名称右侧有一个小图标。 它看起来像两个滑块。 双击该图标调出混合选项

blending mode icon

从下拉菜单中选择一种模式。 你也可以改变不透明度。 大多数混合模式对于这样的样机都是不实用的,但调试起来可能很有趣。

blending options

4.编辑智能对象

现在,该模型是所有设置了智能对象和智能过滤器,你可以通过编辑原始的智能对象,同时更改屏幕图像和背景。

第一步

双击智能对象缩略图进行编辑。 你会看到下面的消息。 为了以后方便,你可以选择关闭此警告对话框。

edit smart object
双击智能对象缩略图进行编辑

第二步

智能对象作为单独的特殊文件打开。 文件扩展名是.psb。

psb file

第三步

我只是要在现有的照片上拖动一张不同的风景照片。 智能对象可以有多个图层,因此不需要拼合图像。

new layer

第四步

关闭并保存为.psb文件。 关闭并保存为.psb文件。 这种效果是有效的,因为手机屏幕上的智能对象是原件的副本。

final

第五步

根据你使用的图像,你可能需要编辑模糊效果,或调整智能滤镜蒙版上的渐变。

结论

智能滤镜提供了无限的可能来修改智能对象图层的外观。 最好的原因是你可以大胆的做,而不用担心会损坏原始像素。 尝试新的内容吧!

关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.