当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > PS教程:摇滚乐团(rock band)音乐网站模板

Photoshop
photoshop 利用滤镜及素材打造超酷的火焰字
Photoshop 古典的油画效果处理方法
Photoshop 调出美女质感的红紫色肤色
Photoshop 一只可爱的卡通小蜜蜂
photoshop 鼠绘忧郁的少女头像
各种男女围巾围法图文
Photoshop调色教程之外景人物柔美的淡橙色
Photoshop 偏色的人物照片修正并美化
Photoshop 调出偏暗人物图片时尚的粉色调
Photoshop 花纹装饰的立体字
phtoshop 鼠绘一张表情自然的明星图片
Photoshop 滤镜打造梦幻的彩色光束
Photoshop 打造漂亮的心形宝石
Photoshop 超酷的实物打散效果
Photoshop 打造浪漫的蓝黄色照片
Photoshop 偏暗人物自然美白教程
Photoshop 一棵梦幻的圣诞树
photoshop 合成给小猫绘制素描的现场图片
photoshop 简单三步冷色图片打造成柔美的暖色照片
Photoshop 一片漂亮的羽毛

Photoshop 中的 PS教程:摇滚乐团(rock band)音乐网站模板


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 420 ::
收藏到网摘: n/a

Photoshop使用最多的元素就是笔刷,本教程的摇滚乐团Rock Band音乐网站效果是通过不同类型的笔刷及颜色的搭配设计来完成的。

最终效果如下:

Rock Band Layout - Music Layout Tutorial: Final Result

设计过程如下。

网页大小为760x770,背景色为白色,同时再新建一个图层,填充为黑色

Rock Band Layout - Music Layout image 1

本文中我们将使用一些很绚丽的笔刷效果,你可以从这里下载笔刷:Free Photoshop Brushes

将笔刷导入到PS中后,我们先用颜色#f26826来为黑色图层进行涂抹,完成后复制笔刷并进行翻转,如下图

Rock Band Layout - Music Layout image 2 

按照下图对笔刷进行一定的设置后,使用颜色 #09b0f0来制作另外一种笔刷效果

Rock Band Layout - Music Layout image 3 

同上方法使用四种颜色做出来的音乐网站涂鸦背景

Rock Band Layout - Music Layout image 4

我们使用橡皮擦工具

Rock Band Layout - Music Layout image 5 

按照如下图设置橡皮擦的笔刷形状与参数

Rock Band Layout - Music Layout image 6 

随后我们开始涂抹黑色背景图层,由于我们的大背景是白色的,所以涂抹后的黑色背景会看上去如下划痕的效果

Rock Band Layout - Music Layout image 7 

最后完成的效果如图

Rock Band Layout - Music Layout image 8 

我们进行随意的涂抹后的音乐网站背景效果图

Rock Band Layout - Music Layout image 9

使用矩形工具

Rock Band Layout - Music Layout image 10 

设置样式

Rock Band Layout - Music Layout image 11 

Rock Band Layout - Music Layout image 12 

Rock Band Layout - Music Layout image 13 

Rock Band Layout - Music Layout image 14 

Rock Band Layout - Music Layout image 15 

用矩形在网站布局中画一个矩形按钮

Rock Band Layout - Music Layout image 16 

下载圆形笔刷,你可以从 这里下载:Orange vector brush

Rock Band Layout - Music Layout image 17 

使用上图中的笔刷,随后你可以按"["来调整笔刷的大小,请注意在为按钮上添加笔刷效果的时候请先将矩形按钮图层栅格化(在图层上按鼠标右键选择栅格化图层)。本文由软晨学习网(RuanChen.Com)发布!转载和采集的话请不要去掉!谢谢。

Rock Band Layout - Music Layout image 18 

随后按ctrl+j复制按钮图层

Rock Band Layout - Music Layout image 19 

再从 这里 下载一个PS笔刷:Dirty gray brushes

Rock Band Layout - Music Layout image 20 

新建图层,在新图层上用上图中的笔刷进行艺术涂抹,颜色设置为#5b5b5b    

Rock Band Layout - Music Layout image 21 

选额另一种笔刷效果,颜色设置为#6b0d10,进行涂抹。看到本信息,说明该文章来源于软晨学习网www.RuanChen,如果文章不完整请到软晨学习网RuanChen.Com浏览!

Rock Band Layout - Music Layout image 22 

最后完成的音乐网站背景效果,现在看上去艺术氛围比较浓厚了

Rock Band Layout - Music Layout image 23 

加入一张喇叭图片

Rock Band Layout - Music Layout image 24 

进行复制排列

Rock Band Layout - Music Layout image 25 

用笔刷调整一些左边页面的效果。本文是网页教学www.RuanChen收集整理或者原创内容,转载请注明出处!

Rock Band Layout - Music Layout image 26 

加入准备好的音乐相关素材

Rock Band Layout - Music Layout image 27 

使用文字

Rock Band Layout - Music Layout image 28 

为整个音乐网站添加不同类型大小的文字

Rock Band Layout - Music Layout image 29

选择下面的笔刷

Rock Band Layout - Music Layout image 30 

在欢迎文字下加入一些效果,是网站中部的视觉效果与整体更统一。看到本信息说明该文是通过网页教学(RuanChen.Com)整理发布的,请不要删掉!

Rock Band Layout - Music Layout image 31 

最后音乐网站完成后的整体设计图

Rock Band Layout - Music Layout Tutorial: Final Result