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

2016-03-19 01:54 7 1 收藏

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

【 tulaoshi.com - PS 】

最终效果

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


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


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

4.简单的图层样式:

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

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

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

8.样式设置:

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


 

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

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

11.效果如图。

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

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

14.蓝色形状的设置:


 

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


 

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

左边也是一样的。

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

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

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

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

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

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

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

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

23.最终的效果。

来源:http://www.tulaoshi.com/n/20160319/1900963.html

延伸阅读
标签: Web开发
怎样设计网页? 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了…… 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设...
最终效果 1) 利用圆角矩形工具建立一条路径;使用转换点工具移动左上角路径节点,使其产生卷页的形状; 2) 用任意一种色彩填充工作路径;再复制下半部分;对其添加图层样式,如图所示. 3) 用任意一种色彩绘制一个圆角矩形;将其图www.tulaoshi.com层移至红色矩形之后;添加图层样式,如图所示. 4) 再新建一层,绘制圆色矩形,颜色为黑...
来源:畅游VC 作者:畅游VC 教程重点是网页头版的设计,需要根据客户的要求确定好页面要表现的内容;然后搜集相关的素材,根据自己的创意发挥,把画面做得绚丽,有视觉冲击效果即可。 最终效果 既然主题”全球争霸赛“很明确,那我们就可以围绕这个去进行专题的构思了。首先,还是在脑海里想象下所要打造的一个大概的场景。 各路英豪争夺...

经验教程

511

收藏

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