论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Photoshop教程
Tag:photoshop cs,照片,非主流,水晶,效果,画笔,圣诞,滤镜,艺术,手绘,蒙版,抠图,风景,特效,人像,矢量,国画,图像,数码,合成,玻璃,美女,图案,鼠绘,调色,婚纱,插画,图层,山水,漫画,透明,水粉,光线,笔刷,工具,实例,入门,人物,头发,签名,视频,壁纸,水墨,相框,海报,立体,动画,文字,换头,视频教程

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

文章类别:Photoshop | 发表日期:2011-8-30 10:49:01

  效果图:

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  4.简单的图层样式:

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  8.图层样式设置:

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  10.选择油漆桶工具>选择图案,或是选择编辑>填充>图案。图案如下,大家可以动手制作,也可以下载(点击下载)。

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  11.效果如图。

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  14.蓝色形状的设置:

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  你可以使用自己喜欢的颜色,也可以去下载(点击下载)。

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  左边也是一样的。

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

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

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com

 

  23.最终的效果。

  

Photoshop网页制作教程:清爽的ipad页面_webjx.com
视频教程列表
文章教程搜索
 
Photoshop推荐教程
Photoshop热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058