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

我的网站

Photoshop设计清新色彩生动的网页模板(4)

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
第二十三步 1. 新建组,命名为左箭头,放在组了解更多按钮 上方,选取椭圆工具(U),新建颜色为#406F94的圆,并设置内阴影和描边的图层样式 2. 新建图层

第二十三步

1. 新建组,命名为“左箭头”,放在组“了解更多按钮” 上方,选取椭圆工具(U),新建颜色为#406F94的圆,并设置“内阴影”和“描边”的图层样式

Photoshop设计清新色彩生动的网页模板
Photoshop设计清新色彩生动的网页模板

2. 新建图层,选取自定义工具(U)中的箭头形状,创建白色箭头,并设置图层样式“阴影”,透明度为50%

Photoshop设计清新色彩生动的网页模板

3. 重复步骤2,在右边也创建同样的箭头

Photoshop设计清新色彩生动的网页模板

第二十四步

1. 在组“案例”中新建组,命名为“图片”,在组里放置一张小图片,双击图层,设置如下图的图层样式“外发光”

Photoshop设计清新色彩生动的网页模板

2. 新建组,选取字体工具(T),在蓝色矩形左边添加文字说明(这个得自己发挥了),组命名为“文字”。

Photoshop设计清新色彩生动的网页模板

第二十五步:创建内容区

1. 新建组,放在组“案例”下面,命名为“内容”,在此组里再新建一组“阴影”,选取矩形工具(U),创建一白色矩形(983*181),图层命名为“白色形状”,透明度为90%。

Photoshop设计清新色彩生动的网页模板

2. 像二十一步中的第4点一样,选中“白色形状”的图层蒙版,然后新建图层,命名为“头部阴影”,选取渐变工具(G),画一个颜色为#8f8f8f到透明的渐变,方向为选区的头部到选区的底部,设置图层透明度为50%,然后选取移动工具(V),按键盘上的向下的方向键两次

Photoshop设计清新色彩生动的网页模板

3. 新建图层,选取矩形选框工具(M)像下图一样新建选区(273*180)。选取渐变工具(G)画一个颜色#8f8f8f到透明的渐变,然后取消选区,以下图为参考。

Photoshop设计清新色彩生动的网页模板

4. 添加图层蒙版(图层>图层蒙版>显示全部),使用大一点的黑色软笔刷(我用的是27px),涂在阴影中间部分上面,设置图层透明度为30%,命名为“垂直阴影1”,复制(ctrl+j)图层“垂直阴影1”,移动至右边,重命名为“垂直阴影2”。

Photoshop设计清新色彩生动的网页模板

5. 选取线条工具(U),新建重1px,颜色为#aebcc7的水平线,将图层转换为智能对象(右击图层,在下拉菜单中选择“转换为智能对象”)图层命名为“水平线”。

Photoshop设计清新色彩生动的网页模板

6. 选取字体工具(T),编辑网站内容,您也可以使用图片或别的来替换

Photoshop设计清新色彩生动的网页模板

第二十六步:创建网站底部内容

1. 新建组“底部”,并新建图层,选取矩形选框工具(M),新建选区(982*88)。

Photoshop设计清新色彩生动的网页模板

2. 设置前景色为#555555,选择一大的软笔刷(我选的是100px),沿着选区头部边缘进行涂画,撤消选区,设置图层透明度为50%,并命名为“渐变”。

Photoshop设计清新色彩生动的网页模板

最终的“渐变”将是这个样子:

Photoshop设计清新色彩生动的网页模板

3. 新建图层,选择单行选框工具,新建一选区,并以白色填充。按ctrl+d撤消选区。转到菜单 图层>图层蒙版>显示所有,选取一大点的黑色软笔刷像下图一样遮住图层,以下图为参考。设置图层透明度为15%,命名为“直线”。

Photoshop设计清新色彩生动的网页模板

4. 添加底部文字说明。

Photoshop设计清新色彩生动的网页模板

这个大制作终于完功了,里面的字体设置什么的还需要各位看客们多担待!最终效果图:

Photoshop设计清新色彩生动的网页模板

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