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

UI中国   发布时间:2021-05-11 14:34:13   作者:设计遇上思想   我要评论
本教程主要使用Photoshop绘制立体感的科技图形插画,教程主要通过分解的方式来告诉大家如何完成效果,希望大家可以喜欢,现在就开始我们今天的教程吧
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

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

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

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

step1:那么,看见这张图

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

大背景

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

透视的背景线

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

立体图

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

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

step2:背景制作

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

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

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

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

好了,背景完成了。

step3:背景透视的线

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

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

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

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

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

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

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

相关文章

最新评论


http://www.vxiaotou.com