PS教程!手把手教你绘制立体弹窗综艺感字效

时间:2022-01-29
类别:PS教程
水平:普通
观众:25043
这是一个能让你爱上画画,找回画画成就感,甚至画上瘾的练习方法 👉 立即点击

教程作者:优设设计师就业衔接班12期-63-酿比

教程指导:吃喝玩乐团团长优设设计师就业衔接班讲师)

交作业:#优设每日作业#

文章编辑:@雪寄草

关于教程

本期教程为大家带来一张「出发地平线」主题的立体弹窗字效设计全过程~ 想了解各种图层样式的使用技巧吗?快来试试看吧!

教程效果图

PS教程!手把手教你绘制立体弹窗综艺感字效

教程步骤

第一步:新建画布

1.1 打开PS后新建一个画布,长宽为800*600像素(要记得画布单位为像素),分辨率为72,色彩模式为RGB色,颜色配置改为SRGB。

PS教程!手把手教你绘制立体弹窗综艺感字效

第二步:制作字形

2.1 先打出想要的文字(这里用的字体是优设标题黑),并将其转化为形状图层,方便后续操作。

PS教程!手把手教你绘制立体弹窗综艺感字效PS教程!手把手教你绘制立体弹窗综艺感字效

2.2 调整字形,CTRL+T将文字斜切-10度左右,并调整好位置。

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

2.3 调整笔画,使用直接选择工具,调整笔画锚点,实现笔画相连的效果,反复调整直至达到想要的效果。

PS教程!手把手教你绘制立体弹窗综艺感字效

第三步:制作厚度

3.1 选中形状图层,然后CTRL+J复制图层,每复制一层CTRL+T将形状图层向下移动一个像素并向右移动一个像素,然后确认,共8层。整理图层,选中选中所有刚才拷贝的文字图层,在菜单栏中点击图层-排列-反向,调整图层顺序。并将拷贝的图层编组,命名为XX厚度。

PS教程!手把手教你绘制立体弹窗综艺感字效

3.2 制作厚度部分的光影。先在图层样式叠加颜色,接下来使用投影制作阴影部分(参数见图)。

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

3.3 接下来给原文字图层制作光影效果。先在图层样式中给文字添加渐变叠加,颜色分别为fafffdddf2ea。之后用内阴影做出反光和边缘过渡。(参数如图)

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

3.4 加深厚度暗部。在厚度组上新建图层,并创建剪切蒙版,选择正片叠底,调整透明度。命名为第一层XX厚度光影。使用多边形套索工具定位选区,然后用画笔上色。

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

第四步:第二层厚度

4.1 先制作出第二层文字的字面。选中文字厚度中的最后一个图层,复制一层并拉出组。用路径选择工具选中并设置描边,颜色为168572。并将该图层重命名为第二层XX字面。

PS教程!手把手教你绘制立体弹窗综艺感字效

4.2 制作第二层文字厚度。和第一层文字厚度的制作方法一样。选择第二层XX字面图层,然后CTRL+J复制图层,每复制一层CTRL+T将形状图层向下移动一个像素并向右移动一个像素,然后确认。选中选中所有刚才拷贝的文字图层,在菜单栏中点击图层-排列-反向,调整图层顺序。并将拷贝的图层编组,命名为XX第二层厚度。

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

4.3图层样式中的内阴影投影制作第二层文字厚度的光影与投影。

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

4.4 利用图层样式中的内阴影渐变叠加,制作第二层文字字面的光影。

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

4.5 加深厚度暗部。在厚度组上新建图层,并创建剪切蒙版,选择正片叠底,调整透明度。命名为第二层XX厚度光影。使用多边形套索工具定位选区,然后用画笔上色。

PS教程!手把手教你绘制立体弹窗综艺感字效

第五步:装饰文字

5.1 打出装饰性文字,并斜切-10度左右。

PS教程!手把手教你绘制立体弹窗综艺感字效

5.2 复制第一层文字图层,命名为XX跳色,在跳色图层内使用直接选择工具,删除多余锚点,留下想要的部分。厚度部分同理,用钢笔工具勾出想要的形状。

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

5.3 先调整跳色顶面部分的光影。

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

5.4 接下来调整跳色厚度的光影

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

第六步:背景边框

6.1 新建图层,用钢笔工具勾出边框形状,并分组为边框底面,边框厚度(侧面),边框顶部(白色边边)。

PS教程!手把手教你绘制立体弹窗综艺感字效

6.2 制作边框光影。在内侧的边框厚度部分添加内阴影投影

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

6.3 为边框顶部(白色边边)添加渐变

PS教程!手把手教你绘制立体弹窗综艺感字效

6.4 在边框底部上新建图层,创建图层蒙版。混合模式改为正片叠底,使用柔边画笔在右下部画出暗部阴影。

PS教程!手把手教你绘制立体弹窗综艺感字效

第七步:背景装饰

7.1钢笔工具画出水滴飞溅形状。

PS教程!手把手教你绘制立体弹窗综艺感字效

7.2 然后CTRL+J复制图层,每复制一层CTRL+T将形状图层向下移动一个像素并向右移动一个像素,然后确认(共8层)。选中选中所有刚才拷贝的文字图层,在菜单栏中点击图层-排列-反向,调整图层顺序。并将拷贝的图层编组,命名为水滴厚度。

PS教程!手把手教你绘制立体弹窗综艺感字效

7.3 制作水滴厚度光影

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

7.4 按这种方法多制作一些装饰,根据所做装饰的颜色调整图层样式的颜色,放置在合适的位置。

PS教程!手把手教你绘制立体弹窗综艺感字效

7.5钢笔工具勾出条幅的形状,并打好文字。

PS教程!手把手教你绘制立体弹窗综艺感字效

7.6 给条幅制作光影效果。

PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效 PS教程!手把手教你绘制立体弹窗综艺感字效

最后,把字效放在合适的背景上就好啦。

最终效果图

PS教程!手把手教你绘制立体弹窗综艺感字效

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

73 收藏 245

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 7

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片