IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

“BUSINESS”ICON制作分享

Taobao UED Team 2010-11-17 19:07:56 累计浏览 3,031 次
本机暂存

    大家一般都用一般都用PS或者AI来制作icon,其实PS与AI也可以打造出不一样的效果。AI造型(不得不承认钢笔工具可以秒杀掉PS里面的钢笔工具),PS效果灵活运用可以让图标既有AI图标的简洁干净又不乏PS制作的效果。因为AI是矢量的,同时也能保证图标在某些用处的时候能够灵活的放大与缩小而不损失太多的效果,同样简洁干净的图标也是商业运用的首选

    原图已失效

    此类图标风格除了在造型上有所不同外,效果的制作手法都是大同小异,下面列出了两个制作过程中的变化流程

    网上冲浪:

    原图已失效

    要在球体上贴上世界地图使他变成地球,为了节省时间可以从网上找下地图的矢量然后贴上去,然后渐变并给上投影。给球体加上高光与反光,再加一点小细节AI部分的制作就完成了。导进PS后进行锐化处理再调节下整体的色相饱和度,最后给上投影就算整体完成了。

    回收站:

    原图已失效

    在制作这个垃圾桶的时候,我首先定位他的质感是磨砂半透明的,这样他能适应在不同背景。

    第7步磨砂半透明的效果:把回收站里面装的杂物(A)的那个图层复制一层(B),在复制的这一层的上面进行高斯模糊,降低模糊后的图片,然后擦去A在玻璃遮住的部分,再擦去B露出玻璃的部分,最后合并图层就完成了。

    总结:当我们把AI制作矢量的导入到PS里面的时候需要稍微做下锐化处理(第5步是刚入PS的时候),因为这样可以使轮廓更清晰,当然整个锐化的过程中,需要用橡皮擦把一些锐化过度的地方抹掉。

    首次写文章,不足之处在所难免,小弟以后会努力,谢谢大家

    128Px 下载

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 30套最好的网站开发与设计中使用的小型图标 (累计阅读 12,529)
  2. 如何创建一个简洁、光滑的web2.0网站页脚 (累计阅读 4,978)
  3. 谁说设计师不会写代码?—Photoshop脚本语言简介 (累计阅读 4,449)
  4. 网页设计师应该知道的9个Photoshop小技巧 (累计阅读 4,158)
  5. 视觉调整-设计师 vs. 逻辑 (累计阅读 3,694)
  6. 关于Fireworks 和Photoshop两者之间图片优化的比较 (累计阅读 3,469)
  7. Photoshop图标(icon)设计分享 (累计阅读 3,154)
  8. 浅析图标的微观世界――从符号学说起 (累计阅读 3,063)
  9. 如何用photoshop绘画真实足球鞋 (累计阅读 2,968)
  10. Icon设计要点――信息传达的准确度(一) (累计阅读 2,961)