繁體中文当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop设计制作华丽立体游戏网站模板
- Photoshop
- 唯美三维字效果教程(内附外挂滤镜和唯美星空笔刷)
- 轻松将照片加入动态相框
- PS打造水中倒影
- Photoshop打造插画风格夕阳武士
- 谈Photoshop学习：用专业方式解决问题
- PS打造折纸效果（原创教程）
- [原创]PS另类抠图
- （原创）“三步”美化你的图片
- PS7.0 下雨的星期天（原创）
- 抽时间做了一把檀香扇,还请多多指教（原创）
- Photoshop CS3亲密接触(1):体验界面进化之美
- Photoshop CS3亲密接触(2):感受新Bridge
- Photoshop CS3亲密接触(3):照片补血只需一步
- 叠加模式在调整图像中的应用（原创基础教程）
- Photoshop CS3亲密接触(4)：缔造完美曲线
- Photoshop CS3亲密接触(5)：怀旧赫本 黑白魅影
- Photoshop CS3亲密接触(6)：快速选取新定义 轻松DIY商品靓照
- Photoshop CS3亲密接触(7)：灵异鹦鹉 轻松克隆-新Clone Sauce
- Photoshop CS3亲密接触(8)：新混合模式 造奇酷波普效果
- PS+IR制作闪闪的水晶字
Photoshop设计制作华丽立体游戏网站模板
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-27 浏览: 724 ::
收藏到网摘: n/a
新建950 x 1160 大小文件，填充背景颜色#161616，使用矩形工具制作宽900、高190的矩形，并添加如下图层样式
完成后的矩形效果
导入LOGO文件
导入一张光晕图片
将图片裁剪到适当尺寸，放入游戏网站的头部，调整图片的不透明度和颜色，使其与整个蓝色背景融合在一起
为LOGO标志添加背景边框，并设置填充为8%
制作两条矩形条作为导航按钮的背景区域
设置顶部的矩形条图层样式如下
设置底部的矩形条样式如下
为了突出立体质感，制作一个白色矩形条，高度为其一半，设置不透明度为4%
为两条导航条添加文字，并且我们用两条1px高度的线条（一黑一白）来分割他们之前的区域
制作一个圆角矩形，使用如下样式，当鼠标移动到按钮上时作为按钮的背景
如下图就是鼠标移动到NEWS按钮时的效果了
制作白色矩形
添加样式
将完成后的矩形复制一次放到底部，将游戏图片放入两者之间
为顶部矩形上部添加白色矩形（高度为矩形的一半），设置不透明度为 3%，产生质感
添加文字与箭头
依照上面完成的区块样式制作网站的其他区块
放入文字与图片
完成后的游戏网站的整体效果如下图
评论 (0) All
