AI+PS教程!简单易学的金属质感3D立体字海报

类别:PS教程
水平:普通
观众:4.9w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

教程作者:视觉设计实战营21期-13-猪贝

教程指导:做设计的小肥肥优设视觉设计实战营讲师)

Oniric辉光插件:https://www.compositenation.com/plugins/oniric

交作业方式:微博搜索话题 #优设每日作业# 进入话题页面上传练习图并@教设计的优优 

一、关于教程

本期教程给大家带来3D立体字字效视觉海报做法,主要使用AI的3D功能制作立体字,配合 Oniric 辉光插件一键实现光效自由~

想跟着肥子老师系统学习PS的实用技巧吗?来这里立刻开始学习:

二、教程效果图

AI+PS教程!简单易学的金属质感3D立体字海报

三、教程步骤

Step 01 立体字制作

1.1打开AI,新建(Ctrl+N)宽1080高1500的文档。

AI+PS教程!简单易学的金属质感3D立体字海报

1.2每个字分开打,文字大小、颜色和位置等参数无指定。主要在AI里做3D形状,后期在PS里会调整。

AI+PS教程!简单易学的金属质感3D立体字海报

1.3先选中需要调整的文字,点击【效果-3D-凸出和斜角】,并按下图调整好所有字的角度。(大体以一个俯视、从右往左看的视角,因为是漂浮在空中的感觉,所以角度大体相同就好)

AI+PS教程!简单易学的金属质感3D立体字海报

AI+PS教程!简单易学的金属质感3D立体字海报

AI+PS教程!简单易学的金属质感3D立体字海报

AI+PS教程!简单易学的金属质感3D立体字海报

AI+PS教程!简单易学的金属质感3D立体字海报

1.4选中所有文字【对象-拓展外观】,然后按 shift+ctrl+G 取消编组,多按几次快捷键,直到鼠标右键没有取消编组。

AI+PS教程!简单易学的金属质感3D立体字海报

AI+PS教程!简单易学的金属质感3D立体字海报

1.5选中所有文字,给所有文字添加描边,颜色无指定(主要是方便观察)

AI+PS教程!简单易学的金属质感3D立体字海报

1.6将立体文字按大的块面进行分类,再点击路径查找器中的合并,这样我们就得到了比较干净的立体字了。

AI+PS教程!简单易学的金属质感3D立体字海报

AI+PS教程!简单易学的金属质感3D立体字海报

1.7最后我们取消掉描边。

AI+PS教程!简单易学的金属质感3D立体字海报

1.8导出PSD文件,可参照

Step 02 添加渐变和质感

2.1接着打开 PS,把之前的文件导入,并把图层都取消编组。

AI+PS教程!简单易学的金属质感3D立体字海报

2.2整理一下图层,同一个字的放一个组里。(不影响效果的图层直接合并掉)

AI+PS教程!简单易学的金属质感3D立体字海报

2.3调整好文字的位置和大小,可以参考下图位置。

AI+PS教程!简单易学的金属质感3D立体字海报

2.4找到“无”字的字面图层,添加颜色渐变和金属质感。

AI+PS教程!简单易学的金属质感3D立体字海报

AI+PS教程!简单易学的金属质感3D立体字海报

AI+PS教程!简单易学的金属质感3D立体字海报

2.5复制“无”的图层样式,给每个字的字面都添加图层样式。

AI+PS教程!简单易学的金属质感3D立体字海报

2.6更改一下“量”字的渐变角度,符合光影关系。

AI+PS教程!简单易学的金属质感3D立体字海报

2.7给其他所有图层添加颜色渐变。

AI+PS教程!简单易学的金属质感3D立体字海报

2.8在每个字面图层上新建一个图层,对字面图层进行剪切蒙版,然后使用色值 #ffffff 的柔边画笔,在文字上下部分涂抹,让光感更强烈。

AI+PS教程!简单易学的金属质感3D立体字海报

2.9大概效果

AI+PS教程!简单易学的金属质感3D立体字海报

Step 03 制作背景

3.1首先添加一个纯色填充层#292526。

AI+PS教程!简单易学的金属质感3D立体字海报

3.2新建图层,并使用色值为#ffffff的柔边画笔,在画面上涂抹。然后调透明度,做出 纵深感。

AI+PS教程!简单易学的金属质感3D立体字海报

3.3添加一张星空素材,调整好图层模式【变亮】、位置和大小。

AI+PS教程!简单易学的金属质感3D立体字海报

3.4使用辉光插件,添加光晕。(根据自己的亮部可以进行细微调整)

AI+PS教程!简单易学的金属质感3D立体字海报

Step 04 添加文字组和装饰元素

4.1根据海报主题,我们添加一些元素,调整好位置,给元素图层添加蒙版,黑色画笔 擦除遮挡部分。

AI+PS教程!简单易学的金属质感3D立体字海报

4.2隐藏文字图层,使用辉光插件制作彩虹光晕。

AI+PS教程!简单易学的金属质感3D立体字海报

4.3排上文字组。

AI+PS教程!简单易学的金属质感3D立体字海报

Step 05 进行调色

5.1选中最上面的图层,按 ctrl+alt+shift+E 盖印图层。然后将盖印的图层【右键-转化 为智能对象】点击【滤镜-camera raw滤镜】

AI+PS教程!简单易学的金属质感3D立体字海报

四、最终效果图

AI+PS教程!简单易学的金属质感3D立体字海报

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

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

58 收藏 266

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

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

复制本文链接
img

发表评论 已发布 7

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片