Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  JQuery UI  >  正文 photoshop制作MV常见的分散镜面效果教程

photoshop制作MV常见的分散镜面效果教程

发布时间:2018-12-06   编辑:www.jquerycn.cn
jquery中文网为您提供photoshop制作MV常见的分散镜面效果教程等资源,欢迎您收藏本站,我们将为您提供最新的photoshop制作MV常见的分散镜面效果教程资源
今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一下制作MV常见的分散镜面效果的教程,各位想知道具体方法的使用者们,那么大家就快来看一下教程吧。
<script>ec(2);</script>
给各位photoshop软件的使用者们来详细的解析分享一下制作MV常见的分散镜面效果的教程。
教程分享:
音乐视频往往包含着丰富的视觉创意,如Zain Malik的单曲Pillow Talk音乐视频。将Pillow Talk音乐视频锁定在2:12,就可以看到被垂直条纹分散开的镜面反射效果,这就是本期国外精品翻译教程跟大家分享的设计效果。在本次PS教程中将会采用很简单的方式模拟这种分散镜面效果。
MV效果图

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
MV效果图
最终效果图

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
最终效果图
1.前期准备
通过MV效果图,可以看到两个特征:歌手在黑色背景中唱歌;分散反射效果按有一定规律地排布,让人脸仍然能识别出来。这两个特征都不是很起眼,但对画面效果是至关重要的。
Step 1
选择恰当的原始素材非常重要。笔者选择了跟MV效果类似的黑色背景肌肉男,以求尽量模拟出MV效果。点击从这里下载,或者其他类似的素材都可以。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图01
Step 2
打开Photoshop,将素材置入,然后选择裁剪工具裁剪素材,只留下头部和颈部。这样可以保留更多的横向空间,对设计构图是很有必要的,并且与MV中的宽屏显示方式一致。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图02
Step 3
选择“图层>新建>通过拷贝图层(Ctrl J)”,将背景图层复制为新图层。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图03
Step 4
选择“图层>新建>新图层(Shife Ctrl N)”,命名为“Black”,将新图层放在背景图层和复制图层中间。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图04
Step 5
选择“编辑>填充”,内容识别选择黑色,将新图层填充为全黑色。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图05
2.创建垂直分隔
分散镜面反射的设计原理很容易理解,并且容易制作。制作的关键在于选择好各种宽度的分隔条。
Step 1
选择复制图层Layer1,选用矩形选框工具,在右耳创建一个细长的矩形选区,如下图所示。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图06
Step 2
选择“图层>新建>通过剪切的图层(Shift Ctrl J)”,将刚才选区内的图像剪切到新图层中。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图07
Step 3
点击图层蒙版中图层缩略图的小眼睛来隐藏图层。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图08
Step 4
重复刚才的步骤,不断从Layer 1中剪切出新图层,大约10次,一直到人物的肩膀。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图09
Step 5
将Layer 1隐藏起来,然后将全部的剪贴图层显示出来。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图10
Step 6
选择最左边的剪贴图,用移动工具移到画布最左端;同样选择最右端的剪贴图移动到画布最右端。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图11
Step 7
在图层面板中,按着Shift 将全部的剪贴图层都选上,然后选择“图层>分布>水平居中”,这样全部剪贴图层就会均匀地分布在画布上。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图12
Step 8
继续选上全部剪贴图层,选择“图层>图层编组”,将全部剪贴图层归入一个注重,命名为Mirror 1。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图13
3.复制效果
到这一步已经有了基础效果,但只是基础。下面需要增加其他的镜面,然后添加一些视觉效果以便区别开来。
Step 1
选择图层图Mirror 1,右击选择复制组,将整个图层组复制下来。对着图层图副本右击,选择转换为智能对象。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图14
Step 2
选择“滤镜>模糊>高斯模糊”,设置模糊半径为2.5像素。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图15
Step 3
选择移动工具,将模糊后的图层组由左向右,填补清晰的图层间隙,选择几个向上稍微移动一下。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图16
Step 4
复制智能对象图层组,命名为Mirror 3,然后在画布右侧填充空隙。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图17
Step 5
按照前面的步骤,将背景图层再复制,然后剪贴为不同大小的图层,合并到同一图层组中,命名为Mirror 4。需要注意这次的大小跟第一次要不一样。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图18
Step 6
将图层组Mirror 4复制,然后右击图层选择转换为智能对象。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图19
Step 7
选择“滤镜>模糊>高斯模糊”,设置模糊半径为3像素。然后将模糊后的剪贴图层移动到右侧,再放置在Mirror 4图层组下方。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图20
Step 8
选择Mirror 4图层组,主菜单选择“图层>图层蒙版>显示全部”。选择渐变工具,设置渐变模式为线性,设置渐变颜色为由白到黑,渐变方向为由左到右。这样可以减淡Mirror 4图层组的效果,并让下面图层的效果显示出来。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图21
Step 9
复制Mirror 4副本智能对象,将它移动到左侧,设置不透明度为30%,然后将它放到Mirror 1下面。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图22
Step 10
在图层面板顶端添加色相/饱和度调整图层,设置饱和度为-27、明度-13。

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
图23

 

<center>镜子效果,教你制作MV常见的分散镜面效果_www.16xx8.com</center>
最终效果图
小结
设计效果其实并不复杂,但是要利用大量图层和图层排列。不过,只要使用好图层组和智能对象功能,保持整个图层面板很整齐,这个应该不是问题。希望大家能从这次的PS教程中有所启发,设计出更多的好作品。
好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的制作MV常见的分散镜面效果的教程解析分享的全部内容了,各位看到这里的使用者们,小编相信各位使用者们现在是非常的清楚了制作方法了吧,那么各位就快去按照小编上面的教程自己去制作下分散镜面效果吧。

您可能感兴趣的文章:
jquery放大镜效果超漂亮噢
jQuery 打造动态渐变按钮 详细图文教程
基于jquery的放大镜效果
Javascript图片放大镜的实例分析
js实现图片放大缩小功能后进行复杂排序的方法
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
使用php数组为文章内容自动加链接的代码
jquery图片放大功能简单实现
40款非常棒的jQuery 插件和制作教程(系列二)

[关闭]