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

我的网站

Photoshop制作云朵标题的网页布局

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
在本教程你将学习到如何制作一个简洁的组合网页包含多云的标题,如果你对于本教程有任何不懂的地方欢迎在评论中提出,另外,记得所有的教程结尾均有PSD文件下载.

最后结果

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>制作云朵标题的网页布局

开始制作

1. 我们要做的第一件事就是新建ps文件,大小1020×1000.

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>制作云朵标题的网页布局

2. 使用矩形选区工具制作如下选区,填充颜色 #C9EFFA.

Photoshop制作云朵标题的网页布局

3. 在图层面板右键根据下图增加图层选项.

Photoshop制作云朵标题的网页布局
Photoshop制作云朵标题的网页布局
Photoshop制作云朵标题的网页布局

4. 在你刚才图层下面再建新的图层,在文档的空白处绘制出选区,填充颜色#535353. 这一部分将充当你余下文档的背景. 复制该层(Command+J), 然后回到原始图层.

Photoshop制作云朵标题的网页布局

5. 现在根据以下图层选项为原始图层增加灰色背景.

Photoshop制作云朵标题的网页布局
Photoshop制作云朵标题的网页布局

6. 接着在你的图层面板中选择复制图层接着点击滤镜>杂色>添加杂色. 在弹出的对话框里设置:

Photoshop制作云朵标题的网页布局

7. 降低复制图层的透明度为 65%, 混合模式更改为叠加.

8. 是时候制作你的云朵标头了.使用椭圆形工具创建椭圆然后按住 shift键不断的增加你的选区 直到看起来类似这样:

Photoshop制作云朵标题的网页布局

9. 填充你的选区为#FFFFFF, 然后增加如下图层样式:

Photoshop制作云朵标题的网页布局
Photoshop制作云朵标题的网页布局
Photoshop制作云朵标题的网页布局
Photoshop制作云朵标题的网页布局

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