Photoshop使用最多的元素就是笔刷,本教程的摇滚乐团Rock Band音乐网站效果是通过不同类型的笔刷及颜色的搭配设计来完成的。
最终效果如下:
设计过程如下。
网页大小为760x770,背景色为白色,同时再新建一个图层,填充为黑色
本文中我们将使用一些很绚丽的笔刷效果,你可以从这里下载笔刷:Free Photoshop Brushes
将笔刷导入到PS中后,我们先用颜色#f26826来为黑色图层进行涂抹,完成后复制笔刷并进行翻转,如下图
按照下图对笔刷进行一定的设置后,使用颜色 #09b0f0来制作另外一种笔刷效果
同上方法使用四种颜色做出来的音乐网站涂鸦背景
我们使用橡皮擦工具
按照如下图设置橡皮擦的笔刷形状与参数
随后我们开始涂抹黑色背景图层,由于我们的大背景是白色的,所以涂抹后的黑色背景会看上去如下划痕的效果
最后完成的效果如图
我们进行随意的涂抹后的音乐网站背景效果图
使用矩形工具
设置样式
用矩形在网站布局中画一个矩形按钮
下载圆形笔刷,你可以从 这里下载:Orange vector brush。
使用上图中的笔刷,随后你可以按"["来调整笔刷的大小,请注意在为按钮上添加笔刷效果的时候请先将矩形按钮图层栅格化(在图层上按鼠标右键选择栅格化图层)。
随后按ctrl+j复制按钮图层
再从 这里 下载一个PS笔刷:Dirty gray brushes。
新建图层,在新图层上用上图中的笔刷进行艺术涂抹,颜色设置为#5b5b5b
选额另一种笔刷效果,颜色设置为#6b0d10,进行涂抹。
最后完成的音乐网站背景效果,现在看上去艺术氛围比较浓厚了
加入一张喇叭图片
进行复制排列
用笔刷调整一些左边页面的效果。
加入准备好的音乐相关素材
使用文字
为整个音乐网站添加不同类型大小的文字
选择下面的笔刷
在欢迎文字下加入一些效果,是网站中部的视觉效果与整体更统一。
最后音乐网站完成后的整体设计图
全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。