找回密码
 注册
广告投放 虚位以待【阿里云】2核2G云新老同享 99元/年,续费同价做网站就用糖果主机-sugarhosts.comJtti.com-新加坡服务器,美国服务器,香港服务器
查看: 150|回复: 0

Photoshop:设计蓝色风格网站模板教程

[复制链接]
发表于 2010 年 10 月 7 日 01:00:46 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

×

你是否曾经想过设计一个漂亮的网页,但是却不知道怎样入手?说实话,几年前我也是这样。当我浏览网页的时候我看到这么多好看的网页,我就希望自己有技术创作这样的设计作品。
今天我可以这么做了,而且我将教你怎么做这样的设计!从根本上,对于这种设计你需要一点photoshop的操作技能和观察细节的能力。通过以下的教程,我将会指出其中极细微的细节之处,而这些细节讲使你的网页设计漂亮起来。打开photoshop,我们开始啦!
正文
先看效果图(点击可放大)

                               
登录/注册后可看大图
第一步 --- 下载960网格模板
我一直以来做的设计几乎全部是基于960网格模板的. 所以在我们开始创作之前,先下载这个模板. 你能在960.gs上找到这些模板. 下载之后解压zip里面关于PSD的模板. 你会发现有两种规格: 一个是12栏式的而另一个是16栏式的. 他们的区别就像名字所说的,一个是按12栏分布一个按16栏. 更详细的介绍一下吧, 假设你的设计里面分3个区块你就选择12栏式的,那是由于12能被3整除; 同理如果你的设计分四个区块, 你可以选12栏式或者16栏式,那时由于12和16都可以被4整除. 你会发现这个技巧将用于下面教程.
第二步 — 构造你想象的结构

                               
登录/注册后可看大图
在我们打开PSD网格模板创作前, 我们首先需要先构造一下想象中的结构. 从上面的这张图,你可以看出来:由于在一个排版中又有排版,因此这是一个有点复杂的结构.
第三步

                               
登录/注册后可看大图
构造了结构之后我们继续. 打开16栏式的PSD模板文件. 打开 “图像 >画布大小” . 把画布的宽度设置为 1200px 高度设置为 1700px .把背景色设置为 #ffffff 既白色.
第四步

                               
登录/注册后可看大图
用长方形工具在顶部画一个宽100%高大概80px的长方形. 用颜色: #dddddd 填充它.
第五步

                               
登录/注册后可看大图

Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|金光论坛

GMT+8, 2025 年 2 月 2 日 20:59 , Processed in 0.029228 second(s), 21 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表