AI绘制2.5D风格收音机插画教程

所属分类: 平面设计 / Illustrator教程 阅读数: 1498
收藏 0 赞 0 分享

2.5d又俗称伪3d,是一种结合了3d与2d的图形技术,通常被用于游戏图形渲染中,也就是我们所说的游戏画面。接下来我们将学习使用Illustrator绘制2.5D风格的收音机插画,教程难度不大,主要介绍AI中3D工具的使用技巧,简单的立体插画绘制技巧以及AI中渐变工具的使用方法。废话不多说,大家跟我动起来吧!先看一下效果图,如下:

效果图:

主要过程:

一.基础底座

步骤1:

新建一个800px ×600px大小的画布,然后用矩形工具画一个800px 600px大小的矩形,填充颜色为渐变,参数如下图,与画布水平垂直居中对齐。

步骤2:

使用矩形工具绘制大小440px*364px大小的矩形,圆角为20px,填充暂定为#3B2FDD,其他颜色也可以,作为底板。执行进入【效果>3D>凸出与斜角】命令,在参数面板中我们可自定义,也可以直接利用软件预设来应用3D场景中的角度旋转情况。一般来说,为了方便快捷,我们直接选择预设。这里我们在这个选项下拉框里选择"等角-上方",就不再需要调整旋转的角度。凸出厚度修改为16pt。通过勾选"预览",对最终效果进一步确认,从而再对参数作进一步调整。

步骤3:

这时,已经转为3D造型的矩形变为了立方体,如果你觉得大小或者效果不合适,仍然可以点击变换工具和图层面板进行参数调整。而这个略薄的立方体将作为收音机的底座。为了对它进一步调色,这时需要选中它以后进入【对象>扩展外观】,使它成为路径。然后利用组合快捷键【Ctrl+Shift+G】(取消编组),连续按三次,将这个立方体分解为不同的块面。

步骤4:

给三个不同部分上色-渐变填充,线性渐变,角度180度,1和2图形部分色值如下,3图形的渐变是图形2的反向渐变,上色完成后,使用快捷键"CTRL+G〞将底座打包编组。AI绘制2.5D收音机插画教程 飞特网 AI实例教程06_2017.10.13

二.绘制机身

步骤1:

新建一个310px ×194px大小的矩形,填充颜色随意,同样执行【效果>3D>凸出与斜角】效果,位置选择"等角-左方",凸出厚度90px。

步骤2:

将该图形放置在底座上方的中间位置,扩展对象后,使用快捷键"CTRL+SHIFT+G〞3次取消编组,成为独立的2个面,分别对每一个面进行上色。

步骤3:

新建一个74px*118px椭圆大小的椭圆,填充颜色随意,使用旋转工具旋转30度,得到一个斜椭圆,填充渐变见图一;复制1个副本,将其分别向上和向右移动2px,置于第一个斜椭圆的后面,渐变填充色值见图二;新建一个66px*110px的椭圆,渐变填充见图三,旋转30度,与第一个斜椭圆水平垂直居中对其,得到收音机上的立体圆形旋转按钮。

步骤4:

新建一个82px ×140px大小的矩形,填充颜色随意,同样执行【效果>3D>凸出与斜角】效果,位置选择"等角-左方",凸出厚度6pt。将该图形放置在机身上,扩展对象后,使用快捷键"CTRL+SHIFT+G〞3次取消编组,成为独立的3个面,分别对每一个面进行上色,渐变色相同:#FF00CC-#333399,只是角度不同,这边便不一一列出。

步骤5:

接下来绘制调频滑动按钮,首选绘制8px*76px的矩形,渐变填充为:#fb036b-#6e0879,线性渐变,角度为-90度;再绘制一个3px*76px大小的矩形,与上一个矩形左对齐。渐变填充为:#ba0471-#49097d,线性渐变,角度为-90度。将两个矩形编组,并复制两份,得到3个矩形,将一个副本向右移动10px,另一个副本像左移动10px。将三个矩形编组,使用变换工具先倾斜-30度,再旋转-30度,得到与机身平行的凹槽形状。

步骤6:

绘制7px*12px的矩形,填充颜色随意,同样执行【效果>3D>凸出与斜角】效果,位置选择"等角-左方",凸出厚度6pt,得到立体滑动按钮,扩展对象后,使用快捷键"CTRL+SHIFT+G〞3次取消编组,成为独立的3个面,分别对每一个面进行上色,渐变色相同:#1cd8d2-#93edc7,只是角度不同,这边便不一一列出。上色完成后将三个面编组,复制两个,分别摆放在3个凹槽的上、下、中位置,如下图;

步骤7:

绘制开关按钮的底座,首先绘制16px*22px大小的椭圆,填充色为渐变,角度-45度;复制这个椭圆向右移动2px,向上移动1px,置于第一个椭圆的后方,渐变改变,角度不变;将这两个椭圆编组旋转30度,得到下图的形状

步骤8:

绘制开关按钮,首先绘制9px*14px大小的椭圆,填充色为渐变,角度45度;复制两个副本,将其中一个副本向右移动5px,选中两个副本合并形状,将图中圈中的锚点用锚点工具(SHIFT+C)删除手柄,然后用直接选择工具分别拖拽两个点至最上方和最下方平行线。

步骤9:

将得到图形放置在第一个椭圆的下方,上色,渐变填充数值见下图。打包编组,旋转30度,放置在底座的上方。

机身的部分就完成了,效果图如下:

三.收音机顶部

步骤1:

新建一个17px ×17px大小的矩形,填充颜色随意,执行【效果>3D>凸出与斜角】效果,位置选择"等角-上方",凸出厚度5pt,得到立体正方体快,扩展对象后,取消编组,成为独立的3个面,分别对每一个面进行上色。复制3份,沿着机身平行等距排列,得到4个平行方块按钮。为了使这四个方块在一条平行线,建立参考线,用直线工具画一条120px长的线,旋转60度,右键建立参考线,便将直线工具转化为参考线。

步骤2:

接下来做圆柱体形状的螺丝钉,新建12px*12px大小的椭圆,执行【效果>3D>凸出与斜角】效果,位置选择"等角-上方",凸出厚度13pt,得到圆柱体,扩展对象后,对每一个面进行上色。再画一个8px*5px大小的椭圆,置于圆柱体的上方。编组打包后,复制一份沿着机身平行线排列。

步骤3:

绘制天线,天线是由两个圆柱体加上细下粗的棒子组成,一个个绘制好组装起来就好。

步骤4:

绘制手把,先绘制一个180px*50px大小的矩形,填充无,描边11px,描边填充色为渐变。用剪刀工具减去矩形下面的一条边。 先倾斜-30度,再旋转-30度,得到图形4。复制一个,置于后方,向上移动7px,向右移动7px,改变渐变,得到手把。

最终效果来了

教程结束,以上就是关于AI绘制2.5D风格收音机插画教程的全部内容,希望大家喜欢!

相关教程推荐:

AI结合PS绘制2.5D建筑插画

AI绘制2.5D等距场景立体图标教程

AI绘制2.5D等距立体冰淇淋车插画教程

更多精彩内容其他人还在看

Illustrator CS3把作品转化和编辑为灰度模式

为了出版广告、变换LOGO样式,甚至就是为了尝试与从不同,我们有时候需要把AI文件转化为灰度模式。在AI CS3中有不少简便的方法把作品转化和编辑为灰度。
收藏 0 赞 0 分享

Illustrator 制作web 2.0风格标签

我不知道 web 2.0 风格将会风行多久。一方面,它代表着当前的流行趋势;另一方面,它又体现着对新技术新风格的探索。无论如何,大众对 web 2.0 风格依旧需求强烈,因而写篇制作一流 web 2.0 风格标签的教程很有必要。
收藏 0 赞 0 分享

Illustrator基础教程之简单制作金属纹理

Vectips 纹理教学周的第二篇教程是金属纹理。如同前篇水质感纹理教程一样,制作金属纹理的技巧也是利用了AI的效果菜单中的效果。
收藏 0 赞 0 分享

Illustrator CS4 绘制覆盖着雨滴窗口

使用简单的工具,加上网格渐变,学习在adobe illustrator中绘制“覆盖着雨滴窗口”的壁纸。
收藏 0 赞 0 分享

Illustrator 绘制透明质感绿色金属标志

本教程主要用Illustrator制作透明质感立体标志,这个例子我们将一个商品的标志放大,制作出它的透明质感立体效果,通过对这个实例的学习,将对你制作按钮、标志以及类似的操作用很大的帮助。
收藏 0 赞 0 分享

Illustrator 绘制透明气泡组成的心形

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习如何运用内发光、蒙板、羽化、渐变填充等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享

Illustrator 绘制漂亮的透明气泡

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习通过绘制一个圆形,然后再运用内发光、羽化、外发光等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助
收藏 0 赞 0 分享

Illustrator 绘制可爱卡通宝宝

从本次开始我将向您详细介绍用Illustrator软件绘制人物的方法,我们将从婴儿开始,之后是儿童,其次是青年,再有就是成年、中年以及老年人。
收藏 0 赞 0 分享

Illustrator 绘制绿叶环保的精致货牌

本教程主要用Illustrator制作漂亮的新货牌.
收藏 0 赞 0 分享

Illustrator 绘制金属质感的小闹钟

本例介绍运用AI的渐变工具来绘制金属质感的小闹钟,在教程中我们将学习到通过几种渐变填充的灵活运用来实现金属质感的表现,另外还将学习到复制、旋转及阴影的制作方法,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享
查看更多