插画教程!绘制可爱星空元素404插画

关于教程

本次教程内容主要来自PeterVdovin的作品,我非常欣赏他这个作品中 的配色和元素设计,星空元素搭配偏少女系的配色,可以说是设计了一个直男和软妹都能接受的界面,而这些可爱的星空元素用AI中的基础工具即可实现。那么如何设计出这样的效果呢?我们需要注意哪些细节?有哪些简单实用的制作技巧呢?这篇教程会带给大家详细的步骤。

步骤01

 插画教程!绘制可爱星空元素404插画 教程 第1张

新建一个800*600的画布,背景色白色,输入文字404。 字体参考:Arial BlackGautami,字号参考:421px。 右键404文字选择“创建轮廓”,然后再右键选择“取消编组”。 选择“0”,“对象菜单路径偏移路径(位移10px”,加粗“0”使其与“4”的字体更加协调。 用小白工具选择“ 4”左下角的一个端点,方向键向右移动此点, 给“4”的字体增加一个斜角效果,使其更加灵动。

步骤02

 插画教程!绘制可爱星空元素404插画 教程 第2张

404”文字黑色填充改变为黑色描边,描边1px即可,此处我们只是需要一个轮廓用来以后排布背景上的元素位置。将“404”文字层上锁,以免以后误操作。新建~个图层在“404”下方,用矩形工具大体衡量文字的外围画个矩形,设置渐变。

 插画教程!绘制可爱星空元素404插画 教程 第3张

云朵绘制方法参考:用矩形工具绘制一个矩形,复制该矩形,罗列出云朵的形状,选中所有矩形,通过“路径查找器联集”合并 形状。用小白工具选取某一端的两个边角端点,拉出圆角,重复此操作完成云朵绘制。颜色参考:#3f2478,#ffffff根据画面效果调整透明度,增强云通透感,参考数值:20%, 25%, 30%, 50%

 插画教程!绘制可爱星空元素404插画 教程 第4张

星球绘制方法参考:按住shift用椭圆工具画一个正圆,填充阴 影色,选中后按Ctrl+CCtrl+F复制一个圆在上层,填充表面亮色,再按Ctrl+CCtrl+F复制一个亮色正圆,向左上方拖动最 上层的圆,观察两个圆的轮廓流出右下方阴影形状,同时选中两个圆,“路径查找器交集”,切出表面亮色形状。再添加几个小圆点缀星球表面,作为星球表面凹坑。

 插画教程!绘制可爱星空元素404插画 教程 第5张

光晕绘制方法:用椭圆工具绘制大外圆,然后“对象菜单路径偏移路径”,参数位移设置为-9px。重复此步骤井调整颜色及透明度,得到层层光晕效果。

 插画教程!绘制可爱星空元素404插画 教程 第6张

星星绘制方法参老:用矩形工具绘制两个细长条矩形,90度交叉摆放,选中两个矩形,“路径查找器联集”合并形状,添加径向渐变,第一个滑块为白色、位置60%, 第二个滑块为透明、位置100%。然后用小白工具选中中心的其中一个端点,方向键分别向上向左移动,中心位置其他四个端点重复此操作,得到星星形状。星星拖到渐变背景中的时候透明度做调整,增加整个画面的距离感,不透明度参考数值:80%40%

 插画教程!绘制可爱星空元素404插画 教程 第7张

根据404”文字轮廓将绘制好的星空元素排布好,适当调整大小比例及透明度以达到有星空感的视觉效果。 星空图调整好后,解锁“404”文字层,将黑线描边改为白色填无描边,并按Ctrl+C复制,随后隐藏该层。 到星空图的层,选中所有元素右键编组”,然后点击透明度面板 中的“制作蒙版”点击黑色蒙版的图标进行蒙版编辑,Ctrl+F使得刚刚复制的白色404文字粘贴在此蒙版中,检查下文字和星空 图的位置对应,没问题后再点击图层图标,回到图层编辑模式,继续绘制周边的装饰元素。

步骤03

 插画教程!绘制可爱星空元素404插画 教程 第8张

用钢笔+各种图形工具+小白绘制。图形元素中的圆角可用小白拉端点圆角实现,不规则图形可以通过基础图形的联集实现。半圆可以用小白选中圆上的其中一个点删掉,然后按住shift选择两个点Ctrl+J连接路径。图形绘制完成后,全选后按Ctrl+CCtrl+B,填充阴影色成为阴 影,并通过键盘方向键移动到合适的位置。 阴影颜色参考:#c6b8bc,不透明度50%

 插画教程!绘制可爱星空元素404插画 教程 第9张

钻石:钢笔画出基础图形,选中后对象菜单路径偏移路径位移-9px。金币:用椭圆工具配合对象菜单路径偏移路径”绘制金币。填充颜色,用钢笔工具画出剩下的色块。 阴影颜色参考:#c6b8bc,不透明度50%

 插画教程!绘制可爱星空元素404插画 教程 第10张

用椭圆工具+矩形工具拼出游戏手柄的形状,钢笔工具画出游戏手柄的线。 阴影颜色参考:#c6b8bc,不透明度50%, 混合模式:正片叠底。

 插画教程!绘制可爱星空元素404插画 教程 第11张

火箭:用钢笔工具绘制火箭形状,并且用钢笔工具绘制火箭的尾巴,添加渐变描边,用“宽度工具”调整尾巴的头部形状。 渐变设置:#fdddac、位置0% #f2367d,36% #221d6e,89%

星球:用椭圆工具配合之前画云朵的方法绘制星球。 阴影颜色参考:#c6b8bc,不透明度50%

 插画教程!绘制可爱星空元素404插画 教程 第12张

用图形工具配合钢笔以及小白工具绘制各个部分,注意各部分的 层级关系。 阴影颜色参考#c6b8bc,不透明度50%,混合模式:正片叠底

 插画教程!绘制可爱星空元素404插画 教程 第13张

将绘制好的各元素分别编组,移动到合适位。大功告成啦!

总结

教程到这里就结束了,我希望大家有所收获,欢迎在评论区里留言反馈。

内容投诉

人已赞赏
教程

插画教程!教你绘制秋日插画

2019-9-12 8:00:00

教程

插画教程!制作纸质复古野外露营插画

2019-9-14 8:00:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索