手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop制作出清爽的ipad页面的网页制作教程
Photoshop制作出清爽的ipad页面的网页制作教程
摘要:效果图: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制作出清爽的ipad页面的网页制作教程】相关文章:

妙用Photoshop制作水彩画的简单方法

Photoshop滤镜简单制作诡异的水纹

Photoshop制作个性HIPOP图案T恤

Photoshop暗调/高光操作实例教程

用photoshop中如何制作公章的教程实例

Photoshop制作动漫风格的蓝色签名效果图

photoshop制作gif动画实例

Photoshop实战学韩式风格设计制作教程

Photoshop创意设计可爱的动漫人像签名教程

浅谈Photoshop中表格的制作方法

精品推荐
分类导航