Illustrator CS5教程:巧用渐变填充设计手机广告

妖言祸ZHong

妖言祸ZHong

2016-02-16 19:49

下面图老师小编要跟大家分享Illustrator CS5教程:巧用渐变填充设计手机广告,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

很多初学Illustrator的朋友,都很想了解渐变填充的方法与技巧,借此机会我精心地为大家安排了一个手机广告实例,通过整个操作过程使广大朋友们能够掌握渐变填充的方法与技巧。

渐变填充是为所选图形填充两种或多种颜色,并且使各种颜色之间产生逐渐过渡的效果。在为对象进行渐变填充时,可使用工具箱中的渐变工具,或通过渐变调板进行填充直线渐变、径向渐变。

灵活的掌握运用渐变效果,可以方便快捷的表现出空间感,及物体的体积感,使作品的效果更加丰富。在开始教程的学习之前,请先在网站下载配套的练习文件,以便跟随操作步骤学习。

教程素材:点我下载

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(1)打开本实例配套素材背景.ai文件。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(2)使用圆角矩形工具绘制圆角矩形,并为其添加描边效果。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(3)执行窗口→渐变命令,打开渐变调板。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(4)选择绘制的图形,并在渐变调板中更改渐变类型和渐变角度。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(5)在渐变调板中更改渐变的颜色。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(6)移动渐变条上方的颜色中点滑块,将深蓝色渐变范围增大。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(7)使用圆角矩形工具绘制图形,打开外观调板将其描边效果删除。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(8)重新对其渐变颜色和参数进行设置。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(9)继续使用圆角矩形工具绘制图形。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(10)复制该图形,更改其填色。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(11)使用直线段工具在图像中相应位置进行绘制。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(12)选择该直线路径与复制的图形,执行窗口→路径查找器命令,在打开路径查找器调板中进行设置。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(13)将分割后的图形取消编组。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(14)选择图形,使用渐变工具填充渐变。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(15)执行窗口→透明度命令,设置该图形的混合模式。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(16)复制该图形,更改其渐变设置。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(17)将文字按钮图层解锁显示,并在图层调板中调整其图层顺序。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(18)使用椭圆工具,在试图相应位置绘制正圆,并为其填充渐变。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/illustrator/)

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(19)在图层调板中复制该图形,调整其形状大小并更改其渐变参数。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(20)使用椭圆工具绘制正圆路径,打开描边调板为其添加描边效果。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(21)执行对象→扩展命令,将其转换为填充图形。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(22)接着为其添加渐变效果。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/illustrator/)

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

(23)参照以上方法,将手机按键区域完善,读者也可将装饰 1图层中的按键区域图层直接显示。至此完成本实例的制作。

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

Illustrator CS5教程:巧用渐变填充设计手机广告,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Illustrator CS5教程:巧用渐变填充设计手机广告

Illustrator CorelDRAW
Illustrator CS5教程:巧用渐变填充设计手机广告

Illustrator CS5教程:使用网格填充设计海报效果

Illustrator CorelDRAW
Illustrator CS5教程:使用网格填充设计海报效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Illustrator CS5教程:设计漂亮的人物插画

Illustrator CorelDRAW
Illustrator CS5教程:设计漂亮的人物插画

Illustrator CS5教程:使用符号工具设计海报

Illustrator CorelDRAW
Illustrator CS5教程:使用符号工具设计海报

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Illustrator CS5教程:制作服装海报教程

Illustrator CorelDRAW
Illustrator CS5教程:制作服装海报教程

Illustrator CS5教程:设计漂亮的字体海报效果

Illustrator CorelDRAW
Illustrator CS5教程:设计漂亮的字体海报效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Illustrator CS5透视网格绘制街区效果图

Illustrator CS5透视网格绘制街区效果图

Illustrator实例教程:用字体组成的怪物来袭海报

Illustrator实例教程:用字体组成的怪物来袭海报
下拉加载更多内容 ↓