生活已是百般艰难,为何不努力一点。下面图老师就给大家分享photoshop设计网页国外产品展示型网站教程,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。
【 tulaoshi.com - PS 】
最终效果
1.创建新文件:1100 x 1250像素。 背景颜色:#e8e8e8。
2.复制背景图层(CTRL + J),然后滤镜杂色添加杂色,设置如下。
3.创建一个圆角矩形、白色的形状在中间的空间布局.
4.简单的图层样式:
5.在右边的位置,加增iPad的图片。
6.复制两个ipadi图片,添加高斯模糊效果,移动到后方,左右分开, 产生空间感。(这里图象加载失败就省去图象)
7.创建一个简单的字体效果:
8.样式设置:
9.新建图层,创建矩形选区。
10.选择油漆桶工具选择图案,或是选择编辑填充图案。图案如下,大家可以动手制作,也可以下载,我在教程后放出。
11.效果如图。
12.以相同的方式制作下边的细线。
13.选择圆角矩形工具,创建一个蓝色形状。
14.蓝色形状的设置:
你可以使用自己喜欢的颜色,同样我们也提供下载。
15.选择钢笔工具,按形状的边界。 然后修改下面的图片的形状。
左边也是一样的。
16.下一步是创建两个小圆圈。 放置在背景层上方的图层。
17.在这个蓝色的形状中添加3个形状。
18.三个形状使用的图层样式。
19.选择自定义形状工具添加一个箭头。
20.添加一些文字,另加一个ipad公司的形象。
21.创建一个简单的导航, 此按钮层使用的样式是与大的蓝色形状使用的相同。
22.内容部分增加一些文字和按钮。
23.最终的效果。
来源:http://www.tulaoshi.com/n/20160319/1900963.html
看过《photoshop设计网页国外产品展示型网站教程》的人还看了以下文章 更多>>