首页 > 设计 > 详细

Photoshop制作出清爽的ipad页面的网页制作教程

时间：2016-02-01 07:11:24      阅读：66      评论：0      收藏：0      [点我收藏+]
效果图：
　　
技术分享


　　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.最终的效果。
　　
技术分享

Photoshop制作出清爽的ipad页面的网页制作教程

原文：http://www.jb51.net/photoshop/38381.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！