织梦CMS - 轻松建站从此开始!

我的网站

Photoshop绘制3D元素的专业网页布局

时间:2010-10-27 21:02来源: 作者: 点击:
在本次网页设计教程里,你将学会如何在photoshop中创建井然有序而且专业的网页布局融合三维绸带趋势,以及其他迷人的3D元素.

最后预览

这里是作品预览图. 点击此处预览全图.

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>绘制3D元素的专业网页布局

新建PSD文件

1 开始创建文档(Ctrl+N); 高和宽均为1200 像素.

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>绘制3D元素的专业网页布局

使背景图层可编辑

2 按照默认设置, Photoshop将会锁定背景图层因此你不能进行编辑.为了使它可编辑, 在图层面板双击背景图层 (如果图层面板未激活,按下F7触发). 另外一种方法, 你可以在背景层上击右键,选择 “背景图层”. 一旦双击之后, 将会弹出对话框默认如下显示). 输入你背景图层的名字按下确定; 之后我们可以自由的编辑背景层.

Photoshop绘制3D元素的专业网页布局

创建背景层

3 现在我们的背景层可以编辑了,双击图层缩略图增加渐变图层样式; 根据下图设置样式参数.

Photoshop绘制3D元素的专业网页布局

4 创建新图层(Ctrl+Shift+N) 命名为 “header background“. 选择矩形选区工具(M) 在画布顶端绘制矩形选区;选区大概150px高,宽度与画布相同.

Photoshop绘制3D元素的专业网页布局

5 使用任意颜色填充选区(Alt+Backspace)增加图层样式.

Photoshop绘制3D元素的专业网页布局
Photoshop绘制3D元素的专业网页布局

6 建立新层 (Ctrl+Shift+N) 标志为 “navigation background“. 重复4 – 5步, 只是这次的选区只有50px高, 宽度仍然与画布一致,并且一定要放置在上面选区的下方.

Photoshop绘制3D元素的专业网页布局

7 填充选区(Alt+Backspace),任意颜色均可,并且增加一对图层样式,(颜色渐变以及描边选项).

Photoshop绘制3D元素的专业网页布局
Photoshop绘制3D元素的专业网页布局

你看到的应该是这样.

Photoshop绘制3D元素的专业网页布局

(责任编辑:RGB)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容