欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

程序员文章站 2022-03-13 21:40:24
本教程主要使用photoshop绘制立体感的科技图形插画,教程主要通过分解的方式来告诉大家如何完成效果,希望大家可以喜欢。先把最后的效果图抛出来。step1:那么,看见这张图先分解,即它是由哪几个部分...

本教程主要使用photoshop绘制立体感的科技图形插画,教程主要通过分解的方式来告诉大家如何完成效果,希望大家可以喜欢。

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

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

step1:那么,看见这张图

先分解,即它是由哪几个部分构成的呢?

大背景

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

透视的背景线

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

立体图

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

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

step2:背景制作

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

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

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

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

好了,背景完成了。

step3:背景透视的线

这个地方我用的方法比较笨,所以画了好久好久好久好久~

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

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

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

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程