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

Photoshop
美术设计基础:在平面中描述立体之透视详解
Photoshop鼠绘教程:绘制一盆可口的哈密瓜
Photoshop CS4鼠绘教程:设计六一儿童节插画风格贺卡
Photoshop CS4教程:去除照片上无用的元素
Photoshop抠图教程:颜色混合带及球面化滤镜的应用
Photoshop动画教程:打造美丽春天里飞舞的蝴蝶
Photoshop调色教程:打造红粉佳人之解破刘方肤色
Photoshop合成教程:打造小象宝宝的悠闲时光
Photoshop后期教程:ACR结合PS修图与调整简单流程
Photoshop初学者实例教程:去除MM脸部的高原红
Photoshop后期教程:结合Raw改善照片对焦缺陷
Photoshop鼠绘教程:绘制亭亭玉立的荷花
Photoshop后期教程:综合运用调整偏色图,让MM靓丽起来
Photoshop鼠绘教程:模拟pt手绘效果-母亲
Photoshop动画教程:欢庆国庆60周年,打造飘动的五星红旗
Photoshop鼠绘教程:绘制瓶装洗发水广告效果图
Photoshop初学者实例教程:调制一杯创意咖啡
Photoshop初学者实例教程:鼠绘漂亮水晶水果图标
Photoshop初学者实例教程:炫彩光影字体特效
Photoshop鼠绘教程:绘制一个漂亮的桃心盾图标

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 547 ::
收藏到网摘: 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