Photoshop设计动漫游戏网站模板
来源:未知 作者:admin
新建950 x 1160 大小文件,填充背景颜色#161616,使用矩形工具制作宽900、高190的矩形,并添加如下图层样式
完成后的矩形效果
导入LOGO文件
导入一张光晕图片
将图片裁剪到适当尺寸,放入游戏网站的头部,调整图片的不透明度和颜色,使其与整个蓝色背景融合在一起
为LOGO标志添加背景边框,并设置填充为8%
制作两条矩形条作为导航按钮的背景区域
设置顶部的矩形条图层样式如下
设置底部的矩形条样式如下
为了突出立体质感,制作一个白色矩形条,高度为其一半,设置不透明度为4%
为两条导航条添加文字,并且我们用两条1px高度的线条(一黑一白)来分割他们之前的区域
制作一个圆角矩形,使用如下样式,当鼠标移动到按钮上时作为按钮的背景
如下图就是鼠标移动到NEWS按钮时的效果了
制作白色矩形
添加样式
将完成后的矩形复制一次放到底部,将游戏图片放入两者之间
为顶部矩形上部添加白色矩形(高度为矩形的一半),设置不透明度为 3%,产生质感
添加文字与箭头
依照上面完成的区块样式制作网站的其他区块
放入文字与图片
完成后的游戏网站的整体效果如下图
全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。
推荐教程
-
ps设计蓝色主题风格的网站首页模板教程
Axin123 -
ps cs6设计个人作品网页模板教程
佚名 -
ps设计电影网站实例
飞鱼的声纳 -
ps切片工具怎么用
顾盼神飞 -
教您怎样用Photoshop制作一个漂亮的网页
-
Photoshop CS5制作放射状光线网页广告板
bbs.16xx8.com -
Photoshop设计动漫游戏网站模板
admin -
Photoshop另类实用技巧:切网页
佚名 -
Photoshop绘制简洁而多彩的作品展示网页
bbs.16xx8.com -
photoshop设计企业网站首页实例
qp3db 发布 -
photoshop设计vista风格网页
空来风 -
Photoshop绘制绿色风格的尼康相机网页平面图
bbs.16xx8.com -
Photoshop教程:制作3D网页效果
bbs.16xx8.com