摄影专区

当前位置:金沙7868com > 摄影专区 > Illustrator绘制逼真的汽车速度仪表盘效果,Illus

Illustrator绘制逼真的汽车速度仪表盘效果,Illus

来源:http://www.jilawu.com 作者:金沙7868com 时间:2019-09-21 02:13

如果你读过我发表的样式教程的话,你该知道我很喜欢用外观面板。本教程不是很难。使用外观面板、渐变和变换,你就可以创建一个抛光样式。使用外观面板以使这种处理方法应用于其他的字体或者矢量图形上更加容易。

本教程主要使用Illustrator制作超酷的扁平化长阴影效果。废话不多说了,打开AI我们一起来学习吧。希望大家可以通过这个教程学习教程的要点。

本教程主要使用Illustrator获知QuickTime Logo教程,下面是我经过反反复复尝试之后发布的教程。虽然这篇教程不是很复杂,但是你却可以从中学到很多很棒的东西。下面我们就来看下教程,希望它能对你有所帮助。

今天这枚教程会用到不少基础工具和技巧,文章内包含大量快捷键提示,新手可以很方便地熟练起来,而且每个步骤的细枝末节(关键数值、具体操作等)都有写出来,练手再好不过咯。

效果图

首先,老规矩先上最终效果图。

先看看效果图

作者微信公众号:六层楼那么高,欢迎关注唷。

下面是最终的样式,我们将要努力的方向。

金沙7868com 1

金沙7868com 2

先看看效果图

金沙7868com 3

STEP 1

步骤1

金沙7868com 4

教程细节

当然是新建一个500x500px的文档,用RGB或CMYK颜色模式随你喜欢,屏幕72PPI就好,其它不用动,点确定。

创建一个700*700px的文档。首先,显示网格(视图菜单>显示网格)和对齐网格(视图菜单>对齐网格)。下一步,你要使得网格线的间隔为5px。执行编辑菜单>首选项>参考线和网格,在网格线间隔框内输入5,在次分隔线框内输入1。然后打开信息面板(窗口菜单>信息),以便能够实时预览形状的大小和位置。记得将计算单位更改为px(编辑菜单>首选项>单位>常规)。所有的这些设置都会加快你的工作进度。

创建新文档,添加一个简单的背景

软件:Adobe Illustrator CS5

金沙7868com 5

金沙7868com 6

金沙7868com ,Step 1

难度:中级

STEP 2

步骤2

Ctrl+N创建新文档,单位项选择像素。宽高600像素。点开高级选项,选择RGB模式,分辨率72像素。使新建像素与网格对齐为未选择状态。确定。

主题:外观面板

选用星形工具创建一个半径1:160px,半径2:80px,角点数:8的八角星。(你要用矩形工具,椭圆工具,多边形工具创建都没问题,只要你喜欢,真是调皮的孩子)。

使用椭圆工具(L),按住Shift键,绘制一个420*420px的圆。填充:无,描边粗细:85px,描边内侧对齐,然后执行对象菜单>扩展外观。

金沙7868com 7

预计完成时间:15-20分钟

金沙7868com 8

金沙7868com 9

Step 2

1.新建文档,使用矩形工具(M)创建一个矩形,大小是文档的大小。填色:灰色。从一开始就有一个背景色将使我们在制作文本时更容易看到其中的变化。

STEP 3

步骤3

选择矩形工具,设置前景色(34,32,44),在画板上右击弹出矩形设置框。宽高设置610px。

金沙7868com 10

打开外观面板,把八角星的描边去掉。然后添加一个新填色。接下来把下面的白色填色更改成K=40的灰色。

下一步,设定网格线的间隔为2.5px。执行编辑菜单>首选项>参考线和网格,并且在网格线间隔框内输入2.5。选择矩形工具,绘制一个95*175.5px的矩形。填充:任一颜色,然后执行对象菜单>路径>添加锚点。选择直接选择工具(A),选中底边上的左锚点和右锚点,然后向上移动47.5px(按住Shift键可选中多个锚点)。现在,形状看上去应该像是图#3。选择它,然后执行对象菜单>变换>旋转。输入45度,单击确定。下一步,执行效果菜单>风格化>圆角。圆角半径输入3px,单击确定,然后执行对象菜单>扩展外观。

接下来你需要将这个形状居中对齐。打开对其面板(窗口>对齐),选择对齐到画板(如果找不到对齐到画板选项,在对齐面板右上角点击选择显示选项)然后垂直水平对齐。

2.使用文字工具(T),输出文字。我的是100pt的大标题字,但你可以调整文字以适合你的需要。然后,移除文本的填色和描边,我们之后会在外观面板里直接调整。

再接下来童鞋们注意了,我要变形了。点击 效果 > 扭曲和变换 > 变换,弹出变换效果面板。

金沙7868com 11

最后打开图层面板,打开现存的图层,双击,修改名称为bg。

金沙7868com 12

金沙7868com 13

步骤4

金沙7868com 14

3.选择文本,从外观面板的下拉式菜单中选择添加新填色。新填色应用线性渐变,第1个色块:白,第2个浅灰。渐变面板里,更改第1个白色块位置:40,更改角度:-90。

金沙7868com 15

选择步骤3绘制的形状,把它放到如下图所示的位置。选择所有的形状,单击路径查找器面板里的与形状区域相加按钮。

创建车程计的主要框架

金沙7868com 16

在变换效果的移动下面的水平和垂直各增加0.5px,副本加500,点击确定。效果如下图。

金沙7868com 17

Step 1

4.打开外观面板,象之前一样添加一个新填色,填色:白,确认白色填充在第1个渐变之下。选择白填色,执行效果菜单>路径>位移路径。在位移路径对话框中,位移:1px。白填色仍是选中状态,执行效果菜单>扭曲和变换>变换。在变换效果对话框中,垂直移动:1px。

金沙7868com 18

步骤5

选择椭圆工具在画板上单击,打开椭圆窗口。创建直径260px的椭圆。

金沙7868com 19

STEP 5

现在给图形上色。首先,确认外观调板是开启状态。现在,选择步骤4的形状,填充:R=8 G=145 B=228。选择这个填充(在外观调板中选择),然后执行效果菜单>风格化>内发光。输入如图#1的数值,然后单击确定。形状仍是选中状态,从外观调板的弹出菜单中新增一个填充。选择第2个填充,应用如图2的线性渐变。渐变的2颜色看上去相近。黄色文字表示不透明度,白色文字表示位置。让我们继续上色。再新增一个填充,应用如图#3的线性渐变。再新增一个填充,应用

确保椭圆为选中状态,打开渐变窗口,角度:90.右边色值为(64,62,74),然后设置左侧色值(123,160,117)设置此色值位置为15%。

你们可能觉得我是在忽悠你们,都第五步了才画这(bi)样(yang)子。但是我没有骗你们啊,标题写着5步画出长阴影效果啊。确实是有长阴影效果了。好了言归正传,以上熟练了可以归为一步。继续。

如图#4的径向渐变。选择它(在外观调板中选择),降低不透明度为70%。再新增最后一个填充,应用径向渐变。最后,选择所有的路径,添加如图所示的内发光效果。

使用对其工具将此椭圆至于画板中心。更改图层名字为mainBack

把这个长阴影效果的图形,拖进图形样式里面去,知道有什么作用了吗?这个样式可以成为你的专属图形样式,你再画个五角星,圆形,什么形状的东东,再套用这个图形样式,马上长阴影就出来了,有没有,只要2块钱有没有,买不了上当,买不了吃亏。

金沙7868com 20

金沙7868com 21

金沙7868com 22

步骤6

Step 2

金沙7868com 23

执行编辑菜单>首选项>参考线和网格,在网格线间隔框内输入5。选择矩形工具(M),绘制一个60*260px的矩形。选择它,应用30px圆角效果(效果菜单>风格化>圆角),然后执行对象菜单>扩展外观。选择矩形工具(M),绘制一个 如图3所示的形状。然后选择它和圆角矩形,单击路径查找器调板里的与形状区域相减按钮。得到的形状如图4所示。

选中mainBakc图层,打开外观面板,选中可见文件,打开不透明度面板设置不透明度为50%

STEP 6

金沙7868com 24

回到外观面板,确认文件还是选中状态。效果>路径>位移路径。输入10Px的位移值,确定。效果>模糊>高斯模糊。输入15,确定。

接下来我们要对刚才填充灰色的填色使用一个渐变效果。如何贱。贱多少。?你才贱呢。打开渐变面板,角度为135°,左边为白色,右边为K=40的灰色。得到效果如图。你也可以调整你喜欢的渐变和角度。

金沙7868com 25

金沙7868com 26

Step 3

选择mainBack,回到外观文件,添加新填色,如图修改新填色的渐变。设置透明度15%,效果>路径>位移路径,10px位移,确定。

金沙7868com 27

Step 4

使用椭圆工具创建一个260px的圆,颜色为(34,32,44)。垂直水平居中,将图层呢个更名为mainFont。

金沙7868com 28

本文由金沙7868com发布于摄影专区,转载请注明出处:Illustrator绘制逼真的汽车速度仪表盘效果,Illus

关键词:

上一篇:新娘挑逗阳光大开,一颦一笑一温柔

下一篇:没有了