ai设计图标流程和技巧
图标设计要求熟练使用软件,具有广泛的特点,而且矢量掩模具有建设性的立体几何特征,因此,要求学生使用不同的软件工具和技术,今天的翻译都是超级实用技能,以补充一些干货、周末材料。
图形创建VS图形样式
我认为它使矢量路径和图形样式的设置创建之间的正确的区分是很重要的,因为他们需要两个不同的设计软件实现——-- PS图象处理软件和插画,。
PS图象处理软件的渲染质量和遮罩功能几乎超出了所有的设计软件,而插画包括矢量功能丰富。在我漫长的旅程,Illustrator是国王的矢量路径。
幸运的是,PS图象处理软件和Illustrator之间的转换是一个无缝的连接。我通常的工作流程是这样的:在PS图象处理软件简单的图形操作,但如果涉及到一套图标或任何复杂的图形,我将首先使用Illustrator来创建,然后将PS图象处理软件风格。
总之,Illustrator是用来创建图形,和PS图象处理软件是用来设置样式和输出。
规格
如果你能控制图标的大小,风格的图标和线的大小应使规范,因为许多图标必须有一个中间线。换句话说,如果一个图标的宽度均匀,中间的线的宽度不能奇数。以同样的方式,如果一个图标的宽度为奇数,那么线的宽度不能偶数。
当线的宽度是偶数时,图标的大小应该是偶数(宽)x甚至(高)。当线宽是奇数时,图标的大小应该是奇数(宽)x奇数(高)。
不要尽可能地使用奇数和偶数(除非你不混入混合料中,然后确保不同的轴使用不同尺寸的线)。
不要使用高率掩盖的问题--;mdash;1pt奇数宽度图标(或1dp)线,也许在视网膜配置看起来没问题,但绝对会在1times;和3次;让你的头大小问题解决。
事实上,你要想象所有的点作为图标的基本网格,避免太小的偏移定位,一切都不是那么复杂。确保所有图标的设计应该从1times;开始。
操作系统应用程序图标
使用简单的网格系统可以帮助应用图标的绘制。因此,我可以大致确定的1024times 16times;16像素的图标,和1024个图标的位置就容易多了。对于那些最小的版本,有没有需要调整的细节太多。
然而,苹果的图标不完全匹配的网格系统。不知怎么的,他们有几个像素的偏差mdash;mdash;Safari图标是898像素的直径,而不是896像素的1 / 16格。
总之,我定义的图标大小与Safari、iTunes和其他苹果图标不一样,但在1024像素中只有2像素的差异。下面的网格对我来说更重要。
iOS应用程序图标
iOS应用程序图标的大小不如OS X图标好,而且工作流程稍微复杂一些。
公牛;29times;29多头;40times;40多头;58times;58多头;76times;76多头;80times;80多头;80times;87;;120;120;152;;180;;1024;应用商店。
有10种尺寸的现状。但如果你只是要1X的网格大小,你只需要专注于5个主要尺寸。
公牛;29(1times;),58(2times;),87(3次;)的公牛;40(1times;),80(2times;),120(3次;)的公牛;60(1times);120(2times;);180(牛市;);180(76);152(152);152;
4基本尺寸添加到应用程序商店的大小1024times;1024像素,工作量线削减一半。另一个好消息是,如果苹果发布iPad的3X尺寸的那一天,你已经基本完成了图标,安装规范。
首先,我们必须抵制高分辨率的大小和集中在1x尺寸的诱惑,这是事半功倍的效果的一种好方法,它可以帮助我们节省时间和更有效的和更容易维护的设计。说到水,第2次、3次,或4times后来的版本是没有的。
特别是,要小心地使用智能对象,并注意它们可能有特殊的大小变化。
从Illustrator
插图不仅使你观察所有矢量节点设计时,1x明确网格尺寸的图标,但也有许多独特的功能,不能在任何其他软件实现的,我真的去了许多的这些功能,这就是为什么我选择Illustrator作为我工作的程序图标的第一步。
对齐网格设置
我不喜欢Illustrator对齐像素的设置,但效果的观点具有和对齐网格是非常理想的。记住将新对象关闭到像素。在新文档或转换面板中可以找到新对象到像素。
如果你需要的像素做非常细微的调整,你可以使用移动面板(Object RARR;转换具有;移动,或直接按下回车键)。
自定义工具面板
最近,我重新编辑了我的工具面板,删除了一些不常用的工具,并显示了最初隐藏的工具。
路径导引
如果您想在图形上添加、减去或排除操作,通常称为布尔运算或构造实体几何,那么在所有的矢量编辑软件中,最佳路径函数的路径选择器是最好的函数。
在路径查找器,我最喜欢的分割功能mdash;mdash;将重叠的图形转换成不同的形状,这样我们就可以很容易地删除不必要的部分。
形发生器
形状发生器的功能比路径搜索器更新快。如果你有几个独立的形状相互重叠,选择形状发生器,拖动鼠标形成形状,按住选项,拖动鼠标减去形状。
m选择形状发生器。
实时圈
插画CC 2014新增加了实时圆角,出现在所有角落,像小手柄。拖动小手柄来控制角落的角度。这个功能不仅是矩形,但也为所有形状。
实时圆角功能的实现是非常困难的或time-consuming.this功能Illustrator图形,像其他许多可爱的特点,有助于设计师的工作。
如果你想准确地定义角度,你可以在控制面板上输入角度直径。
捻
插图的扭曲和其他绞工具可用于弯曲和扭转各种形状,使图形更有趣。
路径轮廓
我通常先把行程PS图象处理软件设置。一些软件也有这个功能,但不多。对我来说,这一功能的矢量编辑软件是必不可少的。
可变行程
在插图中,我们可以调整笔画的每一部分的宽度。
当宽度工具(shift-w)被选中,双击需要编辑的节点,控制面板将用于输入数据的精确控制宽度出现。该工具可以准确地画出图形,其他工具不能画。
虚线
虚线在Illustrator中有两模式mdash;mdash;角对齐,并定期。角对齐的虚线总是看起来更舒服,但大多数设计软件不包含此选项。虚线可以转换成一个被放置在PS图象处理软件作为后续编辑路径。
单转换
在插图中,很容易同时调整多个物体的大小、旋转角度和位移,并能以每一个物体为单位进行各种调整,这个小功能可以为我们节省大量的时间和精力。
套索选择
当选举框架不能满足复杂选区时,套索工具就可以完成。可以与按钮结合使用套索工具:(添加),(减少)。
图形样式
为了提高工作效率,我在插画中设置了一些图形样式。如果你的图标包含了许多相同图形样式的元素,那么你将节省很多时间。
像素预览
说实话,插画家的像素预览是相当糟糕的。用例图显示它是多么糟糕-,-,,分散的像素,没有渐变色,等等,这使得其像素预览难以令人信服,因为我最终会在PS图象处理软件建立的风格,所以Illustrator像素预览与我无关,但我们还需要知道这个功能。
你可以看到图中的插图和PS图象处理软件像素预览和比较,差异非常显著。
散发的像素非常危险。IOS和OS X接口的规格必须精确加倍,所以一幅图像中会有1个散点。
PS图象处理软件风格设置
一旦这个图标的路径完成后,我会把它们作为一个形状涂料进入PS图象处理软件。如果你有多个路径,你可以在Illustrator中同时选择复制他们,把他们分为一个单独的层被连接到PS图象处理软件后,单独选择一个路径和新闻的同时J键移动它到一个新的层。
输出
我不建议通过插图的输出位图。
我也不保存IOS图标的PDF格式。
我用PS图象处理软件片输出PNG格式或其他格式的位图。该方法具有很多优点,例如,你可以选择一个层,需要10秒的负载,或一套100秒加载图标,保持风格的完整性,和编辑容易。(原作者也有应用设计的过程,包括切片工具的更多细节。如果孩子的鞋有兴趣,萧边可以编译后。)如果是输出SVG格式,我通常把PS图象处理软件发电机和插画。
以上是AI设计图标的过程和小技巧的介绍,希望对你有所帮助!