思图创意-ps教程-ai教程
当前位置:首页>设计教程>妇女节立体玻璃字效海报

妇女节立体玻璃字效海报

一、关于教程

此次教程是使用 AI 的凸出和斜角结合 PS 的图层样式,再进行简单的文字排版后,做出一张女神节主题立体玻璃质感的节日字效海报。

网上搜索字效海报发现这种立体玻璃质感的字效,很是喜欢,上参考图:

妇女节立体玻璃字效海报

首先在操作之前,我们先拆解一下关键点:

①立体数字与立体图形
ai的凸出和斜角做出字体和图形形状,角度选择等角预设,可自动生成立体效果图形。

②ai文件导出psd文件
把每个立体图形的侧边面进行合并,然后使用脚本导出PSD文件,注意勾选 写入图层 和 最大可编辑性,

③玻璃质感的透明效果
给立体图形的每个面添加不同透明度的白色渐变效果,把立体图形一个面背后的图形复制一层置于该面上层,添加高斯模糊效果剪切到该面中,并调整不透明度可实现透明效果。

④排版、装饰与立体厚度效果
在海报周围加上文案,并给底部文案和装饰图形使用重复上一步操作添加厚度效果

⑤cameraw滤镜调色
最后用 camera raw 滤镜整体调一下色即可。

想跟着团长老师学习更多立体字效海报制作吗?来这里立刻开始:

 

优设视觉设计实战营 第 25 期!60天 PS、AI、AE 从入门到入行

【优设视觉设计实战营 – 第 25 期】 60 天 PS、AI、AE 从入门到入行 添加咨询师微信报名 入群即可获得【 课前准备学习资料 】 课程咨询师-可乐:uisdc5 课程报名链接及试听请访问 优设视觉设计实战营 第25期 课程大纲 课程设置与报名方式 学员原创作品 课程服务及讲师介绍 一学就会的设计攻略 UI图标、产品修图、电商合成、视觉海报、调色秘籍、 运营插画、2.5D插画、插画动效、动态网页系统学 实战作业掌握所学,体系化教学提升设计素质!​​添加咨询师微…

阅读文章 >>

 

二、教程步骤

现在我们就开始操作吧!

步骤1:立体数字与图形

1.1 打开AI,新建一个1080*1500的文档。

妇女节立体玻璃字效海报

1.2 输入数字“3”和“8”,这里文字使用可商用的【庞门正道标题字】,并使用矩形工具按住shift键绘制一个小正方形,数字和图形填充颜色均为#636363。

妇女节立体玻璃字效海报

1.3选中所有数字和图形,效果-3D- 凸出和斜角 ,“3”和“小正方形”位置统一选择 等角-上方,“8”位置选择等角-右方。

妇女节立体玻璃字效海报

1.4 选中全部,对象-扩展外观。

妇女节立体玻璃字效海报

步骤2:ai文件导出psd文件

2.1选中全部,右键-取消编组,执行多次,至每个面都能被单独选中。

妇女节立体玻璃字效海报

2.2选中所有图形,按D键,调整至白色填充黑色描边的状态。此时观察到带有弧度的侧边面不是一个整体面,需要选中所有侧边面,右键-释放剪切蒙版,再使用路径查找器-联集进行合并。

妇女节立体玻璃字效海报

2.3运行脚本,导出为psd格式文档。此处用到的脚本可以从这里获取:

 

AI一键分层导出PSD!傻瓜式操作、完美分层、保留矢量形状可编辑性

AI 自带的导出 PSD 的功能会栅格化形状图层,无法进行二次修改。而今天这个插件可以让你一键将 AI 文件导出为 PSD,同时保留形状图层的路径,提高你的工作效率!

阅读文章 >>

 

妇女节立体玻璃字效海报

步骤3:玻璃质感的透明效果

3.1在ps中打开2.3步骤输出的psd文档,新建图层置于底层,填充纯色#fddee5。给“3”的图形填充纯色#ff6567,给“8”的图形填充纯色#ff9ec2,给小立方体图形填充纯色#ffaf7b。

妇女节立体玻璃字效海报

3.2选择一个面用图层样式中的 渐变叠加 做出白色(#ffffff)半透明渐变效果。

妇女节立体玻璃字效海报

3.3选中上一步中的添加渐变叠加的图层,右键-拷贝图层样式,再选择所有的数字和立方体图形,右键-粘贴图层样式。然后分别对每个图形的图层微调渐变的角度和不透明度参数。

妇女节立体玻璃字效海报

3.4使用较深色柔边缘画笔工具在数字和立方体图形的暗部涂抹,图层模式选择“正片叠底”,调整不透明度,加深暗部效果。

妇女节立体玻璃字效海报

3.5使用较白色柔边缘画笔工具在数字和立方体图形的亮部涂抹,图层模式选择“滤色”,调整不透明度,提亮亮部效果。

妇女节立体玻璃字效海报

3.6 给数字和立方体侧面添加内阴影图层样式(较浅色配合混合模式“滤色”),塑造一点点小反光。

妇女节立体玻璃字效海报

3.7复制“3”及立方体的顶部图层向下移动至立体图形底部,复制“8”的右侧面图形向左移动至立体图形后面,把图层不透明度降为20%。把数字“3”的所有立体图形复制一层,control+e合并所有图层,向下移动图层至“3”立体图形的底部,图层混合模式选择“正片叠底”调整不透明度,然后用图层蒙版擦出渐隐过渡的效果得到“3倒影”图层。同理操作数字“8”和立方体图形。

妇女节立体玻璃字效海报

3.8考虑到玻璃的透明特点,复制立体图形侧面/顶面后的所有图形,转换为智能对象,置于侧面/顶面图层上方,创建剪贴蒙版。给智能对象添加场景模糊效果,距离越远,模糊值越大,并配合蒙版擦出较自然的透明效果。

妇女节立体玻璃字效海报

步骤4:排版、装饰与立体厚度效果

4.1 在纯色的背景图层上新建一层,使用柔边缘画笔轻拍几下,颜色分别为

#f6aaab,#ffe2b0,#feb1cd,d1e6e8。

妇女节立体玻璃字效海报

4.2在ai中使用“矩形网格工具”绘制网格,并执行效果3D-旋转,位置选择“等角-上方”做出倾斜效果。在立体图形周围加上文案和矩形楼梯图形作为装饰。

妇女节立体玻璃字效海报

4.3复制网格线及文案和矩形装饰图形至ps中。给网格线图层添加图层样式“颜色叠加”#de9ba5,文字图层叠加色值#ff5a86,矩形楼梯装饰图形(配合蒙版擦去不需要的部分)叠加色值#d8e1de。矩形装饰图形图层锁定透明像素,使用柔边缘画笔,色值a1dedf,涂抹出渐变效果。

妇女节立体玻璃字效海报

4.4选中下面的文字组图层,复制一层,control+t,向下移动1像素,control+alt+shift+t,重复上一步操作,一共执行5次。选中所有下文字组图层,图层-排列-反向,除顶部的下文字组图层外,其他编组,添加图层样式,塑造立体厚度效果。使用白色柔边缘画笔,图层选择“柔光”模式,给下文字组顶层和文字厚度层左侧擦出渐变过渡效果。

妇女节立体玻璃字效海报

4.5选中矩形楼梯装饰图形图层,使用同上一步重复变换操作(共执行15次),得到矩形楼梯的厚度图层,编组,添加图层样式塑造立体厚度效果。使用白色柔边缘画笔,图层选择“柔光”模式,给厚度层左右两侧涂抹出渐变过渡效果。

妇女节立体玻璃字效海报

4.6分别复制立体文字组和矩形楼梯所有图层,转换为智能对象,向下移动至立体厚度底部位置,添加动感模糊(角度90,距离4),图层模式正片叠底,调整不透明度,做出投影效果。

妇女节立体玻璃字效海报

4.7 复制网格线图层,转换为智能对象,等比缩放101%,添加高斯模糊,半径2,添加蒙版,填充黑色,再复制一层网格线图层。选择一个复制的图层,给蒙版处立体玻璃字的侧面选区填充白色,不透明度40%。。再选择另一个复制的图层,给蒙版处立体玻璃字的顶面和矩形楼梯顶面选区填充白色,不透明度30%。复制网格线图层,高斯模糊半径2,和矩形楼梯厚度层做剪贴蒙版,做出网格线会透过玻璃材质若隐若现的错位显示效果。

妇女节立体玻璃字效海报

4.8新建图层,椭圆选区工具,填充白色,羽化选区数值10,del删除填充,得到透明气泡效果,图层锁定透明度像素,柔边缘画笔涂抹几笔立体玻璃字的彩色,即成彩色气泡。在空白处添加气泡,并给网格线添加液化做出透过气泡的变形效果。

妇女节立体玻璃字效海报

步骤5:cameraw滤镜调色

control+alt+shift+e,盖印下方所有图层,使用camera滤镜整体调色,这里我主要调整了基本-色温(+4),细节—锐化(+6),数值仅供参考。

妇女节立体玻璃字效海报

教程注意事项:

  • ai文件导出至psd文档时,一定要把一个图形的带弧度的侧边面合并为一个面。如出现不能合并的情况,需检查一下是否有的面没有取消编组或没有释放剪切蒙版。
  • ps中使用柔边缘画笔涂抹时,需实时调整画笔大小,使用画笔的边缘或中心位置在需要加深或提亮的位置涂抹。

好啦,终于把海报操作步骤整理出来了,不善于写文表述,暂且视为一个总结吧。

三、最终效果图

妇女节立体玻璃字效海报

温馨提示:

文章标题:妇女节立体玻璃字效海报

文章链接:https://www.4tu.cn/design/104.html

更新时间:2024年03月21日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
设计教程

简单易学出效果!11个工作常用的AE小技巧

2024-3-20 22:31:15

设计教程

电商详情页|视觉设计糖醒

2024-3-20 22:31:18

购物车
优惠劵
今日签到
搜索