推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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 8 寻梦之旅(4):其他面板
三、“层”面板、“特殊字符”面板、样式”面板、“库”面板 “层”面板新增操作手段、新增“特殊字符”面板、种类增加的“样式”面板、更酷的“库”面板。 1、“层”面板的介绍 在 Fireworks 8 里面，对于层面板有了几处比较贴切的改良措施，下面我们分别一一来看。 首先，我们先来看一个进行了多步操作的层面板，然后对于其中的功能来分别做介绍。 其一、单独对象层的锁定（图1处所示）。 对于单独的对象层，可以使用菜单“修改|锁定所选（Ctrl+Alt+L）”命令实现对该对象层的单独锁定，也可通过在编辑对象缩略图前面的空格内单击，显出锁头图标，从而实现对该对象层的锁定。 在 Fireworks 8 之前，是无法对单独的对象层来进行锁定的，当时解决的方法要么单独新建一个层，把需要进行锁定的对象全部转移过去，然后对其进行锁定，要么就是直接隐藏该层，也避免了对象被误删除，但这样一来，对于图像的总体编辑又有了影响，所以说是很不方便。而 Fireworks 8 的“锁定所选”功能对于编辑复杂图形、多路径对象来说，应该说是一种非常有效的手段， 其二、配合Shift键，可以一次性选取多个对象层。
Fireworks 8 寻梦之旅(5):菜单新变化
第二部分：菜单部分 一、菜单“编辑|插入|多边形切片”命令 Fireworks 系列中一贯保持的菜单“编辑|插入|切片”命令，在 Fireworks 8 中，为菜单“编辑|插入|矩形切片”命令所代替，与之对应的是新增了一个菜单“编辑|插入|多边形切片”命令，这对于习惯使用 Fireworks 来制作网页的朋友来说是一个非常有效的菜单命令，因为有些朋友在制作页面时，总是力求完美，即使对于切片的设置也是如此。虽然，在 Fireworks 先前的版本中，可以通过属性检查器来插入多边形切片，不过对于复杂的多变性对象来说，使用手工绘制的方法来加入多边形切片的方法就要大费气力了，现在简单了，只需要一个命令即可实现复杂多变形切片的插入了。 [实例1 插入复杂多边形切片]为了检验菜单“编辑|插入|多边形切片”命令的工作效率，我们选取在编辑区绘制一个星形自动形状对象并对其进行变形的种种不同方式来进行检验。 （一）、基本形状的多边形切片插入。 1、打开 Fireworks ，新建文件，文件大小、背景色随意。 2、在“自动形状属性”面板上，单击“插入新的自动形状”下拉菜单，选择“星形”，对于“星形”自动形状对象的属性，做一个设置，将“点”设为25，其余各项保持默认设置即可。
Fireworks 8 寻梦之旅(6):实战操作
第三部分：实战操作部分 前面林林总总的说了不少Fireworks8的部分新功能，新本事了，不过即使在多的新功能，如果不能对工作产生什么好的有益的影响的话，相信大家都不会买它的帐的。本节我们还是会通过实例的形式在实战中继续感受Fireworks8带来的一些功能的新改进、而且这些新改进对于实战应该说是非常有帮助的，具体都有哪些呢，先来总结一下，看看哪些对于我们的切身工作会产生实际的帮助呢？ 在本章中会主要介绍以下几个方面的操作要点： 1、新增形状“保存时间戳”的使用； 2、新增部分材质的实际应用； 3、对路径可进行再次编辑的附加到路径的文本对象； 4、纯色阴影滤镜命令的使用介绍； 5、增强混合图层模式的讲解； 6、CSS格式弹出菜单制作导出。 相信通过这6个方面操作知识的讲解，大家对于Fireworks8的实战功能是否增强，是否会使我们的工作效率有所提高定会有一个清楚地初步体验的。
Fireworks 8 寻梦之旅(7):新增图层混合模式详解
五、新增图层混合模式详解 在Fireworks8里面，一个变化最大的地方就是图层混合模式，居然史无前例的提供了总共39种混合模式，相比较先前的Firewroks版本来说，增加了足足有26种新的混合模式，而且有的混合模式效果就是在Photoshop软件中也没有出现。对于已经习惯了使用Fireworks来进行工作的用户来说，可以凳且桓霾恍〉木喜，也可以说对于Fireworks这个软件本身来说是一个非常巨大的变化。 我们知道，当选择使用混合模式后，Fireworks 会将它应用于所有所选的对象。单个文档或单个层中的对象可以具有与该文档或该层中其它对象不同的混合模式。当具有不同混合模式的对象组合在一起时，群组对象的混合模式优先于单个对象的混合模式，一旦取消群组对象则会恢复每个对象各自的混合模式。 [提示1]：图层混合模式不能在元件对象中使用，也就是说即使在元件对象的编辑区内进行了层混合模式的设置，一旦返回到编辑区后，所有的混合模式设置均不会在编辑区上体现出来。 [提示2]：其实每一种混合模式的使用所产生的效果都是通过对相关数值进行计算后而生成的，具体是如何计算的，我们就不必去管它了，我们所要做的就是要搞清楚在实战中这些混合模式会产生怎样的特效以及如何应用它们即可。如果你对于这方面的知识想深入的了解掌握的话，可以通过访问Fireworks8提供的帮助文档中推荐的站点 http://www.pegtop.net/delphi/blendmodes/ ，相信你定会了解到更多的相关信息的 [提示3]：使用位图工具组的工具对位图对象进行操作时，可以预先在属性检查器上设置其混合模式，然后再对位图对象进行操作，不过这样的操作会在位图对象上直接进行，也就是说对位图对象会造成破坏，需要三思后再进行操作。 [提示4]：即使是单独的层对象，同样可以进行混合模式的设置。 [提示5]：可以通过使用属性检查器上滤镜菜单中的“调整颜色|颜色填充”命令，来进行填充颜色的图层混合模式调整，这是一种在不损原图像像素情况下的最合理的图层混合模式应用的方式。
Fireworks MX 2004特效字系列教程金属特效字
文字特效在网页或广告制作当中会被经常用到。因此在Fireworks中将制作好的文字特效保存为样式以便不时之需也是很有必要的。下面就为大家讲解在Fireworks中制作一款金属字的效果。 启动Fireworks后新建一个500*150大小的画布，然后用"文字"工具在画布上输入"金属效果"的字样，当然，你也可以根据自己的需要输入其它的文字。 然后选中文字对象并在下方的属性框中将这一文字对象的字体改为加粗的"华文新魏"，字号为96，填充色为#FF0000。其它的各项设置则不变。接着我们在属性框右侧的"效果"栏中为这个对象先添加一个"内斜角"特效，其中各项设置如图01。
特效字系列教程马赛克文字
源文件下载 大家可能已经看到了使用PS制作的马赛克文字特效了，使用FW能不能也实现同样的效果，答案是肯定的。在今天的教程开始之前，我们还是先来看一下已经制作完成的马赛克文字的效果图：
Fireworks MX 2004特效字系列教程晶莹文字制作
本节来学习制作一款晶莹文字的特效，制作步骤很简单，最终实现的文本效果也还称得上算是漂亮，还是先来看看效果图。源文件下载请点击这里 【操作步骤】 1、将编辑区的背景色设为“#FF9900”。在编辑区内输入文字“FONT”，字体采用“Arial Black”，字号为“96”大小，填充颜色为黑色，具体设定产生的效果如下图所示。 2、选中文本对象，按“Ctrl+Shift+D”组合键，克隆一个文本对象。 3、选中克隆的文本对象，调整其填充颜色。单击属性面板上的填充颜色井，在弹出的颜色设定框中，单击“填充选项”按钮，这样就可以切换到具体的颜色设置面板，如下图所示。将填充方式设为“渐变”方式的“线性”填充，单击“编辑”按钮，弹出渐变颜色编辑框，将渐变色设为“红色－黄色”方式的渐变。 4、经过设定后的编辑区的文本对象会如下图所示。 5、选中位于上层的文本对象，选择属性；面板上的效果菜单中的“斜角和浮雕内斜角”效果命令，在弹出的效果设定框中进行如下图所示的具体设定。
Fireworks MX 2004特效字系列教程水粉文字特效制作
源文件下载请点击这里 本节我们来学习水粉文字特效的制作方法，首先还是先来看如下图所示的效果图。 3、可以发现，位图对象仍然显示为应用了Bevel Boss滤镜后的效果，在属性面板的效果区域内，将该效果直接删除即可。选中文本对象，按“Ctrl+X”组合键，选中位图对象，选择菜单命令“修改蒙版组合蒙版”。此刻编辑区的对象会如下图所示。 4、选中编辑区的蒙版组合对象，选择属性面板上的效果菜单中的“Eye Candy 4000Jiggle”效果命令，在弹出的“Jiggle”效果设定框中进行如下图所示的设定。注意将Twist的数值要设置的尽量大些，以使最终的效果更为逼真，而且要选中Seamless Tile前面的复选框，还可单击Random Seed按钮来获得随机的边缘处理效果。 好了，处理完毕，一款水粉特效文字已经出现在我们面前了。请看下图。
Fireworks MX 2004特效字系列教程水晶特效字制作
源文件下载请点击这里 本节我们来学习水晶特效字的制作。教程开始之前，首先先来看如下所示的一款水晶风格特效字的效果图。 2、选中文本对象，按“Ctrl+Shift+D”组合键，克隆一个文本对象，选中克隆对象，选择菜单命令“文本转化为路径”（或者按“Ctrl+Shift+P”组合键），按“Ctrl+Shift+D”组合键或者单击工具栏上的取消组合按钮将文本路径对象打散，按“Ctrl+J”组合键将路径对象接合为一个路径对象。 【注意】按“Ctrl＋J”将路径对象接合为一个路径对象的操作主要是针对多个文本对象打散后出现的情况来进行操作的，在本例中只有一个路径对象，故无实际意义。 3、选中打散的文本对象，选择菜单命令“修改改变路径伸缩路径”，在弹出的“伸缩路径”设置框中进行如下图所示的设定。 4、将进行“伸缩路径”命令操作后形成的路径对象的填充颜色设为白色，并将边缘效果设为“羽化”，羽化值设为“10”大小。此刻编辑区的图形效果会如下图所示。
Fireworks MX 2004特效字系列教程锈蚀文字特效制作
源文件1及源文件2下载 原来在PS的很多教程中都看到了锈蚀效果的文字制作的方法，不过很多方法放到FW中就不太现实了，经过试验，制作出了如下图所示的文本效果，感觉和PS制作的锈蚀效果文本还是有很大的差距，不过可以暂且肯定一点，使用FW，我们同样也能制作出比较接近的锈蚀特效文字了。先来看两个不同的效果图。 3、选中文本对象，选择属性面板上效果菜单中的“Eye Candy 4000 LEBevel Boss”效果命令，在弹出的“Bevel Boss”设定窗口中，进行如下图所示的设定。 设定完毕后，编辑区的图形效果会如下图所示。