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

我的网站

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

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
23. 现在增加如下样式: 24. 在按钮左侧增加 Georgia字体文字,颜色#2C86A2. 然后使用图标集中的箭头图标,颜色叠加#87C8DC. 25. 下一个区域我们需要重复步骤17, 但

23. 现在增加如下样式:

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

24. 在按钮左侧增加 Georgia字体文字,颜色#2C86A2. 然后使用图标集中的箭头图标,颜色叠加#87C8DC.

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

25. 下一个区域我们需要重复步骤17, 但是有一点不同的是为你的图层增加下列样式和不透明度降低为 68%.

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

26. 你的结果看起来应该类似这样:

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

27. 为最新文章列表增加云朵以适应主题. 再一次选择椭圆选区工具绘制简单的选区如下记得按住SHIFT键.

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

28. 选区填充#FFFFFF, 然后为图层插入图层样式:

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

29. 接着在云朵里面增加简单的链接.

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

30. 对于联系表格,我先给你看我们制作的最终结果, 待会会展示如何制作.

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

31. 对于输入框, 使用矩形工具填充颜色为#3F3F3F. 然后为你的图层增加样式:

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

32. 对于“send email” 按钮, 为你的图层添加如下图层样式,并且在上面加上白色的文字.

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

33.最后一件事就是增加简单的页脚最终结果如下:

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

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