推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去LouisVuitton的店铺时，你不可能会看到有Chanel或者其他品牌风格的包包罗列在里面吧，LouisVuitton同一个系列的包，从手提包到肩包到行李箱，虽然产品上略有不同，但它们的细节和气质都是一致的，标识图形、埃尔泽菲尔字体以及颜色已经形成了其品牌的识别符号。甚至其衍生产品也都保留着LV独有的气质。我不是一个网游爱好者，但对游戏界面略有研究。当你在玩2D的阿拉德欧式风格的游戏，途中突然弹出一个3D的很唯美的又带有东方古典风的广告弹窗，肯定会觉得很不和谐吧。当你使用游戏中的充值币时，细心点你会发现消耗充值币的动画与消耗游戏币、消耗体力等消耗类的动画效果是一致的。其实每一款好的游戏界面都必须做到相关元素一致性、风格一致性、色彩搭配一致性等，这样才会给用户带来好的体验。还有就是你常看到的系列广告，他们系列感也是可以通过好些方式(画面表现手法，内容板式，slogan的位置等)来体现出视觉一致性，让用户可以直观出同一个产品的系列广告。
用美图秀秀怎么修改gif图片尺寸裁剪gif大小
gif设计的时候，是一组相同尺寸的图片，加上动图效果生成的动图。那么要修改其尺寸，且不破坏原有的动图效果，那么就需要找到合适的软件才能完成，本文使用美图修改动图，也是为了能够让大家轻松掌握，虽然不能像裁剪图片那般容易，但一些技巧还是有一定的借鉴意义的，希望看完本篇教程，能够给您启发。 1、使用的还是v4，v5最新版不支持此种操作，美图官网直接点击【立即下载】，安装完成后启动软件。 2、首先用美图打开动图，以静态图片的形式展示，目的是为了确定裁剪尺寸。下图中打开gif图片，提示显示为静态图片，点击确定即可。 3、图片打开之后，如下图所示，我们只需要中间的区域，点击裁剪按钮， 4、通过拖拉选框，找到合适的位置，比如下图中，中间图案的尺度为140*90，我们的目的就是把gif裁剪为此尺寸。 5、点击右上角的【新建】按钮，弹出的界面上，输入上面获取的宽度和高度值，背景色选为【透明】，点击应用按钮， 6、创建出的画布上，单击右键，点击弹出的【插入一张图片】，选中gif图片。 7、因为固定了画布大小，所以只需要移动gif图到合适的位置，露出需要的图案部分即可，然后点击右上角的【保存与分享】按钮， 8、弹出的界面上，可以看到默认展示的动图缩略图，以及后缀名为gif，更改路径和文件名之后点击保存即可。 如果只是修改gif图片的尺寸，那么就更为简单了，只需要新建画布，拖拉缩放gif图片保存即可，如有疑问可以在下方留言。
Illustrator CS5初学者必读（15）复杂无缝贴图
在上节内容中制作了较为简单无缝贴图，在本节内容中，继续为朋友们讲述使用裁切标记，制作较为复杂的无缝贴图的方法。为了更加便于朋友们理解这个命令的应用原理，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）执行“文件”→“打开”命令，将“复杂图案.ai（2）在“图层”调板中，复制“背景”图层。（（4）执行“对象”→“创建裁切标记”命令，创建裁切标记。
Painter9.5+友基绘影绘制卡通人物漫画
工具：Painter9.5+ 友基绘影ⅡPF8080 1.首先要完成线稿，漫画类的和写实的不同，线稿很重要。要有耐心，因为最后线稿不会覆盖全部显示的出来 图1 2.提线条 打开PS，将线条和之后要上色的图层分开，涂色的时候不要伤到线稿~，直接把背景图层复制到上一层，将模式改为正片叠底，然后把背景图层清空。将线稿调整颜色。 完成。 图2
最新发布
Fireworks MX 2004特效字系列教程晕光文字特效四种制作方法详解
源文件下载 本节我们一起来学习制作晕光效果的特效字，这里我们总共罗列了四种效果的晕光字效果图，在随后的讲解中我们会逐一对其制作方法来做一个讲解，希望本节教程能够对你制作晕光特效有所帮助。先来看效果图。 【操作步骤】 第一种晕光特效字的制作方法： 1、将编辑区的背景色设为黑色，在编辑区输入文字“night”，字体选用“Times New Roman”，字号为“96”大小，字体颜色为“#003399”，字体采用“加粗”、“倾斜”设定，此刻编辑区的文本对象会如下图所示。 4、此刻编辑区的文本对象会如下图所示。 5、选择效果菜单中的“调整颜色反转”效果命令，编辑区的晕光文字特效生成。 【注意】“反转”效果命令的使用起到了出人意料的结果，而且在这里生成的晕光文字的立体效果也是比较不错的。 第一种晕光特效字的制作到此就结束了，注意保留制作好的源文件不要丢掉，因为下面第二种制作方法会使用到这个文件的。 第二种晕光特效字的制作方法： 1、使用第一种制作方法制作成功的源文件，继续后面步骤的操作。 2、选中文本对象，按“Ctrl+Shift+D”组合键，连续克隆两个相同的文本对象，并将两个克隆对象所在层的图层混合模式都变为“色彩增殖”方式。如下图所示。
Fireworks MX 2004特效字系列教程立体网格字制作
源文件下载请点击这里 翻看一些PS的教程，发现了很多关于立体网格字的制作方法的介绍。但是用到FW里面就不太适合了。但是通过试验，发现了另外的一种实现这种立体网格字特效的方法，本节我们就一起来看看。首先还是先来看看效果图。4、选中克隆对象，选择属性面板上的效果菜单中的“Alien SKIN Splat LE Edges……”效果命令，在弹出的Alien Skin Splat Edges设定窗口中，进行如下图所示的设定。最终效果的形成与“Edge Width”和“Feature Size”两项数值的设定是有很大关系的。 【提示】，为了使得预览的效果看的更为清楚些，可以先将文本对象的颜色变为其他更为明显的一些颜色，然后再对其进行滤镜效果的处理，等处理完毕后，再将颜色调整回白色即可。 5、一切设定完毕，编辑区的立体网格文字效果已经形成。如下图所示。
用Fireworks自带图案纹理制作特效字
利用Fireworks（以下简称FW）提供的现成丰富图案和纹理，我们可以很轻松地制作很多特特效字。 迷彩字完成效果如下： 1 打开FW，新建文件： 2 选择工具箱里的文字工具，输入文字： 3 选择填充选项： 4 选择图案：
Fireworks MX 2004特效字系列---金属特效字
文字特效在网页或广告制作当中会被经常用到。因此在Fireworks中将制作好的文字特效保存为样式以便不时之需也是很有必要的。下面就为大家讲解在Fireworks中制作一款金属字的效果。 启动Fireworks后新建一个500*150大小的画布，然后用"文字"工具在画布上输入"金属效果"的字样，当然，你也可以根据自己的需要输入其它的文字。 然后选中文字对象并在下方的属性框中将这一文字对象的字体改为加粗的"华文新魏"，字号为96，填充色为#FF0000。其它的各项设置则不变。接着我们在属性框右侧的"效果"栏中为这个对象先添加一个"内斜角"特效，其中各项设置如图01。 再添加一个"曲线特效"，各项设置如图02。 然后再来添加一个"色相/饱和度"特效，其中色相值为：53、饱和度为：63、亮度值为：-19。最后，为了更好的体现金属字的立体感，我们再为它添加一个投影值为#666666的"投影"特效，各项设置如图03。 这样，一个操作简单的字体效果就出来了，看一下最终效果吧。 图04
Fireworks MX 2004特效字系列--金属字
开始第一步： 选择字体：04b-08 字体大小：125，填充如下： 第二步： 选效果/光晕和阴影/内侧发光........参数设置如下： 第三步： 选效果/斜角和浮雕/内斜角..........参数设置如下： 第四步： 选效果/调整颜色/曲线................参数设置如下： 第五步： 选效果/调整颜色/亮度和对比度.....参数设置如下： 最后的效果如下： 终于完成了，可以松口气了，大家去试一试吧，只要努力一定会进步的。
Fireworks三帧打造酷Banner
充分利用Fireworks的功能，我们可以轻轻松松用三帧打造出一个酷酷的小Banner。具*作方法如下。 1. 新建一个360*60的画布，并用矩形工具拉出一个与画布一样大小的矩形。 2. 把刚刚拉出的矩形的填充选为“波纹”，并按下图设置。 3. 当你把填充模式改变后，会出现如图所示的控制手柄，调节成如图所示。 4. 可以加上你网站的名字，或是放一些素材来修饰一下。 5. 复制第1帧，在第1帧之后，这时创建了第2帧。 6. 把第2帧的矩形上的控制手柄按比例的拉长一点。 7. 在第2帧的基础上，复制帧在第2帧之后，创造第3帧。 8. 在第3帧上重复步骤6，比第2帧再拉长一点。 9. 点播放键看效果。
“译典通”-卡通形象设计大赛
译典通卡通形象设计征集活动终于圆满落下帷幕！本次活动受到了来自全国各地卡通设计师和爱好者的广泛关注和支持，我们收到了近400幅卡通形象设计作品，每一幅都饱含设计者精妙的构思和独特的创意。活动历经作品征集、作品展示、网上票选和最后决选四个阶段，最终评选出五幅作品获得此次“寻星大奖”！ 在此，衷心祝贺各个奖项的获得者，同时也衷心感谢大家连日来对译典通产品及其卡通形象的关注！ 译典通，作为一款跨平台多语种“辞书＋翻译＋学习＋服务”的工具应用软件，面世近10年来，一直致力于中、英、日三语翻译＋学习的领域，并力图让每一个人都能够看到我们所做的努力，能够让译典通成为大家信赖的学习、工作的有利工具。今后，我们会进一步丰富软件功能、提高服务质量――译典通，愿与您共成长、共辉煌！金奖（最佳着装气质奖）：刘维力 广东省 作品名称： 无银奖（最佳古灵精怪奖）：黄丽霖 重庆市 作品名称：《波咕》
使用Fireworks制作相片框
1、新建画布，颜色为白 2、点击命令->创意->添加图片框：图案随便，大小为50 3、到图层面板里，选中这个图片框，取消锁：如图示： 4、按Q键，得到缩放工具，将这个图框变小。如图示： 5、转图片框转成元件，然后克隆（ctrl+shift+d）再调节下面那个元件大小，并放如图示位置： 6、全选，做补间实例：9。注意：不要选择分散到帧得到如图示： 7、ctrl+a全选，再ctrl+g组合，再多按二次Q键调用扭曲工具，将它扭区成如图示的样子： 8、ctrl+r,导入一张位图，再次使用扭曲工具，调整位图得如图示： 9、用钢笔画出图片框的投影，如图示：颜色为#9E9E9E.羽化为7。 OK，完成，看看效果吧。
Fireworks制作燃烧效果
其实这个效果的不是很难首先我们先给他有一个火的特征。也就是颜色方面要和火差不多。当然在后面的教程里你也可以根据自己的需要用色相饱和度来修改颜色效果。好了废话少说准备好了就开始吧。 1.首先先制作一个背景图，（也就是火焰的背景）新建一个500*300的文件。然后选中圆角矩形画一个和文件大小差不多的矩形（注意：在圆角矩形是可以调整为矩形的，直接用鼠标拉动圆角矩形里的黄色节点就可以了。） （为什么要选圆角矩形而不直接选矩形？那是因为在FW多边形在制作一些效果的时候有一些奇怪的表现） 想知道吗？那就往下看吧~！ 设置好圆角矩形以后就给这个圆角矩形加上描边。属性为：颜色（白色）描边种类（柔化圆形）笔尖大小（16）边缘（67）得到效果如图1： 2.接下来我们就给矩形做一些效果处理，处理的效果好不好也就直接影响到火的效果。选中矩形在点效果→阴影和光晕→内侧阴影。（在这里我们要添加4个内侧阴影。）第一个内侧阴影属性为距离（24）颜色（白色）不透明度（69%）柔化（27）角度（270）第二个内侧阴影属性为距离（24）颜色（灰色#666666）不透明度（100%）柔化（9）角度（90）第三个内侧阴影属性为距离（13）颜色（灰色#666666）不透明度（100%）柔化（8）角度（0）第四个内测阴影属性为距离（13）颜色（灰色#666666）不透明度（100%）柔化（8）角度（180）最后在选效果→阴影和光晕→内侧发光属性为宽度（7）颜色（黑色）不透明度（65%）柔化（14）得到效果如图2： 3.好了`！现在我们选白指针在点矩形（这个也就是矩形和圆角矩形不同之处）是不是发现刚才做的效果在效果属性面板里没有了？呵呵~！在这里我们继续选效果→Eye candy4000（Eye candy4000个滤镜是一个商业滤镜要是在没有安装的情况下你是看不到这个滤镜的。请安装注册版后在使用）→烟 烟的属性如图片： 得到的效果图3： 4.好了~！接下来我们选黑色指针在给这个矩形添加颜色和质感，选效果→调整颜色→色相/饱和度，属性为：先够选彩色化然后色相（36）饱和度（98）亮度（-8）然后在继续选效果→调整颜色→曲线，属性如下图： 得到效果如图4： 5.这样背景的火焰就完成了~！接下来我们继续做里面燃烧圆圈的效果。先画一个面圈形圆形，调整你自己要的大小，其效果和刚才背景的制作差不多。只是在4个内侧阴影和内侧发光的属性里的距离和柔化相对调小点，大约不要超过（5）其他的都不变。得到效果图5： 6.然后选黑色指针在点圆圈添加摇动效果也就是效果→Eye candy4000→摇动，属性为：移动类型（Brownian动作）泡沫尺寸（36.00）弯曲数量（5.20）扭曲（20），然后在选白色指针点圆形在选效果→Eye candy4000→火，属性如图： 接下来在火的效果下面在添加烟的效果属性如下图： 得到效果如图6： 7.最终效果如下~！ 也就是里面的文字都和背景的制作方法一样。只不过是把内侧阴影和内侧发光的属性相对的改一下就好了~！今天就到这里。 改变色相饱和度里的属性后如下： PNG源图：
Fireworks 多边形切片的妙用
平常大家对网页进行切片输出的时候，一般都用普通的切片工具进行输出的。但是如果遇到导航很多，切片重叠时候，用一般的方法就无法进行处理,这时多变型切片工具的好处就显现出来了，以下我就详细介绍多变切片工具的使用方法!1.打开作好的导航图片，在第一桢做好按钮一般状态图形，在第二桢上，做好按钮over状态图形，如图所示：2.回到第一桢，在工具栏找到多边型工具（K)，如果所示：3.然后用切片工具根据按钮重叠的形状，勾出多边型切片，如图所示：4.然后选中切片，点击右键，在弹出菜单中选中“添加交换图像行为”，如图所示：