Smashing

这次我们学习粉碎视觉效果,讲解一下大体要做过程,首先把宇宙的背景表现出来,然后通过滤镜合成宇宙行星的效果,选择好合适的文字之后,经过粉碎后添加纹理,最后将文字图层全部合并。粉碎效果需要重复很多次,方法是不难的,只要用心跟上教程的内容就可以了。

注:大家在跟着教程制作的时候,图层的命名要看仔细

制作粉碎视觉效果

完成图像

 

第一步:宇宙背景

 

制作粉碎视觉效果

Ctrl+N新建文件,宽1400px,长1000px

 

制作粉碎视觉效果

前景色为黑色,背景色为白色,背景层上用黑色填充(快捷键:Alt + Delete),复制背景层(快捷键Ctrl+J键)

 

制作粉碎视觉效果

选择菜单栏上的 滤镜 > 杂色 > 添加杂色

 

 

制作粉碎视觉效果

选择单色高斯分布,数量调整至20%,然后确定。

 

制作粉碎视觉效果

相比之下,杂色滤镜的这一层可以代表宇宙星级,出现按Ctrl+ L(或是[调整]>[等级]窗口),点同时调整高光和阴影点。如上图如示

 

制作粉碎视觉效果

这次杂色是用于宇宙背景上的表现。为表现远近的效果,点击添加图层蒙版

 

制作粉碎视觉效果

前景色为黑色,再用画笔工具,设置不透明度50%,选择蒙版区域,将图层涂抹致模糊甚至消失,将星星远到近的角度表现出来。为了表现的自然,适当的调整画笔的大小。

 

制作粉碎视觉效果

分层云彩的使空间感觉更真实,设置前景色 #1e5285,背景色 #000000,然后新建图层命名为clouds,选择[ 滤镜 ] > [ 渲染 ] > [ 分层云彩 ]蓝色的云就形成了

 

制作粉碎视觉效果

混合模式为“变亮”,不透明度设置为70%,然后创建蒙版添加一下分层云彩的效果,和黑色笔刷,使画面空间感跟飘渺感觉更逼真。

 

制作粉碎视觉效果

添加一个地球的图片(图片已经打包在下面的下载里了)

 

制作粉碎视觉效果

宇宙背景分组。地球的图像背景去除后,宇宙层命名为planet

 

制作粉碎视觉效果

将地球图层缩小,调整合适的大小,按Ctrl+ J,复制一个层。 接下来的操作,按下面的操作来

 

制作粉碎视觉效果

在下面的地球图层双击打开图层样式,勾选颜色叠加,选择白色,点击确定

 

制作粉碎视觉效果

在菜单中[滤镜]>[模糊]>[高斯模糊]被选中。选择半径5.0像素,然后点击确定

 

制作粉碎视觉效果

使用键盘上的箭头键在图层底部的行星向10点钟方向移动,接下来创建一个新图层填充黑色,添加黑色镜头光晕命名为chaewojugo

 

制作粉碎视觉效果

[滤镜]>[渲染]>[镜头光晕]然后,选择镜头型号50-300mm的变焦,调整好合适的镜头的方向位置确定

 

制作粉碎视觉效果

混合模式为滤色,不透明度70%设置。该层的位置拖到地球的图层下面,调整位置置在左上角露出地球。透镜层不显示的部分和边界使用橡皮擦工具擦除。因此,真正的宇宙背景完成。

第二步,创建粉碎视觉效果

 

制作粉碎视觉效果

字体选择无衬线字体,比较厚和硬的那种,输入所需的字符。在这里,字符字体 Franklin Gothic Demi, (字体不提供了,大家自己搜索下载,接下来就是要看大家耐心的时候了)Design : 字体为100pt, Inspiration : 字体为200pt

制作粉碎视觉效果

输入文字后右键图层,选择栅格化文字。接下来,选择套索工具,您可以选择一个面切割。如图片所示

 

制作粉碎视觉效果

剪切选定的区域为快捷键Ctrl+shift+j,移动鼠标到合适位置编排

制作粉碎视觉效果

根据上面的操作来制作。为了使自然切割面打磨效果,以块状形式分割

制作粉碎视觉效果

其余的字体被切割并以各种形式表现出来。

制作粉碎视觉效果

下面的图片可以是粗切石或墙壁纹理纹理,为了方便,已经准备好一张。在有质感的裂缝上,选择合适的纹理按文字的裂纹上拼。

制作粉碎视觉效果

将纹理放置在零碎的字符里,快捷方式:1.选中纹理图层右键点击“创建剪贴蒙版”,放弃是按Ctrl + Alt+ G键。2.纹理和零碎字符图层按Alt+鼠标移到该两图层之的中间,单击剪贴蒙版的应用。纹理就被为应用到字符里被遮罩了。

制作粉碎视觉效果

按上面的操作方式应用,这样就能体现出移动破碎效果的真正裂缝。

制作粉碎视觉效果

为了表现雕刻文字的立体感,双击层打开样式窗口,选择“投影”,根据需要调整值就行了

制作粉碎视觉效果

字母“N”因图层样式“阴影”而形成阴影,而下面的文字也是受到上面的文字影响应该体现出了阴影。

制作粉碎视觉效果

用上面的方法来操作,想要的效果就出现了。

制作粉碎视觉效果

在阴影的部分,选择加深工具,中间调,曝光值为20%应用到图层剪贴蒙版进行加深。让阴影更自然的表示。

制作粉碎视觉效果

这样的立体感的DESIGN文字完成了,下一个就是INSPIRATION字符,方法也相同

制作粉碎视觉效果

同样的纹理和立体感的表现应用于下面的“inspiration”,所有的文字都完成了

第三步:磨削和修整纹理合成

 

制作粉碎视觉效果

玻璃破坏纹理的图片,使用破碎的纹理做为背景的准备

制作粉碎视觉效果

把准备好的纹理图片,放在顶层

制作粉碎视觉效果

混合模式为线性减淡,不透明度为60%到80%允许调整。

制作粉碎视觉效果

为满足整体的色彩平衡[调整]>[色彩平衡]选择如下图所示,在中间调,亮点,暗,分别根据需要调节色彩平衡。

中间调:-16 -1 -22 调 光:+9 +3 -20 阴 影:-19 -3 +5

制作粉碎视觉效果

发上我做的效果,最终的调色我没有按教程上来的,发上我的调色,如果大家感觉还不错的话,可以试试

制作粉碎视觉效果

在文字的上部加些高光,操作很简单,就是选择文字的碎片部分在上面填充白色,用像皮工具擦除一下不需要的部分,然后使用混合模式“叠加”

制作粉碎视觉效果

调色的色值,渐变映射的颜色值:#01072c #85853a 47% #ebe8c1

发表评论