当前位置： 移动技术网 > IT编程>UI设计>PhotoShop > Photoshop打造精致的Ipad正面图

Photoshop打造精致的Ipad正面图

2019年06月03日  | 移动技术网IT编程  | 我要评论

恶魔法则全文下载,小品功夫,在线抽签算命


6、现在我们添加屏幕壁纸。首先我们下载pkarwowski 提供的背景图，导入到photoshop中，置于“screen”图层的上方，然后按住alt+ctrl+g创建剪贴蒙版。

photoshop打造精致的ipad正面图

7、前景色设为白色，新建图层，重命名为“dock”，画一个长方形，然后执行“编辑-变形-扭曲”，拖动上方的两个角点向中间移动如下图。

photoshop打造精致的ipad正面图
 
8、选中“dock”图层，添加图层样式“渐变叠加”，颜色设置为#454637到#fafbfc的渐变。

photoshop打造精致的ipad正面图

9、把“dock”图层不透明度降低为58%。我们继续制作屏幕顶部的信息栏并且添加ipad图标。

photoshop打造精致的ipad正面图

10、现在我们添加些icon图标到桌面，下载本文所用图标(当然您可以使用谷歌搜索满意的图标)。打开下载好的 safari 图标，把它导入photoshop并且放置在“dock”层的上方，调整其大小。

photoshop打造精致的ipad正面图

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

photoshop打造精致的ipad正面图
 
12、降低图层的不透明度为21%，创建黑色到透明的渐变叠加。

photoshop打造精致的ipad正面图

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

photoshop打造精致的ipad正面图

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

photoshop打造精致的ipad正面图

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

photoshop打造精致的ipad正面图
 
16、对小圆应用渐变叠加，颜色设置如下：#4c4d51-#060606。然后给小的圆角矩形添加描边和渐变叠加，同时降低图层不透明度到19%。

photoshop打造精致的ipad正面图

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

photoshop打造精致的ipad正面图

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

photoshop打造精致的ipad正面图

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

photoshop打造精致的ipad正面图

最终效果：

photoshop打造精致的ipad正面图

12

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网