;

大师级ps矢量技术:打造一个极具细节的麦克风

原文链接

 好像之前不少人问怎么做变幻线,一般都会说用矢量软件做比较方便,用ps做的话只能画根曲线,然后

永利国际网站 1

以下是我对于设计图标的一些建议——关于从一个简单的单色图形到一个细节丰富的APP图标。

alt+ctrl+shift+t一遍遍移动复制,不过这样做出来的每条线的形状都一样,比较死板。
  试了一下,发现其实用ps制作矢量软件效果的变幻线挺简单的。

软件部分英文参考:overlay叠加 soft light柔光 normal正常 angle角度
multiply正片叠底

永利国际网站 2

不懂的地方请到论坛提出:

注:我不是英语专业的,照着自己理解的翻。都是利用休息时间,一个人独立完成的,所以有差错的地方还请谅解,帮忙更正,让我们共同学习。

有很多细节 我的 app
设计流程
这篇文章没有涉及到,特别是图标的图形设计方面。图标的设计通常是被设计软件推动的,充分利用软件的向量、蒙板和建模功能。正是这些原因导致了图标需要多种工具和技术。

看一下效果图

本教程的原作者编写教程真的非常认真,相信即使是ps小白跟着操作也完全可以做出99%的程度。

创作与造型

我认为应该把矢量路径的创作和造型分开来讨论,因为两个我主要使用的工具——Photoshop和Illustrator——它们有截然不同的功能特点和长处。

Photoshop的渲染能力和蒙板功能比其他设计功能高到不知道哪里去了,但是Illustrator有更多更好的矢量工具。在图标路径设计方面,我还没有用过比得上Illustrator的工具。

还好,这两个工具之间几乎是无缝切换。Photoshop可以直接产生既快速又简洁的工作成果;先在Illustrator里画出图标组或其他复杂的图形,然后通过粘贴图层导入到Photoshop里进行处理。

Illustrator用来创造,Photoshop用来渲染和导出。

永利国际网站 3

翻译文章真的很辛苦,加上还要一边研究原教程的做法,断断续续花了差不多一周的时间吧。

尺寸

你需要设计图标的尺寸,协调图形和线的宽度。这时因为很多图标需要有一条中心线,如果图形的宽度是偶数的,同时线的宽度是奇数的,或者图形的宽度是奇数的,同时线的宽度是偶数的,你的图标有就没办法有一条中心线了。

永利国际网站 4

如果你的线的宽度是偶数的,你的图标宽高尺寸就应该是偶数 ×
偶数;如果你的线的宽度是奇数的,你的图标宽高尺寸就应该是奇数 × 奇数。

尽量不要把奇数和偶数尺寸混合使用(除非你突发异想,横竖的线宽使用不同的尺寸)。

避免使用高像素设计 ——
在Retina屏幕(两倍密度)下1像素的线宽和奇数的图标宽看起来挺好,但是到其他1倍或者三倍密度的屏幕下就会很糟糕了。

如果你整体上基于网格并且避免出现分数那么工作会轻松很多,这意味着你的设计都是基于1倍屏幕来做的。

方法如下(如果是较低版本的ps,因为缺少”变形”功能,不能使用本方法)
  先打开菜单“编辑”-“偏好设置”-“导线、网格、切片和计数”,把网格部分按需要设置一下,一般来说是

里面也加入了一些自己的理解。

OS X app 图标

使用大网格。OS
X的图标尺寸很多但都是成倍数的,可能你的设计一个1616像素的图标会用来定位10241024像素图标的样子,这样使得建立图标的所有尺寸更容易。除了最小的尺寸,基本上不需要针对不同尺寸对图标进行调整。

永利国际网站 5

苹果的图标不太符合网格。不知什么原因,它们总是差几个像素—— Safari
的图标尺寸是898像素,而不是正好对齐为网格1/16的896像素。

永利国际网站 6

要设得密一点,默认的太稀疏了。

本文也对我有很大的启示,在软件使用中的一些不严谨的习惯我也要逐渐改掉。

IOS app 图标

和OS X不一样,IOS app
图标尺寸之间没啥关系。这样就有些难办了。以下是目前全部的尺寸列表(你可以在这里找到更好的列表Bjango
App Icon Template
help).

  • 29×29
  • 58×58
  • 60×60
  • 76×76
  • 80×80
  • 87×87
  • 120×120
  • 152×152
  • 167×167
  • 180×180
  • 1024×1024 (App Store)

永利国际网站 7

一共是11种尺寸。从60px的图标开始设计,然后扩大成它的的两倍三倍,也就是120px和180px,只需要成倍扩大图标,不需要调整。避免一开始就设计大尺寸高保真的图标会帮你节省很多时间,还可以创造更好、更可维护的图标。从1倍开始。当你准备好之后再设计2倍3倍4倍的。

除了特殊情况,否则我建议不要用智能对象,因为它们缩放的方式

永利国际网站 8

如果你开始了,请耐心学习完,这里有比你想象中多的多的知识等着你去掌握。

从Illustrator开始

永利国际网站,除了能一边看全保真的矢量图一边处理1倍网格,Illustrator
有很多其他软件都没有的特点。很多特点是我离不开的,这是为什么我用Illustrator作为我设计图标的主力。

如果你使用Photoshop真的很舒心,你可能喜欢创造东西,如照片的修饰,网站设计和其他平面设计的东西。

设置

我不喜欢 Illustrator 的像素对齐功能,但是我可以打开 视图 - >
对齐到网格,关闭“对齐新的对象到网格”
,这样完美了。第二个方法是在新建文档的窗口下面有个对齐到网格的选项。

永利国际网站 9

如果你需要非整数的调整,可以使用“移动”窗口。(对象-> 变换
->移动,或者选中对象,点击“enter”建来打开“移动”窗口)

永利国际网站 10

如果你从来没有不屑于掌握矢量设计的话,这里有一个很好的机会。Photoshop用户会经常认为矢量图形应该给使用Illustrator的专业人士,或者Illustrator可能学习起来太费时了,又或者购买软件太贵了。

自定义工具面板

最近,我在尝试自定
义工具面板,移除不常用的工具,把常用的工具从弹出的菜单中拿出来。

永利国际网站 11

很多人最终外包矢量的工作,这要花费他们很大一笔开支。

路径选择工具

如果你尝试增加、减去或者排除相交图形(通常叫布尔运算或者构造几何),Illustrator的路径选择器是最好用的矢量编辑器之一。

我最喜欢路径选择器的功能分割功能——把图形切分成独立的路径,这样可以轻松的把不想要的部分去除。

永利国际网站 12

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章