原图作者: Halo Lab
教程作者: 鱼是乎
交作业: #优设每日作业#
本次教程,教大家用PS临摹 毛玻璃效果海报,(原作品出自Halo Lab),原作者是使用FIGMA软件制作,(当然AI也可是实现这种效果)本次我们用PS操作,简单易上手,适合新手练习,话不多说,我们开始吧。
首先在临摹之前,我们对其元素进行拆分,可以主要分成几大块:羽化层、卡片层、清晰层如图(拆分图解)所示。
2.1 打开PS,Ctrl+n新建画布,宽度:1600px,高度1200px,(单位:像素 分辨率72 颜色模式RGB)
2.2 背景层的制作。
创建纯色背景(填充颜色:151515),接着用柔边圆画笔(颜色:9b3349),在画布右下角点击一次,背景层就完成了,如图(步骤2.2)。
2.3 接着我们开始制卡片和毛玻璃效果。
2.3-1 创建圆形,命名为:清晰层,(尺寸:760*760px),为圆形添加渐变叠加,如图(步骤2.3-1)所示。
2.3-2 创建矩形卡片层,(新建矩形尺寸:600*920px,圆角:40px)命名「卡片层」
2.3-3 为了使卡片有半透明的效果,我们把「卡片层」填充改为10%。
2.3-4 如步骤2.3-4把卡片上的文案排版一下,(图标可随便在网上下载一个你喜欢的图标)。如以下步骤图2.3-2—2.3-4。
2.3-5 按住 shift 同时选择「文字组」和「卡片层」,ctrl+t,向左旋转15°(如图步骤2.3-5)
主体结构已完成,接下来我们利用图层样式为「卡片层」制作一些厚度和光影还有材质。
2.3-6 因为卡片是扁平的,我们利用图层样式「内阴影」为它增加高光、阴影、反光,来模拟它的体积。
2.3-7 卡片的高光、反光、阴影,(我们在临摹的时候可以多尝试不同的参数和混合模式带来的不同效果),本次教程具体参数如图2.3-7:
2.3-8 最后我们要为卡片添加纹理杂色,同样通过图层样式的「内阴影」降低「透明度」,增加「距离」和「大小」的参数,为其再添加一层白色半透明的颜色,再添加杂色。具体如图2.3-8所示。
2.3-9 完成了上一步之后,为了使「卡片层」更有质感与背景更好的融合,我们把「卡片层」图层混合模式改为「正片叠低」。如图2.3-9,卡片层完成。
2.3-10 接着我们制作能产生毛玻璃质感的「羽化层」点击「清晰层」图层,ctrl+j复制它,命名「羽化层」置于「卡片层」与「文字组」中间。如图2.3-10
2.3-11 由上一步,得到的效果,我们可以分析下,「卡片层」中间部分不再透明,被「清晰层」和「羽化层」遮挡,为了达到我们最终的效果,我们可以利用图层蒙版「黑遮白显」的原理,遮掉我们不需要展示的部分,由此我们利用「选取」进行图层蒙版操作。如图2.3-11
2.3-12 由上图可知,「羽化层」超出「卡片层」外部的部分,已经通过选取+图层蒙版的方式遮掉了。如下图
2.3-13 接着我们用同样的方式,把「清晰层」在「卡片层」内部的部分,遮掉。
先选择图层「清晰层」,接着按住ctrl 键,鼠标点击图层「卡片层」这样得到了卡片的选取,然后反选(ctrl+shift +i )再点击图层蒙版图标。如下图
2.3-14 由上图可知,「清晰层」在「卡片层」内部的部分,已经通过选取反选+图层蒙版的方式遮掉了。如下图
2.3-15 最后,我们选择「羽化层」,点击「属性」——「羽化」(羽化数值如图)。
效果就完成了。如下图
2.3-16 以上就是所有的效果制作步骤,接着我们可以加一些文字,进行 排版。
想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众
AI入门教程!磨砂质感图标怎么做?
效果图 教程步骤 想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1078133504 进群暗号:优优的忠实观众 学完这篇教程的人还在学…
阅读文章 >>Ai 超全面自学手册!NO.06 符号与笔刷
由衔接班的三位讲师合力带来的 全新 Ai 入门系列 教程,成系统成体系地梳理软件脉络,毫无保留地教你如何从零开始稳步自学 ,为你扫清 Ai 自学入门的重重迷雾。 精心挑选的 丰富案例 配上流畅舒适的动画,每个重点难点都附有可爱吸睛的小贴士,不知不觉就会陷入知识的漩涡,一回头才发现自己竟然已经学到了这么多~ 关于教程 Ai 超全面自学手册第 6 弹,本集讲师 @做设计的小肥肥 带你了解 AI 中符号与笔刷的用法,可爱的装饰图案等你来掌握~ 本集简概 详细内容请看文章开头的视频教程演示。 1、符号...
阅读文章 >>非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章:
上一篇
PS教程!手把手教你修出赛博朋克风格照片!
下一篇
PS教程!俯瞰山脚梦幻场景合成!(含素材下载)
优优教程网 365 天打卡计划
点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。
发表评论 已发布 70 条