Photoshop设计干净的苹果iPad产品网站设计

无名12345940

无名12345940

2016-02-16 05:48

下面图老师小编跟大家分享一个简单易学的Photoshop设计干净的苹果iPad产品网站设计教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

效果图:

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

4.简单的图层样式:

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

8.图层样式设置:

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

11.效果如图。

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

14.蓝色形状的设置:

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

左边也是一样的。

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

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

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

23.最终的效果。

Photoshop设计干净的苹果iPad产品网站设计,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop设计干净的苹果iPad产品网站设计

PS PS基础
Photoshop设计干净的苹果iPad产品网站设计

Photoshop设计一款ipad产品界面

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计一款ipad产品界面

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop设计现代企业产品主题网站教程

网页设计
Photoshop设计现代企业产品主题网站教程

Quora网站的产品设计理念

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Quora网站的产品设计理念

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

photoshop设计网页国外产品展示型网站教程

PS PS基础 ps平面设计教程 ps去水印教程
photoshop设计网页国外产品展示型网站教程

Photoshop设计简洁大方干净的网页界面设计教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计简洁大方干净的网页界面设计教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出花样年华照片复古的油画效果

Photoshop调出花样年华照片复古的油画效果

Photoshop调出质感黄褐色抽烟女孩效果

Photoshop调出质感黄褐色抽烟女孩效果
下拉加载更多内容 ↓