您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Photoshop教程 >> ps入门教程 >> 正文

详解PS进行IOS设计流程的诀窍

作者:佚名    责任编辑:admin    更新时间:2022-06-22

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

  1.保持尺寸为偶数

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

详解PS进行IOS设计流程的诀窍 三联

photoshop教程

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

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

详解PS进行IOS设计流程的诀窍,三联

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

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

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

详解PS进行IOS设计流程的诀窍,三联

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

详解PS进行IOS设计流程的诀窍,三联

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

  4.更多的使用径向渐变

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

  方法1:径向渐变工具

详解PS进行IOS设计流程的诀窍,三联

  方法2:斜面和浮雕

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

详解PS进行IOS设计流程的诀窍,三联

  5.更多的使用阴影变形

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

详解PS进行IOS设计流程的诀窍,三联
详解PS进行IOS设计流程的诀窍,三联

详解PS进行IOS设计流程的诀窍,三联

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

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

详解PS进行IOS设计流程的诀窍,三联

  7.隐藏路径

  Photoshop cs6中比较恼人的一点是当你选中一个形状图层的时候形状的路径会显示出来,并且在你操作该图层的时候路径会一直存在,譬如在更改图层混合选项的时候。你和使用Ctrl + H 来隐藏所有的辅助工具(路径、网格线和参考线),当然你可以按Ctrl + Shift + H 只隐藏路径。

详解PS进行IOS设计流程的诀窍,三联

  8.使用对齐像素网格来使形状像素完美

  这算是cs6中最好的改进之一了。按Ctrl + K 打开首选选面板选择将矢量工具与变换与像素网格对其(Snap Vector Tools and Transforms to Pixel Grid)勾选。在cs5中只有形状(没有变换)与像素网格对齐。像下图示在首选项〉常规中勾选最下面一项。

详解PS进行IOS设计流程的诀窍,三联
详解PS进行IOS设计流程的诀窍,三联

  cs5中只有形状对齐

  9.使用电子表格来计算缩略图的尺寸

  想要创建一个iPad app来展示大量的缩略图?使用电子表格来计算缩略图的尺寸和之间的尺寸。电子表格实时的计算并展示了在改变一个尺寸之后对其他元素的影响以及它们是否适用于屏幕。下载(iPad-Grid-Calculator)我在创建iPad app使用创建的微软Excel 表格(文件中包含了4个表格,6×6, 5×5, 4×4 和3×3)。

详解PS进行IOS设计流程的诀窍,三联

  10.自动导出资源文件

  如果你必须创建图片资源,选择文件(File)〉脚本(Script)〉将图层导出到文件(Export Layers to Files)。

  11.图层复制的时避免给图层名添加后缀同时避免图层效果得到扩张

  对每次复制图层都在图层名称后面添加“副本(copy)”的字眼很是恼火?同时恼火的是每次复制粘贴图层效果的时候图层效果就会扩张?可以图层面板选项中将两者关闭。

详解PS进行IOS设计流程的诀窍,三联

  12.以15°的步长旋转

  在自由旋转的时候,可以按住Shift以15°的倍数旋转。

  13.保存样式

  保存多次使用的样式到样式面板,这样免去每次都复制粘贴的麻烦。

  14.在打开的两个文件之间移动图层

  按下V选择移动工具〉选中想要移动的图层〉在当前文件内(不是图层面板)左击不松开〉拖动光标到目标文件的名称标签上〉当文件切换之后将光标拖动到文件内,然后松开鼠标。

详解PS进行IOS设计流程的诀窍,三联

  15.设置全局光为90°

  当光源在90°的时候高光、阴影以及其他图层效果看起来最好。为了避免重复设置,在混合选项中(斜面和浮雕、内发光和阴影)勾选使用全局光。或者选择图层〉图层样式〉使用全局光。

详解PS进行IOS设计流程的诀窍,三联

  16.在你创建图层的时候你便对它进行命名

  在将设计文档发给开发人员之前对图层命名是件令人头痛的事情。因此不妨形成在创建图层的同时就给它命名的习惯。

  17.使用自定义快捷键

  注意哪些工具和任务是你最常用到的,为它们创建快捷键。例如,如果你发现将一个文件发送给开发人员处理的时候你需要重命名大量的图层,我使用功能键F2作为快捷键。

  18.使用径向渐变

  使用径向渐变有时候会看起来有点扁平。试试用径向渐变作为背景,还可以用内发光来强调。

详解PS进行IOS设计流程的诀窍,三联

  19.努力做到非破坏的编辑

  通过使用智能对象和调整图层来做到一个非破坏性的工作流程。当你发发现自己需要重复编辑同样东西的时候这会帮你减少很多痛苦。

  20.在对文件作重