
在本教程中,您将学习如何创建令人惊艳的碎片视觉设计效果。
首先,我们将设计几种图案,我们将使用它们来创建的碎片效果。 然后,我们决定照片的哪些地方需要碎片效果。 然后,我们选择我们设计图稿中碎片的朝向,将它们变形、 模糊,添加景深,并最后作出调整。
我会尽量详细解释所有的步骤,让所有人都可以做出来这个效果,即使是那些只是第一次打开 Photoshop的人。

1.如何开始
首先,打开您想要使用的照片。 若要打开你的照片,选择文件 > 打开,选择你的照片,然后单击打开。 现在,我们开始之前,只是检查几件事情︰
-
- 你的照片处在 RGB 颜色模式,8 位/通道。 要检查这个问题,选择到图像 > 模式。
-
- 为了获得最佳结果,你的图片大小应该是是在1500像素-4000 像素宽/高之间。 要检查这个,选择图片>图片大小。
-
- 设置你的相片处于背景图层中。 如果它不处于背景图层中,选择图层>新的图层>背景图层。

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

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

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

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

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

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

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

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

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

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

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

4.如何创造碎片部件
步骤 1
在这一节,我们将创建将来需要碎片的部分。 鼠标单击Control并点击基础图层,将其变成选区。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

步骤 4
现在,我们要重命名我们使用模糊效果的BP_1,BP_2 的所有图层,根据模糊图层的数量,这将使我们更好的在后期自定义我们想要的效果。
然后选择所有模糊的部件图层,在我的例子中,也就是图层BP_1 到 BP_14 这些模糊的部件图层,选择图层 > 新的图层 > 将图层成组 创建一个新组。 将它们命名为模糊的部分。 这一群体在其他零件组,基底图层的下方的位置。

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

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

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

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

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

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

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

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

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

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

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

步骤 2
现在更改此图层混合模式为柔光,透明度为 20%。

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

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

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

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

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

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

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

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

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

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

