您现在的位置: 弘智首页 > 平面设计 > Illustrator >

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

时间:2012-10-23 来源:弘智教育 点击: 次

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

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

教程素材:点我下载

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)使用“椭圆”工具,在试图相应位置绘制正圆,并为其填充渐变。

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

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

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

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

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

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

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

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

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

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

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

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


弘智主页 | 弘智介绍 | 培训课程 | XML地图