ABBS 论坛     abbs 1
abbs 2
abbs core
  
首页动态热帖杂志招聘帮助搜索注册登录Blog  积分 简历 品房  

» ABBS 论坛 » CG业界论坛 » CG教育  

动态热帖招聘杂志 
reply to topic
threaded modego to previous topicgo to next topic
水晶石教育电视包装案例-CCTV音乐频道LOGO
水晶石图书


发贴: 74



2012-09-21 11:17 查看他的注册信息   查看他的Blog 给他发送悄悄话 引用并回帖 搜索他发表的帖子 复制到剪贴板. 
不过只适用于IE 收藏这篇帖子
内容选自《水晶石技法-Maya+After Effect+Photoshop电视包装制作》
http://www.85xue.com/books/detail/index?bookid=36

设计思路

今天我来讲一下CCTV音乐频道的设计思路 。
对于CCTV音乐频道的频道属性来说这是一个国家级别的音乐频道,
所肩负的责任是传播高雅音乐的传播知识,给观众欣赏以高雅音乐为主的一个音乐平台。
在设计音乐频道LOGO之前,想做好这样一个专业性非常强的频道,
先得学习大量的音乐知识,对于不懂音乐理论的我来说,
在接下来的一段时间也确实花费了大量的经历来恶补了一下音乐基础知识。

在图形设计上,作为中央电视台音乐频道,
我认为CCTV音乐其标识核心元素应具备“音乐品质感和音乐内涵”的独特性。
最终,以“音乐符号”——最具独创性的符号和体现现代高雅音乐的品质成为我们的首选。
通过对“音乐符号”的视觉元素进行进一步地抽象、组合,
让“音乐”的概念通过CCTV音乐频道的传媒平台无限延伸,使其具备强烈的识别性,音乐性和品质感。
突出音乐生命的概念,品质与美于一体,灵动而不失大气与高雅。

制作思路

音乐频道辅助设别上的设计使用了音乐乐谱中经常出现的基本音符,
其中包含了“高音谱号”,“四分音符”,“八分音符”,还有一个“全音符”。
这几项音乐符号就成了这次辅助识别的设计主体。



在图像上。抽离出来的图形正好形象的符合了“海螺”这个大自然中天然的“乐器”,
好的音乐来自天然,所谓大音希声,大象无形。



既然我们从这个辅助图形得到了提炼并设计出来,
接下来的任务就是给这个图形进行一些质感上的表现,
这时很多的初学者就会想到一提到质感,必定会动三维啊,
便随之而来的就是如何学习大量的三维软件,学习教程来怎么提成自己的技术和质感。
当然这个方法是可行的,但是对于实现质感来说这只是方法之一,
接下来我会给您介绍另外一种用平面来做的质感,这种方式简单快捷,
在实际的工作项目中更加直接并且容易控制,提高工作效率。
在包装的提案方向大多数用的是这种平面方式。简单,直接,有效!

首先我们得到了一个基本图形,这次我们想要这个平面的图形怎么变成有质感,
并具备品质的“钢琴漆”的感觉,“钢琴漆”也是客户在其中极力想要求得到的一种理想质感。



做设计之前一定要搜集大量的素材资料,这样才能观察的细致,
才会在接下来的制作中显的不盲目,这是我找到两张钢琴图片,
观察细节其中不难发现质感反光十分犀利,但反光的曲线柔和且柔美,由明到暗,
安静中透着强烈的品质。
仔细的观察之后我们来用平面实现这个质感

CCTV音乐频道是辅助识别的质感制作

先来看一下辅助图形的最终效果. 具体操作分为两个步骤:图形轮廓步骤和图形质感步骤.



图形轮廓步骤

1.  在Photoshop中打开一张CCTV音乐辅助识别的图片。



2.  我们最终得到的是一个暗红色钢琴漆的效果,
所以开始的时候我们就给它一个渐变的颜色。



其中红色圆圈里面渐变的数值为R:251,G:232,B:85,
橘红色圆圈里面的渐变数值为R:241 G:86 B:0,
绿色圆圈里面的渐变数值为R:122 G:39 B:17。
在这里要额外的说一下为什么最终的质感是红色为主 我们为什么不上来做一个红色的渐变?
因为当我们仔细观察就会发现,最终外面的边缘溢出来的颜色并不是暗红色是偏橘红色的,
我们现在的渐变就是为了那层溢出的颜色服务的。

3.  接着选择图层通道。

这样拉渐变的时候就可以指定给这个图层中的图形了



4.  选择圆形放射形状的渐变方式,由图像的上端开始拉到图形的下端结束,
这样一个基本的底图颜色选好了。但是现在看来很是生硬,
接下来做橘红色色彩的柔和过渡。



图形质感步骤

1.  按住Ctrl,单击面板的图层一这个图层,
左边的图像便会以选区的形式出现。



2.  执行,选择>修改>收缩命令,收缩量选择10像素。




3.  鼠标右键拷贝出新的,这样我们就得到了小一号辅助图形轮廓。




4.  执行,图像>调整>曲线命令,把图层二加亮曲线和对比度并模糊它造成一种假鼓起带体积的感觉,
使之不那么的单薄生硬。首先加大曲线的对比度。



5.  执行,滤镜>模糊>高斯模糊命令,用高斯模糊进行模糊,数值为20。
让边缘看起来非常柔和。



仔细观察一下边缘确实是柔和,细腻了。如图3-11所示。



6.  接着按住Ctrl点击图层二使之变成选区方式,并新建一个图层,
取名红色渐变层,这个时候我们就要给这个选区钢琴红的颜色了,
这个颜色很微妙,因为每个人的颜色敏感度不同,
在调渐变颜色的时候要仔细观察,使颜色暖中带冷变化,仔细的多尝试几次。



7.  单击工具栏的渐变工具,来调色关键的红色渐变,
暖中带冷是一种非常微妙的色彩要求比较细致,钢琴漆的材质要求有微妙的冷暖颜色呼应,
才更加丰富。
设置五个节点的渐变数值是绿色圆圈里面的渐变数值为R:233 G:130 B:78
黄色圆圈里面的渐变数值为R:229 G:58 B:12
红色圆圈里面的渐变数值为R:199 G:10 B:10
蓝色圆圈里面的渐变数值为R:161 G:24 B:51
紫色圆圈里面的渐变数值为R:123 G:22 B:47。



仔细的观察选择了比较多的节点,调完后的渐变从左到右是一个冷暖的过渡,
左边的颜色由暖黄过渡到朱红在过渡到玫瑰红,玫瑰红是偏冷的色系,
之所以这么调为的是表达钢琴漆最后材质丰富的变化。
8.  按照刚才的方式拉出一个红色的渐变,选择圆形放射性的渐变模式,
由辅助图形的上方稍斜下拉到辅助图形的底部。
执行,图像>调整>亮度/对比度命令,把对比度的数值设定为16。
渐变完成后我们观察颜色稍有平淡,为了让这个颜色对比度更加强烈。




9.  有了这个比较丰富的红色渐变,然后开始做镜面的反光,
在这里我们要用平面来设计假反光材质,这个反光是需要路径来勾出来,
按照辅助图形的形状来勾勒。
执行,钢笔工具选择“填充颜色模式”开始按照辅助图形的结构来勾勒路径,
在勾勒的过程中把透明度降低到60%,这样可以看见下面的辅助图形,有参照物好下手。



在这里需要注意几个细节问题,在勾勒路径的过程中要观察结构,
首先第一个细节是要缩小大约5个像素点,在图形的内圈开始勾勒,
这样的效果是为了效果的合理性,观察刚开始找的参考图,并且外围的亮边最后也会起到溢出的效果,比较丰富。
第二个细节是在转角的一定要倒角,不可直角,这样可以避免生硬,也符合图形整体圆润的感觉。
第三个细节是要内圈收缩一圈,看起来更纤细,优美,粗细变化分布。



10.  点击面板的透明度,把透明度恢复到100%,但是这个时候就变成纯白色的了,
继续完善这个反光,使之半透明化,和底下的辅助图形相融合。
建立一层新的蒙版在反光图层中,选择橡皮擦工具,画笔选择100像素,
柔滑边缘,不透明度和流量都设定成50%。



鼠标按住左键轻轻的反复擦拭反光图层,这时就会发现白色的面积颜色在渐渐的褪去,半透明化了。
这里要注意外轮廓为白色最重点,也就是最不透明的区域,由外往里逐渐透明,一定要掌握好力道和结构的合理性。
擦拭完毕后如果还是有些生硬可以用图层面板上的“不透明度”参数来降低反光板的透明度。

11.  我们得到了比较美观的“钢琴漆”质感,
但是观察细节,发现最外围少了一丝细节,让我们加上那一丝高光的外轮廓。
按住Ctrl点击底层一,使之变成选区,接着新建一个图层,命名“反光白边”,
接着点击选择>描边,设置描边宽度为1像素,颜色为白色。
描边为白色线条。



12.  按Ctrl+D取消选区,继续给它加上特效,“外发光”,图素大小设定为10.,
添加外发光的目的是为了最外边缘有更加强烈的溢出的感觉,有高光。
细节上会给图形更加丰富,精致。



13.  给叠加方式里面选择“叠加”效果。



14.  在返回底层一,给图层一加上一层阴影,设置“投影”大小为10像素,可以向外围模糊扩散。
15.  最终我们得到了一个相对丰富的“钢琴漆”质感。



16.  步骤拆解。



步骤拆解,大致由五个环节组合而成,让大家明白一个平面质感的分层解析,
其实很多设计都需要我们仔细的观察在一步一步的去分析,逐渐的设计出来,
这样就没有什么难处了,切记要丢掉想一步到位的思想。
当然这只是个简单的教程,如果还想更细致真实,就要不断的分解它完善它了,
慢功出细活嘛~到这里我们这个案例就完成了。


水晶石图书 edited on 2012-09-21 11:36



已读帖子
新的帖子
被删帖子

reply to topic
Jump to the top of page

返回ABBS首页 | 设计 | 室内 | 景观 | 建材 | 设备 | 卫浴 | 展览 | 照明

广告服务 | 招聘服务 | 隐私政策 | 联系我们 | 设为首页

违法、有害信息举报:QQ 1764506 电话 0571-89121697,028-88077643
Powered by Jute Powerful Forum® Version Jute 1.5.5 Ent
Copyright © 1998-2020 ABBS.com All Rights Reserved.