Illustrator绘制高光闹钟

  效果图

Illustrator绘制高光闹钟

  原地址有视频。我这里有问题不能看也不能拷贝。(我确定安装了flash player最新版)

  步骤 1新建一个文档并绘制一个正圆

Illustrator绘制高光闹钟

  Step 2使用渐变工具并改变第一个色块为灰色,第二个为深灰色.垂直拉出如列末图效果.

Illustrator绘制高光闹钟

  Step 3选择椭圆并执行 对象>路径>路径偏移 命令,更改参数如图.

Illustrator绘制高光闹钟

  Step 4选择偏移椭圆并调整渐变面板.各个色块颜色如图.

  此步骤是为了做出高光效果.

Illustrator绘制高光闹钟

  Step 5选择刚才的椭圆并执行 对象>路径》偏移 命令,参数修改如下图

  Step 6填充一个椭圆并更改第一个色块为白色,第二个为灰色。

Illustrator绘制高光闹钟

  Step 7选择最上面的椭圆并执行 对象》路径>路径偏移 命令,偏移参数如图。

  改变第一个色块为深灰色,第二个为暗灰色。如下图。

  Step 8此刻,选择最上面的椭圆并执行 对象》路径》偏移路径 命令并更改偏移参数为 -5px,在渐变面板改变填充类型为径向。并设置灰色划块范围为87%。

  Step 9 用直线工具绘制一条 15px 的直线,如图位置,并按住 Shift + Alt 垂直拷贝一个线跳到椭圆另一端的对称位置.

  最后把两个线条编为一组.

Illustrator绘制高光闹钟

  Step 10 选择刚才编辑的线组并执行 特效>变换 & 转换 > 转换 命令,在转换对话框里更改参数如下图.

  然后执行菜单命令 对象>扩展,使刚才转换的结果对象全部分开.

Illustrator绘制高光闹钟

  Step 11 首先改变线的描边颜色为亮灰色然后选择菜单命令 对象>撤消分组 ,其次分别选择12、9、3、6但的线跳并把他们删除.

Illustrator绘制高光闹钟

  Step 12 用文字工具在刚删除的4个点种方向分别输入相应点数.并适当调整对象的位置,使他们对齐4个方向点.

Illustrator绘制高光闹钟

  Step 13 选择最小的椭圆并执行 对象>路径>路径偏移 命令,在弹出对话框里更改偏移值为 -105px

Illustrator绘制高光闹钟

  Step 14 这时,我们需要勾选 视图》智能参考线。画出如图的小椭圆并调整描边为 7pt 并在描边面板里点击圆头端点图标。然后选择图中的椭圆执行 对象》排列 》后置

  Step 15 在线的另一端画一个时针,宽度为12pt,并更改描边为灰色。

Illustrator绘制高光闹钟

  Step 16 再创建一个小椭圆,重复上面的方法。并改变描边颜色为红色,宽度为3pt。使之置于前两个小椭圆的下面

  Step 17 拷贝出三条线,此时复制出的线仍处于选中状态,我们执行 对象>路径>轮廓化描边 ,然后更改三跳线的位置,使他们看起来象是指针的阴影,同时把线的颜色改为亮灰色.

Illustrator绘制高光闹钟

  Step 18 选择最上面的椭圆,拷贝出它, 然后使用钢笔工具勾勒出一个椭圆,并使用路径查找器的减去来得到月牙的形状,如下图的效果,

  Step 19 改变月牙型的渐变效果,色块第一个为白色,第二个为灰色.

  下一步设置白色透明度为 0%.

  Step 20 始终做的差不多了,下面就是突出他的立体效果.

  首先创建一个 55px 的正圆,用径向填充椭圆.添加两个色块到径向,这时色块总数为 4 .

  更改第一个色块的颜色为白色,第二个为灰色,第三个为深灰色,第四个为灰色(和第二个相同).

  然后使用渐变工具点击椭圆左上交的边拖出一个 45 度的渐变

Illustrator绘制高光闹钟

  Step 21 此时移动刚做出的小椭圆至最低层( Ctrl + Shift + [ ).

Illustrator绘制高光闹钟

  Step 22 拷贝出刚才制作的小椭圆(位置和前小椭圆重叠),然后按住 Shift + Alt 移动闹钟这个大椭圆使它和拷贝出的小椭圆有 4px 左右的相交部分.然后更改选择两个形状同时选择路径查找器里的相交集.用灰色填充新图形并在透明度面板更改图层模式为正面叠底.

  这个是闹钟在小椭圆上方而出现的阴影.

  此时我们需要根据自己的眼光来更改透明度来让他看起来更自然一些.

  Step 23 拷贝出刚做的小球和他上面的阴影,执行 对象 > 变换 > 对称 并在弹出对话框里选择水平,然后把结果小球拷贝到闹钟的右端和左边的对称.

  Step 24 使用矩形工具,创建一个 10px 宽和 50px 高度宽度的矩形.

  然后在渐变面板更改第一个色块为亮灰色,第二个为灰色,第三个为暗灰色,第四个为为灰色.(和第二个一样)

Illustrator绘制高光闹钟

  Step 25 创建另外一个 宽度为 15px 和高度为 20px 的矩形.

  执行 特效 > 风格化 > 圆角,并在弹出对话框里设置圆角值为 10px.

  然后在渐变面板更改第一个色块为亮灰色,第二个为灰色,第三个为暗灰色,第四个为为灰色.(和第二个一样)

  并使用渐变工具垂直拖出如下图的效果.

Illustrator绘制高光闹钟

  Step 26 让矩形对齐圆角矩形的正中间.然后把这两个形状移动到闹钟上方并执行 对象>排列>后置.

Illustrator绘制高光闹钟

  Step 27 创建一个 110px宽和 80px 高的矩形.执行 特效>风格化>圆角,并在弹出对话框里把角度值改为 30px.执行 对象>扩展外观

  此时创建另外一个矩形,并使得这个矩形可以圈住圆角矩形的下半部分.

  选择两个形状并在路径查找器内点击减去按钮.

  然后在渐变面板更改第一个色块为亮灰色,第二个为灰色,第三个为暗灰色,第四个为为灰色.(和第二个一样)

  垂直填充一个渐变给新图形.

Illustrator绘制高光闹钟

  Step 28 拷贝出一个新闹铃的图形(刚做的那个图).然后复制出两个闹铃图形,并按住 Alt 调整宽度使两个新拷贝出来的图形如下图的样子.然后执行路径查找器里的减去按钮.更改填充图形为白色并使其透明度为 15%.

Illustrator绘制高光闹钟

  Step 29 选择闹铃并再次拷贝出新图形,同样按住 Alt 缩小宽度使其缩小到闹铃中间,宽度看起来象是闹铃图形的16分只1.

  填充这个小图形为亮灰色,同时在透明度面板更改图层模式为正片叠底.

  Step 30 创建一个 20px 的正圆,填充一个相同渐变的图形.

  然后在渐变面板更改第一个色块为亮灰色,第二个为灰色,第三个为暗灰色,第四个为为灰色.(和第二个一样)

  垂直填充一个渐变给新图形.

  Step 31 创建一个 8px宽和 45px 高的矩形.填充一个线性渐变.

  然后在渐变面板更改第一个色块为亮灰色,第二个为灰色,第三个为暗灰色,第四个为为灰色.(和第二个一样)

  垂直填充一个渐变给新图形.

Illustrator绘制高光闹钟

  Step 32 选择所有闹铃图形并双击旋转工具,在弹出对话框里设置角度值为 30.(教程里没说编组,我个人认为编组更容易控制)

  把这个图形放在闹钟的左上边.

  Step 33 拷贝出一个新闹铃并执行 对象>变换>对称 命令,在弹出对话框里选择水平.把结果图形拷贝到闹钟的右端与左边的闹铃对称.

Illustrator绘制高光闹钟

  Step 34 快完成了 哇嘎嘎...., 但是我们需要他立体就必须给他阴影.仙子啊让我们创建一个 200px 的正圆.

  在渐变面板填充第一个色块为白色,第二个为灰色。并更改渐变类型为径向。图层模式为正面叠底。

  把这个新正圆移动到闹钟下放并适当调整高度使他看起来很象闹钟的阴影。

Illustrator绘制高光闹钟

  Step 35 拷贝出一个新阴影。并适当缩小,缩小的程度象是阴影两边那个小球的阴影一样。

  然后拷贝一个已经被调整的看起来象小球阴影的阴影。。。。。。。。。=_=|| 到右边的小球下方。

  Step 36 现在使用简便工具拉出一个径向渐变背景,你可以拉出一个认为最适合这个闹钟的背景。

  作者推荐是白色和灰色。

Illustrator绘制高光闹钟

  效果图出来了,是不是很简单?尤其是最后的背景让他看起来更棒了!

  Now!让我们给他打上一个自己的Logo。感谢上帝、耶稣、雅典娜。

Illustrator绘制高光闹钟

分类:Illustrator教程 时间:2012-01-06 人气:13
本文关键词:
分享到:

相关文章

  • Illustrator CS5中的3D绕转命令详解 2012-01-04

      在Illustrator中,执行"3D绕转"命令,可以将图形沿自身的Y轴绕转成三维的立体对象,与"凸出和斜角"命令相同,还可以对绕环的三维对象添加贴图和应用光源效果,制作出逼真的三维图形效果。   下面我们以实例的方式向大家介绍:   具体的制作步骤如下:   (1)打开本实例配套素材"糖果广告.ai"文件。   (2)选择瓶盖路径,执行"效果"→"3D"→"绕转"命令。   (3)设置该对象的绕转方向。   (4)手动调整对象的旋转角度。

  • Adobe Illustrator 工具箱详解 2012-01-05

    Illustrator工具箱详解 *********************************************************************** 1,要显示隐藏的工具,按在工具上直到隐藏的工具弹出(点击最后的小竖块可以单独扩展为一个工具板),或按ALT键点击工具在隐藏的工具中轮流切换。或按SHIFT键+工具的快捷键直到切换为要使用的工具。 2,有些工具有其自己的设定选项,双击工具可打开设定选项。这些工具有设定选项:画笔,铅笔,长度测量工具,混合工具,及多边形和多角

  • Illustrator文字制作漂亮质感描边字 2012-01-05

      先来看看最终效果:   首先打开Illustrator CS2软件,选择RGB模式新建文件快捷键Ctrl+N。   选择文字输入工具快捷键T输入MDL。选择你想要的字体效果!   打开路径扩展。   选择对象扩展确定!   再次选择对象!路径-偏移路径。   选择与预览调整你需要的参数。   点击右键取消编组。

  • Illustrator 8.0基础入门教程之网页按钮制作 2012-01-08

      我们在浏览网页时、使用多媒体软件的时候常常会看见看到一些制作精美的需交互用的按键。特别是一些立体的按键让网页和多媒体软件增色不少。作为 专业的绘图软件Illustrator可以帮助我们制作出漂亮的按键。要让你的homepage漂亮,可要仔细学学怎样做按键哟:)   先让我们看看第一个圆形的立体按键是怎么做出来的 。其实仔细的分析一下它仅仅是两个填充了渐变色的圆组成的。怎么样不像想象的这么复杂吧!现在让我们一步一步地学学怎么做的。首先先用圆形工具 画出一个圆。当我们画圆的时候是不是不是很容易画

  • Illustrator插件安装方法 2012-01-11

      Illustrator插件安装方法   大家都知道Photoshop的插件非常多,然而,Illustrator不但可以使用Photoshop所有的位图滤镜,本身也附带有大量的矢量滤镜。了解Adobe Illustrator的朋友一定知道,除了本身带的矢量滤镜,Illustrator还有更多的外挂插件。Illustrator衍生到版本10,功能已经十分强大。8/9版本的多数第三方插件已经不需要了,但是谁有会拒绝超玄快捷的效果呢   10版本的专用插件,免费或破解的很难找到。但是如果你手头还有一

  • 概览Illustrator文字功能 2012-01-14

      Illustrator在大家目前的印象中并不清晰,认为就是一个矢量绘图功能较为强大的软件,但事实上其还可以用作文字排版。与 Photoshop的文字排版功能相比,Illustrator在这方面更为全面和强大,虽然我们还没有开始这个软件的学习,不过现在我们可以先大致了解一下。   Illustrator提供了与Photoshop类似的字符和段落调板,另外将OpenType调板独立了出来,分别如下各图。可以看到两个软件对于文字和段落的控制几乎是相同的,一个显著的不同就是Illustrator在字

  • Illustrator打造手绘效果图片 2012-01-17

      选择一个位图图像。具有高对比度的图像效果最好。   将图像导入 illustrator。最初,先创建一个 rgb 颜色模式的新文档。 (这点很重要,因为艺术效果滤镜不适用于 cmyk 图像。) 接下来选择“文件”>“置入”,然后选择图像文件。 请确保取消选择了“链接”选项,然后单击“确定”。 “链接”调板中会显示所有导入的图像。   应用海报边缘效果。定位“图层”调板中的图像,选择“效果”>“艺术效果”>“海报边缘”。 调整设置,直至得到满意的预览效果,然后单击“确定”。

  • Illustrator打造烟雾缥缈文字效果 2012-01-20

      原文效果:   本例为Illustrator特效实例教程,介绍运用AI制作烟雾缥缈文字特效,主要学习绘制路径,偏移复制多层,减少透明度,步骤1:新建文件(ctrl+N)A3(297mm×420mm)   步骤2:画一个覆盖整个画板的矩形(M),充为黑色并执行“对象>锁定>所选对象”(ctrl+2)。   选择钢笔工具(P)画一条直线(单击画出一个顶点,然后按住shift在其上或下再单击以画出直线)。设置描边为白色,填充为无。设置描边粗细为 0.05mm(如果你的单位设置是其他类型

  • Illustrator简单的绘制企业LOGO教程 2012-01-21

      喜欢研究各式各样的logo,最近也做了一些logo设计,今天给大家分享一个知名支付中心的logo,我只是小小研究之后才得出了它的制作过程,在此整理出了教程,分享给飞特的朋友们,供学习。   下面是我制作的一些logo:有些是模仿设计,有些是原创设计,仅供学习。   工具:illustrator CS4

  • coreldraw x5快捷键大全.Illustrator常用快捷键 2012-01-21

    会声会影X5相比于会声会影X4在速度及稳定性方面有质的提升,是Coreldraw目前最稳定的版本,而且官方有中文版的。coreldraw x5在原有功能上,增加了屏幕录制、HTLM5支持、导入多图层图形、功能模板库、工作区可扩展性、DVD制作、下载和交换模板并获取免费教程、支持更多型号的相机、21个多媒体轨道以及更高的性能等新功能。 现在以下的coreldraw快捷键大全,这是本人用业余时间整理的。如果有错误的地方请大家多多指教,希望大家留下宝贵的意见!谢谢!! 显示导航窗口(Navigator

Copyright (C) quwantang.com, All Rights Reserved.

趣玩堂 版权所有 京ICP备15002868号

processed in 0.055 (s). 10 q(s)