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

photoshop 学 习 教 程 Photoshop 制作云朵标题的网页布局 最后结果 开始制作 1. 我们要做的第一件事就是新建ps 文件,大小1020×1000. 2. 使用矩形选区工具制作如下选区,填充颜色 #C9EFFA. 1 photoshop 学 习 教 程 3. 在图层面板右键根据下图增加图层选项. 2 photoshop 学 习 教 程 4. 在你刚才图层下面再建新的图层,在文档的空白处绘制出选区,填充颜色#535353. 这一部分将充当你余下文档的背景. 复制该层(Command+J), 然后回到原始图层. 5. 现在根据以下图层选项为原始图层增加灰色背景. 3 photoshop 学 习 教 程 6. 接着在你的图层面板中选择复制图层接着点击滤镜杂色添加杂色. 在弹出的对话框里设置: 7. 降低复制图层的透明度为 65%, 混合模式更改为叠加. 8. 是时候制作你的云朵标头了.使用椭圆形工具创建椭圆然后按住 shift 键不断的增加你的选区 直到看起来类似这样: 9. 填充你的选区为#FFFFFF, 然后增加如下图层样式: 4 photoshop 学 习 教 程 5 photoshop 学 习 教 程 10. 对于 logo 我使用Myriad Pro 字体 颜色为#5EADC6. logo 的小图标可以在上面下载. 11. 导航非常简单. 所有链接的字体设置为Helvetica.我们激活链接的颜色为#FFFFFF, 没有激活为#B64366. 然后选择圆角矩形工具半径设置为15px 绘制简单的圆 角矩形: 12. 在你的圆角矩形上, 添加混合样式: 6 photoshop 学 习 教 程 13. 在云朵层后面, 我们将增加蓝色的条纹. 选择矩形选区工具绘制简单的矩形如下不断重复直至跨越整个屏幕: 14. 减低条纹的透明度为17%, 改变它的混合模式为柔光. 接着增加一些你公司的描述性文字使用 Georgia 字体 颜色为#51656A.然后我使用了 Mono 图标集合的 其中一个图标. 15. 对于内容区域我们再一次选择矩形选区工具 根据下图绘制选区如下填充颜色为#FFFFFF. 7 photoshop 学 习 教 程 16. 为你的矩形图层增加图层样式如下. 17. 下一步是为每个选区创建标题. 使用矩形选区工具绘制简单的矩形 根据下图填充颜色为#000000. 然后使用椭圆形选区工具绘制简单的圆形如下.选择上面两个 图层并且合并. 18. 为