思缘教程网欢迎你! 思缘旧版思缘图库思缘论坛软件下载网站登陆加入思缘

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

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

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

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

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

大背景

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

透视的背景线

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

立体图

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

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

step2:背景法老王官网

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

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

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

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

好了,背景完成了。

你可能感兴趣的教程
版权所有思缘教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa
博聚网