ii23休闲社区

 找回密码
 注册(建议使用中文昵称)

QQ登录

只需一步,快速开始

扫一扫,访问微社区

积分、等级、阅读权限说明社区担保,交易无忧
查看: 4417|回复: 46

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

[复制链接]

签到天数: 203 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
发表于 2015-12-7 12:30:15 | 显示全部楼层 |阅读模式
本帖最后由 凝。 于 2015-12-9 00:49 编辑

美帖的重要元素

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

1、意境

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

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

2、配色

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

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

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

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

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

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

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

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

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


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


第1节结束。下节待续!






评分

参与人数 4威望 +2 金钱 +16 魅力 +1 收起 理由
晓清 + 2 优秀文章,果断收藏
雨后の阳光 + 2 辛苦了
II.〆菁儿° + 2 + 10 + 1 感谢!
落叶归尘 + 2

查看全部评分

本帖被以下淘专辑推荐:

签到天数: 203 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2015-12-7 12:35:07 | 显示全部楼层

第1节实例教学-1 多色配色

本帖最后由 凝。 于 2015-12-7 13:10 编辑

以下图为例:





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

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

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



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







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

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








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







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





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



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


















回复

使用道具 举报

签到天数: 203 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2015-12-7 12:39:33 | 显示全部楼层

实例教学示范-1:颜色分配

本帖最后由 凝。 于 2016-10-2 00:25 编辑



大剑(八木教广漫画作品)



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


 




回复

使用道具 举报

签到天数: 2360 天

[LV.Master]伴坛终老

单身中……
帮我摆脱单身吧
发表于 2015-12-7 12:56:03 | 显示全部楼层
凝。辛苦了    果断收藏了
回复

使用道具 举报

签到天数: 252 天

[LV.8]以坛为家I

单身中……
帮我摆脱单身吧
发表于 2015-12-7 13:09:12 | 显示全部楼层
先收藏,今天白天估计是没时间操作,晚上试试
回复

使用道具 举报

 成长值: 54156

签到天数: 2605 天

[LV.Master]伴坛终老

訡詩
幸福:9073℃
发表于 2015-12-7 13:10:06 | 显示全部楼层
辛苦CC老师了
回复

使用道具 举报

 成长值: 15424

签到天数: 2575 天

[LV.Master]伴坛终老

单身中……
帮我摆脱单身吧
发表于 2015-12-7 13:40:58 | 显示全部楼层
又可以跟cc学习了
回复

使用道具 举报

签到天数: 1977 天

[LV.Master]伴坛终老

无欢
幸福:19871℃
发表于 2015-12-7 15:11:24 | 显示全部楼层
感谢cc老师的分享
回复

使用道具 举报

签到天数: 963 天

[LV.10]以坛为家III

单身中……
帮我摆脱单身吧
发表于 2015-12-7 16:00:58 | 显示全部楼层
又开始学习了  真好   谢谢 CC
回复

使用道具 举报

签到天数: 1537 天

[LV.Master]伴坛终老

单身中……
帮我摆脱单身吧
发表于 2015-12-7 16:12:26 | 显示全部楼层
感谢CC的用心指导。通过跟CC学习制帖,让我受益良多,前段时间家里装修,正好派上了用场
回复

使用道具 举报

签到天数: 203 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2015-12-8 11:02:37 | 显示全部楼层

分享几个配色的网站工具:

本帖最后由 凝。 于 2017-8-20 10:42 编辑


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


回复

使用道具 举报

签到天数: 203 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2015-12-8 11:10:31 | 显示全部楼层

第1节实例教学-2:单色配色

本帖最后由 凝。 于 2015-12-8 11:12 编辑

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






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













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



回复

使用道具 举报

签到天数: 252 天

[LV.8]以坛为家I

单身中……
帮我摆脱单身吧
发表于 2015-12-8 11:16:57 | 显示全部楼层
1.jpg
童年是一首忧郁的诗,赤诚却不明媚,美丽而不美好
回复

使用道具 举报

签到天数: 252 天

[LV.8]以坛为家I

单身中……
帮我摆脱单身吧
发表于 2015-12-8 11:23:19 | 显示全部楼层
本帖最后由 安然——雨 于 2015-12-8 12:03 编辑

2.jpg
别把眼光停留在想象中,你拥有的,都是你的幸福

点评

有点断层的感觉,取蝴蝶这边的底色试试  发表于 2015-12-8 11:55
回复

使用道具 举报

签到天数: 252 天

[LV.8]以坛为家I

单身中……
帮我摆脱单身吧
发表于 2015-12-8 11:35:45 | 显示全部楼层
本帖最后由 安然——雨 于 2015-12-15 21:40 编辑

每个人都有属于自己的一片森林
4.jpg
青春,是我们不管不顾、不可收拾的疯狂
3.jpg
回复

使用道具 举报

签到天数: 203 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2015-12-8 21:34:32 | 显示全部楼层

3、图片素材

主要分为主图、修饰图。

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

如何选图:

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

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

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

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

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



回复

使用道具 举报

签到天数: 203 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2015-12-8 23:07:32 | 显示全部楼层
本帖最后由 凝。 于 2015-12-8 23:20 编辑

4、播放器

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

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

2)自定义播放器
如:各种外观自定义的空间播放器,小型自定义颜色的网页播放器。

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

第2节结束。下节待续!

回复

使用道具 举报

签到天数: 203 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2015-12-9 00:17:32 | 显示全部楼层

酷狗播放器的使用:

本帖最后由 凝。 于 2015-12-9 13:09 编辑

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



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




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

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

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

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

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






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






回复

使用道具 举报

签到天数: 252 天

[LV.8]以坛为家I

单身中……
帮我摆脱单身吧
发表于 2015-12-9 01:11:25 | 显示全部楼层
本帖最后由 安然——雨 于 2015-12-9 01:26 编辑



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

回复

使用道具 举报

签到天数: 203 天

[LV.7]常住居民III

单身中……
帮我摆脱单身吧
 楼主| 发表于 2015-12-9 13:06:46 | 显示全部楼层
安然——雨 发表于 2015-12-9 01:11
因为已经设置了歌曲,所以我设置了不自动播放,试试
这个灰色部分去不掉,把宽度减小,播放器两头都会 ...

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

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

使用道具 举报

本版积分规则

小黑屋|手机版|Archiver|广告合作|ii23休闲社区 ( 闽ICP备09017971号  
会员言论仅代表个人观点,所有内容由网友自由发布,如侵害你的权益,请联系我们在24小时协助您处理完毕。

GMT+8, 2019-11-15 16:14 , Processed in 0.134818 second(s), 82 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表