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

我的网站

Photoshop中创建简洁专业的网页设计(5)

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
35 复制about 组 命名为 services. 再重新复制一组命名为portfolio. 我们现在有三个组(about, services, and portfolio). 移动最后的组(portfolio)到右侧的参考线. 36 在面板

35 复制”about” 组 命名为 “services“. 再重新复制一组命名为”portfolio“. 我们现在有三个组(“about”, “services”, and “portfolio”). 移动最后的组(“portfolio”)到右侧的参考线.

Photoshop中创建简洁专业的网页设计

36 在面板选中三个组,点击图层>分布> 水平中心分布. 点击 查看一下大图.

Photoshop中创建简洁专业的网页设计

37 变更 “services” 组 (center) 和 “portfolio” 组 (right) 如下.

Photoshop中创建简洁专业的网页设计

创建页脚

38 新建组命名为”footer“. 选择矩形工具(U)然后创建矩形大小为1200px 乘以100px 在我们布局的底部. 命名为 “footer bg“. 复制 “header bg” 层的图层样式并且应用.

Photoshop中创建简洁专业的网页设计

选择文字工具,写上版权声明文字,和链接,样式为Arial, 大小为12pt ,灰色(#dddddd).

Photoshop中创建简洁专业的网页设计

40 我们开始在邮件增加邮件描述.创建新组在”footer” 层,命名为 “subscribe“.选择圆角椭圆形工具(U) 创建矩形大小85px 乘以 35px.图层命名为”subscribe btn“.

41 重复26步增加表单和标签.

42选择文字工具,拼写”Subscribe” 样式Arial,Bold大小13pt. 选择所有层(“subscribe btn” 和 “Subscribe text”).

43 重复28步创建按钮.

44选择椭圆矩形工具 (U)设置半径为3px.创建椭圆矩形为210px 乘以35px 应用白色为主(#ffffff)命名该层为”email field“.

Photoshop中创建简洁专业的网页设计
Photoshop中创建简洁专业的网页设计

最后结果

最后结果已经完成, 点击预览.

Photoshop中创建简洁专业的网页设计

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