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

我的网站

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

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
Step 1 创建 Logo 和头部导航 选择矩形工具,在文件顶部画出一个小的形状。 设置图层样式如下: 我的效果: 在右边的部分,用文字工具,创建导航文字。

Step 1 – 创建Logo和头部导航

选择矩形工具,在文件顶部画出一个小的形状。

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

设置图层样式如下:

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

我的效果:

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

在右边的部分,用文字工具,创建导航文字。我一般用的是字体“Helvetica” 。

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

接下来,用直线工具,创建一些导航上面的分割线。设置宽度为1px,在文字中间画一些小的形状。

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

然后按照下图进行图层样式设置:

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

我的效果:

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

好了,接下来创建Logo。用矩形工具,创建一个类似的矩形,填充颜色 #9cc1a2

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

按照下图参数设置图层样式。

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

然后,在文件 Complete Designer Set 中,我选择了一些矢量的装饰图案,在Illustrator中打开他们,选择一个然后拖拽到 Photoshop中,装饰在绿色形状的上面。用作衬托Logo。

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

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