怎么完成icon制作

 

  “从2月26日开始的两周时间内,为了赶上iconfans作品征集的投稿,最终完成了两个icon,算是得到了一些成果。以下是过程中收获的经验体会,分享出来和大家一起交流。”

  作为一个初学者,在被要求或者想要做一个icon之前,看到那些大牛们的icon总是惊讶不已,热血沸腾地要立即开始。但是“不已”过后确不知道如何下手,导致时间在各种无意义的杂乱思考和“寻找素材”中被消耗掉。结合大牛指导和自己的经历,总结一套流程和大家讨论分享:初学者怎么完成一个icon设计。

  设计一个icon的过程大致区分需要三个阶段:

  1.确定icon的题材,就是表现内容。

  2.确定表现风格,写实?单一物体?还是小场景?

  3.再构思具体怎么实现,突出亮点。

  确定题材

  这时要从大的方面来考虑icon的制作,可以先想想一些必要问题的答案:为什么要设计这个icon?这个设计的需求是什么?什么题材可以满足这些需求?这个题材能做到很好的表达么?...... 问题可能一时半会儿没有答案,没关系,带着问题去看作品,看最好的作品,就会在别人的成果中得到启示,随手画草图也是激发灵感的好方法。

  想过之后在脑海中确定要画什么,最后限定一些客观条件(比如做一套图标时间是不是允许,某个题材细节是不是太复杂导致无法完成...),选择几个题材作为备选方案。如果并不是商业需求,那么可以从感兴趣的题材入手,这更能激发自己的创作欲望。


  确定表现风格

  用一些主观客观的条件来挑选表现风格,比如根据现在icon设计的流行趋势来选择写实风格;根据所要表达的主题选择材质等等。物体的展现形式是什么?单个物体还是物体组合?色彩搭配怎么用才能突出主题?趣味性怎么样展现?......


  以上确定题材和确定风格的过程绝对不是独立存在的,他们会互相影响,交织着进行。伴随这个两个过程的是大量地看好的icon设计作品和打草稿,从他人的设计中吸收什么是好的作品,了解好的作品是怎么组成的。

  可能在某些情况下根本不需要问问题,直接上手开始做icon就可以。但是我相信前期的思考和权衡是完成一个优质icon设计必经的过程。

  具体实现

  之后就进入了实战操作部分了,具体怎么实现题材和风格是现在所要思考的问题,要去选择技巧工具和方法。再具体一点说,像我一样的初学者也许并不知道怎么实现某种材质,怎么制作某种高光,但是有几

  个快速上手方案供大家尝试:

  1.临摹 这是性价比很高的的一条路,但是要记住要选择最好作品之一来临摹,虽然开始可能有些难度,但是坚持临摹好作品出来的效果要比临摹水平一般的作品好很多。临摹之前要仔细观察分析,观察光源的位置,观察颜色分布,观察icon的层次。想好了再动手要比直接上手效率高得多。

  2.找到PSD学习 分析大牛的PSD文件,看他们怎么用图层样式来实现金属质感或者制作高光


  3.优秀教程

  4.耐心的堆叠细节

  PS1:

  补充制作icon过程中需要注意的细节

  1.越是精细的图标就越是要注意路径对像素的影响

  2.icon因为相对来说尺寸较小,就要求色彩饱满,突出对比度,有丰富的色阶层次。

  3.注意缩放图标时的相应调整

  PS2:最后提交到iconfans的icon成品

时间: 2024-10-31 17:00:29

怎么完成icon制作的相关文章

PhotoShop打造逼真的糖艺箭头图标ICON制作教程

俗话说"授人以鱼"不如"授人以渔". 我最想说的是: 其实只要掌握了物体的素描关系和部分技巧,还原真实的物理表象都是浮云,设计师最主要的不是仅仅怎么在纸上还原真实... 更重要的或许是思考的和创新,做的真实仅仅是一种思路.... 另外,类似质感其实有人做过,我坦白此次算借花献佛,之所有大胆分享是想说几句心里话,如果我是老师,会告诉我的学生,不必为一个PS技巧 让内心纠结,PS AI都是工具,思维延伸的一个工个,只有头脑活动起来,四肢才更有方向感和力度...爱设计就要

CSS3代码实例:CSS3制作网页登陆表单

文章简介:这个表单效果是很普通,但其制作采用的方法却很有创新,其中用到老技术的是@font-face制作icon.box-shadow制作阴影等,最亮点是使用了calc()函数来计算定位的值. 这个表单效果是很普通,但其制作采用的方法却很有创新,其中用到老技术的是@font-face制作icon.box-shadow制作阴影等,最亮点是使用了calc()函数来计算定位的值.这可是一种新玩法,虽然前面有介绍过这个属性的使用方法,后期的制作中却很少使用他,这个案例让我再次领略了calc()函数的功能

icon图标绘制心得

  一.选取icon制作工具; 最受图标设计界牛人们推崇的专业icon/ico图标制作软件--Axialis IconWorkshop. 二.确立icon制作题材; 软件图标是软件的形象代言人,想让用户一眼就注意到你的图标,并能通过图标迅速理解此软件的实际作用,这就要求icon图标必须直观.特色,初学者得自己先了解相关应用的精髓才好. 三.选择icon制作图标风格; 一般来说,icon图标有三种表达方式:图像表现.文字表现.图文结合表现.接下来我们开始本文的重头戏--如何使用专业图标制作工具进行

创造收藏夹中的个性化图标

现在在浏览网页的时候,你会发现很多网站都会有"将我加入收藏夹"的选项,也许你的网站中同样有这样的选项,因为这确实是让浏览者记住网站的一个好方法.但是,当收藏夹中的网站越来越多,所有的网站都是一个丑丑的蓝色 IE 小图标加上一个网站名,让人感到无所适从.怎样才能在这众多的网站中脱颖而出呢?正当你麻木地盯着那堆看起来一模一样又毫无生气的书签的时候,忽然发现其中一个书签看起来很不一样,有个让人眼睛一亮的logo!没错,如果能把那个IE小图标换成一个个性化的Logo,一定能够吸引人注意.现在就

Webjx收集12个实用的网页在线工具

设计网页的工作相当的繁杂,常常为了达到更好的效果需要各种设计元素,现在有很多网页在线工具可以帮我们完成这些工作. 1. Favicon.cc 在线制作ico图标网站,可以上传图片制作业,也可以利用网站提供的默认图片. 2. Pattern Cooler 制作带漂亮的花纹的背景图片,选择样式后马上可以看到效果. 3. Tartan Maker 又一个背景图片制作站. 4. BgPatterns 还是背景图片制作站,极好的支持自定义背景图片. 5. StripeMania 最后一个背景图片制作站,但

PS绘制IOS7风格倒数计时器

这篇教程PS鼠绘学习者们使用PS绘制IOS7风格倒数计时器,教程严格来说算是一个ICON制作教程吧,教程难度一般 我们先来看看最终的效果图吧: 图00 具体的绘制步骤如下: 步骤 1 打开Photoshop,新建画布,尺寸730像素×410像素.然后我们通过标志工具,定位画布从的水平和垂直中心位置.设置效果如下图所示. 图01 步骤 2 选择椭圆工具,创建一个尺寸为120像素×120像素的正圆,隐藏填充图层,描绘路径5像素和颜色选择#e1e1e1.椭圆设置如图02所示,绘制效果如图03所示. 图

谈谈CSS Sprites技术及其优化

CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生.这个被国内开发者昵称为CSS精灵 CSS雪碧的家伙到底解决了什么问题,我们又怎样合理使用这个技术呢?下面让我们详细的聊聊. 在大家还在拨号上网的"远古时期",由于网速的限制,页面开发者都喜欢把网页里面的图片字节数控制的非常小,往往在一个图片文件夹里散落着n多的小碎图.随着网络技术的发展,网速的提升,大家越来越重视页面的加载速度,页面效率问题,过去的那些小图便成为了前端开发者的眼中钉,因为每加载一张图片都会产生一次浏

提高Android开发效率的9个Web工具

在Google的广大支持下,便捷开发Android程序的Native工具层出不穷.其实Android开发涉及到的范围也不小,一些Web工具 有时候也会带来事半功倍的效果.有些甚至是一些native应用无法做到的.本文,将简单列举一下本人正在使用的一些工具,当然也会持续更新. 查找优秀的参考工程 codota是一个查找可供参考的Android工程的网站,它的爬虫已经采集了将近7百万个工程.比如我们想要写一段Android中检测网络可 用性的代码,我们只需要在搜索框中输入network,就会找到已经

使用WEB工具快速提高Android开发效率_Android

正所谓工欲善其事,必先利其器.学习并应用优秀的轮子,可以让我们跑的更快,走的更远.这里所指的工具是广义的,泛指能帮助我们开发的东西,或者能提高我们效率的东西,包括:开发工具,监测工具,第三方代码库等. 在Google的广大支持下,便捷开发Android程序的Native工具层出不穷.其实Android开发涉及到的范围也不小,一些Web工具有时候也会带来事半功倍的效果.有些甚至是一些native应用无法做到的.本文,将简单列举一下本人正在使用的一些工具,当然也会持续更新. 查找优秀的参考工程 co