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

鄭鄭鄭文月

鄭鄭鄭文月

2016-03-19 01:54

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享photoshop设计网页国外产品展示型网站教程,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。

最终效果

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


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


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

4.简单的图层样式:

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

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

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

8.样式设置:

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

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

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


 

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

11.效果如图。

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

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

14.蓝色形状的设置:


 

你可以使用自己喜欢的颜色,同样我们也提供下载。


 

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

左边也是一样的。

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

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

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

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

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

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

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

23.最终的效果。

展开更多 50%)
分享

猜你喜欢

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

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

PS设计网页产品展示类蓝色系主页教程

PS PS基础 ps平面设计教程 ps去水印教程
PS设计网页产品展示类蓝色系主页教程

s8lol主宰符文怎么配

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

Photoshop设计产品展示网页界面设计教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计产品展示网页界面设计教程

photoshop设计网页:多媒体网站布局

PS PS基础 ps平面设计教程 ps去水印教程
photoshop设计网页:多媒体网站布局

lol偷钱流符文搭配推荐

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

Photoshop设计网页:某杂志的网站界面

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计网页:某杂志的网站界面

Photoshop设计网页丝带样式教程

电脑网络
Photoshop设计网页丝带样式教程

lolAD刺客新符文搭配推荐

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

Photoshop设计创意和视觉冲击力网页横幅教程

Photoshop设计创意和视觉冲击力网页横幅教程

Photoshop设计制作网站深蓝色金属感导航教程

Photoshop设计制作网站深蓝色金属感导航教程
下拉加载更多内容 ↓