您的位置: 首页 > 艺术设计 > 像素设计 > 用 AdobeIllustrator CS 设计图标
Honda像素图标设计作品欣赏 回到列表 如何使你的图标脱颖而出
 用 AdobeIllustrator CS 设计图标

作者:Rokey 时间: 2005-07-08 文档类型:原创 来自:蓝色理想

第 1 页 用 AdobeIllustrator CS 设计图标 [1]
第 2 页 用 AdobeIllustrator CS 设计图标 [2]
第 3 页 用 AdobeIllustrator CS 设计图标 [3]
第 4 页 用 AdobeIllustrator CS 设计图标 [4]

Icon design by using Adobe Illustrator CS
The Last Order 图标设计

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

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

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

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

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

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

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

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

出处:蓝色理想
责任编辑:蓝色

上一页 下一页 用 AdobeIllustrator CS 设计图标 [2]

作者文章
如何使你的图标脱颖而出
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
Photoshop绘制真实的黑莓手机
标记语言——为文字指定样式
NewWebPick第17期专业版发布
php设计模式介绍之装饰器模式
Windows组策略之软件限制策略
大木花谷
疯狂的程序员 第二十五回
疯狂的程序员 第二十四回
IE下中英文字体不能对齐原因及解决
有些标志很类似
栏目最新 栏目最新列表
成为一个顶级设计师的第二准则
一起回味经典老体育宣传画
你是真正的用户体验设计者吗? Ⅲ
菜菜贺年动画
网页效果图设计之色彩索引
Google的产品设计指导思想
Siggi Eggertsson 几何魅力
令人惊叹的"手绘"
再见吧,创意
创意的生产方式
 
>> 分页 首页 前页 后页 尾页 页次:1/41个记录/页 转到 页 共4个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文总共有 16 条评论,现在显示最新的 5 条。评分:- llllllllllllllllllll + 评分人数: 5 ,平均分: 3.40


viclin Publish at 2007-12-6 14:44:26
不知道动脑子想当然有问题啊,自己想想该怎么做就没问题了咯~ 缩成16*16,一样不错。
911hua Publish at 2006-12-10 23:24:50 评分1
这个教程有问题!!!
TMD
911hua Publish at 2006-12-10 23:24:09 评分1
教程有问题做,些教程的也不做详细些,很多问题有!!!
sunskyad Publish at 2006-4-28 9:39:13
不错,强!

—————— ——————— ———————-——
LOGO设计 www.sun-sky.com/logosheji.asp
bengziblue Publish at 2006-2-6 17:23:02
我要16×16的精美图标,如果将您的图标缩小到16×16,一样很难看!

查看全部评论

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTML与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

玩具摄影:天生一对 铁血战士 玩假矢量。  SD娃娃 TTPLAYER皮肤 晋江市公民因私出入境咨询中心 mtalk UI临摹 Firewoks效果练习(下)