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

我的网站

Photoshop创建一个简洁风格的网页效果图(3)

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
好了,选择中这一矢量图层,降低它的透明度到30%。 好了,导航和Logo基本上完成了。我用文字工具添加了一些引证,在文字导航的下面。 Step 2 创建主导

好了,选择中这一矢量图层,降低它的透明度到30%。

Photoshop创建一个简洁风格的网页效果图

好了,导航和Logo基本上完成了。我用文字工具添加了一些引证,在文字导航的下面。

Step 2 – 创建主导航

选择矩形工具,创建一个形状,如下图。我的尺寸是937px x 63px

Photoshop创建一个简洁风格的网页效果图

设置图层样式如下:

Photoshop创建一个简洁风格的网页效果图
Photoshop创建一个简洁风格的网页效果图

添加一些文字,最终效果如下:

Photoshop创建一个简洁风格的网页效果图

现在,看起来主导航有一些单调,我添加了一些图标。你可以从 Complete Designer Set中下载它们。在 Illustrator中打开,然后选择合适的图标拖拽到 Photoshop就可以了。现在我的效果图是这样子的:

Photoshop创建一个简洁风格的网页效果图

好了,现在看上去还不错。

Step 3 – 创建头部

选择矩形工具,创建如下形状,我的尺寸设置是937px X 278px,颜色填充#cdd5a1

Photoshop创建一个简洁风格的网页效果图

设置图层样式:

Photoshop创建一个简洁风格的网页效果图
Photoshop创建一个简洁风格的网页效果图
Photoshop创建一个简洁风格的网页效果图

好了,然后添加一些虚拟的文字(不是真实的项目么)。我用的是字体 Helvetica script ,14px 大小。然后栅格化文字。

Photoshop创建一个简洁风格的网页效果图

点击滤镜>模糊>动感模糊。

Photoshop创建一个简洁风格的网页效果图

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