手机
当前位置:查字典教程网 >ps >PS入门实例教程 >用PS设计APP过程中改进IOS设计流程的30个密诀
用PS设计APP过程中改进IOS设计流程的30个密诀
摘要:设计是一个漫长和痛苦的过程,期间可以用点技巧来减少痛苦,30+tipstoimproveyouriOSdesignworkflow(inPh...

设计是一个漫长和痛苦的过程,期间可以用点技巧来减少痛苦,30+ tips to improve your iOS design workflow (in Photoshop)一文总结30个实用的技巧可以借鉴和学习。

————–以下为译文——————-

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

1.保持尺寸为偶数

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

用PS设计APP过程中改进IOS设计流程的30个密诀1

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

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

用PS设计APP过程中改进IOS设计流程的30个密诀2

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

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

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

创建一个渐变图层 。起始颜色设为浅灰和深灰色,也可以在之后调整。

为按钮创建矢量蒙版

复制 矢量蒙版粘贴 到渐变图层(选择矢量蒙版〉Ctrll+ C〉选择渐变图层〉Ctrl + V )

设置图层〉矢量蒙版〉当前路径

设置渐变图层混合选项〉颜色叠加 更改混合模式为颜色

现在便可以只是更改此处的颜色来更改渐变。

用PS设计APP过程中改进IOS设计流程的30个密诀3

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

用你想要的颜色,创建一个纯色的图层。

和方法1相同。

和方法1相同。

和方法1相同。

在纯色模版混合选项〉渐变叠加,设置混合模式为明度(Luminosity)。

现在只是改变纯色模版的颜色即可改变渐变。

用PS设计APP过程中改进IOS设计流程的30个密诀4

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

4.更多的使用径向渐变

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

方法1:径向渐变工具

在导航条图层上方新建图层

复制导航条图层的矢量蒙版到刚才新建的图层(按住Ctrl + Alt同时按鼠标左键拖动 矢量蒙版到新图层)。

选择径向渐变 工具(设置渐变为中心白色末端全透明)。

在图层中从中心到边缘绘制渐变。

改变图层混合模式为叠加(Overlay) 设置不透明度为25%

用PS设计APP过程中改进IOS设计流程的30个密诀5

方法2:斜面和浮雕

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

用PS设计APP过程中改进IOS设计流程的30个密诀6

5.更多的使用阴影变形

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

选择图层〉图层样式〉创建图层 (译者注:必须在对图层使用了混合选项中的效果才能使用此命令,此步目的即是将效果和图层分离)。

转换图层为智能对象 (在混合选项中勾选透明形状图层。右击图层〉选择转换为智能对象),这样你就可以在之后编辑效果。

Ctrl + T 选择变形

点击和拖动 手柄来改变形状。手柄不会对其网格,但可以使用网格作为参考对其他的手柄进行重复同样的拖动。

往上轻移 图层直到像下图效果。

用PS设计APP过程中改进IOS设计流程的30个密诀7

用PS设计APP过程中改进IOS设计流程的30个密诀8

用PS设计APP过程中改进IOS设计流程的30个密诀9

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

像下图所示通过内发光快速的增加纹理。

用PS设计APP过程中改进IOS设计流程的30个密诀10

【用PS设计APP过程中改进IOS设计流程的30个密诀】相关文章:

一起玩转Photoshop中的形状工具

PS绘画冻结的水之飞雪

怎样才能真正学好PS

如何仿制一个QQ新年签

Photoshop变换工具制作打开的卡通盒子

给设计师的20款PS插件

Photoshop制作绚丽的电商促销海报

盘点史上最烂的33个PS失误

Photoshop设计绚丽格子特效的桌面壁纸

Photoshop详细解析人像照片后期商业精修过程

精品推荐
分类导航