如此逼真的PS假窗效果,我就这么轻易告诉你了?

用户头像
贵阳/UX设计师/8年前/3633浏览
如此逼真的PS假窗效果,我就这么轻易告诉你了?

优秀的国外PS教程,让语言不再是向大神靠近的门槛!

    

 最终效果图


在这个教程中,你将学习如何制作令人惊讶的“假窗”效果。

课程最后,你只需要点击一下,就会有一个自动化操作整个过程的动作键。尽管你是第一次学习PS软件,我会尽可能详细地解释步骤,帮助大家跟上教程哦。

如果你只想点击一下创造出一个“假玻璃窗”效果,你既没有时间,也不想自己制作效果,那你可以从GraphicRiver的文件夹中找到“假玻璃窗”功能素材。你只要几秒钟,就可以添加很棒的“假窗”效果到自己的图片中。



准备材料


为了完成这个动作,我们需要两张图,一张底图,另一张是假窗效果中的倒影图。至于主图,我们用到如下这张Ryan Holloway拍摄的图片,你可在Unsplash中找到。

你可以用任何一张图片,但为了能有最佳的效果,图片最好选择有深色背景的。从而可以使中间部分的图像更好地呈现这个效果。




至于倒影图,我们可以选择任何风格的图片,最好是国外风景图或天空图。在我们的教案中,我们将用到一张由免费图片集软件所提供的都市风景图,你可以在Pixabay中找到这张图。


如何在PS软件中添加画笔


Step1 

点击编辑→预先设置→预置管理器……在预置管理器界面,选择预置类型:画笔并点击载入……

浏览并选择“假窗”文件夹,会出现一个可下载的链接,随后点击完成。


Step2

 选择画笔工具。确保透明度和饱和度设置成100%。


如何设置个人记录 

  

Step1 

首先打开一张你想要处理的图片。打开你的图片时,点击文件→打开。你的图片此时是背景图层。如果不是的话,点 击图层→新建→背景图层。

Step2 

把都市风景图放在主图之上,为使操作方便,将新建图层命名为倒影图。把图片放在恰当的位置,我们就能将混合图 转换成叠加图。



Step3 

添加一个新图层在倒影图上。命名新图层为区域层。现在选择画笔工具,选一支细的、笔型合适的画笔,在主图上勾 画轮廓。任意一种颜色的画笔都是可以的。



如何设置功能


一旦我们的图像放好了,我们就要准备去记录步骤。为了便于操作,我们把它放在一个单独的组里。


Step1 

点击窗口→动作或按键盘上的F9去打开动作面板,然后点及创作新的组合图标,并点击确定。我们把这一操作图放在这个组里。

Step2 

点击创建一个新的操作组图标并命名为“假窗”。点击记录,就可以把在PS软件里的步骤一一记录下来。

从此刻起,你的每一步都会记录下来,所以细心点并关注操作界面。如果不小心出错,点击停止操作或记录图标,从假窗界面删除不必要的步骤。然后点击开始记录图标再次继续记录操作步骤。


如何开始记录操作


Step1 

可以通过关闭眼球图标来隐藏区域图层,然后按键盘上的D重置样本。

Step2 

选中区域图层时,点击图层缩略图,并点击像素。然后选择背景图层并按住“Ctrl+J”去复制这个部分到新建图层。

点击图层→重命名图层……命名新图层为高斯模糊,并把透明度调为30%。

点击滤镜→模糊→高斯模糊……进入像素范围选择:5,并点击确定。

Step3 

选择倒影图层,并将其复制创建成当下图层,点击图层→复制图层(“Ctrl+J”)。随后点击图层→重命名图层,重 命名复制图层为倒影图1。

调适倒影图层1的混合模式为亮色,并将透明度调为40%,隐藏原始效果图层。

点击滤镜→模糊→高斯模糊……选择像素范围:10,并点击确定。

Step4 

现在点击图层→复制图层(“Ctrl+J”),复制倒影图1的图层。将混合模式调为正片叠底模式,将透明度调低至30% 左右。点击图层→重命名图层,并重命名复制图层为倒影图2。

Step5 

现在让我们添加一些实质内容到我们的“假窗”中。点击图层→新建→图层……添加一个新的图层并命名新图层为尘 埃。点击选择→所有图层(“Ctrl+A”)。

选择矩形绘图工具。然后在图片中点击右键并选择绘制工作路径……选择像素范围:0.5,并点击确定。现在选择画笔工具并选择玻璃笔1。

按住键盘上字母D去重置样本。然后按住键盘上字母X去转换样本并设置前景色为白色。按住键盘上的字母P去选择钢笔工具。在图像上右击并选择划线路径,点击确定。   

现在,在图片中右击并选择删除路径。



改变混合模式为柔光模式,将透明度调为50%。

Step6 

选择倒影图2,按住转换键,并选择倒影图层1。

按住“Ctrl+G”去组合这些图层。选择图层→重命名组合并重命名为倒影图组。

Step7 

隐藏倒影图组和尘埃图层。选择通路面板,右键点击蓝色通道并选择复制通道。

点击图像→调整→色阶(“Ctrl+L”)来打开色阶调整界面。把亮度色阶调整到217,阴影色阶调整到61,并点击确定。

选择蓝色复制通道,按住控制键,点击图层缩略图。



Step8 

显示RGB通道并隐藏蓝色复制通道。

回到图层界面,我们把要使用的倒影图组创建一个图层标志。点击图层→图层标志→显示选区。按住“Ctrl+I”翻转     图层标志颜色,显示倒影图组和尘埃图层。


完成记录操作


最后,我们的操作就完成咯!因此,在操作界面,点击停止按钮,即可停止记录。


你完成了!


现在你有了自己的“假窗”动作图,你可以在数秒内轻松制作出令人惊叹的效果了。

我希望你所学到的有用知识对你将来的课程学习是有帮助的。



如果你想要创作出如下图的效果,只需要花几秒时间点击一下,就可以查看PS“假窗”操作步骤了。(PS:这个假窗效果,在evnatomarket上售价5美元,如果有兴趣的朋友,可以点击购买哦)


        


亲爱的设计师们,这个假窗倒影效果,炫酷吗,喜欢吗?记得我们是玩皮兔,“让设计变得简单”一直是我们的宗旨!初次送上国外精品优秀教程,让大家在设计面前不会因为语言不通而驻足。当然咯,希望大家能给我们提出宝贵的意见!毕竟有了你们的喜爱,我们才能砥砺前行!如果喜欢我们的翻译教程,可以到主页关注我们,收获最新的教程哟!希望玩皮兔翻译过来的教程,能让你跟着国外的大神们一天一天提升自己的技能。至于下一篇教程,筱悠也在很辛苦的寻找,你如果有推荐的教程,也可以私信给小编。


本次教程的素材已打包至站酷附件,欢迎大家下载交作业哦~


原文作者:Raul Gutierrez Rosado

原文链接:

https://design.tutsplus.com/tutorials/how-to-create-a-fake-window-action-in-adobe-photoshop--cms-29338

  

44
阅读原文
|
举报
|
99
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
网页电商背景矢量插画
卡通风格网页页面3D渲染
男生和女生站在网页面前矢量扁平插画
网页图标
三个青年站在网页周边矢量插画
运动风人物插画
一个人拿着优惠券准备支付购物电商矢量插画
卡通风格网页页面3D渲染
卡通女孩与网页表格3D渲染
网页设计——纸杯蛋糕
浏览电脑网页的元素
商务网页
 网页背景
网页页面矢量插画
banner
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
三位美女围着网页看信息矢量插画
卡通风格网页页面3D渲染
卡通风格网页页面3D渲染
女生坐在网页面前办公矢量插画
三个青年正在装修网页矢量插画
卡通女孩与网页表格3D渲染
网页背景
新年快乐送福网页矢量图banner
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
登录注册