PS+Ai教程!拒绝焦虑立体字效海报

时间:2023-06-06
类别:PS教程
水平:入门
观众:1.8w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

PS+Ai教程!拒绝焦虑立体字效海报

教程作者:视觉设计实战营24期-34-三年

教程指导:设计师团长优设视觉设计实战营讲师)

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

一、关于教程

首先我们来分析这种立体字效海报的内容,画面内容主要有主体字、背景、文字排版,以及装饰内容,所以我们可以按照这几个内容,依次来完成这张海报的制作。

PS+Ai教程!拒绝焦虑立体字效海报

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

二、教程步骤

现在我们就开始操作吧!

步骤1:制作主体字

1.1首先打开Adobe illustrator软件,Ctrl+N新建一个1080*1500的文档

PS+Ai教程!拒绝焦虑立体字效海报

1.2在画面中输入“拒绝焦虑”四个字,大概调整文字的大小果,(颜色可随便选择,后面会调整)每个文字单独分开输入,方便后面调整。

PS+Ai教程!拒绝焦虑立体字效海报

1.3先选中“拒绝”两个字,点击【效果-3D-凸出和斜角】,选择等角上方,调整厚度为210px,点击确定。

PS+Ai教程!拒绝焦虑立体字效海报

PS+Ai教程!拒绝焦虑立体字效海报

1.4在选中“焦虑”两个字,点击【效果-3D-凸出和斜角】,选择等角上方,调整厚度为120px,点击确定。

PS+Ai教程!拒绝焦虑立体字效海报

1.5选中所有文字,点击【对象-扩展外观】,然后右键点击取消编组,直到右键没有取消编组。

PS+Ai教程!拒绝焦虑立体字效海报

PS+Ai教程!拒绝焦虑立体字效海报

1.6选择一个受光面,然后每个字可以分为三个受光面,根据受光程度不同,分别填充颜色#8AFFC2、#30D880、#0A9147。

PS+Ai教程!拒绝焦虑立体字效海报

1.7选中所有文字,添加一个4px的描边,颜色填充为#0B3D2F,并将描边的转折和断点改为圆头。

PS+Ai教程!拒绝焦虑立体字效海报

1.8分别框选每一个字的所有图层,Ctrl+G编组,然后给文字进行排版,并调整到合适大小。

PS+Ai教程!拒绝焦虑立体字效海报

1.9框选所有文字,Ctrl+C复制。

步骤2:主体字效果制作

2.1打开ps软件,Ctrl+N新建1080*1500px的文档,Ctrl+V粘贴文字。

PS+Ai教程!拒绝焦虑立体字效海报

2.2选中立体文字图层,右键【转化为智能对象】,Ctrl+U色相饱和度,调整颜色。

PS+Ai教程!拒绝焦虑立体字效海报

2.3给文字图层添加调整图层-曲线、色彩平衡,增强文字明暗细节。

PS+Ai教程!拒绝焦虑立体字效海报

2.4双击文字图层,打开图层样式,选择图案叠加,并调整参数。

PS+Ai教程!拒绝焦虑立体字效海报

2.5新建一个空白图层,按住Alt创建剪贴蒙版,并改变图层模式为颜色。

PS+Ai教程!拒绝焦虑立体字效海报

2.6选择柔边画笔,在文字底部添加一些颜色变化,后边可以用套索工具框选区域。

PS+Ai教程!拒绝焦虑立体字效海报

PS+Ai教程!拒绝焦虑立体字效海报

步骤3:背景制作

3.1用矩形工具新建一个1080*1500px大小的形状,颜色填充为#87f0e2。

PS+Ai教程!拒绝焦虑立体字效海报

3.2双击背景图层打开图层样式,添加图案叠加。

PS+Ai教程!拒绝焦虑立体字效海报

3.3新建一个图层,模式改为正片叠底,用色值为#87f0e2得柔边画笔,在背景右下角画出暗部,增加明暗变化。

PS+Ai教程!拒绝焦虑立体字效海报

3.4用钢笔工具绘制出两个形状,颜色分别填充为#ff7a90、#5c84fe。

PS+Ai教程!拒绝焦虑立体字效海报

3.5双击两个形状图层,添加图层样式-内阴影和投影。

PS+Ai教程!拒绝焦虑立体字效海报

3.6给两个形状图层添加图案叠加,【按住Alt键+鼠标左击拖动】可以复制图层样式。

PS+Ai教程!拒绝焦虑立体字效海报

3.7选择钢笔工具,绘制出主体字的投影,图层模式改为正片叠底。

PS+Ai教程!拒绝焦虑立体字效海报

3.8右键投影图层-转换为智能对象,选择【滤镜-模糊-模糊画廊】,将投影边缘模糊化。

PS+Ai教程!拒绝焦虑立体字效海报

3.9给投影图层添加一个蒙版,用黑色柔边画笔,不透明度为36,擦出明暗过渡。

PS+Ai教程!拒绝焦虑立体字效海报

步骤4:文字排版

4.1将我们排版好的文字放到画面当中。

PS+Ai教程!拒绝焦虑立体字效海报

4.2给文字排版一些修饰元素。

PS+Ai教程!拒绝焦虑立体字效海报

步骤5:装饰元素

5.1选择钢笔工具,在画面中画出一些装饰线条。

PS+Ai教程!拒绝焦虑立体字效海报

5.2用钢笔工具绘制出纸飞机的形状,以及纸飞机的行动轨迹。

PS+Ai教程!拒绝焦虑立体字效海报

5.3用形状工具绘制一朵小花,其中大多形状都是用圆形工具,调整大小和角度。

PS+Ai教程!拒绝焦虑立体字效海报

5.4花瓣的绘制,首先用一个画出一个矩形,然后将它的圆角拉倒最大,并调整锚点。

PS+Ai教程!拒绝焦虑立体字效海报

5.5然后Ctrl+J复制一个,按住Shift旋转30度,点击回车,接着Ctrl+Shift+Alt+T重复上一部操作,就可以画出所有的花瓣了。

PS+Ai教程!拒绝焦虑立体字效海报

5.6将绘制好的花,放到画面中合适的地方。

PS+Ai教程!拒绝焦虑立体字效海报

5.7选择自定义工具,找到草的形状并绘制,添加一个颜色渐变;然后复制一层作为投影,填充颜色#06767d,并移动位置调整角度。

PS+Ai教程!拒绝焦虑立体字效海报

5.8回到ai软件,绘制三个圆形并全选,用路径查找器点击联集合并,再绘制一个矩形减去顶层,得到一个云的形状。

PS+Ai教程!拒绝焦虑立体字效海报

5.9点击【效果-3D-凸出和斜角】,调整参数,点击【对象-扩展外观】,然后添加描边(#682D0C),填充颜色为白色。

PS+Ai教程!拒绝焦虑立体字效海报

PS+Ai教程!拒绝焦虑立体字效海报

5.10Ctrl+C复制到PS中,调整大小及位置,作为装饰云朵,(注意图层位置顺序)。

PS+Ai教程!拒绝焦虑立体字效海报

步骤6:调色

6.1选中最上面的图层,按 Ctrl+Alt+Shift+E 盖印图层。然后将盖印的图层【右键-转化为智能对象】,点击【滤镜-Camera raw滤镜】,并调整颜色质感等。

PS+Ai教程!拒绝焦虑立体字效海报

最终得到下面效果图。

三、最终效果图

PS+Ai教程!拒绝焦虑立体字效海报

到这里我们的立体海报字效就制作完成啦!

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

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

27 收藏 70

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

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

复制本文链接
img

发表评论 已发布 9

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片