当前位置：首页>ps实例教程>ps网页设计>网页模板>教程内容

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

来源：未知 作者：admin 学习：12490人次
Photoshop使用最多的元素就是笔刷，本教程的摇滚乐团Rock Band音乐网站效果是通过不同类型的笔刷及颜色的搭配设计来完成的。
最终效果如下：

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

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



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

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



                                       
我们使用橡皮擦工具

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

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

最后完成的效果如图

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



                                       
使用矩形工具

设置样式

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



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

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

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



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

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

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

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



                                       
加入一张喇叭图片

进行复制排列

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

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



                                       
使用文字

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

选择下面的笔刷

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

最后音乐网站完成后的整体设计图
共8页:上一页12345678在本页浏览全教程

学习 · 提示

  • 一定要打开PS，跟着教程做一遍，做完的图到这交作业：提交作业
  • 建议练习时，大家自己找素材，尽量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到论坛发帖提问：新手求助
  • 加官方微信，随时随地，想学就能学：ps_bbs，或扫右侧二维码！
  • 关注我们学更多，每天都有新教程：新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
海盗十二郎2011-03-10 11:26
<给力>
 回复
Ps丶尛立2010-05-29 03:57
图片地址失效勒
 回复
6328946942010-03-22 03:24
2# 632894694 <给力>
 回复
6328946942010-03-22 03:24
<给力>
 回复
查看全部评论 >

关注大神微博加入>>

网友求助，请回答！