欢迎来到福编程网,本站提供各种互联网专业知识!

Photoshop把立体相框照片放入树叶中

发布时间:2012-11-17 作者:不如 来源:ps教程网 tat
本次教程接上一次教程“Photoshop制作木纹艺术效果的相框”,这次主要的任务是将之前教程中设计的平面相框进行立体化处理并展示,主要涉及到边框立体边缘处理、阴影效果、立体遮挡等操作,有需要的朋友可以一试!教程效果图一,直角边框展示效果图二

本次教程接上一次教程“Photoshop制作木纹艺术效果的相框”,这次主要的任务是将之前教程中设计的平面相框进行立体化处理并展示,主要涉及到边框立体边缘处理、阴影效果、立体遮挡等操作,有需要的朋友可以一试!

Photoshop把立体相框照片放入树叶中 全福编程网

教程效果图一,直角边框展示

PS艺术相框(二)-相框立体化展示【效果图】,全福编程网

效果图二,倒角边框展示

PS艺术相框(二)-相框立体化展示【原图01】,全福编程网

原图一,直角平面边框设计原图

PS艺术相框(二)-相框立体化展示【原图01】,全福编程网

原图二,倒角平面边框原图

PS艺术相框(二)-相框立体化展示【原图02】,全福编程网

原图三,爬山虎背景原图_ueditor_page_break_tag_

1、本次教程继上一教程“PS艺术相框(一)-平面相框的绘制”进行讲述,所采用的原图为上一教程的效果图,这里有一点要说明,在上一教程中设置斜面和浮雕时,参数不同可以产生不同的平面效果图,而在进行立体化处理时也会产生出直角与带倒角两种效果样式,本例以直角效果处理来进行演示,本次教程采用photoshop CS5制作,首先调入直角原图,双击背景图层,将其转为图层0,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤01】,全福编程网

2、本次立体化处理我们采用右上角视图,所以要处理上边框和右边框,我们先来处理右边框,先用矩形选框将右边框的一半区域选中,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤02】,全福编程网

3、按Ctrl+C键将选区部分复制,然后按Ctrl+V键粘贴生成图层1,利用移动工具将图层1向右移动到右边框边缘对齐,然后选择菜单“编辑->变化->扭曲”,用鼠标按住右边中心的控制点向上拖动,让图层1变形成向上倾斜的平行四边形,效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤03】,全福编程网

4、应用完变形后,再利用矩形选框工具拉出一个选区,右键选择羽化菜单,设置羽化半径为5,将图层1和右边框各选中一半,因为接下来我们要处理高光与阴影效果,另外可以原图层0设置一下斜面和浮雕效果,这样会更有利于后面处理,效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤04】,全福编程网

5、首先来处理新生成的图层1的高光阴影,确保单击选中图层1,然后选择菜单“图像->调整->亮度/对比度”,适当降低亮度和升高对比度,目的是让图层1与原有边框产生明暗对比,效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤05】,全福编程网

6、接着处理右边框的高光阴影效果,保留选区,单击选中图层0,同样设置其“亮度/对比度”,但设置与图层1相反,采用升高亮度和降低对比度,这样就能让图层0与图层1之间产生较为明显的明暗效果,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤06】,全福编程网_ueditor_page_break_tag_

7、处理完右边框的立体化效果,接下来可以用同样的方法处理上边框,一样先选中上边框一半区域,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤07】,全福编程网

8、将选区复制生成图层2,然后向上移动并进行扭曲变形,要注意右上角的接合要紧密,最后一样设置明暗效果,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤08】,全福编程网

9、处理完右边框和上边框,我们还要处理下方的字母文字的边框,一样用选区选中字母O,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤09】,全福编程网

10、复制选区生成图层3,然后利用移动工具进行右上偏移,效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤10】,全福编程网

11、将图层3再复制生成一个“图层3 副本”,继续相应进行右上偏移,这样经过两层叠加后立体效果就强了很多,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤11】,全福编程网

12、另外字母VE也要处理,采用相同的方法,先框选选区,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤12】,全福编程网

13、一样复制生成图层4进行右上偏移,然后再复制生成图层4副本进一步进行右上偏移,方法与字母O一样,效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤13】,全福编程网

14、单击选中最上方图层1,然后按Ctrl+Shift+Alt+E键进行盖印图层并生成图层5,这样我们就得到了一个带有立体感的相框图层5,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤14】,全福编程网_ueditor_page_break_tag_

15、接下来就是背景合成处理,打开背景原图二,将刚才生成的图层5拖入到背景原图二中生成图层1,按Ctrl+T键进行自由变换,适当调整其大小及角度,具体效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤15】,全福编程网

16、应用自由变换后可以看出,简单的叠加在一起比较假,所以我们要进行溶合处理,即让相框与背景相溶合,给图层1添加图层蒙版,利用硬度为90的黑色画笔工具对相框边缘进行处理,我们的目的是将被相框遮挡住的部分叶子显示出来,这样可以形成相框与爬山虎叶子相交的效果,先处理相框左上角部位,效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤16】,全福编程网

17、接着处理相框的左下角部位,处理方法相同,就是用黑色画笔在图层1相框蒙版上进行相应的擦除以显示出叶子即可,效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤17】,全福编程网

18、另外还要处理一下相框上边框,效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤18】,全福编程网

19、最后再处理下边框,而右边框就不要处理了,太多了反而不真实,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤19】,全福编程网

20、在处理叶子露出的效果时一定要细致,叶子要完整,不一定要多,适当分布,这样效果才会逼真,本例大致效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤20】,全福编程网

21、接着就要处理高光阴影,这是合成必不可少的环节,按住Ctrl键左键单击图层1缩略图载入选区,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤21】,全福编程网_ueditor_page_break_tag_

22、单击矩形选框工具,然后在选区上单击右键选择羽化菜单,设置选区羽化半径为10,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤22】,全福编程网

23、移动选区向左下偏移适当距离,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤23】,全福编程网

24、将背景图层复制生成一个“背景 副本”并选中,注意保留选区,选择菜单“图像->调整->亮度/对比度”,适当降低亮度和升高对比度值,这样可以在相框左下边框的周边区域产生一些较暗的阴影区域,类似于被相框所遮挡产生的效果,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤24】,全福编程网

25、接着将选区反向朝右上角移动适当距离,同样设置亮度与对比度,参数及效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤25】,全福编程网

26、最后还要再处理一下整体画面的色泽,这也是合成图必不可少的环节,单击图层面板下方的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“亮度/对比度”选项,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤26】,全福编程网

27、适当降低整体亮度和各项高对比度,这样可以让整体画面溶合许多,设置参数及效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤27】,全福编程网

28、另外如果对整体画面颜色不满意,可以再添加“色彩平衡”调整图层,调整各种色调比例,直到满意为止,如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤28】,全福编程网

29、如果有需要,还可以添加一些文字进行点缀,如本例添加“往昔”两字进行点题,可适当设置外发光、描边等图层样式,效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤29】,全福编程网

30、另外在左下角可以再添加一些文字说明,设置投影、描边等样式,具体不再详述,本例最终效果如下图所示:

PS艺术相框(二)-相框立体化展示【教学步骤30】,全福编程网

本教程为PS教程网原创作品,作者tataplay尖尖,如需转载,请保留教程出处www.tata580.com链接,尊重原创,谢谢!

相关推荐