位置:首页>>ps教程>>PS鼠绘教程>>正文

ps教程;绘制立体感的科技图形插画

来源:UI中国 作者:设计遇上思想 时间:2018-06-13T11:45:40
本教程主要使用Photoshop绘制立体感的科技图形插画,教程主要通过分解的方式来告诉大家如何完成效果,希望大家可以喜欢。

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

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

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

大背景

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

透视的背景线

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

立体图

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

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

step2:背景制作

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

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

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

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

好了,背景完成了。

step3:背景透视的线了,这个地方我用的方法比较笨,所以画了好久好久好久好久~

先用矩形工具画一个矩形,填充去掉,描边2px

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

接着,根据需要的点配合钢笔工具的加减锚点以及小白(直接选择工具)进行锚点的一对一修改。

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

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

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


  共2页: 1 [2] 下一页