繁體中文当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop设计制作华丽立体游戏网站模板
- Photoshop
- 通道抠图让漂亮MM无处不在：桔子教程系列
- 精细调整还你山清水秀：桔子教程系列
- 桔子教程合集封面制作
- 桔子自然去除双下颌
- Photoshop基础教程：曲线调整实战攻略之亮度篇
- Photoshop基础教程：曲线调整实战攻略之反相篇
- Photoshop基础教程：曲线调整实战攻略之饱和度篇
- Photoshop基础教程：曲线调整实战攻略之对比度篇
- Photoshop基础教程：曲线调整实战攻略之颜色调整篇
- Photoshop基础教程：曲线调整实战攻略之选择篇
- 找回调整损失掉的亮度信息
- 调色游戏（色相/饱和度调偏色猫）
- PS CS2新增功能之Vanishing Point消失点工具的使用
- 图层样式高级混合（桔子回答学友问）
- 桔子跑光照片修复教程
- 桔子系列—头发融入背景抠图教程
- 桔子可选颜色实战篇
- 桔子自然美肤教程—简单实用纹理保留篇
- 桔子PS表格制作全新方法！
- 桔子教你做抽线效果详解
Photoshop设计制作华丽立体游戏网站模板
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-27 浏览: 751 ::
收藏到网摘: n/a
新建950 x 1160 大小文件，填充背景颜色#161616，使用矩形工具制作宽900、高190的矩形，并添加如下图层样式
完成后的矩形效果
导入LOGO文件
导入一张光晕图片
将图片裁剪到适当尺寸，放入游戏网站的头部，调整图片的不透明度和颜色，使其与整个蓝色背景融合在一起
为LOGO标志添加背景边框，并设置填充为8%
制作两条矩形条作为导航按钮的背景区域
设置顶部的矩形条图层样式如下
设置底部的矩形条样式如下
为了突出立体质感，制作一个白色矩形条，高度为其一半，设置不透明度为4%
为两条导航条添加文字，并且我们用两条1px高度的线条（一黑一白）来分割他们之前的区域
制作一个圆角矩形，使用如下样式，当鼠标移动到按钮上时作为按钮的背景
如下图就是鼠标移动到NEWS按钮时的效果了
制作白色矩形
添加样式
将完成后的矩形复制一次放到底部，将游戏图片放入两者之间
为顶部矩形上部添加白色矩形（高度为矩形的一半），设置不透明度为 3%，产生质感
添加文字与箭头
依照上面完成的区块样式制作网站的其他区块
放入文字与图片
完成后的游戏网站的整体效果如下图
评论 (0) All
