当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计现代企业产品主题网站教程

Photoshop设计现代企业产品主题网站教程

这个Photoshop 网页设计的教程中,我们将学习设计一个整洁的具有现代气息的网站。这是设计和HTML/CSS模板转换系列教程的第一部分。

photoshop企业网页设计现代产品主题 

 

photoshop企业网页设计现代产品主题

 

预览

以下是我们将要一些设计的页面预览,点击图片可以放大。

Preview

 

建立一个新的Photoshop文档

1 首先在Photoshop中新建一个文档(Ctrl+N),大小为1200 x 1200像素,背景设为透明。

Make a new Photoshop document

 

设置头部背景

2 使用矩形选定工具在透明的背景上画出一个矩形,矩形大小:1200px ×120px

Creating the Header's background

 

3 使用油漆桶工具(G)用任意颜色填充头部刚才选定区域。点开图层样式对话框,用以下设置来增加一个渐变叠加效果。

Creating the Header's background

 

完了,应该出现以下效果:

Creating the Header's background

Photoshop打造Windows 7风格网站导航条
教你做一个简单但好看的网页(第一集)