Photoshop设计动漫游戏网站模板

新建950 x 1160 大小文件,填充背景颜色#161616,使用矩形工具制作宽900、高190的矩形,并添加如下图层样式 完成后的矩形效果 导入LOGO文件 导入一张光晕图片 分页标题 将图片裁剪到适当尺寸,放入游戏网站的头部,调整图片的不透明度和颜色,使其与整个蓝色背景融合

油漆字,用笔刷制作色彩缤纷的油漆字

本篇通过笔刷来制作一款特别好看的油漆字体,制作起来比较简单,我们需要用钢笔工具对字体进行笔画裁剪,再导入好看的图片,图片在选择上,选择色彩漂亮的,这样做出来字体才会更加美丽,再用笔刷进行涂抹就可以,具体通过教程来学习一下吧,相信你会做的更好

新建950 x 1160 大小文件,填充背景颜色#161616,使用矩形工具制作宽900、高190的矩形,并添加如下图层样式

Photoshop设计动漫游戏网站模板插图

Photoshop设计动漫游戏网站模板插图(1)

Photoshop设计动漫游戏网站模板插图(2)

完成后的矩形效果

Photoshop设计动漫游戏网站模板插图(3)

导入LOGO文件

Photoshop设计动漫游戏网站模板插图(4)

导入一张光晕图片

Photoshop设计动漫游戏网站模板插图(5) 

将图片裁剪到适当尺寸,放入游戏网站的头部,调整图片的不透明度和颜色,使其与整个蓝色背景融合在一起

Photoshop设计动漫游戏网站模板插图(6)

为LOGO标志添加背景边框,并设置填充为8%

Photoshop设计动漫游戏网站模板插图(7)

制作两条矩形条作为导航按钮的背景区域

Photoshop设计动漫游戏网站模板插图(8)

设置顶部的矩形条图层样式如下

Photoshop设计动漫游戏网站模板插图(9)

Photoshop设计动漫游戏网站模板插图(10)

设置底部的矩形条样式如下

Photoshop设计动漫游戏网站模板插图(11)

Photoshop设计动漫游戏网站模板插图(12) 

为了突出立体质感,制作一个白色矩形条,高度为其一半,设置不透明度为4%

Photoshop设计动漫游戏网站模板插图(13)

为两条导航条添加文字,并且我们用两条1px高度的线条(一黑一白)来分割他们之前的区域

Photoshop设计动漫游戏网站模板插图(14)

制作一个圆角矩形,使用如下样式,当鼠标移动到按钮上时作为按钮的背景

Photoshop设计动漫游戏网站模板插图(11)

Photoshop设计动漫游戏网站模板插图(16) 

如下图就是鼠标移动到NEWS按钮时的效果了

Photoshop设计动漫游戏网站模板插图(17)

制作白色矩形

Photoshop设计动漫游戏网站模板插图(18)

添加样式

Photoshop设计动漫游戏网站模板插图(19)

Photoshop设计动漫游戏网站模板插图(20)

Photoshop设计动漫游戏网站模板插图(1)

Photoshop设计动漫游戏网站模板插图(2)

将完成后的矩形复制一次放到底部,将游戏图片放入两者之间

Photoshop设计动漫游戏网站模板插图(23) 

为顶部矩形上部添加白色矩形(高度为矩形的一半),设置不透明度为 3%,产生质感

Photoshop设计动漫游戏网站模板插图(24)

添加文字与箭头 

Photoshop设计动漫游戏网站模板插图(25)

依照上面完成的区块样式制作网站的其他区块

Photoshop设计动漫游戏网站模板插图(26) 

放入文字与图片

Photoshop设计动漫游戏网站模板插图(27) 

完成后的游戏网站的整体效果如下图

Photoshop设计动漫游戏网站模板插图(28) 

新建950 x 1160 大小文件,填充背景颜色#161616,使用矩形工具制作宽900、高190的矩形,并添加如下图层样式

Photoshop设计动漫游戏网站模板插图

Photoshop设计动漫游戏网站模板插图(1)

Photoshop设计动漫游戏网站模板插图(2)

完成后的矩形效果

Photoshop设计动漫游戏网站模板插图(3)

导入LOGO文件

Photoshop设计动漫游戏网站模板插图(4)

导入一张光晕图片

Photoshop设计动漫游戏网站模板插图(5) 

将图片裁剪到适当尺寸,放入游戏网站的头部,调整图片的不透明度和颜色,使其与整个蓝色背景融合在一起

Photoshop设计动漫游戏网站模板插图(6)

为LOGO标志添加背景边框,并设置填充为8%

Photoshop设计动漫游戏网站模板插图(7)

制作两条矩形条作为导航按钮的背景区域

Photoshop设计动漫游戏网站模板插图(8)

设置顶部的矩形条图层样式如下

Photoshop设计动漫游戏网站模板插图(9)

Photoshop设计动漫游戏网站模板插图(10)

设置底部的矩形条样式如下

Photoshop设计动漫游戏网站模板插图(11)

Photoshop设计动漫游戏网站模板插图(12) 

为了突出立体质感,制作一个白色矩形条,高度为其一半,设置不透明度为4%

Photoshop设计动漫游戏网站模板插图(13)

为两条导航条添加文字,并且我们用两条1px高度的线条(一黑一白)来分割他们之前的区域

Photoshop设计动漫游戏网站模板插图(14)

制作一个圆角矩形,使用如下样式,当鼠标移动到按钮上时作为按钮的背景

Photoshop设计动漫游戏网站模板插图(11)

Photoshop设计动漫游戏网站模板插图(16) 

如下图就是鼠标移动到NEWS按钮时的效果了

Photoshop设计动漫游戏网站模板插图(17)

制作白色矩形

Photoshop设计动漫游戏网站模板插图(18)

添加样式

Photoshop设计动漫游戏网站模板插图(19)

Photoshop设计动漫游戏网站模板插图(20)

Photoshop设计动漫游戏网站模板插图(1)

Photoshop设计动漫游戏网站模板插图(2)

将完成后的矩形复制一次放到底部,将游戏图片放入两者之间

Photoshop设计动漫游戏网站模板插图(23) 

为顶部矩形上部添加白色矩形(高度为矩形的一半),设置不透明度为 3%,产生质感

Photoshop设计动漫游戏网站模板插图(24)

添加文字与箭头 

Photoshop设计动漫游戏网站模板插图(25)

依照上面完成的区块样式制作网站的其他区块

Photoshop设计动漫游戏网站模板插图(26) 

放入文字与图片

Photoshop设计动漫游戏网站模板插图(27) 

完成后的游戏网站的整体效果如下图

Photoshop设计动漫游戏网站模板插图(28) 

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部