PS小作坊 篇一:快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

2019-01-01 19:06:40 7点赞 22收藏 0评论

这篇文章旨在启发快速做出可以自由移动的毛玻璃效果层,可以制作类iOS与macOS毛玻璃设计效果,用在海报设计与PPT展示制作可能会给你的作品大大加分喔。除此以外,动动脑筋,基于这篇文章的做法还可以做出更多方面的应用。

第一步:打开需要背景图片(需要添加效果的图片)

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)


第二步:右键选中背景图层,复制图层

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)


第三步:调整新图层的毛玻璃效果(高斯模糊+杂色处理)

选中新图层,点击菜单栏中的“滤镜”,移到子项“模糊”里,选择“高斯模糊”。

高斯模糊根据图片像素大小作出相应调整,具体因所需效果而异。这里我选择半径为10.0像素高斯模糊根据图片像素大小作出相应调整,具体因所需效果而异。这里我选择半径为10.0像素

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

点击确认后,我们的新图层已经添加了一层高斯模糊滤镜,效果如下:

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

接下来为了使毛玻璃更加具有质感,我们还是点击“滤镜”,移到“杂色”,选中“添加杂色”。

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

当然,效果还是因需求而异,这里我选择1.5%的数量,选择“高斯分布”,选中“单色”,点击确定。

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

至此,新图层已经完成高斯模糊以及杂色处理。这里已经叠加了2层滤镜,毛玻璃的效果已经出来了

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)


第四步:选中新的图层,添加一个合适的选框

在这个图层上,我们使用“矩形选框工具”,拉出一个合适大小的选框。

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

此时的选框是矩形选框,但我们要做圆角矩形,应该做出相应调整。点击菜单栏的“选择”,再移到“修改”栏,最后选择“平滑”。

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

取样半径根据图片本身的像素而定,自己可以多多尝试。错了也没有关系,随时可以点开历史栏重新调整。这里选择15像素,得到以下圆角矩形选框的效果。

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)


第五步:选中要修改的图层,添加矢量蒙版

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

接着上一步,我们其他别的都不要动,点击“添加图层蒙版”。

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

现在呈现在我们面前是这一副模样,清晰部分的是背景图的区域,模糊的部分已经是经过蒙版操作的新图层。

马上要完成了!马上要完成了!

此时我们鼠标选中的是右边选框区域,这时候点击一下中间的锁链,使它消失。

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

最后点击左上角“移动工具”,选框区域就变成可以随意调节大小、移动位置的毛玻璃区

快速创建可移动圆角矩形毛玻璃图层蒙版(苹果iOS、MacOS风格)

随意移动,想让它怎么变、怎么动都行。至此,相关操作已经大功告成随意移动,想让它怎么变、怎么动都行。至此,相关操作已经大功告成

思路回溯:

1.制作好背景,复制出一个新的图层,我们就在这个图层上修改操作(加滤镜);

2.新图层修改好了以后,开始使用选框,选择的区域(选区)就是最终成为显示出毛玻璃效果的区域;

3.最关键的一步,添加“矢量蒙版”,使选区成为呈现新图层的窗口(我们看到模糊的部分,是从这个“窗口”里看到模糊了的新图层,我们可以调节这个“窗口”的大小和位置来呈现出合适的角度,对里面模糊的图层是不会产生任何变动的)


想掌握这个操作,就请开始操作,并做出几个其他的例子。

如果有其他思路和能简化的步骤,欢迎讨论指教。

“不练习,你永远无法成功。”——Mount&Blade某教练NPC

展开 收起

JINGDONG 京东 健康甄选 超声波洁牙套餐 单人洁牙+抛光

JINGDONG 京东 健康甄选 超声波洁牙套餐 单人洁牙+抛光

89元起

宝满 WPS2019视频教程 表格文字演示word/excel/ppt办公office在线课程

宝满 WPS2019视频教程 表格文字演示word/excel/ppt办公office在线课程

暂无报价

苏曼网校 Word2016 从入门到精通 视频教程

苏曼网校 Word2016 从入门到精通 视频教程

暂无报价

Photoshop cc2018 全套速成 入门视频课程

Photoshop cc2018 全套速成 入门视频课程

暂无报价

Photoshop CC 全套入门 自学视频课程

Photoshop CC 全套入门 自学视频课程

暂无报价

CAD2019 零基础入门到精通 全套视频课程

CAD2019 零基础入门到精通 全套视频课程

暂无报价

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【11.11专享学霸班】

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【11.11专享学霸班】

暂无报价

PPT office2016 全套 视频课程

PPT office2016 全套 视频课程

暂无报价

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【全额奖学金班】

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【全额奖学金班】

暂无报价

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【特惠班】

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【特惠班】

暂无报价

photoshop cc 广告平面设计在线课程

photoshop cc 广告平面设计在线课程

暂无报价

AutoCAD 室内设计 全套基础基础入门 视频课程

AutoCAD 室内设计 全套基础基础入门 视频课程

暂无报价

PS零基础 全套案例 视频课程

PS零基础 全套案例 视频课程

暂无报价

圈外同学 IDP职业发展规划课

圈外同学 IDP职业发展规划课

暂无报价

Photoshop cs6 平面设计零基础入门 自学基础班 视频课程

Photoshop cs6 平面设计零基础入门 自学基础班 视频课程

暂无报价

CAD2019 机械制图 机械设计制图

CAD2019 机械制图 机械设计制图

暂无报价
0评论

当前文章无评论,是时候发表评论了
提示信息

取消
确认
评论举报

相关好价推荐
查看更多好价

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
22
扫一下,分享更方便,购买更轻松