PS设计教程网欢迎你!

Photoshop绘制科技感十足的网页立体插画

文章来源于 UI中国,感谢作者 设计遇上思想 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2018-06-12
本教程主要使用Photoshop绘制立体感的科技图形插画,教程主要通过分解的方式来告诉大家如何完成效果,推荐给思缘的朋友学习,希望大家可以喜欢。

先把最后的效果图抛出来。

Photoshop绘制科技感十足的网页立体插画

step1:那么,看见这张图,先分解,即它是由哪几个部分构成的呢?

大背景

Photoshop绘制科技感十足的网页立体插画

透视的背景线

Photoshop绘制科技感十足的网页立体插画

立体图

Photoshop绘制科技感十足的网页立体插画

以及一些周边的按钮之类的。

step2:背景制作

直接选择矩形工具,拉渐变。

Photoshop绘制科技感十足的网页立体插画

接着选择椭圆工具,画一个填充白色的正圆,设置其羽化值。

Photoshop绘制科技感十足的网页立体插画

好了,背景完成了。

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa