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

2016-02-16 05:48 11 1 收藏

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

【 tulaoshi.com - PS 】

效果图:

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教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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教程,图老师教程网

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

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

Photoshop设计干净的苹果iPad产品网站设计,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.最终的效果。

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

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

来源:http://www.tulaoshi.com/n/20160216/1568793.html

延伸阅读
你研究或者不研究,美就在那里,不偏不移;你发现或者不发现,黄金分割就在那里,不多不少。了解他,发现美,也给自己增加精彩,好作品不会没有依据。 掀开面纱 0.618或者1.618,这个数字是否觉得似曾相识。这其实是一个数学比例关系(说到数学,不要先着急晕哦,知道咱们做设计得对计算都不敏感,呵呵),即把一条线段分为两部分,此时短段...
最终效果图 ipad电脑图片 #3a3a3a,#111111。以增加背景的层次感。 新建图层,用矩形工具拉出一个矩形框,使用渐变来填充矩形框。 用矩形选择工具选中ipad显示屏区域,添加一些好看的图片进去 文本区域看起来很单调,最好的方法是加入一些按钮与图标等,这里先加入以个圆角矩形按钮 加入一些图标 ...
标签: PS PS基础
最终效果预览 下面让我们用线框来着手布局。下图就是我们绘制的简单布局,这么做的目的是要确定每个元素的位置。确定主导航栏包含几个部分、以及最新增加的内容在主页面中的展示位置。 新建文件,宽960px、高1200px。这对于屏幕分辨率为1024*768的朋友来说是黄金尺寸。前景色设为#85848c,背景色设为#414048. 拉一个径向渐变当背景如下...
那些制作精良的时尚摄影和商业大片,一直走在摄影潮流前沿,很多画面充满创意,但是却不知道怎么制作的,今天我们有眼福啦!特别邀请修图师灵动空,为我们揭秘时尚广告大片的PS后期制作方法,希望能有所启发。   一、调整皮肤的颜色   1.基本修整图片完成后,我们开始对肤色的调整,首先使用曲线工具适当压暗肤色。 &nb...
标签: PS PS基础
最终效果图 ipad电脑图片 #3a3a3a,#111111。以增加背景的层次感。 新建图层,用矩形工具拉出一个矩形框,使用渐变来填充矩形框。 用矩形选择工具选中ipad显示屏区域,添加一些好看的图片进去 文本区域看起来很单调,最好的方法是加入一些按钮与图标等,这里先加入以个圆角矩形按钮 加入一些图标 ...

经验教程

916

收藏

21
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部