美狮美高梅-美狮美高梅官方网站

美高梅视点
美高梅曾经做过哪些事情?美高梅的发展怎样
如何绘制功能性图标?
发表时间:2018-07-11

美狮美高梅

【直营信誉】MGM,美狮美高梅官方网站最具公信力的博彩集团官网、更有高质料的游戏平台、打造在线博彩第一直营,美狮美高梅不单拥有环境上最多样化的游戏投注平台,再是为衣食父母供给实时、刺激、高信誉的效劳保证和高质料的游戏。

想想图标的绘制也是有历史的,从刚开始 ps 用面切法运用布尔运算去切,有时候线条也是用面切面得到。随着线性图标的火爆和普及,开始放弃面切法,转用钢笔工具直接绘制,还可以很好的把握线的直角和圆角。当您会使用 Ps 绘制图标了,换成 ai 您会发现更好的快捷方便。随着 Sketch 软件在界面策划中有一席之地,在 Sketch 里快速绘制图标也是策划师需要把握的一门技能。

图标的绘制方法有面切法,钢笔绘图法,锚点法,圆切法。

下面会从 Photoshop、Illustrator、Sketch 三个软件去细讲基本软件工具。绘制案例想了很久要含有基本的知识点,使用更好优质的工具。末了决定的图标为齿轮、信号,此道齿轮是最经典的案例了,也是绘制图标的必修课。


一、 Photoshop篇

在 ps 里面绘制图标使用的基本工具有小白、小黑、布尔运算、钢笔工具、锚点。

1. 第一步打开 ps,ctrl+k,勾选将矢量工具与改动和像素网格对齐。

2. 小黑、小白二人转


3. 钢笔工具、贝塞尔曲线

贝塞尔曲线很多文章写的太官方了,不太懂,也不知道如何下手。我灰子 亲芙嵛襴ork使用中应该care哪几点。

  • 锚点两旁的手柄要保持在同一水平线上。倾斜的锚点的手柄也要保持在同一水平线上。
  • 当上手柄的长度不能超越下一个锚点的水平线。
  • 上下左右最边上的肯定是锚点存在的点,其他区域锚点的决定需要多练习才能找到合适锚点的地位。
  • 钢笔绘制的时候尽量不要让两个锚点靠的太近,会让两个锚点的手柄没有施展的容量。

末了如果您感觉贝塞尔曲线灰子 呛苣眩梢韵扔 Illustrator 里面的钢笔工具绘制,用多了就好了。我之上也感觉 Photoshop 里的钢笔工具绘制好难用,今天写教程做案例使闼试灰子 呛芎糜玫模咭部梢缘髡暮苋崦馈


4. 布尔运算

布尔运算是通过绘制规则的形状进行合并、减去、相交、排除等方式得到新的形状。

5. 性状图标面板绘制

在性状策划的时候大神们的底板用的都很有性状。

6. 齿轮、信号案例演示

二、 Illustrator篇

在 ai 里面绘制图标使用的基本工具填充、描边、钢笔、地址查找器、形状生产器、对齐、锚点圆角、扩展。

1. cc2015自带直角变圆角。

2. 地址查找器的形状模式等同于 ps 的布尔运算(上面已讲),地址查找器下的6个工具在平时使用较少易于 这般忽略,感兴趣的自己研究下。钢笔锚点和 ps 使用是一样的。

3. 地址描边可以通过扩展让线变成面,但是在绘制线性图标时不要把线进行扩展,因为放大缩小不会改动线的粗细,扩展成面会随着放大缩小而发生改动。有时候吾们在绘制线性图标不好做的曲线,可以尝试把这个形状画出来,然下再变成描边就ok了。

4. 在绘制对称图标的时候,有时候吾们只需要绘制一半,通过镜像复制,然下通过对齐-垂直或水平分布间距就可以很好的闭合在一起。( 对齐-显示选项-对齐关键对象-垂直或水平分布间距 )

5. 形状生产器工具,直接可以绘制有闭合可能的一切形状。

三、 Sketch篇

在 sketch 里面绘制图标使用的基本工具编辑、旋转、钢笔、剪刀、布尔运算、外形、变平。

四、 Ai制作好如何转到Ps和Sketch?

1. Ai 制作好转到 Ps 中,在 Ai 复制备份一个,然下对象-扩展,ctrl+c复制,ctrl+v粘贴到 Ps 里面决定形状图层,不要决定高技术对象。再用小白工具调整细节,让每个锚点都和像素网格对齐。


2. Ai 制作好转到 Sketch,ctrl+c复制,ctrl+v粘贴到 Sketch,调整参数尽可能是偶数整数。因为大量存在小数点的小case。改动数值灰子 且聪乱煌急暾甯芯酢

五、 如何达到视觉平衡?

很多人刚开始不会说按照规范来,主要在固定大小里面绘制就好了,莫过于这样也可以,但是最终灰子 且霰鹞⒌魍急甏锏绞泳跎系耐骋弧

譬喻在56*56px固定大小的区域绘制好全部图标,不要超出这个范围。然下整体看哪些视觉比重大需要缩放,缩放是以2的倍数放大缩小。

56-2的倍数,譬喻56px、54px、52px……

六、 如何定义规范?

譬喻在一定大小内,如何制定出一像素?

以48*48大小为例。看似留了一像素,上下左右灰子 橇礁鱿袼兀厦娴氖泳跗胶馐且谎模际且2像素为一个基准。这种规范大一点的尺寸也是适用的譬喻88*88px。

七、 如何统一性状style?

图标的性状style我在《如何系统进修功能图标?来看资深策划师的全面总结!》基本都概括出来了,可以归纳总结每个性状style的特点,快速的制作。也有不少人发我看他们绘制的图标,会用到俩三种性状style再是用到图标上面,还有就是总结出来的还没学会就开始自己去尝试新性状style,尽量灰子 遣灰热コ⑹孕碌男宰磗tyle,之上整理的应该够用了。

总结虽然讲的都是easy的基本教程,但是也是必需要把握的,把握上面底子教程不单单只适用于图标,在插画,图形绘制中都可以用到。


XML 地图 | Sitemap 地图