用ps制作音乐网站模板(9)

Photoshop使用最多的元素就是笔刷,本教程的摇滚乐团Rock Band音乐网站效果是通过不同类型的笔刷及颜色的搭配设计来完成的。 最终效果如下: 设计过程如下。 网页大小为760×770,背景色为白色,同时再新建一个图层

ps磨皮大法(3)

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

用ps制作音乐网站模板(9)插图

设计过程如下。
网页大小为760×770,背景色为白色,同时再新建一个图层,填充为黑色

用ps制作音乐网站模板(9)插图(1)

本文中我们将使用一些很绚丽的笔刷效果,你可以从这里下载笔刷:Free Photoshop Brushes
将笔刷导入到PS中后,我们先用颜色#f26826来为黑色图层进行涂抹,完成后复制笔刷并进行翻转,如下图

用ps制作音乐网站模板(9)插图(2)

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

用ps制作音乐网站模板(9)插图(3)

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

用ps制作音乐网站模板(9)插图(4)

                                       
我们使用橡皮擦工具

用ps制作音乐网站模板(9)插图(5)

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

用ps制作音乐网站模板(9)插图(6)

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

用ps制作音乐网站模板(9)插图(7)

最后完成的效果如图

用ps制作音乐网站模板(9)插图(8)

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

用ps制作音乐网站模板(9)插图(9)

                                       
使用矩形工具

用ps制作音乐网站模板(9)插图(10)

设置样式

用ps制作音乐网站模板(9)插图(11)

用ps制作音乐网站模板(9)插图(12)

用ps制作音乐网站模板(9)插图(13)

用ps制作音乐网站模板(9)插图(14)

用ps制作音乐网站模板(9)插图(15)

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

用ps制作音乐网站模板(9)插图(16)

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

用ps制作音乐网站模板(9)插图(17)

使用上图中的笔刷,随后你可以按”[“来调整笔刷的大小,请注意在为按钮上添加笔刷效果的时候请先将矩形按钮图层栅格化(在图层上按鼠标右键选择栅格化图层)。

用ps制作音乐网站模板(9)插图(18)

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

用ps制作音乐网站模板(9)插图(19)

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

用ps制作音乐网站模板(9)插图(20)

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

用ps制作音乐网站模板(9)插图(21)

选额另一种笔刷效果,颜色设置为#6b0d10,进行涂抹。

用ps制作音乐网站模板(9)插图(22)

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

用ps制作音乐网站模板(9)插图(23)

                                       
加入一张喇叭图片

用ps制作音乐网站模板(9)插图(24)

进行复制排列

用ps制作音乐网站模板(9)插图(25)

用笔刷调整一些左边页面的效果。

用ps制作音乐网站模板(9)插图(26)

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

用ps制作音乐网站模板(9)插图(27)

                                       
使用文字

用ps制作音乐网站模板(9)插图(28)

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

用ps制作音乐网站模板(9)插图(29)

选择下面的笔刷

用ps制作音乐网站模板(9)插图(30)

在欢迎文字下加入一些效果,是网站中部的视觉效果与整体更统一。

用ps制作音乐网站模板(9)插图(31)

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

用ps制作音乐网站模板(9)插图


使用文字

用ps制作音乐网站模板(9)插图(28)

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

用ps制作音乐网站模板(9)插图(29)

选择下面的笔刷

用ps制作音乐网站模板(9)插图(30)

在欢迎文字下加入一些效果,是网站中部的视觉效果与整体更统一。

用ps制作音乐网站模板(9)插图(31)

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

用ps制作音乐网站模板(9)插图

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

用ps制作音乐网站模板(9)插图

设计过程如下。
网页大小为760×770,背景色为白色,同时再新建一个图层,填充为黑色

用ps制作音乐网站模板(9)插图(1)

本文中我们将使用一些很绚丽的笔刷效果,你可以从这里下载笔刷:Free Photoshop Brushes
将笔刷导入到PS中后,我们先用颜色#f26826来为黑色图层进行涂抹,完成后复制笔刷并进行翻转,如下图

用ps制作音乐网站模板(9)插图(2)

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

用ps制作音乐网站模板(9)插图(3)

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

用ps制作音乐网站模板(9)插图(4)

                                       
我们使用橡皮擦工具

用ps制作音乐网站模板(9)插图(5)

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

用ps制作音乐网站模板(9)插图(6)

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

用ps制作音乐网站模板(9)插图(7)

最后完成的效果如图

用ps制作音乐网站模板(9)插图(8)

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

用ps制作音乐网站模板(9)插图(9)

                                       
使用矩形工具

用ps制作音乐网站模板(9)插图(10)

设置样式

用ps制作音乐网站模板(9)插图(11)

用ps制作音乐网站模板(9)插图(12)

用ps制作音乐网站模板(9)插图(13)

用ps制作音乐网站模板(9)插图(14)

用ps制作音乐网站模板(9)插图(15)

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

用ps制作音乐网站模板(9)插图(16)

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

用ps制作音乐网站模板(9)插图(17)

使用上图中的笔刷,随后你可以按”[“来调整笔刷的大小,请注意在为按钮上添加笔刷效果的时候请先将矩形按钮图层栅格化(在图层上按鼠标右键选择栅格化图层)。

用ps制作音乐网站模板(9)插图(18)

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

用ps制作音乐网站模板(9)插图(19)

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

用ps制作音乐网站模板(9)插图(20)

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

用ps制作音乐网站模板(9)插图(21)

选额另一种笔刷效果,颜色设置为#6b0d10,进行涂抹。

用ps制作音乐网站模板(9)插图(22)

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

用ps制作音乐网站模板(9)插图(23)

                                       
加入一张喇叭图片

用ps制作音乐网站模板(9)插图(24)

进行复制排列

用ps制作音乐网站模板(9)插图(25)

用笔刷调整一些左边页面的效果。

用ps制作音乐网站模板(9)插图(26)

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

用ps制作音乐网站模板(9)插图(27)

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

用ps制作音乐网站模板(9)插图

设计过程如下。
网页大小为760×770,背景色为白色,同时再新建一个图层,填充为黑色

用ps制作音乐网站模板(9)插图(1)

本文中我们将使用一些很绚丽的笔刷效果,你可以从这里下载笔刷:Free Photoshop Brushes
将笔刷导入到PS中后,我们先用颜色#f26826来为黑色图层进行涂抹,完成后复制笔刷并进行翻转,如下图

用ps制作音乐网站模板(9)插图(2)

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

用ps制作音乐网站模板(9)插图(3)

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

用ps制作音乐网站模板(9)插图(4)

                                       
我们使用橡皮擦工具

用ps制作音乐网站模板(9)插图(5)

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

用ps制作音乐网站模板(9)插图(6)

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

用ps制作音乐网站模板(9)插图(7)

最后完成的效果如图

用ps制作音乐网站模板(9)插图(8)

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

用ps制作音乐网站模板(9)插图(9)

                                       
使用矩形工具

用ps制作音乐网站模板(9)插图(10)

设置样式

用ps制作音乐网站模板(9)插图(11)

用ps制作音乐网站模板(9)插图(12)

用ps制作音乐网站模板(9)插图(13)

用ps制作音乐网站模板(9)插图(14)

用ps制作音乐网站模板(9)插图(15)

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

用ps制作音乐网站模板(9)插图(16)

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

用ps制作音乐网站模板(9)插图(17)

使用上图中的笔刷,随后你可以按”[“来调整笔刷的大小,请注意在为按钮上添加笔刷效果的时候请先将矩形按钮图层栅格化(在图层上按鼠标右键选择栅格化图层)。

用ps制作音乐网站模板(9)插图(18)

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

用ps制作音乐网站模板(9)插图(19)

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

用ps制作音乐网站模板(9)插图(20)

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

用ps制作音乐网站模板(9)插图(21)

选额另一种笔刷效果,颜色设置为#6b0d10,进行涂抹。

用ps制作音乐网站模板(9)插图(22)

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

用ps制作音乐网站模板(9)插图(23)

                                       
加入一张喇叭图片

用ps制作音乐网站模板(9)插图(24)

进行复制排列

用ps制作音乐网站模板(9)插图(25)

用笔刷调整一些左边页面的效果。

用ps制作音乐网站模板(9)插图(26)

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

用ps制作音乐网站模板(9)插图(27)

                                       
使用文字

用ps制作音乐网站模板(9)插图(28)

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

用ps制作音乐网站模板(9)插图(29)

选择下面的笔刷

用ps制作音乐网站模板(9)插图(30)

在欢迎文字下加入一些效果,是网站中部的视觉效果与整体更统一。

用ps制作音乐网站模板(9)插图(31)

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

用ps制作音乐网站模板(9)插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部