ps制作ios界面教程(用ps设计app界面设计)

本文主要介绍用ps制作ios界面教程(用ps设计app)，下面跟着东辰网详细了解一下吧。

苹果今年将推出新的iPhon《设计工作室网页教程》在第三篇文章中教授的添加图层样式工具。

3.如果你还没有没看过上一个教程。可以新建一个文件，大小:2*2px，背景透明，用铅笔工具画两个对角线1*1px的像素。然后单击编辑定义模式，选择一个名称，并单击确定。

然后回到文档，你可以在填充图案中找到你刚刚画的图形，填充到背景层中。

4.在背景图层上方画一个圆角矩形的形状。半径:5px，尺寸:940*226px，填充颜色:#010101。

5.在左边继续用圆角矩形工具创建一个小的形状图，大小:69*81px。

6.添加以下图层样式。

7.继续使用相同的工具创建新的形状。然后制作透视的深度效果，可以使用编辑变换透视角度工具。

使用图层样式，添加水平渐变#010101#222222。

8、复制开始个形状，用滤镜添加噪点，数量3，均匀分布，单色。并将复制层的模式更改为覆盖。

(注:此处英语课程模糊，效果不尽如人意。我做了适当的改动。我建议你不要。;看教程的时候不要死板的学，因为教程是死的，人是活的。创造力在我们自己手)

9.用直线工具画两条倾斜的细线。提示:可以先画一条斜线，复制垂直翻转得到下面这条线。

(注:英文教程中对这一步的描述也是模棱两可的。我做了新的补充:线条添加渐变颜色，设置如)

10.复制两条对角线并格式化。使用滤镜模糊高斯模糊。

(注:老外在这一步玩了一个神秘的把戏，没有介绍如何达到效果。但是，这样很好，激发了我们的学习创造力。经过反复实验，我发现了一些方法:高斯模糊的单一复制层可以无法实现这种朦胧的光晕效果，所以我连续复制了一张。一些层，使用高斯模糊值是2，5，5，7，)。

11.在左侧，创建一个新的缩进按钮。使用圆角矩形，并添加一些图层样式。

12.图层样式参数如下。

13.风格到此为止。

(注:设置箭头图层样式的英语课程不给出。It比较简单，就是调整了一些值。详情请看我做的源文件)

14.使用钢笔工具创建一个简单的白色形状。

15.使用模糊过滤器，把白色的形状放在下面。

16.复制左侧区域的所有图层，并将其移动到右侧。

(注:除了简单的水平翻转，大部分效果都可以改变，部分图层样式要单独设置。检查渐变样式反向)

17.在中间新建一个矩形，填充颜色#2a2a2a。

18.使用钢笔工具勾勒出如下所示的形状。

19.添加下面的图层样式。

20.使用圆角矩形工具创建如下所示的形状。

21.右键单击图层面板，设置图层格式，删除底部的圆角。

22.使用滤镜噪波添加噪波，均匀分布，值为2，单色。

(注:这一步也是相对于英语课程展开的，篇幅有限。详情请见附件源文件中的设置)

23、可以添加简单的1像素横线。使用彩色:#8d8d。

24.使用钢笔工具在幻灯片底部绘制另一个形状，如下所示。

25.在顶部添加徽标。

27.在徽标的右侧添加导航文本。

28.在每个文本菜单下添加一些简单的行。

29.然后用椭圆工具在每个标题对应的位置画一些小圆。

30.考虑到导航区的统一性，在logo下增加一些类似的设计内容。

31.现在开始填充一些iPhon《设计工作室网页教程》在第三篇文章中教授的添加图层样式工具。

3.如果你还没有没看过上一个教程。可以新建一个文件，大小:2*2px，背景透明，用铅笔工具画两个对角线1*1px的像素。然后单击编辑定义模式，选择一个名称，并单击确定。

然后回到文档，你可以在填充图案中找到你刚刚画的图形，填充到背景层中。

4.在背景图层上方画一个圆角矩形的形状。半径:5px，尺寸:940*226px，填充颜色:#010101。

5.在左边继续用圆角矩形工具创建一个小的形状图，大小:69*81px。

6.添加以下图层样式。

7.继续使用相同的工具创建新的形状。然后制作透视的深度效果，可以使用编辑变换透视角度工具。

使用图层样式，添加水平渐变#010101#222222。

8、复制开始个形状，用滤镜添加噪点，数量3，均匀分布，单色。并将复制层的模式更改为覆盖。

(注:此处英语课程模糊，效果不尽如人意。我做了适当的改动。我建议你不要。;看教程的时候不要死板的学，因为教程是死的，人是活的。创造力在我们自己手)

9.用直线工具画两条倾斜的细线。提示:可以先画一条斜线，复制垂直翻转得到下面这条线。

(注:英文教程中对这一步的描述也是模棱两可的。我做了新的补充:线条添加渐变颜色，设置如)

10.复制两条对角线并格式化。使用滤镜模糊高斯模糊。

(注:老外在这一步又玩了一个神秘的把戏，没有是吗？介绍一下如何达到效果。但是，这样很好，激发了我们的学习创造力。经过反复实验，我发现了一些方法:高斯模糊的单一复制层可以t实现这种朦胧的光晕效果，所以我连续复制了一些图层，使用的高斯模糊值为2，5，5，7，)。

11.在左侧，创建一个新的缩进按钮。使用圆角矩形，并添加一些图层样式。

12.图层样式参数如下。

13.风格到此为止。

(注:设置箭头图层样式的英语课程不给出。It比较简单，就是调整了一些值。详情请看我做的源文件)

14.使用钢笔工具创建一个简单的白色形状。

15.使用模糊过滤器，把白色的形状放在下面。

16.复制左侧区域的所有图层，并将其移动到右侧。

(注:除了简单的水平翻转，大部分效果都可以改变，部分图层样式要单独设置。检查渐变样式反向)

17.在中间新建一个矩形，填充颜色#2a2a2a。

18.使用钢笔工具勾勒出如下所示的形状。

19.添加下面的图层样式。

20.使用圆角矩形工具创建如下所示的形状。

21.右键单击图层面板，设置图层格式，删除底部的圆角。

22、使用滤镜噪波添加噪波，均匀分布，值2，单色。

(注:这一步也是相对于英语课程展开的，篇幅有限。详情请见附件源文件中的设置)

23、可以添加简单的1像素横线。使用彩色:#8d8d。

24.使用钢笔工具在幻灯片底部绘制另一个形状，如下所示。

25.在顶部添加徽标。

27.在徽标的右侧添加导航文本。

28.在每个文本菜单下添加一些简单的行。

29.然后用椭圆工具在每个标题对应的位置画一些小圆。

30.考虑到导航区的统一性，在logo下增加一些类似的设计内容。

31.现在开始填充一些iPhone图标。

32.为每个图标添加一个简单的阴影。制作这个阴影效果非常简单。选择圆角矩形工具，用黑色填充，然后应用模糊滤镜。

33.使用圆角矩形工具创建一个简单的阴影。

34.使用钢笔工具创建一个形状，形成透视效果。

35.应用以下图层样式。

36.创建另一个形状，如下图所示。

37.应用以下图层样式。

38.复制这一层，并添加一些噪音。

39.使用钢笔工具，创建以下形状。请使用与上面相同的图层样式。

40.填充相同的图层样式。(注意:我在这一步做了一些改进，格式化图层。用涂抹、模糊、加深等工具稍加修)

41.用圆角矩形工具创建一个新的形状。

42.使用下面的图层样式。

43.创建一个简单的阴影。

44.添加一些黑色的形状和一些文字。

45.添加一些图标。

46.图标位于右侧。同时，你会看到每个类别之间的一些界限。

47.看到最后的结果。我希望你喜欢这个布局。

了解更多用ps制作ios界面教程(用ps设计app界)相关内容请关注东辰网。