下载首页 | 资讯中心 | 下载分类 | 最近更新 | 排行榜 | 国产软件 | 国外软件 | 汉化补丁 | 注册会员 | | | 加入收藏 | 设为首页 | |
首页 | 分类 | 操作系统 | 网络软件 | 多媒体类 | 图形图像 | 安全防御 | 编程开发 | 系统工具 | 行业软件 | 其它文章
您的位置:首页网络相关网页制作 → 使用Photoshop设计一个简单而专业的网站版面

使用Photoshop设计一个简单而专业的网站版面

日期:2009-7-5 19:30:59 人气: 数据载入中...     [ ]
推荐本页:
上一页 [1] [2] [3] 下一页
关键词:使用|Photoshop|设计|一个简单而专业的|网站版面
 今天我们来练习使用Photoshop设计一个简单而专业的网站版面,这是一个名为“DesignStudio”的工作室的网站。

  先看一下最终效果。

使用Photoshop设计一个简单而专业的网站版面

  具体操作步骤如下。

  1.按Ctrl+N打开“新建”对话框,将文档大小设置为766x700像素,其它采用默认设置,完毕后单击“确定”按钮。选择工具箱中“矩形工具”,绘制一个满画布的矩形,然后我们将要使用图层样式制作出如图1所示的背景效果。

使用Photoshop设计一个简单而专业的网站版面

  2.选择菜单命令“图层 图层样式 渐变叠加”,打开“图层样式”对话框,按如图2所示设置渐变叠加选项。

使用Photoshop设计一个简单而专业的网站版面

  3.其中渐变色的具体设置如图所示。

使用Photoshop设计一个简单而专业的网站版面

  4.选择工具箱中的“钢笔工具”,确认选项栏中按下的是“形状图层”按钮,按如图所示绘制20条三角形的光线形状。

使用Photoshop设计一个简单而专业的网站版面

  5.取消选择路径后的效果如图所示。

使用Photoshop设计一个简单而专业的网站版面

  6.所有这些光线形状都具有以下相同的设置。先在“图层样式”对话框中设置颜色叠加选项,如图所示。

使用Photoshop设计一个简单而专业的网站版面

  7.为了方便,我们将所有这些光线形状图层合并为一个组,然后将该组的混合模式修改为“柔光”,效果如图所示。

使用Photoshop设计一个简单而专业的网站版面

  8.从http://www.deviantart.com下载evil_bloodsplat笔刷,然后将它放置到目录Program FilesAdobeAdobe Photoshop CS2 PresetsBrushes。选择工具箱中的“画笔工具”,然后在“画笔”面板中单击右上角小箭头,在弹出菜单中选择命令“载入画笔”,如图所示。

使用Photoshop设计一个简单而专业的网站版面

  9.载入画笔后,创建一个新的图层,将前景色设置为白色,使用合适大小的画笔在该图层中绘制出如图所示的形状。

使用Photoshop设计一个简单而专业的网站版面

  10.使用“矩形工具”,画出如图所示的白色网站面板。

使用Photoshop设计一个简单而专业的网站版面

  11.并为该图层应用如图11所示的“投影”图层样式。

使用Photoshop设计一个简单而专业的网站版面

  12.仍使用“矩形工具”,再创建一个新的形状图层,如图所示,颜色值为4A4A4A。

使用Photoshop设计一个简单而专业的网站版面

  13.再次使用“矩形工具”,绘制出如图13所示的形状图层。图中所法的两种颜色稍后通过设置渐变叠加来实现。

使用Photoshop设计一个简单而专业的网站版面

上一页 [1] [2] [3] 下一页
出处:其他网站 作者:金电下载网整理 本文章由 小赵 搜集整理发布
评论人 评论内容摘要(共 0 条,查看完整内容) 得分 0 发表时间
关于本站 | 帮助(?) | 广告服务 | 版权声明 | 软件发布 | 业务合作 | 联系我们 | 赞助本站 | 联系站长 | 点击这里给我发消息
金电下载站 版权所有 Copyright© 2001-2009 www.jdxz.net All Rights Reserved. 湘ICP备05012976 QQ群:12960921