临摹教程|梦幻飞船插图怎么画

珠海/设计爱好者/2年前/155浏览
临摹教程|梦幻飞船插图怎么画

行空设计 —— 梦幻飞船插图 临摹教程

临摹教程|梦幻飞船插图怎么画

Hello,这里是行空设计,很高兴在这里和大家见面,今天给大家分享梦幻飞船的插图临摹教程,先上效果图:

在产品设计中,插图用于空状态、错误页面、仪表盘、新手引导以及可以增强页面视觉效果的地方。在保证产品功能性和有效性的前提下,使用插图能为用户带来愉悦感和情感化的体验。


这款梦幻飞船插图主要使用基础绘图工具绘制而成,多次进行渐变填充,再把握好色彩即可轻松绘制。这里推荐大家使用「行空设计」,一款专为国内用户研发的设计协作平台,绘制矢量插画又快又简单,目前已公测上线,复制链接:https://xk.design 至PC端即可使用,快来和我一起练习吧!

—————————————————————————


01绘制底色

用2个颜色做线性渐变填充作为底色,拉动画面中的小圆点可以调整渐变效果。

快捷键O,同时按住Shift键绘制一个225*225的正圆,线性渐变填充#F9C4DA→#DBF2F1。

02背景细节

在圆形中绘制2个其他颜色的正圆做细节晕染。
绘制118*118的正圆,纯色填充#F8C9DD,不透明度40%,高斯模糊10。
绘制110*110的正圆,纯色填充#C29CF8,不透明度20%,高斯模糊20。

03绘制星球


复制底色圆,调整底色圆的线性渐变填充色,以此作为星球的颜色。
线性渐变填充#DB69BD→#9E60FF,高斯模糊2。

选中底色圆,点击工具栏的【创建蒙版】,将圆形置于底色圆内,调整圆形的位置,使其大约3分之一的圆在底色圆内

04增添星球细节


利用椭圆增加星球表面凹凸质感。
绘制42*20的椭圆做径向渐变填充,随后复制一个,改变大小,放到合适的位置。
径向渐变填充#9E4295→#802076,不透明度60%,高斯模糊1。

05绘制飞船主体


绘制3个大小不等的椭圆并做线性渐变填充, 随后将三者调整到合适的位置。
飞船外层:绘制93*32的椭圆,线性渐变填充#98CDFC→#B882E0。
飞船内层:绘制81*27的椭圆,线性渐变填充#4580AD→#B367F9。
飞船的顶:绘制59*45的椭圆,线性渐变填充#ACD6FA→#D1A2F5。

06增加光束


绘制两个椭圆做纯色填充,一个作为光束的出口,一个作为投射在星球上的影子。

接着绘制一个矩形,利用矢量编辑将矩形转换成梯形,形成一道光束。


光束出口:绘制16*10的椭圆,填充#FFFFFF,不透明度90%,高斯模糊1。
星球影子:绘制47*22的椭圆,填充#FAF7F7,不透明度12%,高斯模糊2。
黄色光束:绘制45*97的矩形,选中矩形,点击上方工具栏的【编辑对象】进入矢量编辑,将矩形调整为梯形状。随后线性渐变填充#F2F25A→#EDE7B7,不透明度度50%,高斯模糊3。

07增添画面细节


绘制两个小圆当做其他星球,并利用直线工具绘制几道流星。

星球1:绘制18*18的正圆,线性渐变填充#8CFCF6→#4FD2DB。
星球2:绘制6*6的正圆,线性渐变填充#B4E0B1→#9BCC97。
流星:直线工具L,径向渐变填充#FFFFFF→#FFFFFF,不透明度50%,高斯模糊1。

随后再复制2个在画面上调整位置并进行排布。

—————————————————————————

以上就是操作步骤啦,是不是既简单又高效,如果对你有帮助的话,记得关注空空,我会持续分享UI设计干货。

官网地址:https://xk.design

扫码关注行空设计公众号

扫码加入行空设计公测用户群

7
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
Heal丨概念网页设计
Homepage recommendation
马年IP设计 MA DUODUO
Homepage recommendation
相关收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
大家都在看
Log in