Photoshop绘制科技感十足的网页立体插画设计教程

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

<a href=http://www.06ps.com/photoshop/ target=_blank class=infotextkey>photoshop</a>绘制科技感十足的网页立体插画,PS<a href=/photoshop/ target=_blank class=infotextkey>教程</a>,

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

大背景

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

透视的背景线

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

立体图

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

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

step2:背景制作

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

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

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

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

好了,背景完成了。