您当前的位置:灵感设计 >> 平面设计>> Photoshop教程 >> 正文内容

使用Ps制作包含3D元素的网页设计

2012年01月02日 11:01:14 来源:灵感设计整理Nmlxly字号:T | T分享至:腾讯微博 新浪微博 QQ空间

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

使背景图层可编辑

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

创建背景层

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

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

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

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

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

你看到的应该是这样.

8 建立新层 (Ctrl+Shift+N)标志位”header“,选择矩形选区工作,在菜单栏调整宽度为850px 高度为150px.

9 将选区置于画布中央, 确保选区的底部在”navigation background”图层的描边之上.

10 填充选区 (Alt+Backspace) 选择任意颜色, 然后增添以下样式.

 

增加顶部文字

11 使用横排文字工具添加网站的标题和口号. 设置参照下图.


相关阅读:
返回灵感设计首页
站内搜索
网站广告支持
灵感设计首页 - 关于我们 - 网站动态 - 联系我们 - 招聘信息 - 广告服务 - 版权声明 - 网站地图 - 在线帮助