下面是素材图片:
原始图片。
以下是最终的“分层相册”效果:
最后的效果。
如何创建垂直照片面板第1步:添加白色纯色填充图层
使用Photoshop中新打开的图像,让我们首先添加一个白色的纯色填充图层。我们将使用此图层作为效果的背景。单击“图层”面板
底部的“ 新建填充”或“调整图层”图标:
单击“新建填充”或“调整图层”图标。
从显示的填充和调整图层列表的顶部选择“ 纯色 ”:
选择纯色填充图层。
Photoshop弹出打开拾色器,以便我们可以为填充图层选择一种颜色。我将以白色为背景。在拾色器中选择白色的一种方法是为R,G和B值输入255:
在拾色器中选择白色。
单击“确定”关闭“拾色器”。您的文档将显示为白色,暂时阻止图像查看。如果我们查看“图层”面板,我们会在
背景图层
上的图像上方看到新的纯色填充图层(名为“颜色填充1”):
“图层”面板显示图像上方的填充图层。
第2步:关闭纯色填充图层
我们现在还不需要看到纯色填充层,事实上,如果我们将它打开,它只会妨碍它,所以让我们暂时关闭它。为此,请单击“图层”面板中图层最左侧的图层可见性图标(“眼球”图标)。这将隐藏文档中的图层,使原始图像再次可见:
单击填充图层的可见性图标。
第3步:选择矩形工具
要绘制垂直面板,我们将使用矩形工具,这是Photoshop的基本形状工具之一,我们可以从屏幕左侧的“工具”面板中进行选择:
选择矩形工具。
第4步:将工具模式设置为形状
选择矩形工具后,确保屏幕顶部选项栏最左侧的“ 工具模式”选项设置为“ 形状”,而不是“路径”或“像素”:
将矩形工具的工具模式设置为形状。
第5步:绘制第一个面板
在选项栏中选择“形状”后,单击文档内部并拖出第一个垂直面板。我们将从左到右添加面板,所以从左侧开始。不要担心面板的颜色,因为我们不会再看到它了:
绘制图像左侧的第一个面板。
第6步:将形状图层重命名为“面板”
如果我们再次在“图层”面板中查看,我们会看到“形状”图层位于其他两个图层上方。默认情况下,Photoshop将Shape图层命名为“Rectangle 1”,正如名称所示,它不是那么有用:
新的Shape图层及其默认名称。
由于我们使用形状作为面板,直接双击名称“矩形1”以突出显示它,然后将其重命名为“面板”。按Enter(Win)/ Return(Mac)接受名称更改:
Shape图层及其新名称。
步骤7:使用自由变换路径命令旋转面板
让我们旋转形状,让它更具视觉趣味。转到屏幕顶部菜单栏中的“ 编辑”菜单,然后选择“ 自由变换路径”。或者,您可以通过按键盘上的Ctrl + T(Win)/ Command + T(Mac)访问自由变换路径。事实上,这个快捷方式稍后会非常方便:
转到编辑>自由变换路径。
这会在面板周围放置“自由变换”框和手柄(小方块)。将鼠标光标移动到面板外的任何位置。当您看到光标变为弯曲的双向箭头时,使用鼠标单击并拖动以旋转面板。在这里,我逆时针旋转了我的。完成后,按键盘上的Enter(Win)/ Return(Mac)接受它:
使用“自由变换路径”命令旋转面板。
步骤8:重新打开填充图层
现在我们已经添加了第一个垂直面板,让我们重新打开白色填充图层。再次单击填充图层的可见性图标(眼球所在的空白方块):
再次单击填充图层的可见性图标。
打开图层后,纯白色背景再次阻挡图像,只有垂直面板在其前面可见:
具有白色填充图层的文档再次可见。
第9步:打开混合选项
接下来,我们将在面板内部显示图像,并且我们还将添加几个图层样式。单击“图层”面板右上角的小菜单图标:
单击“图层”面板菜单图标。
从显示的菜单中选择“ 混合选项 ”:
从“图层”面板菜单中选择“混合选项”。
这将打开“图层样式”对话框,该对话框设置为中间列中的“混合选项”。首先,要使图像在面板内可见,请将“高级混合”部分中的“ 敲除”选项从“无”更改为“ 浅”或“ 深”(我将选择“浅”,但其中任何一个都适用于我们的目的)。然后,将填充不透明度一直降低到0%:
将Knockout设置为浅,填充不透明度设置为0%。
现在,图像通过文档中的面板显示:
现在可以在面板区域内看到照片。
步骤10:向面板添加阴影
为了使面板更加突出,我们将添加一些图层效果(样式)。首先,单击“图层样式”对话框左侧效果列表底部的“ 投影阴影”字样:
在图层效果列表中选择“投影”。
在中间列的“投影”选项中,将阴影的不透明度降低到大约60%,然后将“ 角度”设置为135°,以使光线从左上角看起来是闪亮的。如果尚未选中,请选择“ 使用全局灯光”。最后,增加距离和尺寸阴影对你的喜好,这将在很大程度上取决于你正在使用的图像的大小。“距离”值控制阴影从对象伸出的距离,而“大小”值控制阴影边缘的柔和度。在我的情况下,我使用的是相当大的图像,所以我将距离和大小设置为大约30px。同样,您可能希望根据图像大小尝试这些值:
投影选项。
这是应用投影时我的面板的样子:
应用投影后的面板。
步骤11:向面板添加笔划
在图层样式对话框仍然打开的情况下,单击左侧效果列表中的单词Stroke:
在图层效果列表中选择“笔划”。
在中间列的“笔触”选项中,单击色样以更改笔触的颜色:
单击颜色样本。
这再一次打开了拾色器,这次允许我们为笔画选择一种新颜色。就像我之前做的那样,我将通过输入255作为R,G和B值来选择白色。关闭拾色器后,单击“确定”:
为笔触颜色选择白色。
返回“图层样式”对话框,将笔触的位置从“外部”(默认设置)更改为“ 内部”,然后通过向右拖动滑块来增加笔触的大小,直到看到周围相当薄但明显的白色边框为止。面板。在我的情况下,我会将大小设置为12像素,但您可能需要一个不同的值,这取决于您的图像大小:
将位置更改为内部并增加大小值。
完成后单击“确定”以关闭“图层样式”对话框。这是我的面板在应用了投影和白色笔划时的样子:
应用投影和笔划后的面板。
步骤12:切换图层效果已关闭
在这一点上,我们已经完成了艰苦的工作(并不是任何一件事都很难,真的如此),并且添加其余的面板是一个简单的事情,即复制,移动和旋转我们已经创建的那个。然而,所有这些额外的面板意味着在我们完成时我们将最终得到更多层。所以在我们做任何其他事情之前,让我们在“层”面板中给自己一点空间,只需要一个小的内务处理任务。
请注意,Drop Shadow和Stroke效果都直接列在Panel图层下方。这很好,除了我们真的不需要看到它们,事实上,它们只是占用空间。让我们点击图层最右边的小箭头隐藏它们:
单击箭头以关闭图层效果。
这会切换图层效果部分关闭(再次单击箭头将重新打开它)。效果本身仍然适用于面板。我们所做的就是在“图层”面板中清除一些不必要的混乱,这样我们就可以为我们即将添加的其他图层留出更多空间:
图层效果的名称不再占用空间。
步骤13:复制面板层
我们现在准备添加我们的第二个面板。确保在“图层”面板中选择了“图层”图层(应以蓝色突出显示)。然后复制面板,方法是上到屏幕顶部的“ 图层”菜单,选择“ 新建”,然后选择“ 通过复制形状图层”,或者只需按键盘上的Ctrl + J(Win)/ Command + J(Mac) :
通过复制转到图层>新建>图层。
Panel图层的副本将显示在原始图层上方:
复制Panel图层后的“图层”面板。
步骤14:将副本移动到原件下方
单击“面板复制”图层,按住鼠标按钮,将其向下拖动到原件下方。原始Panel图层和Solid Color填充图层之间将出现一个高亮条:
将Panel复制图层拖动到原始图层下方。
当高亮显示条出现时,松开鼠标按钮,将Panel复制图层放在原始位置下方的位置:
Panel复制图层现在位于原始Panel图层下方。
步骤15:移动并旋转具有自由变换路径的副本
目前,面板的副本位于原件的后面,这意味着我们无法在文档中看到它。让我们移动并旋转它,我们可以使用Free Transform Path命令执行这两项操作。正如我们在步骤7中所做的那样,进入编辑菜单并选择自由变换路径,或按Ctrl + T(Win)/ Command + T(Mac)从键盘选择自由变换路径:
转到编辑>自由变换路径。
要移动新面板,请单击“自由变换”框内的任意位置,然后向右拖动面板。为了增加兴趣,请将面板移动到比原件更高或更低的位置:
将面板移动到其上方的面板的右侧。
要旋转面板,请将鼠标光标移动到“自由变换”框之外。当光标变为弯曲的双向箭头时,用鼠标单击并拖动以旋转它。当您添加越来越多的面板时,尝试以略微不同的角度旋转每个面板,其中一些倾斜到右侧,另一些倾斜到左侧:
单击并拖动以旋转第二个面板。
完成后,按Enter(Win)/ Return(Mac)接受它并退出Free Transform Path命令。如果您仍然可以看到面板周围的细路径轮廓,请不要担心。它只是可见的,因为在“图层”面板中选择了面板的图层。如果选择其他图层(背景图层或填充图层),则轮廓将消失:
现在添加了第二个面板。
步骤16:重复相同步骤添加其他面板
此时,我们需要做的就是重复相同的几个步骤来添加其余的面板。我们总是希望新面板最终低于其他面板,因此首先要确保选择最底部的Panel图层(直接位于填充图层上方的图层):
选择最底部的Panel图层。
然后,这是一个很好的节省时间的技巧,用于复制图层并同时向上或向下移动图层堆栈。按下Alt键(运)/ 选项键盘上的键(Mac),并在按住键,点击最下方的面板层上拖下来只有很短的距离,直到你看到一个亮点吧这层之间出现,直接位于其下方的纯色填充图层。基本上,您将拖动自身下方的图层:
按住Alt(Win)/ Option(Mac),同时在其自身和填充图层之间拖动底部Panel图层。
释放鼠标按钮,面板的副本显示在我们想要的位置下方:
该图层的副本显示在原始图像下方。
添加新面板后,按键盘上的Ctrl + T(Win)/ Command + T(Mac)快速选择Free Transform Path命令,然后在Free Transform框内单击并向右拖动新面板。同样,为了视觉兴趣,将其移动得比前一个面板略高或低:
激活“自由变换路径”后,将新面板拖动到右侧。
要旋转它,将鼠标光标移动到Free Tranform框之外,然后用鼠标单击并拖动。完成后,按Enter(Win)/ Return(Mac)接受它并退出Free Transform Path命令:
旋转新面板。
然后,再次重复这些相同的步骤(我刚刚在步骤16中介绍的步骤)以添加其余的面板。这是我使用总共七个面板的效果:
添加其余面板后的效果。
第17步:裁剪图像
最后,让我们去除面板周围不需要的白色区域。从“工具”面板中选择“ 裁剪工具 ”,或按字母C从键盘中选择它:
选择裁剪工具。
选择裁剪工具后,将选项栏最左侧的“ 纵横比”选项设置为“ 比率”,但将两个值框直接保留为右侧(或者如果需要,单击“ 清除”按钮清除它们)。这将允许我们拖出一个自由形式裁剪框而不是锁定到特定的宽高比:
将“纵横比”选项设置为“比率”。
很重要!若要在裁剪图像后仍然有效,请确保在选项栏中选择“ 删除裁剪的像素 ”。如果不选择此选项,裁剪后面板内的原始图像将不再可见:
选择删除裁剪的像素。
选择删除裁剪像素后,单击并拖出要保留的区域周围的新裁剪框,或者只是调整初始裁剪框的大小,就像我在这里所做的那样(通过将裁剪框的左右两侧拖向面板)。如果您的原始图像暂时消失,请不要担心,就像我的一样。它会在我们完成后立即重新出现:
拖动裁剪框时图像可能会消失,但这只是暂时的。
准备就绪后,按键盘上的Enter(Win)/ Return(Mac)键裁剪图像。面板内的照片将重新出现,为我们提供最终的“垂直光板”效果:
最后的结果。
END
【行业精选文章】