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

我的网站

Photoshop制作一个以绿色为主题的网页

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
在本教程中,你将学会如何在photoshop中制作一个漂亮的绿色的干净的网页效果图。你将学会一些很时髦的设计技巧,像是如何制作3D丝带,或者是如何设置看上去很专业的渐变色。

最终效果图

看一看我们最终的效果图吧,看上去还不错 :>

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>制作一个以绿色为主题的网页

photoshop中新建文档

1在photoshop中新建一个文档,尺寸为980px × 830px.

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>制作一个以绿色为主题的网页

2 如果你在photoshop软件界面中,没有看到在画布的周围看到标尺,点击试图>标尺(Ctrl + R)可以显示标尺。

3 在画布的四个边,分别拖拽四条标尺线。在这四条线中间,我们将绘制我们的页面。

Photoshop制作一个以绿色为主题的网页

创建页面背景

4 选择圆角矩形工具 (U), 设置圆角半径为 10px, 设置颜色为#E0E0AC, 在你的整个画布中拖拽一个圆角矩形。设置这个图层名字为 “bg“.

Photoshop制作一个以绿色为主题的网页

5 好了,现在,我们将扩大我们的画布。首先,缩小我们的画布视图(ctrl+-),然后点击图像>画布尺寸(Alt + Ctrl + C),然后根据下面的截图设置参数。

Photoshop制作一个以绿色为主题的网页

6 再一次选择 图像>画布尺寸 (Alt + Ctrl + C), 然后根据下面的截图设置参数。

Photoshop制作一个以绿色为主题的网页

7 在图层面板中点击背景图层,设置前景色为 #6C821C,用油漆桶(G)填充背景。

Photoshop制作一个以绿色为主题的网页

8 在背景图层上面创建一个新图层,命名为”gradient“.

9 在工具栏中选择渐变工具 (G),从画布头部开始向下拖拽出一个从白色到黑色的渐变。

10 设置该图层渲染模式为颜色加深 ,然后设置图层图层透明度为 10%.

Photoshop制作一个以绿色为主题的网页

11 保持该图层仍为选定状态,点击图层>图层蒙版>显示全部。

12 在工具栏中选择渐变工具 (G) ,从你的画布底部向上拖拽一个从黑色到透明的渐变。可以根据下面的截图进行拖拽。

Photoshop制作一个以绿色为主题的网页

13 右键单击图层 “gradient” ,在弹出的菜单中,设定 转换为智能元件。

14 点击 滤镜>杂点>添加杂点。根据下图设置参数。

Photoshop制作一个以绿色为主题的网页

15 新建一个图层,用画笔工具 (B),选择白色的软笔刷,直径为 300px,在你的画布顶端,画一条白线。

16 设置这个图层的透明度为 50% ,并命名该图层为 “highlight“.

Photoshop制作一个以绿色为主题的网页

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