当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop制作云朵标题的网页布局

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

最后结果

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

开始制作

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

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

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制作云朵标题的网页布局

  • 共3页:
  • 上一页
  • 1
  • 2
  • 3
  • 下一页
  • 上一篇:Photoshop绘制展示软件产品的绿色网页布局
    下一篇:用Photoshop设计专业网站模板布局

    图集推荐

    • 灵感
    • 美图