无论你要设计一个应用程序界面、皮肤,或是一个播放器的外观,你会发现,这篇教程中的技巧对你来说都会合用。很明显,我不可能坐在这里,一个字一个字的敲出打造一个界面的所有步骤,因为有些实在是基础的基础。但是,我想,告诉你如何创造一些元件,对你设计一个美观的界面来说,还是有用的。
1.首先,新建一个合适大小的文档。这个例子中,我用的是500×500像素大小的文档,分辨率为72像素/英寸,背景为白色。
如果你觉得在偌大的空白画布上工作有些空荡荡的,那为什么不在图像中贴一副喜爱的壁纸或制造一个简单的背景呢?当然要保证作为背景的图像颜色非常淡,降低图层的不透明度是个好办法。(图01)
2.现在开始绘制播放器的主要形状。在这篇教程中,我们想要制作的是一个小巧玲珑的播放器,形状尽量的简单。将前景色设为一种浅灰色#E5E5E5,在工具箱中选择形状工具中的圆角矩形工具,在工具栏中设定创建新的形状图层,圆角半径为50px,拖动鼠标,在图中绘制一个圆角矩形,形状如图02所示。
采用矢量形状工具来确定圆角矩形的形状,除了方便之外,更重要的是,我们可以通过修改路径来编辑形状。点击图层剪贴路径缩略图以显示路径,用直接选择工具点击路径显示节点(图03)。