用ps制作音乐网站模板

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

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

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



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

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



                                       
我们使用橡皮擦工具

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

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

最后完成的效果如图

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



                                       
使用矩形工具

设置样式

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



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

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

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



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

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

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

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



                                       
加入一张喇叭图片

进行复制排列

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

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



                                       
使用文字

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

选择下面的笔刷

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

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

全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。

【原创教程 投稿邮箱: ps@16xx8.com】

长按二维码关注我们

关注我们微博:@photoshop教程论坛

推荐教程