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

2016-02-16 19:49 17 1 收藏

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

【 tulaoshi.com - Illustrator 】

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

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

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

教程素材:点我下载

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

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

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

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

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

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

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

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

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

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

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

(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教程,图老师教程网

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

(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教程,图老师教程网

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160216/1572932.html

延伸阅读
本节内容将向朋友们讲述图案画的创建方法,图案画笔是将一个图案重复地显示在路径上,从而构成一个图案画笔描边路径。图案画笔路径包括五个部分,即两侧的图案、内角点和外角点的图案和开始点与结尾点的图案,这样就可以对路径上每一部分进行修改。 1. 创建图案画笔 (1)执行文件→打开命令,打开圣诞.tif文件。 (2)使用矩形工具绘...
标签: PS PS基础
随着adobe新系列设计套装的更新,我们迎来了期待已久的Photoshop CS5。各种新的功能让我们的工作流程变得更迅捷。我们今天将要去了解和使用的一个新功能叫做内容识别(Content Aware)。这个功能让我们能够快速的填充一个选区,用来填充这个选区的像素是通过感知该选区周围的内容得到的,使填充结果看上去像是真的一样。在下面这个例子里我们将要...
标签: 手绘
齐心协力这幅作品的创作灵感来源于最近发生的一场灾难,这场灾难永远改变了我的祖国。2009 年 9 月,热带风暴凯萨娜在菲律宾肆虐,引发的雨量和洪水超过历史记录。在某一时间,首都马尼拉大约 80% 的地方都被洪水淹没。尽管许多地方都受到台风的影响,但菲律宾人没用多久就让国家恢复正常。 台风过后,大家不分老幼、社会地位,纷纷走出家门,...
很多初学Illustrator CS5的朋友,都曾经遇到过不知该如何遮盖不需要显示的图形部分。其实应用Illustrator CS5中的蒙板就可解决这一问题。 蒙版是一种高级图形选择和处理技术,Illustrator CS5中可以创建透明和不透明两种类型的蒙版。使用剪切蒙板可在被蒙版的对象上修剪出蒙版的形状,还可对蒙版对象进行各种编辑。使用不透明蒙板,通过在蒙板...
宽度工具也是Illustrator CS5新增功能中的一大亮点。使用宽度工具,可变宽绘制的路径描边,并调整为各种多变的形状效果。朋友们还可以使用此工具创建并保存自定义宽度配置文件,可将该文件重新应用于任何笔触。使绘图更加得方便、快捷。 作者为了完美地向朋友们讲述宽度工具的使用方法,专门准备了一幅时装海报教程。在开始教程的学习之前,请...

经验教程

81

收藏

78
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部