Photoshop制作精致的Ipad正面图
2011-02-25 22:50:50 来源:WEB开发网核心提示:10、现在我们添加些Icon图标到桌面,下载本文所用图标(当然您可以使用谷歌搜索满意的图标),Photoshop制作精致的Ipad正面图(2),打开下载好的Safari 图标,把它导入photoshop并且放置在“dock”层的上方,然后使用直接选择工具选中锚点,按左方向键向左侧移动3个像素,调整其大小,
10、现在我们添加些Icon图标到桌面,下载本文所用图标(当然您可以使用谷歌搜索满意的图标)。打开下载好的Safari 图标,把它导入photoshop并且放置在“dock”层的上方,调整其大小。
11、为Safari 图标创建倒影。复制图标,然后执行“编辑-变形-垂直翻转”。
12、降低图层的不透明度为21%,创建黑色到透明的渐变叠加。
13、选取并删除溢出屏幕的倒影部分。
14、重复相同的过程,为桌面添加其他3个图标。
15、下面来添加按钮以完善我们的ipad界面。画一个白色的圆作为开始按钮,然后继续在其内部画一个圆角半径为2px的圆角矩形。
16、对小圆应用渐变叠加,颜色设置如下:#4c4d51-#060606。然后给小的圆角矩形添加描边和渐变叠加,同时降低图层不透明度到19%。
17、选择圆角矩形工具,圆角半径设为2px,然后分别绘制按钮A和按钮B。
18、制作按钮C时,首先在顶部-圆角矩形工具设置面板上选择“形状图层”(最左侧的一个),然后设置圆角半径2px画出按钮C。
19、使用钢笔工具为按钮C增加锚点如下图所示,然后使用直接选择工具选中锚点,按左方向键向左侧移动3个像素。最后把所有按钮都置于“border”层的下方。
最终效果:

11、为Safari 图标创建倒影。复制图标,然后执行“编辑-变形-垂直翻转”。


13、选取并删除溢出屏幕的倒影部分。

14、重复相同的过程,为桌面添加其他3个图标。

15、下面来添加按钮以完善我们的ipad界面。画一个白色的圆作为开始按钮,然后继续在其内部画一个圆角半径为2px的圆角矩形。


17、选择圆角矩形工具,圆角半径设为2px,然后分别绘制按钮A和按钮B。

18、制作按钮C时,首先在顶部-圆角矩形工具设置面板上选择“形状图层”(最左侧的一个),然后设置圆角半径2px画出按钮C。

19、使用钢笔工具为按钮C增加锚点如下图所示,然后使用直接选择工具选中锚点,按左方向键向左侧移动3个像素。最后把所有按钮都置于“border”层的下方。

最终效果:
