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

如何在 Adobe Photoshop 中创建碎片效果的预设动作

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

在本教程中,您将学习如何创建令人惊艳的碎片视觉设计效果。

首先,我们将设计几种图案,我们将使用它们来创建的碎片效果。 然后,我们决定照片的哪些地方需要碎片效果。 然后,我们选择我们设计图稿中碎片的朝向,将它们变形、 模糊,添加景深,并最后作出调整。

我会尽量详细解释所有的步骤,让所有人都可以做出来这个效果,即使是那些只是第一次打开 Photoshop的人。

如上所示的效果是我如下的教程即将展示的。 如果你想几分钟创造以下的图示效果,请点击我的Photoshop预设碎片动作效果链接

Dispersion photoshop action final results

你需要些什么?

要创建此教程的设计,您将需要以下的图片︰

1.如何开始

首先,打开您想要使用的照片。 若要打开你的照片,选择文件 > 打开,选择你的照片,然后单击打开。 现在,我们开始之前,只是检查几件事情︰

  1. 你的照片处在 RGB 颜色模式8 位/通道。 要检查这个问题,选择到图像 > 模式
  2. 为了获得最佳结果,你的图片大小应该是是在1500像素-4000 像素宽/高之间。 要检查这个,选择图片>图片大小。
  3. 设置你的相片处于背景图层中。 如果它不处于背景图层中,选择图层>新的图层>背景图层。
Checking image size and mode

2.如何创建图案

步骤 1

在这一步我们会创建用于碎片效果的图案。 选择 文档>新的文档 创建新文件,取名为 图案一,然后参照如下设定。

Creating new file named Pattern 1

步骤 2

现在选择椭圆工具和并且在画布任何位置单击鼠标左键来创建椭圆,设置如下: 将椭圆居于画布的中间位置。

Creating new ellipse

步骤 3

鼠标左键单击背景图层的眼睛图标的隐藏它,选择 编辑 > 定义图案 来定义新的图案,并命名为 圆形图形1

Defining new pattern named Circle Pattern 1

步骤 4

现在你选择 图案1文件。 选择 文档> 新的文档,创建一个新的文件,并且命名为图案2,设置如下:

Creating another new file named Pattern 2

步骤 5

现在选择椭圆工具和并且在画布任何位置单击鼠标左键来创建椭圆,设置如下。 将椭圆置于画布中心位置。

Creating another ellipse

步骤 6

单击鼠标左键选择背景图层中的眼睛图标的隐藏它,选择编辑 > 定义的模式来定义新的模式,并命名为 Circle_Pattern_2。

Defining new pattern named Circle Pattern 2

步骤 7

现在选择图案2。 选择 文档>新的文档,命名为图案3,设置如下:

Creating another new file named Pattern 3

步骤 8

现在选择椭圆工具和并且在画布任何位置单击鼠标左键来创建椭圆,设置如下: 将椭圆置于画布的中间

Creating another ellipse

步骤 9

按鼠标左键单击背景图层的眼睛图标的隐藏它,选择 编辑 > 定义图案 来定义新的图案,并命名为 圆形图形3。

Defining new pattern named Circle_Pattern_3

3.如何创建底纹

步骤 1

下面,我们将要决定基础,确定哪些部分会有碎片效果。 选择图层 > 新的图层 > 图层来创建一个新图层并命名为基底图层。

Creating new layer named Base

步骤 2

现在选择笔刷工具 (B)、 挑软的笔刷,调整画笔的大小并涂抹在你想要做碎片的区域。 你可以使用任何颜色 —这个不是太重要。

Creating the base

4.如何创造碎片部件

步骤 1

在这一节,我们将创建将来需要碎片的部分。 鼠标单击Control并点击基础图层,将其变成选区。

Making selection of the Base layer

步骤 2

点击缩略图旁边的眼睛图标隐藏基底图层。 选择套索工具 (L)、 单击右键画布的任意位置、 选择建立工作路径,输入以下的设置︰

Making work path from selection

步骤 3

选择背景图层,然后选择 图层 > 新的图层 > 创建一个新图层。 保持默认名为图层 1,因为在接下来的几个步骤,我们将删除此图层。

Creating a new layer for filling it with Circle_Pattern_1

步骤 4

选择钢笔工具(P),在画布的任意位置单击鼠标右键,选择填充路径,选择圆圈图案1,并设定为自定义图案。 设置如下:

Filling work path with Circle_Pattern_1

步骤 5

选择控制并点击图层 1的缩略图选择该图层,选择背景图层,然后选择图层 > 新的图层 > 拷贝图层。

Creating a new layer via copy to create first medium parts

步骤6

双击图层 2 的名称,并且重命名它为MP_1,这些将组成中等大小的碎片部分。 右键单击图层1,然后选择删除图层。

Deleting Layer 1 and renaming Layer 2 to MP_1

步骤 7

我们现在需要创建更多的中型碎片部分,请重复所有的从步骤 3 到步骤 6。 当然,在步骤 6 中,根据它们的顺序重新命名。 需要重复多少次可以依据你需要创造多少部分来决定。 我重复了49次,创建 50个中型部件图层。

Creating more medium parts

步骤 8

我们将把这些部分成组,这样我们工作起来更加方便。 选中你的中间部分的图层,按住 Shift 并单击第部分层顶部,选中图层 > 新的图层 > 图层成组,创建一个新的组合图层并将其命名中部图层组。

Creating new group named Medium Parts

步骤 9

现在我们将创建小的部件。 选择背景图层,选择图层>新的图层>图层 创建新图层,保持默认名为图层一,因为我们接下来的步骤会删除它。

Creating a new layer for filling it with Circle_Pattern_2

步骤 10

选择 钢笔工具(P),鼠标右键单击画布,选择填充路径,选择圆圈图案2自定义图案。 其他设定如下:

Filling work path with Circle_Pattern_2

步骤 11

现在按 Control+单击图层1的缩略图标,将该图层变为选区,选择背景图层,再选择图层>新的图层>拷贝图层

Creating a new layer via copy to create first small parts

步骤 12

双击图层2,重命名它为SP_1,这将是组成小部件的图层。 然后右键单击图层 1 ,选择删除图层。

Deleting Layer 1 and renaming Layer 2 to SP_1

步骤 13

如何创造更多的小部件,请重复步骤9-步骤12. 当然,在步骤 12 中根据小部分的排序更改名称。 需要重复多少次可以依据你需要创造多少部分来决定。 我总共重复了14次,做出了15个组成小部件的图层。

Creating more small parts

步骤 14

同样,我们也要将它们成组。 确认你最后的小部件图层被选中,按住 Shift 键单击第一个小部件图层,选择图层 > 新的图层>将这些图层成组,创建一个新的组并将其命名为小部件图层组

Creating new group named Small Parts

步骤 15

现在我们将创造大的部分。 选择背景图层,然后选择 图层 > 新的图层 > 创建新图层,并保留默认名为图层 1,因为我们将在接下来的几个步骤中删除此图层。

Creating new layerCreating a new layer for filling it with Circle_Pattern_3

步骤 16

选择钢笔工具 (P),右键单击画布中任意位置, 选择填充路径,选择圆圈图形3 作为自定义图案。 其他按照如下设置:

Filling work path with Circle_Pattern_3

步骤 17

现在点击Control并单击图层 1 的缩略图以选择该图层,选择背景图层,然后选择图层 > 新的图层 > 拷贝图层

Creating a new layer via copy to create first large parts

步骤 18

双击图层 2, 以 LP_1 重命名它,这些都是组成小部件的图层。 鼠标右键单击图层1,然后选择删除图层

Deleting Layer 1 and renaming Layer 2 to LP_1

步骤 19

现在,若要创建更多的大部件,重复步骤15 -18。 当然,在第18步的时候根据大部件的先后顺序更改名称。 需要重复多少次可以依据你需要创造多少部分来决定。 我总共重复了13次,创造了14个大的部件图层。

Creating more large parts

步骤 20

我们依然将它们成组。 确认你最后的大部件图层选中,按住 Shift 键单击顶上的第一大部件图层,选择图层 > 新的图层 > 将这些图层成组,创建一个新的组别并将其命名大部件图层组。

Creating new group named Large Parts

步骤 21

现在拖拽大部件图层组在中部件图层组之上。 然后选择钢笔工具 (P),鼠标右键单击在画布的任意位置,然后选择删除路径

Changing layer order and deleting path

5.如何分散的部件

步骤 1

在这部分,我们将制作碎片部分。 选择移动工具 (V),在图层面板选择这些部分,移动它们创造碎片效果。 你可以依照你想要的方向摆放它们。 我选择将它们摆放为向上的方向。 这就是现在的效果:

Dispersing the parts

步骤 2

现在我们要模糊一些部件,创建景深。 所以选择一些部件层,选择 滤镜 > 模糊 > 高斯模糊,然后输入下面的设置︰

Bluring the parts layer

步骤 3

你可以重复步骤 2,模糊更多你想要模糊的地方。 另外,在高斯模糊面板中尝试使用不同的半径值。 我一共模糊了14个部件,下面是总效果:

Bluring more parts layers

步骤 4

现在,我们要重命名我们使用模糊效果的BP_1,BP_2 的所有图层,根据模糊图层的数量,这将使我们更好的在后期自定义我们想要的效果。

然后选择所有模糊的部件图层,在我的例子中,也就是图层BP_1BP_14 这些模糊的部件图层,选择图层 > 新的图层 > 将图层成组 创建一个新组。 将它们命名为模糊的部分。 这一群体在其他零件组,基底图层的下方的位置。

Creating new group named Blurred Parts

步骤 5

现在我们需要将一些部分变形,以便添加更多的景深。 所以选择一些部件图层,按键盘上的Control加T,更改它们的宽度和高度如下图所示︰

Tranforming the parts layer

步骤 6

你可以重复步骤 5,如你所愿将更多的部件变形。 也可以使用不同的变形值。 我总共将九个部件变形,这里是我的得到的结果︰

Transforming more parts layers

步骤 7

现在,通过复制的图层,或是通过使用橡皮擦工具 (E) 和软笔刷删除和隐藏部分图层,你可以最后对一些部件进行更改,例如模糊一些更多的部件,改变它们的形状,改变它们的位置。 下面是效果:

Final changes to the parts

6.如何添加运动效果

步骤 1

在这一节,我打算向部件添加运动效果。 点击背景图层的眼睛缩略图来隐藏该图层,选择的模糊部件组,然后按键盘上的Control-Alt-Shift-E创建快照。

Hiding Background layer and merging visible

步骤 2

将此图层的混合模式更改为滤色,选择 滤镜 > 模糊 > 高斯模糊,然后输入下面的设置。

Adding gaussian blur filter to Layer 1

步骤 3

然后再次按键盘上的Control-Alt-Shift-E创建快照。 然后选择 滤镜 > 模糊 > 运动模糊,设置如下︰

Adding motion blur filter to Layer 2

步骤 4

选择滤镜 > 扭曲 > 波纹 设置如下︰

Adding distort wave filter to Layer 2

步骤 5

现在鼠标右键单击图层面板中的图层 1 ,选择删除图层,并点击图层 2 的缩略图旁边的眼睛图标来隐藏该图层。 选择模糊的部件组,在按键盘上的Control-Alt-Shift-E 再一次使快照。

Deleting Layer 1 and merging visible

步骤 6

现在选择图层 2,点击其缩略图旁边的眼睛图标,以显示它。 按键盘Control并单击图层 3 的缩略图以选择该图层,选择移动工具 (V),在顶部的菜单中选择对齐底部边缘。 然后选择 选择 > 取消选择 删除所选内容。

Aligning Layer 2 with selection of Layer 3

步骤 7

鼠标右键单击图层 3 上,然后选择删除图层。 然后点击背景图层缩略图旁的眼睛图标以显示该图层。 拖动图层 2 将其置于背景图层的上方,双击它的名字,将它重命名为部件运动图层。 将其透明度改为 20%

Renaming Layer 2 to Parts Motion and changing its opacity

7.如何向部件添加对比度

步骤 1

在这一节,我们打算向部件添加一些对比度。 按键盘上的 D 重置色板,选择模糊部件图层组,选择图层> 新建调整图层 > 渐变映射 来创建一个新的曲线调整层。 将其命名为部件对比图层。

Creating new gradient map adjustment layer named Parts Contrast

步骤 2

现在更改此图层混合模式为柔光透明度20%

Changing blending mode and opacity of Parts Contrast layer

步骤 3

现在,保持选定部件的对比图层,按住 Shift 键单击部件移动图层,选择这两个图层和它们之间的所有其他图层,选择图层 > 新的图层 > 将图层成组,以创建选定的图层组。 命名它们为部件并将其混合模式更改为正常

Creating new group named Parts

8.如何进行最后的调整

步骤 1

在这一节,我们要对我们的设计作出最后的调整。 选择图层 > 新建调整图层 > 曲线,来创建一个新的曲线调整图层,并命名为颜色图层

Creating new curves adjustment layer named Color Look

步骤 2

鼠标双击颜色图层缩略图并输入下列设置︰

Changing settings of Color Look adjustment layer

步骤 3

现在,选择图层 > 新建调整图层 > 自然饱和度 来创建一个新的自然饱和度调整图层并命名为整体饱和度

Creating new vibrance adjustment layer

步骤 4

双击整体自然饱和度图层缩略图上,然后输入以下设置︰

Changing settings of Overall Vibrance adjustment layer

步骤 5

现在按键盘上的 重置色板,选择 图层 > 新建调整图层 > 渐变映射来创建新的渐变映射调整图层。 将其命名为整体对比度

Creating new gradient map adjustment layer named Overall Contrast

步骤 6

更改此图层混合模式为柔光,降低其透明度15%

Changing blending mode and opacity of Overall Contrast layer

步骤 7

最后我们将锐化我们的设计。 按键盘Control-Alt-Shift-E制作快照,选择 滤镜> 其他 > 高通,并选择以下设置︰

Adding high pass filter to Layer 1

步骤 8

现在双击图层 1 重命名它为整体锐化。 然后将其混合模式更改为硬光透明度80%

Renaming Layer 1 to Overall Sharpening and changing its blending mode and opacity

你做出来了!

恭喜你,你成功了 ! 下面是我们最后的效果图︰

Final result

手动创建这种效果可能真的费时又痛苦。 如果你想要几分钟创建这个碎片效果,并符合你想要的碎片形状,请参考我的预设Photoshop碎片效果

Dispersion photoshop action final results

该操作工作,你只是刷在你想要分散,选择形状和方向,并发挥作用的领域。 预设动作让你在几分钟内完成所有事情,得出的结果彻底的分层和自定义。 预设动作包括13种可供选择的形状︰

  • 圆形
  • 心形
  • 钻石
  • 星星
  • 三角形
  • 六边形
  • 音符
  • 圆圈形
  • 心形圆圈
  • 钻石线形
  • 星星线形
  • 三角线形
  • 六角线形

此外有五个不同的方向和位置的碎片选择:

  • 右边
  • 左边
  • 上边
  • 下边
  • 中间
Envato qr branded
关注我们的公众号
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.