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的图片。

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

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

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

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

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

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

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

来源: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显示屏区域,添加一些好看的图片进去 文本区域看起来很单调,最好的方法是加入一些按钮与图标等,这里先加入以个圆角矩形按钮 加入一些图标 ...

经验教程

792

收藏

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