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

用户头像
珠海/设计爱好者/3年前/228浏览
临摹教程|梦幻飞船插图怎么画

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

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

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
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
户外旅行飞机情侣假日出行
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】30个图标
【新年UI图标】礼物/活动icon
【新年UI图标】会员icon
高级表盘系列UI源文件
新拟态风格 UI设计组件库
UI通用设计素材1
UI 登录界面设计模板包
拟物风质感写实UI卡片合集源文件
钱包ui模板
【新年UI图标】秒杀icon
【新年UI图标】钱包icon
科技医疗透明柜UI界面设计
智能家居中心 简约 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
3D渐变流体抽象矢量UI背景图
新能源APP应用UIKit
【新年UI图标】旅行icon
Security Camera UI kit
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
手表表盘UI系列
你可能喜欢
相关收藏夹
大家都在看
登录注册