Photoshop制作出清爽的ipad页面的网页制作教程
Photoshop制作出清爽的ipad页面的网页制作教程
发布时间:2016-12-29 来源:查字典编辑
摘要:效果图:1.创建新文件:1100x1250像素。背景颜色:#e8e8e8。2.复制背景图层(CTRL+J),然后滤镜>杂色>添加杂色,设置如...

效果图:

Photoshop制作出清爽的ipad页面的网页制作教程1

1.创建新文件:1100 x 1250像素。 背景颜色:#e8e8e8。

Photoshop制作出清爽的ipad页面的网页制作教程2

2.复制背景图层(CTRL + J),然后滤镜>杂色>添加杂色,设置如下。

Photoshop制作出清爽的ipad页面的网页制作教程3

3.创建一个圆角矩形、白色的形状在中间的空间布局.

Photoshop制作出清爽的ipad页面的网页制作教程4

4.简单的图层样式:

Photoshop制作出清爽的ipad页面的网页制作教程5

5.在右边的位置,加增iPad的图片。

Photoshop制作出清爽的ipad页面的网页制作教程6

6.复制两个ipadi图片,添加高斯模糊效果,移动到后方,左右分开, 产生空间感。(这里图象加载失败就省去图象)

7.创建一个简单的字体效果:

Photoshop制作出清爽的ipad页面的网页制作教程7

8.图层样式设置:

Photoshop制作出清爽的ipad页面的网页制作教程8

Photoshop制作出清爽的ipad页面的网页制作教程9

Photoshop制作出清爽的ipad页面的网页制作教程10

9.新建图层,创建矩形选区。

Photoshop制作出清爽的ipad页面的网页制作教程11

10.选择油漆桶工具>选择图案,或是选择编辑>填充>图案。图案如下,大家可以动手制作,也可以下载(点击下载)。

Photoshop制作出清爽的ipad页面的网页制作教程12

11.效果如图。

Photoshop制作出清爽的ipad页面的网页制作教程13

12.以相同的方式制作下边的细线。

Photoshop制作出清爽的ipad页面的网页制作教程14

13.选择圆角矩形工具,创建一个蓝色形状。

Photoshop制作出清爽的ipad页面的网页制作教程15

14.蓝色形状的设置:

Photoshop制作出清爽的ipad页面的网页制作教程16

Photoshop制作出清爽的ipad页面的网页制作教程17

你可以使用自己喜欢的颜色,也可以去下载(点击下载)。

Photoshop制作出清爽的ipad页面的网页制作教程18

Photoshop制作出清爽的ipad页面的网页制作教程19

15.选择钢笔工具,按形状的边界。 然后修改下面的图片的形状。

Photoshop制作出清爽的ipad页面的网页制作教程20

左边也是一样的。

Photoshop制作出清爽的ipad页面的网页制作教程21

16.下一步是创建两个小圆圈。 放置在背景层上方的图层。

Photoshop制作出清爽的ipad页面的网页制作教程22

17.在这个蓝色的形状中添加3个形状。

Photoshop制作出清爽的ipad页面的网页制作教程23

18.三个形状使用的图层样式。

Photoshop制作出清爽的ipad页面的网页制作教程24

Photoshop制作出清爽的ipad页面的网页制作教程25

Photoshop制作出清爽的ipad页面的网页制作教程26

Photoshop制作出清爽的ipad页面的网页制作教程27

19.选择自定义形状工具添加一个箭头。

Photoshop制作出清爽的ipad页面的网页制作教程28

20.添加一些文字,另加一个ipad公司的形象。

Photoshop制作出清爽的ipad页面的网页制作教程29

21.创建一个简单的导航, 此按钮层使用的样式是与大的蓝色形状使用的相同。

Photoshop制作出清爽的ipad页面的网页制作教程30

22.内容部分增加一些文字和按钮。

Photoshop制作出清爽的ipad页面的网页制作教程31

23.最终的效果。

Photoshop制作出清爽的ipad页面的网页制作教程32

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类