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

我的网站

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

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
10. 对于 Logo 我使用Myriad Pro 字体 颜色为#5EADC6. Logo 的小图标可以在上面下载. 11. 导航非常简单. 所有链接的 字体 设置为Helvetica.我们激活链接的颜色为#FF

10. 对于 Logo我使用Myriad Pro字体 颜色为#5EADC6. Logo的小图标可以在上面下载.

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

11. 导航非常简单. 所有链接的字体设置为Helvetica.我们激活链接的颜色为#FFFFFF, 没有激活为#B64366. 然后选择圆角矩形工具半径设置为15px绘制简单的圆角矩形:

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

12. 在你的圆角矩形上, 添加混合样式:

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

13. 在云朵层后面, 我们将增加蓝色的条纹. 选择矩形选区工具绘制简单的矩形如下不断重复直至跨越整个屏幕:

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

14. 减低条纹的透明度为17%, 改变它的混合模式为柔光. 接着增加一些你公司的描述性文字使用 Georgia字体 颜色为#51656A.然后我使用了 Mono 图标集合的其中一个图标.

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

15. 对于内容区域我们再一次选择矩形选区工具 根据下图绘制选区如下填充颜色为#FFFFFF.

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

16. 为你的矩形图层增加图层样式如下.

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

17. 下一步是为每个选区创建标题. 使用矩形选区工具绘制简单的矩形 根据下图填充颜色为#000000. 然后使用椭圆形选区工具绘制简单的圆形如下.选择上面两个图层并且合并.

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

18. 为这个层增加图层样式:

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

19.在圆中我插入 Mono图标集中的心形图标并且增加颜色叠加#BF637F. 字体为Helvetica,颜色#494949.

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

20. 接下来添加你代表性作品的缩略图展示, 然后在他们右边增加描述性文字.

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

21. 为缩略图增加下面图层样式:

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

22. 我们需要给用户一个快速的选项一遍浏览我们所有的作品. 因此我需要新建一个按钮长度跟主题相适应. 选择椭圆形选区工具, 开始绘出选区如下,填充颜色#000000. 记得按住 shift键增加你的选区.

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

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