【 C C 】 零基础☞慢慢跟我学<美帖课程>持续更新中！

凝。

美帖的重要元素

意境、配色、图片素材、代码、播放器、FLSAH素材

1、意境

一个帖子要做的美美的，首先要选定一个意境，就像你写一篇文章要有个中心思想一样。
这个意境简单地来说，主要是，你要通过这个帖所表达的东西。这里以音乐帖为例，
那么这个意境就是你所分享的音乐所要传达的一些感受。这个很好理解。
当你写一篇日志，要给它配上一首合适的背景音乐的时候，你肯定会选择比较贴近你的心情的音乐
这就是我们所要说到的意境。它通常能从旋律、节奏上能直接体现出来。
代码是死的，抓住了意境，就等于为你的帖子附上了灵魂。也容易让看你帖的人产生共鸣。

什么样的意境，对于配色，素材选择上有至关重要的联系。

2、配色

一般指的是颜色搭配。这里我把配色简单地划为冷色系和暖色系两大色系。

当歌曲意境表达的意境是比较低迷，伤感的时候，我们会选择冷色系，最常见的是黑，灰色
当歌曲意境表达的意境是比较欢快，愉快的时候，我们会选择暖色系，如一些比较清新的颜色
还有一种比较特殊的意境，就是我们的一些传统节日，通常选择红色居多，因为红色喜庆。

当然，上面讲到的色系的选择，我们只能做为一个帖的主体颜色参考，也就是颜色选择的大致方向。
具体的颜色运用，也要考虑到你所选的图片素材的颜色。一般情况下一个帖颜色不宜过多。
颜色过多容易给人眼花缭乱的感觉，视觉上的舒适程度就要给差评了。个人建议最好不超过三种。
还有一个要注意的是，不要选择让人视觉感觉不舒服的的颜色，比如刺眼的。图片也同理。

配色的一些小技巧：
1）选好主要图片素材后，可利用PS软件功能在主图上取色。
这里提供一个工具网站：http://www.uupoop.com/gif/  界面是仿PS。功能都差不多。
如果觉得PS打开慢的话，可以直接用这个，但是只适合静态图。动态图取色请用PS

具体的做法参考下面两帖：

【配色小窍门】简单教你活用PS拾色器取色
http://www.ii23.cn/thread-302628-1-1.html
(出处: ii23休闲社区)

【配色小窍门 &#12539; 续】试到满意为止 再也不用为我的配色担心了
http://www.ii23.cn/thread-302868-1-1.html
(出处: ii23休闲社区)

2）颜色分配
取色完毕，定好整个帖子的颜色。单色简单，如果多色的话，自己定色就好。

颜色分配主要考虑：
边框颜色、装饰小图片和分割线图片（根据颜色搭配）、
文字颜色、播放器背景（包括前景）颜色、FLASH效果颜色


具体操作还请多练习，也可以有自己的一些技巧，怎么方便怎么来。


第1节结束。下节待续！

凝。

以下图为例：





先打开http://www.uupoop.com/gif/

考虑运行PS会影响电脑速度，我用上面这个网站来代替PS使用，

如果你习惯用PS也行，反正界面差不太多，只要找到吸管工具就行。



一、打开网站会出现以下界面，选择“从电脑上打开图片”如下图所示：







二、找到吸管工具图片（如下图）点击它，光标会成吸管状，用它点图片上任何一个地方都行，

你想要图片上哪个地方的颜色就点哪里。








三、如下图所示，每点一个地方，我所标识的小方块就会显示那个地方的颜色。







四、双击颜色小方块，会出现以下界面，如图所示，红框标注的地方就是吸管选取的颜色代码





到这里，我们就找到我们要的颜色代码了。多种色以此类推。另：PS的方法是一样的。



以下为示范例图主色选择示范：

凝。

大剑（八木教广漫画作品） 《大剑》是日本漫画家八木教广最具影响力的漫画作品， 从2001年7月开始在月刊《少年Jump》上连载，月刊停刊后 改在周刊《少年Jump》上刊登，但仍保持每月一话的更新速度。 自2007年11月起，更换在《Jump Square》上继续刊登， 漫画在2014年10月已完结。作品的原名“Claymore （クレイモア）”意为 西洋大剑。 2007年，《大剑》被改编成为 26集的同名电视动画，从当年4月3日起每星期二深夜 （实际为星期三凌晨）在日本电视台放映，于同年9月25日完结。

无魂回归

凝。辛苦了    果断收藏了

安然——雨

先收藏，今天白天估计是没时间操作，晚上试试

片片枫叶情

辛苦CC老师了

随心而遇

又可以跟cc学习了

独自安好。

感谢cc老师的分享

II.〆格格°

又开始学习了  真好   谢谢 CC

指尖微凉

感谢CC的用心指导。通过跟CC学习制帖，让我受益良多，前段时间家里装修，正好派上了用场

凝。

1、http://www.ee-studio.com/tools/color_scheme/index.html#
2、http://www.peise.net/tools/web/

凝。

这里拿安然的练习素材示范一下单色配色，取到图片素材的两种不同的颜色做底色：

青春，是唯一一个让我们编织梦想的好时光

青春，是唯一一个让我们编织梦想的好时光

安然——雨

童年是一首忧郁的诗，赤诚却不明媚，美丽而不美好

安然——雨

别把眼光停留在想象中，你拥有的，都是你的幸福

安然——雨

每个人都有属于自己的一片森林

青春，是我们不管不顾、不可收拾的疯狂

凝。

3、图片素材

主要分为主图、修饰图。

1）主图：顾名思义，主导意境的图片。即最能直观体现帖子所表达的意境。
2）修饰图：一般包括分割线或者是一些能够修饰帖子整体框架的小图。

如何选图：

这里随个人习惯吧，可以先决定色系再选图，也可以根据所要表达的意境选好图再配色。
总之，先定好主图，再把主图的色彩分配到边框文字、播放器，分割线图甚至是FLASH效果的颜色。
前面有配色说明，这里就不重复多讲。如非特别需要，图片不要选太过花俏的。
如果需要多张图修饰帖子的时候，图片尽量选色系相近和风格相近的。

举个例子：如果选一张人物实图和一张卡通人物的图片放一起做帖，肯定就会有不协调感。
这个时候我们可以是这样：要么全部人物实图的，要么全部卡通人物的。

分割线的选择，看各人喜欢的风格，但是要与帖子的整体风格相符合。
如果帖子是古风的，你选择比较有现代感的分割线，绝对差评，有些不伦不类的感觉。
虽然是只一个很小的细节，但就是会破坏整体美。

修饰帖子整体框加的小图：
在以后学到定位代码，可以考虑用些小图素材修饰一下边框什么的。这个是要看个人创意了。

总结一点：图片选择要注重颜色的搭配、意境的搭配，风格的搭配。

凝。

4、播放器

我这里根据美化实用程度把播放器大体分为以下几种：
1）专业音乐网站自带播放的播放器
如：酷狗、虾米、豆瓣、网易云、黑兔

酷狗、虾米可以通过改代码改播放器颜色，但外观不变。
黑兔就不用多讲，很多人用过，自带的播放器外观有得选。
其他两种只能固定一种外观使用。

2）自定义播放器
如：各种外观自定义的空间播放器，小型自定义颜色的网页播放器。

除了这些常用到的播放器，可能还有一些网页播放器，这里不一一提了。
后面会陆续讲解一些播放器针对美化的实用方法，比如怎么修改代码。

第2节结束。下节待续！

凝。

1、打开播放器选一首播放。在播放列表找到歌，
右键点歌名，在右键菜单中找到歌曲信息一栏：



2、点击它，会出现如下图所示对话框，找到哈稀值复制它准备代入公式。




3、这里给出一个公式：http://cloud.kugou.com/singlePlayer/4/362/颜色代码/1/哈稀值.swf

颜色代码和哈希值代入公式中即可。公式中哈希值左边的1是表示自动播放，改为0为手动播放。

注意颜色代码不要带#，完整显示播放器的固定大小为：[长X高]=[363X34]

如果觉得右边的灰色部分多余，可以把长度改小点，直到不显示灰色部分为止，自己慢慢试。

本地上传的试过了，临时上传的不管用，只有被收录了才能用。下面来试下代入以后的结果：






这款播放器的使用只限于酷狗能搜到而且能播放的歌，但是能替换颜色，可以配帖用

安然——雨

因为已经设置了歌曲，所以我设置了不自动播放，试试
这个灰色部分去不掉，把宽度减小，播放器两头都会缩短

凝。

安然——雨 发表于 2015-12-9 01:11
因为已经设置了歌曲，所以我设置了不自动播放，试试
这个灰色部分去不掉，把宽度减小，播放器两头都会 ...

18楼试验过了,播放器长高都改改能让播放器灰色不见,

不过,感觉它是往中间缩小,两头会裁掉.缩小的时候不能使用手动播放.