虫虫技术在线--技术决定出路

当前位置: 首页 > 网络 > 建站运营 > 网页设计 >

photoshop教程–基本的网页布局设计

时间:2010-04-05 07:56来源:虫虫技术在线收集整理 作者:虫虫编辑 点击:
这篇教程主要是运用矩形选择框工具(M),添加图层样式。难点可能在于创建那3个主题图标,需要自己琢磨下。 先看下结果图: 新建文档:宽1200px,高1500px,背景层以颜色(#e9e3c9)填充

这篇教程主要是运用矩形选择框工具(M),添加图层样式。难点可能在于创建那3个主题图标,需要自己琢磨下。
先看下结果图:

效果图

新建文档:宽1200px,高1500px,背景层以颜色(#e9e3c9)填充。

一、创建网页头部(head)
1、新建图层,选中矩形选择框工具(M),在画布头部添加矩形,宽1200px,高度大约100px,并设置如下图层样式
“渐变叠加”

step1

“描边”
step2
头部将会是这样子:
step3

2、在头部添加网站的标题,广告语和logo和一点公司简介。大概布局是这样的:
step4

对于标题Design.Studio,应用了如下样式:
“阴影”
step5

“渐变叠加”
step6

“描边”
step7

至于logo,选择圆角矩形工具,半径为20px,可填充任何颜色,然后设置图层样式。
“渐变叠加”
step8

“描边”
step9

(责任编辑:admin)

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