手机
当前位置:查字典教程网 >ps >PS图片处理 >PHOTOSHOP中改进IOS设计流程的诀窍
PHOTOSHOP中改进IOS设计流程的诀窍
摘要:在本文中我(英文原作者)总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。注意:文中所提到的快捷键针...

在本文中我(英文原作者)总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。注意:文中所提到的快捷键针对于Windows;Mac 用户可,Cmd对应Crtl键,Opt对应Alt键。

1.保持尺寸为偶数

你是首先针对Retina屏幕设计然后再对标准分辨率的进行缩小是吧?为了在标准分辨率下像素仍然保持完美的呈现,你需要保证大小和距离为偶数。具体的做法便是:基于2ps的网格设计。在编辑(Edit)〉首选项(Preference)〉参考线、网格和切片(Cuides,Grids&Slices)。更改网格线间隔(Gridline)和子网格(Subdivisions)来是使得网格间隔线为2px。例如:设置网格线间隔为64px,子网格为32。

PHOTOSHOP中改进IOS设计流程的诀窍1

2.混合模式只使用正常模式

在设置直接处于其他元素上面的图层效果时,混合模式只使用正常(例如:在混合选项中投影和外发光)。使用其他的混合模式或许在Photoshop中看起来很好,但是也可能会在在保存为PNG格式之后出现不良的效果。

PHOTOSHOP中改进IOS设计流程的诀窍2

3.更方便的改变渐变颜色

想要更改渐变按钮的色调(色相),而不必每次都去改变渐变的起始颜色值?下面介绍两个方法,均可达到完全一样的效果。

方法1:在渐变图层混合选项中使用颜色叠加

PHOTOSHOP中改进IOS设计流程的诀窍3

方法2:在纯色图层使用渐变叠加

PHOTOSHOP中改进IOS设计流程的诀窍4

译者注:上述使用了矢量蒙版,其实使用剪切蒙版也可达到相应的效果,个人认为还简单点。

4.更多的使用径向渐变

在导航条上叠加径向渐变层,让导航栏变得更为有趣。

方法1:径向渐变工具

PHOTOSHOP中改进IOS设计流程的诀窍5

方法2:斜面和浮雕

同样也可以使用图层混合选项中的斜面和浮雕。可以按下图所示来设置。通过调整设置来达到你想要的效果。通常调整的越为精妙效果也越为好看。

PHOTOSHOP中改进IOS设计流程的诀窍6

5.更多的使用阴影变形

Photoshop中阴影(任何的其他图层效果)和它对应图层可以分开。这样便可独立操作阴影。

PHOTOSHOP中改进IOS设计流程的诀窍7

PHOTOSHOP中改进IOS设计流程的诀窍8

PHOTOSHOP中改进IOS设计流程的诀窍9

6.使用内发光更容易的增加精细的纹理

【PHOTOSHOP中改进IOS设计流程的诀窍】相关文章:

Photoshop调出美女照片怀旧漫画效果

PS像美女一样精修你的虫片

PS制作沙漠场景设计教程

PS天猫/淘宝海报设计教程

PHOTOSHOP强化照片

超详细PS通道磨皮教程

使用PS进行图片的漫画处理

PS教你打造流畅酷炫的动态演示

如何在PS里面做变色音画

PS让美女色彩更加艳丽

精品推荐
分类导航