当前位置:首页>ps入门教程>ps边框教程>教程内容

出屏效果,Photoshop如何制作延伸框外的景色

来源:www.16xx8.com 作者:优图之家 学习:18365人次

今天教大家创建一个超出框外的图片效果,很简单,但是用好了逼格满满。要将这个效果做的出彩,主要看图片的选用是否得当以及一定的创意。下面这两张图就因为兼顾了这两点,所以十分出彩:

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com
www.16xx8.com

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com

话不多说,现在就将大家具体怎么操作吧!!!

创建准备:

一张画框图片
一张有连贯性的素材

正式开始

创建一个1920×1080px的文档,然后把准备好的画框嵌入进来,并利用自由变换工具将其调整到合适的大小:

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com

用钢笔工具勾选出画框的白色部分,创建选区,按住Alt键后添加蒙版

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com

将画框图层复制一层,并反相(留下的就是白色部分):

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com

将准备好的素材图片嵌入其中,我嵌入的是一张包含道路元素的图片:

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com

将图片的不透明度降低(方便观察),利用自由变换工具将图片调整到合适的方位(道路的边沿和画框的边角重合):

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com

利用钢笔工具框选出图片在画框外的延申部分,创建选区后,选中画框复制图层的蒙版,将前景色改为白色后,利用画笔工具将选区全部涂白:

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com

这时选择风景图层,对下创建剪贴蒙版,大致效果就已经出来了:

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com

将风景图层复制一层,降低其不透明度后利用自由变换工具将其放大一点,并放到合适的位置。添加一个蒙版,擦掉多余的部分:

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com

最后添加一群鸟来丰富图片的内容,整个效果就OK了:

出屏效果,Photoshop如何制作延伸框外的景色_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
1537965792020-07-11 02:29
谢谢您的分享。
我是高个子的女学霸2018-07-23 05:42
赞喔
锡箔焦鱼2018-07-23 12:03
很不错
咻冬咚2018-07-23 07:08
楼主在逗我吗
别惹小郭2018-07-23 06:33
挺不错的教程
笑容最美2018-07-23 05:31
顶下顶下顶下顶下顶下顶下
我代表记忆姐2018-07-23 03:39
很喜欢
韩筱朔2018-07-23 03:21
学习了

关注大神微博加入>>

网友求助,请回答!