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

加入一张喇叭图片 进行复制排列 用笔刷调整一些左边页面的效果。 加入准备好的音乐相关素材

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

使用文字 为整个音乐网站添加不同类型大小的文字 选择下面的笔刷 在欢迎文字下加入一些效果,是网站中部的视觉效果与整体更统一。 最后音乐网站完成后的整体设计图

加入一张喇叭图片

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

进行复制排列

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                                       
我们使用橡皮擦工具

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

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

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

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

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

最后完成的效果如图

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

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

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

                                       
使用矩形工具

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

设置样式

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

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

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

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

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

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

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

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

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

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

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

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

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

                                       
使用文字

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

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

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

选择下面的笔刷

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                                       
我们使用橡皮擦工具

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

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

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

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

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

最后完成的效果如图

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

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

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

                                       
使用矩形工具

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

设置样式

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                                       
加入一张喇叭图片

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

进行复制排列

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

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

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

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

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

                                       
使用文字

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

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

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

选择下面的笔刷

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

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

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

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

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

作者: 791650988

为您推荐