·天新网首页·加入收藏·设为首页·网站导航
数码笔记本手机摄像机相机MP3MP4GPS
硬件台式机网络服务器主板CPU硬盘显卡
办公投影打印传真
家电电视影院空调
游戏网游单机动漫
汽车新车购车试驾
下载驱动源码
学院开发设计
考试公务员高考考研
业界互联网通信探索
您现在的位置:天新网 > 考试 > IT考试认证 > 设计类认证 > ADOBE
用Illustrator CS设计精美质感图标
http://www.21tx.com 2005年09月16日 www.enorth.com.cn

1 2 3 4 下一页

  利用ADOBE Illustrator CS进行图标设计并在Photoshop中进行后期处理,用Iconworkshop输出.ico格式的图标文件。图标是界面设计领域重要的一项设计内容,这次以在2004度中由stardock公司主办的GUI国际奥林匹克大赛中获全场大奖的图标包的The Last Order中的一个图标作为例子给大家讲述一下图标制作的过程。下图是这套图标的部分截图。教程中所应用到的软件主要有Adobe Illustrator CS、Adobe Photoshop、Axialis Icon-workshop。

用Illustrator CS设计精美质感图标

  1.打 AdobeIllustrator CS ,选取工具栏上的圆角矩形工具,单击画板任意位置在弹出的窗口中开可以设定圆角曲度。(如果第一次圆角矩形长宽不合适,可以删除,直接拖拽得到合适大小)

用Illustrator CS设计精美质感图标

  2.选中菜单 Effect/3D/Rotate 命令调出 3D 旋转设置窗口,用于生成 3D 透视图形(只有最新的 Illustrator CS 版 本具有此功能)

用Illustrator CS设计精美质感图标

  3.调整至合适角度(如过制作一整套图标,请记住保留设置参数,以应用于整套图标设计保持风格统一)选中 Preview 可以既时的看到画板中图形的应用效果。

用Illustrator CS设计精美质感图标

  4.可以在 Appearance 棉板里看到所应用的 3D Rotate 效果,并可以随时通过双击调出 3D Rotate 窗口进行调节。

用Illustrator CS设计精美质感图标

  5.调整至合适角度,使用 object 菜单下的 Expand Appearance 命令把应用效果的图形“打散”: 即不再具有 Appearance 的属性。

用Illustrator CS设计精美质感图标

  6.选用工具栏中的白色箭头选中我们需要的图形用 Ctrl+c( 复制 ) Ctrl+v (粘帖)提取出来, 其余的无用图形删除。

用Illustrator CS设计精美质感图标


  7.随后我们用渐变色给这个图形上色,用 Gradient 面板设计渐变颜色,用 Swatch 面板调整颜色,这里采用的是线型(linear)渐变,假设光源来自左上角,这将是后面所有图标上色的依据。

用Illustrator CS设计精美质感图标

  8.把此图形复制一遍,按图中方式排列,同时选中两个图形,然后调出 Pathfinder 面板, 使用 Subtract form sharp area 制作出此图形的立体厚度。然后可以点击 Expand 按钮展开此合并图形。

用Illustrator CS设计精美质感图标

上一篇: Photoshop快捷键(图形版)
下一篇: PS+IR 自己动手打造水晶璀璨效果

1 2 3 4 下一页

关于我们 | 联系我们 | 加入我们 | 广告服务 | 投诉意见 | 网站导航
Copyright © 2000-2011 21tx.com, All Rights Reserved.
晨新科技 版权所有 Created by TXSite.net