PS教程!5 分钟学会立体透视字效海报

时间:2021-12-06
B站视频:av975810928
类别:PS教程
水平:普通
观众:16438
2022年如何制作插画作品集才能进大厂?前字节跳动设计师亲自带 → 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

PS教程!5 分钟学会立体透视字效海报

教程作者:@做设计的小肥肥优设 设计师就业衔接班 讲师)

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

关于教程

​​Hello~ 我是设计师衔接班的讲师-肥子(@做设计的小肥肥)

PS教程!5 分钟学会立体透视字效海报

上次做了一张立体字海报,教程发布出来之后,很多人都在学,这次给大家分享一下更详细的视频和图文版本!

PS教程!5 分钟学会立体透视字效海报

教程效果图

PS教程!5 分钟学会立体透视字效海报

教程内容

1.第一步按照老规矩,我们先新建画布,尺寸可以参照截图。

PS教程!5 分钟学会立体透视字效海报

2.新建一个颜色填充图层,填充色值如图。大家也是尝试不同的配色哦。

PS教程!5 分钟学会立体透视字效海报

3.画一个方框,在方框中排上文字。数值可以参考下图,差一些也没关系。但要注意文字到四边的间距尽量匀称。字体尽量用粗一些的字体。

PS教程!5 分钟学会立体透视字效海报

4.将文字和方框都选中,并右键-转化为智能对象。然后复制一层放到右边。

并对右边这层Ctrl+T,然后右键-斜切,拖右边线条往上倾斜。再右键-扭曲,调整右下角锚点。

PS教程!5 分钟学会立体透视字效海报

再将宽度稍微压窄一点,让它的透视效果更加自然。

PS教程!5 分钟学会立体透视字效海报

5.将左边的图层,使用相同的方法做出透视变化。

PS教程!5 分钟学会立体透视字效海报

再复制一层,使用相同方法做出顶面透视,这样我们就拥有一个带文字的立方体啦。

PS教程!5 分钟学会立体透视字效海报

6.接着分别给3个面添加颜色叠加,做出明暗区分,这样才有体积感。

PS教程!5 分钟学会立体透视字效海报PS教程!5 分钟学会立体透视字效海报PS教程!5 分钟学会立体透视字效海报

7.同时选中3个面图层,右键-转化为智能对象。

PS教程!5 分钟学会立体透视字效海报

8.点编辑-透视变形。并分别拉出3个面的形状。

PS教程!5 分钟学会立体透视字效海报PS教程!5 分钟学会立体透视字效海报

9.然后点击属性栏的变形,网格会变成图钉。之后我们就可以通过拖动图钉,来改变透视。完成后记得点击回车。

PS教程!5 分钟学会立体透视字效海报

10.先将这个图层放在画面最下方,并Ctrl+T放大到和画布一样宽。然后双击图层下的透视变形,拖动图钉调整透视,可参考下图,完成后点击回车。

PS教程!5 分钟学会立体透视字效海报

11.将图层复制一层,放到刚才的图层下方,并同样调整透视。

PS教程!5 分钟学会立体透视字效海报

12.此时右边立方体的文字漏出来了,我们使用多边形套索工具,圈出要遮住的文字部分。

PS教程!5 分钟学会立体透视字效海报

然后在选中右边立方体图层的情况下,按住alt/option点击蒙版,就可以遮住这部分文字,做出立方体被左边挡住的效果。

PS教程!5 分钟学会立体透视字效海报

13.我们使用同样的方法,再复制并调整透视。做出上面的两个立方体。

PS教程!5 分钟学会立体透视字效海报

14.如果我们需要修改其中某个立方体的文字,可以先选中图层,并右键-通过拷贝新建智能对象。然后将原本的图层删除,双击拷贝出来的智能对象缩略图。进入智能对象内部。

PS教程!5 分钟学会立体透视字效海报

15.然后选中要修改的文字面,同理右键-通过拷贝新建智能对象。然后将原本的图层删除,双击拷贝出来的智能对象缩略图。进入智能对象内部。然后就可以修改文字。

PS教程!5 分钟学会立体透视字效海报 PS教程!5 分钟学会立体透视字效海报

16.修改完成后,Ctrl+S保存,并Ctrl+W关闭。重复两次后,就会回到我们的制作文档,这时文字就已经修改好啦。

PS教程!5 分钟学会立体透视字效海报

17.接着我们来制作立方体的投影。我们使用多边形套索工具,圈出投影的形状。然后点击生成曲线调整图层,并如图调整曲线做出变暗的投影。

PS教程!5 分钟学会立体透视字效海报 PS教程!5 分钟学会立体透视字效海报

18.给海报加上文案,并编组。

PS教程!5 分钟学会立体透视字效海报

19.用多边形套索工具,圈出上面立方体的边边,并选中文案组,按住alt点击蒙版。就可以遮住部分文字,做出被立方体遮住的效果。

PS教程!5 分钟学会立体透视字效海报

20.选中蒙版,用黑色柔边画笔,并降低透明度,在文字下方涂抹,做出文字渐变消失的感觉。

PS教程!5 分钟学会立体透视字效海报

21.用钢笔或者画笔工具,画出一个小人,颜色如图。

PS教程!5 分钟学会立体透视字效海报

22.添加一个内阴影,给小人加一点点体积感。

PS教程!5 分钟学会立体透视字效海报

23.接着做小人的投影。新建一个图层,模式改为正片叠底。然后使用画笔,色值为8c4a44,涂抹出投影的形状。

PS教程!5 分钟学会立体透视字效海报

24.导入纹理素材,并将图层模式改为叠加。并Ctrl+J复制一层,让效果更强烈。

PS教程!5 分钟学会立体透视字效海报

25.接着按Ctrl+Alt+Shift+E盖印图层,对盖印出的图层右键-转化为智能对象。然后点击滤镜-Camera RAW滤镜,调整一下光影对比。

PS教程!5 分钟学会立体透视字效海报 PS教程!5 分钟学会立体透视字效海报

注意:制作的过程中,透视看着要舒服合理哦。到这里海报的效果就完成啦!适合用做节庆、招新、倒计时、排行榜等相关海报的主视觉。

如果你想学PS AI AE,系统设计入门,这里推荐一下我正在讲课的「优设设计师就业衔接班」,马上就要开课啦!

以下作品来自衔接班的同学。更多关于课程的优惠和资源,欢迎添加咨询师微信【大胖: uisdc2 】【国庆:uisdc3 】​​​​了解详情哦~

PS教程!5 分钟学会立体透视字效海报

最终效果图

PS教程!5 分钟学会立体透视字效海报

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

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

34 收藏 138

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

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

复制本文链接

发表评论 已发布 11

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片