推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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 对象的操作
2、对象的操作 对象的选择：用“指针” 工具可以对绘图对象进行直接的点选。当要选择多个对象时，可同时按下Ctrl+A键或直接进行框选，均可选中所有对象。对象被同时选中后拖动任意一个对象，其它的对象也会随着一起移动。 当一个对象完全处于另一个对象下面时，就很难用“指针”工具进行直接的点选。这时就可以使用工具条上的“选择后方对象” 工具来选择后面的对象，如图3—08。 图3—08 对象的填充：用钢笔工具画一个随意的封闭路径，然后在该路径的属性对话框中设置路径的描边填充色，如图3—09、3—10。 图3—09 图3—10 颜色样版——在描边颜色预览窗中可以选择一种色彩作为路径的描边色。预选的色彩及该色彩的网页色数值都会在样版的左上角中显示出来。同时也可以直接输入想要的网页色数值，然后按“回车”即可； 自定义颜色——点击自定义颜色按钮，从“颜色”窗口中选取或设定一种自定义色彩； 路径内——是指将描边色填充在钢笔路径之内；
Fireworks MX 2004 对象的变形
3、对象的变形 使用“修改—变形”菜单下的这些项可以对对象进行变形处理，如图3—15所示。 图3—15 任意变形：该功能中已包括“缩放”、“倾斜”和“扭曲”功能，这些功能与工具条上的“任意变形” 系列工具是一样的，选中后可以对对象进行随意的大小、高宽、倾斜度和旋转等拖拽变形。另外，也可以用工具栏上的四个常用的翻转按钮进行调整，如图3—16。 图3—16 数值变形：选择该项后会弹出“数值变形”对话框。在该对话框中可以按输入的数值，对对象进行“缩放”、“调整大小”和“旋转”的各种精确变形。 图3—16 旋转180度——将对象进行180度的旋转； 旋转90度顺时针——将对象顺时针旋转90度； 旋转90度逆时针——将对象逆时针旋转90度；
Fireworks MX 2004 对象的排列
4、对象的排列 同一层的不同对象在工作区上是有上下的排列顺序的，对于对象的上下排列顺序可使用菜单栏中“修改—排列”下的命令进行调整，如图3—30所示。 图3—17 另外，也可以用工具栏上的四个按钮进行调整，这也是一种较常用的方法，如图3—18。 图3—18
Fireworks MX 2004 对象的对齐
5、对象的对齐 选中多个对象后，使用“修改—对齐”下的各个选项可以用不同的方式对齐对象。如图3—26、3—27所示，是以水平方式进行对齐前和对齐后的效果。 图3—19 图3—20 在工具栏中的“对齐”方框内选择不同的工具，也可以对选择的对象进行对齐。方框内依次是“左对齐”、“垂直居中”、“右对齐”、“顶对齐”、“水平居中”、“底对齐”、“均分宽度”和“均分高度”。 图3—21 此外，通过组合面板中的“对齐面板”，也可以对选择的对象进行各种对齐方式，其中的“到画布”是指对象以画布边缘为对齐坐标。而“锚点”则可以对路径节点设置各种不同的对齐方式。 图3—22
Fireworks MX 2004 对象相互结合
6、对象相互结合 组合与取消：使用菜单栏上的“修改—组合”命令是对多个矢量对象进行群组，对象被群组后变成了一个整体，如图3—15所示。 图3—23 而使用“修改—取消组合”命令可以取消这两个对象的群组关系，使对象分离为群组前的独立状态。 接合与拆分：路径的接合功能用于将多个路径合并成单个路径对象。可连接两个断开路径的端点以创建单个封闭路径，或者可结合多个路径来创建一个复合路径。如图3—16、3—17中所示，使用接合路径前后的变化。所得到的复合路径具有放在最后面的对象的笔触和填充属性。 图3—24 3—25 使用“拆分”功能，又可以将接合路径还原成相互独立的对象。 联合：联合是将几个图形对象结合成一个图形对象的操作，新的图形对象轮廓由被联合的图形对象边界组成。如图3—18、3—19所示，我们依次画了绿色和红色两个图形对象。同时选中两对象后使用“联合”命令。 图3—26 图3—27 联合后的对象颜色和联合前最下层对象的颜色是相同的。
Fireworks MX 2004 蒙版效果
7、蒙版效果 蒙版又称为遮罩，是一种由最上层对象为下层对象提供外形，而下层对象为最上层对象提供色彩的一种图像处理效果。因此，我们把最上层对象称为“蒙版对象”，而下层对象则称为“被蒙版对象”。矢量和位图对象都可以成为蒙版对象或被蒙版对象。 较常用的一种蒙版效果就是先在工作区中引入一张图像，然后在图像上面画一个矢量椭圆，如图3—34。 图3—34 然后同时选中选中两个对象（按Ctrl+A键），使用菜单栏上的“修改—蒙版—组合为蒙版”命令，两个对象就被组合为蒙版图形了。用鼠标拖动蒙版图形的蓝色中心点即可移动下层的被蒙版对象（小狗图），效果如图4—18。 图4—18 可以看到，两个对象被组合为蒙版后会淡化显示两对象的重叠部分。而淡化的程度是由蒙版对象和背景色之间的明暗关系来决定。色彩越明亮，淡化度就越小，蒙版对象也就越清晰。 而在“层”面板中，两个对象被组合成蒙版后，就成了一个蒙版图形，被组合在同一个对象层里。如图4—19。 图4—19 用鼠标点击这一对象层的被蒙版对象时，该对象外围会有一个蓝色边框。当该被蒙版对象是位图时，则可以用各种位图工具对该被蒙版对象进行编辑。而当该被蒙版对象是矢量图时，则可用各种矢量工具对其进行编辑或修改。同样的，当该对象层中的蒙版对象是位图或矢量图时，也可以使用各种位图或矢量工具对其进行修改。如图4—20。
Fireworks MX 2004 使用与编辑特效
为了实现更好的图形处理效果，在Fireworks中还可以为图像使用各种特效。特别是在网页按钮的制作中，使用这些特效会使按钮图象更加美观、更富立体感。而且一个图形对象可以使用多个特效进行反复处理，还可将这些特效处理的结果保存成样式。所以，样式是个集多种特效于一身的“组合特效”。 1．使用与编辑特效 使用特效：位图和矢量对象均可使用特效，因此我们可以先在画布上随意制作个图形对象，如图4—01。 图4—01 然后在该对象属性框右边的“效果”栏中，点击“添加特效” 按钮，从弹出的特效选项菜单中可以为该对象添加任意特效，如图4—02。 图4—02 当为对象添加“内斜角”和“投影”两个特效后，效果如图4—03。 图4—03 同时，在效果栏中会显示当前对象所用到的所有特效。 图4—04
Fireworks MX 2004 使用与导入滤镜
2、使用与导入滤镜 使用滤镜：在Fireworks中支持使用特效插件，也就是支持第三方滤镜。例如，在特效选项菜单中的Eye Candy 4000 Le项就是Alien Skin公司所提供的滤镜，如图4—05。 图4—05 选择好图形对象后即可通过特效选项菜单启动一个滤镜的设置窗口，如图4—06。 图4—06 通过该窗口左边的各项设置，可直接作用于右边的图像预览效果。对于所设置的各项内容还可以通过该窗口中的“Settings—Save”进行保存，以便随时调用。 导入滤镜：由于Fireworks支持第三方滤镜，因此除了可以使用Fireworks自带的滤镜之外,还可以使用外部滤镜。例如导入Photoshop5.5之前版本的滤镜。 首先启动Fireworks菜单栏中的“编辑—首选参数”窗口，如图4—07。 图4—07 在该窗口的“文件夹”选项卡中勾选“Photoshop增效工具”后，点击右边的“浏览”按钮。然后在路径选择框中选择Photoshop滤镜的所在目录。如图4—08。
Fireworks MX 2004 样式的建立
3、建立样式 使用样式：在图形绘制中，除了使用特效为图形制作各种效果外，还可以使用“样式”面板中Fireworks提供的30个样式。如图4—09。 图4—09 样式的使用非常简单，只需选在对像后，从“样式”面板中单击所要使用的样式即可，如图4—10。 图4—10 使用一个样式后，在该对象的属性框中的效果栏中会自动出现某些特效。如图4—11。 如图4—11 可见，样式就是使用一些特效设计出来后，被保存起来的“组合特效”。只不过使用样式将会更简便、更直观而已。 在所提供的样式中，还有一些用ABC表示的文字样式。是为文字设计而用的。在选中文字后直接单击文字样式即可为文字添加效果。如图4—12。 图4—12
Fireworks MX 2004 制作远古兽皮卷轴
效果图： 1.新建一个500×400的画布 2.做一个500×400 填充：#74350C无边框矩形 3.给矩形添加效果Eye candy 4000LE－－>marble 设置如图 4.给矩形添加杂点 如图 5.此时的矩形已经有点兽皮的感觉了 6.我们给它一点磨损的感觉 给矩形添加 Alien Skin Splat LE-->Edage 设置如图 7.在这个矩形下层做500×400 填充#441E02无边框矩形 8.给新作的矩形添加Eye candy 4000LE－－>marble 设置如图 9.怎么样 是不是有点磨损的感觉了？