百木园-与人分享,
就是让自己快乐。

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

视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=975810928&as_wide=1

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 分钟学会立体透视字效海报


来源:https://uiiiuiii.com/photoshop/1212457626.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » PS教程!5 分钟学会立体透视字效海报

相关推荐

  • 暂无文章