相关图片：
说明：
使用Shatter特效，重点是要掌握Shatter的各项参数作用和意义，以及做路径shatter的方法。由于可以使用预处理的图片，所以在文字样式上有相当灵活的选择。而且可以实现各种不同的shatter效果，甚至模拟合成较为真实的爆炸场面，运用在一些电影电视特效中。
2009年4月6日星期一
【原】引玉系列之AE特效——Shatter
在工作中经常会遇到文字特效的制作，以往多是使用flash软件，或者flash相关字体插件制作，这次尝试了一下After Effects的文字特效。
相关图片：
说明：
使用Shatter特效，重点是要掌握Shatter的各项参数作用和意义，以及做路径shatter的方法。由于可以使用预处理的图片，所以在文字样式上有相当灵活的选择。而且可以实现各种不同的shatter效果，甚至模拟合成较为真实的爆炸场面，运用在一些电影电视特效中。
相关图片：
说明：
使用Shatter特效，重点是要掌握Shatter的各项参数作用和意义，以及做路径shatter的方法。由于可以使用预处理的图片，所以在文字样式上有相当灵活的选择。而且可以实现各种不同的shatter效果，甚至模拟合成较为真实的爆炸场面，运用在一些电影电视特效中。
引玉系列之UI设计心得
注：文中的一些观点和结论并非原创，只是做了分析整理。
UI的本意是用户界面，是英文User和interface的缩写，基本上分为三个方向，分别是：用户研究、交互设计、界面设计。
软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点，一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离。界面设计不是单纯的美术绘画，它需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。
界面设计里有一个很重要的组成部分，就是界面图标设计。图标设计在很大程度上决定了软件界面设计的好坏。
图标应该有趣，色彩丰富而且充满活力，因为系统支持32位图标，并且边缘非常光滑。图标设计要从三个方面考虑，创意，细节，整体性。
设计图标时，要使用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现，以及如何作为图标集的一部分使用。考虑图形的文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时，请尽可能使其大众化。如果图标中的图像由多个对象组成，应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于 16×16的尺寸大小，还可考虑删除某些对象或简化图像使之更容易辨认。
XP系统下常用的图标尺寸有四种：
(1) 48×48像素
(2) 32×32像素
(3) 24×24像素
(4) 16×16像素。
图标样式的特性：
(1) 色彩丰富，是对WindowsXP外观的补充。
(2) 不同的角度和透视特性为图像增添了动态活力。
(3) 元素的边角十分柔和，并略微有些圆滑。
(4) 光源位于图标的左上角，同时有环绕光照亮图标的其它部分。
(5) 渐变效果使图标具有立体感，进而使图标的外观更加丰满。
(6) 投影使图标更具对比度和立体感。
(7) 添加轮廓可使图像更清晰。
(8) 日常对象(如计算机和设备)具有更现代化的个人外观。
在Denis Kortunov的文章里描述了图标设计中比较容易犯的一些错误，在我们的设计中，应该要尽量避免：
1. 图标之间没有明显的差异化（太相似，难以辨识）
2. 在一个图标中设计了太多的元素（windows vista的图标是反面教材）
3. 加入不必要的元素
4. 一套图标中的图标统一性不足（颜色主题，透视角度，尺寸，绘图技法等）
5. 在小图标中（24X24以下）使用不必要的透视和阴影
6. 过度原创使语义不明确（比如将回收站设计成碎纸机的样式）
7. 国家区域和文化特征没有被考虑进设计中
8. 在图标中使用纯界面化的元素（比如泛滥的mac aqua效果，用户会认为你的产品是苹果的产品）
9. 在图标内部使用文字（特别是不容易辨识的）
10. 图标外部边缘没有做像素化处理
UI的本意是用户界面，是英文User和interface的缩写，基本上分为三个方向，分别是：用户研究、交互设计、界面设计。
软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点，一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离。界面设计不是单纯的美术绘画，它需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。
界面设计里有一个很重要的组成部分，就是界面图标设计。图标设计在很大程度上决定了软件界面设计的好坏。
图标应该有趣，色彩丰富而且充满活力，因为系统支持32位图标，并且边缘非常光滑。图标设计要从三个方面考虑，创意，细节，整体性。
设计图标时，要使用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现，以及如何作为图标集的一部分使用。考虑图形的文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时，请尽可能使其大众化。如果图标中的图像由多个对象组成，应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于 16×16的尺寸大小，还可考虑删除某些对象或简化图像使之更容易辨认。
XP系统下常用的图标尺寸有四种：
(1) 48×48像素
(2) 32×32像素
(3) 24×24像素
(4) 16×16像素。
图标样式的特性：
(1) 色彩丰富，是对WindowsXP外观的补充。
(2) 不同的角度和透视特性为图像增添了动态活力。
(3) 元素的边角十分柔和，并略微有些圆滑。
(4) 光源位于图标的左上角，同时有环绕光照亮图标的其它部分。
(5) 渐变效果使图标具有立体感，进而使图标的外观更加丰满。
(6) 投影使图标更具对比度和立体感。
(7) 添加轮廓可使图像更清晰。
(8) 日常对象(如计算机和设备)具有更现代化的个人外观。
在Denis Kortunov的文章里描述了图标设计中比较容易犯的一些错误，在我们的设计中，应该要尽量避免：
1. 图标之间没有明显的差异化（太相似，难以辨识）
2. 在一个图标中设计了太多的元素（windows vista的图标是反面教材）
3. 加入不必要的元素
4. 一套图标中的图标统一性不足（颜色主题，透视角度，尺寸，绘图技法等）
5. 在小图标中（24X24以下）使用不必要的透视和阴影
6. 过度原创使语义不明确（比如将回收站设计成碎纸机的样式）
7. 国家区域和文化特征没有被考虑进设计中
8. 在图标中使用纯界面化的元素（比如泛滥的mac aqua效果，用户会认为你的产品是苹果的产品）
9. 在图标内部使用文字（特别是不容易辨识的）
10. 图标外部边缘没有做像素化处理
2009年3月18日星期三
【原】引玉系列之“启航之旅”实习生计划海报设计心得
创意以及技巧上的东西就不多说了，主要写下整体设计思路及制作过程。
首先由“启航之旅”进行分析创意，设计草图，主要画面构思：海天一线的蓝色画面，蓝天上的白云，水面上的白帆。确定了思路之后着手进行海报制作：
1. 新建文件，确定画面色调，模拟天空水面。
首先由“启航之旅”进行分析创意，设计草图，主要画面构思：海天一线的蓝色画面，蓝天上的白云，水面上的白帆。确定了思路之后着手进行海报制作：
1. 新建文件，确定画面色调，模拟天空水面。
3.这时候，水面的感觉还不够清澈，没有深度感。对其做光照处理，模拟真实水面的光线折射效果。
4.做水面上的白云，找合适的图片用蒙版进行编辑融合，然后用画笔工具进行局部及边缘调整，或者按所需要的形状重新绘制。PS自带的圆头笔刷，注意云彩的走向以及结构即可。
5.增加高空的云彩，根据透视原理及光的漫反射分析，这里的云层应该更加透明一些，饱和度略低于水面上的云。制作方法同上。
6.添加一个光晕效果，丰富画面。
7.在天空和水面之间加入一片绿地，标识地平线。弱化中间的部分，强调透视。
8.按照最初的构思寻找合适的帆船素材，抠图。
9.调节至合适大小，放在画面的预留位置上。
9.调节至合适大小，放在画面的预留位置上。
10.对船和水面进行合成，主要是处理船身的投影，以及驶过划开的波浪。
11.添加画面元素，空中的飞机，水面飞鸟。找合适的素材进行抠图处理。
12.对添加的画面元素进行合成加工，如飞鸟的倒影，飞机划过天空的尾气。
到这一步，整个海报画面已经基本完成。在以上的步骤中不断对画面整体色调进行微调。
到这一步，整个海报画面已经基本完成。在以上的步骤中不断对画面整体色调进行微调。
13.按设计草图添加画面的主题文字内容以及辅助文字部分，完成整个海报的制作。
订阅：
博文 (Atom)
博文
