推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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—12。 图1—12 网格： 在网格的下级菜单中，当选择“对齐网格”时，可使绘图对象边缘与网格进行对齐。而“编辑网格”则可重新设置网格线的颜色及排列密度等等。如图1—13。 图1—13 辅助线： 在启动标尺后，从上边或左边的标尺刻度中按下鼠标不放，并向画布方向进行拖拽，即可拉出一条辅助线出来，如图1—14。 图1—14。 当把辅助线再拖回标尺位置上时，即可取消该辅助线。而在辅助线的菜单选中，可以设置辅助线的相关属性。 图1—15 锁定辅助线——当辅助线从标尺中被拖拽到工作区后，就无法再进行移动；
Fireworks MX 2004 选区工具
和许多主流的图像处理软件一样，Fireworks的绘图工具主要都集中在“工具条”上。利用这些工具可以绘制出各种图形，并可为其设置相应的属性，如颜色、大小、位置等等。 Fireworks MX 2004的“工具条”中增加了不少新工具，并与原有的工具在一起被编排为六个类别：选择区、位图、矢量、Web、颜色和视图区。有些工具按钮的右下角有一个小三角，说明这个工具包含有其它几种不同的工具，按住这个工具按钮不放就能显示其它的工具。 我们先来介绍位图区的绘图工具。 1 、选区工具 图2—01为工具条中位图区的主要工具，其中的“矩形”、“椭圆形”、“套索”、“多边形套索”和“魔术棒”工具都用于约束位图的编辑范围，所有的位图编辑例如剪切、复制、填充等只能在该范围内有效。 图2—01 选区工具：用选区工具选取的区域以转动的黑白线（蚂蚁线）表示。当按住Shift键的同时，再画出一个选取框，即可组合成一个新的选取区域。如图2—02。 图2—02 而在按住Alt键的时候，再次画出来的矩形选区则会把原来选区的相交部分裁切掉。 图2—03
Fireworks MX 2004 自由笔刷工具
2 、自由笔刷工具 “刷子” 工具和“铅笔” 工具都可以直接在画布上画出任意线条，如图2—07。 图2—07 在“刷子”工具的属性对话框中可以对刷子的色彩、大小、笔触类形、边缘柔化值、纹理、纹理透明度、刷子透明度、色彩模式等进行设置，如图2—08。 图2—08 在该属性框的笔触类形下拉列表里有各式各样的笔触类形可以选择，点击“笔触选项”可以编辑新的笔触。 图2—09 在纹理类型的下拉列表中有数十种填充纹理图案可供选择，同时你还可以从该列表中选择“其它”，从外部导入位图图像作为新的纹理填充。 在铅笔的属性框中同样可以对线段的色彩、是否选用柔化、透明度数值、自动擦除等进行设置。
Fireworks MX 2004 图像修改工具
3、图像修改工具 “橡皮擦” 工具：用于擦除位图的颜色。和使用画笔一样，在选中橡皮工具后，按住鼠标左键在图像上拖动即可，如图2—10。 图2—10 “模糊” 工具：该工具的工作原理就是降低像素之间的反差，使图像产生模糊效果，如图2—11。 图2—11 “锐化” 工具：与“模糊”工具正好相反，“锐化”工具是用于加深像素之间的反差，使图像更加锐化，效果如图2—12。 图2—12 “模糊”与“锐化”工具的属性面板完全相同，其中的强度表示模糊或锐化时的笔触强度。 图2—13 “减淡” 和“烙印” 工具：这两个工具都是用来改变图像的亮调与暗调。原理来源于胶片曝光显影后，经过部分暗化和亮化，来改善曝光效果。效果图分别如下。
Fireworks MX 2004 色彩填充工具
4、色彩填充工具 “滴管” 工具：用于从图像中选取颜色来指定一种新的笔触颜色或填充色。可以选取单个像素的颜色、3x3像素区域内的平均颜色值或5x5像素区域内的平均颜色值。 “油漆桶” 工具：在绘制时应用于位图和矢量对象的“矩形”、“圆角矩形”、“椭圆”和“多边形”等绘制工具的填充属性。当前的填充会出现在属性对话框、“工具条”面板和组合面板中的“混色器”面板中。可以使用这些面板中的任何一个来更改“油漆桶”工具的填充色。如图2—18所示。 图2—18 在“油漆桶”的属性对话框中可以看到，该工具的填充类别有实心填充、网页抖动、渐变填充和图案填充四种。 其中各种填充方式又有诸多色彩及样式可供选择。 图2—19 下面两张图是用渐变填充模式中的“线性填充”和图案填充模式中的“木纹3”进行填充。其中我在“线性填充”时是从图像的左上角按住鼠标不放，然后向图像的右下角进行拖拽，而在用“木纹3”填充时是从图像的中心点上按住鼠标不放，然后向图像的右上角进行拖拽。 图2—20 图2—21 而这种用鼠标拖拽的填充方式也正是“渐变工具”的填充特点。而且“渐变”工具的属性对话框与“油漆桶”的属性框中的功能也非常一样的，所不同的是“渐变工具”的填充模式只有渐变填充。
Fireworks MX 2004 橡皮图章工具系列
5、橡皮图章工具系列 “橡皮图章” 工具：用来克隆图像的部分区域，以便将其压印到图像中的其它区域。在使用时先要把鼠标移到想要复制的图像上，然后点击鼠标左键以确定复制的起点，然后拖动鼠标在图像的任意位置开始复制。如图2—22和2—23是复制前后的图像。完全没有走样，而且你想复制多少都可以，对于我们这种懒人来说，简直方便极了。 图2—22 图2—23 “替换颜色” 工具：选取一种颜色，可以在这种颜色的范围内，用类似笔刷的东西涂抹成另一种颜色。使用该工具时要先在属性面板中单击“更改”右边的色彩预览框以选取颜色，或在图像中单击以选取你要替换的颜色。然后在“终止”的色彩预览框内选择一种颜色，或在图像中选取将用来替换的颜色。 图2—24 如图2—25和2—26是替换颜色前后的图像。 图2—25 图2—26 在“替换颜色”的属性框中还可以对“替换颜色”笔触的大小、形状、容差和强度进行设置。而“彩色化”是指用“终止”颜色去替换“更改”颜色。取消选择“彩色化”以便用“终止”颜色对“更改”颜色进行涂染，并保持一部分“更改”颜色不变。 “红眼消除” 工具：在一些照片中，主体的瞳孔是不自然的红色阴影。因此使用“红眼消除”工具就能轻松的解决这个问题。“红眼消除”工具仅对照片的红色区域进行绘画处理，并用灰色和黑色替换红色。如图2—27和2—28是红眼消除前后的图像。 图2—27 图2—28
Fireworks MX 2004 路径工具
6、路径工具 “直线” 工具：使用“直线”工具可以在画布上直接画出直线，当按住Shift键时可以画出水平、垂直、45度角的直线。 图2—30 “指针” 工具：使用该工具可以方便地移动直线。用“部分选定” 工具点击直线时，直线的两端会出现控制点，按住鼠标左键拖动直线的一个控制点可以方便地任意改变直线的角度，并可以随意拉长或缩短直线，如图2—31。 图2—31 “钢笔” 工具：选中“钢笔”工具后单击画布上的不同位置，可以画出由线段组成的直线路径。如果鼠标单击后不松开，而是拖动鼠标，这样画出来的路径就是曲线路径，通过调整曲线的两条控制线可以设定曲线的弯曲度。 图2—32 在调整曲线的控制线时，按住Alt键可以单独控制一条控制线，从而确立下一个曲线线段的走向和弯曲度。 图2—33 要结束线段的绘制时只需在线段的结束点上进行双击即可。而在画封闭的路径时，则要用鼠标单击起始点或按住起始点拖动就可以了。当钢笔工具的指针位于非路径区域时，指针旁边会有一个小的叉号，如果指针处在路径上时，指针旁会有个十字的标志，此时单击鼠标会增加一个节点。
Fireworks MX 2004 路径修改工具
7、路径修改工具 “重绘笔刷” 工具：用“细部”工具可以对简单的封闭路径进行编辑。但对于图2—37中这种较复杂、节点较多的封闭路径，就要使用“重绘笔刷” 来处理。 图2—35 使用“重绘笔刷”沿着弯度重新画一条弧线，重绘的路径部分会以红色高亮显示，这样，原来路径就被新的路径取代了。如图2—36。 图2—36 “自由变形” 工具：可以直接对矢量路径进行弯曲和变形操作，而不是对各个节点执行操作。Fireworks在更改矢量路径的形状时会自动添加、移动或删除路径上的节点。 图2—37 “更改区域形状” 工具：使用时，该工具的指针是两个同心圆，只有处于这两个同心圆范围内的路径才会被修改。 图2—38 “路径切割” 工具：该工具用于切割类如钢笔路径这样的矢量路径。使用时从要切割处按住鼠标左键移动划过。在切割处会增加一个控制点。使用“细部”工具移动一端就可以把线段分开了，如图2—39。
Fireworks MX 2004 形状工具
8、形状工具 形状工具又被分为“基本形状”和“自动形状”，如图2—40。 图2—40 基本形状：有矩形、椭圆形和多边形这些简单的几何图形。使用时只需在画布上用鼠标进行拖拽即可画出相应的图形。如图图2—41。 图2—41 当按住Shift键不放的时候可以画出正方形和圆形，在各形状工具的属性框中都可以方便的为这些图形选择不同的填充模式加以填充。通过颜色的调节手柄可以自由的控制色的填充方向及范围。 在矩形工具属性框的“矩形圆度”中输入不同的数值，可以画出程度不一的圆角矩形。 在使用“多边形”工具时，可以在该属性框内先设置好多边形的形状、边数及角度，然后再进行图形绘制。 自动形状：这是一组智能的矢量绘图工具，这些对象组遵循特殊的规则以简化常用可视化元素的创建和编辑。和基本形状工具组不同，选定的“自动形状”除了有色彩填充手柄外，还具有菱形的控制点。每个控制点都与形状的某个特定变形属性相关联。通过拖动控制点可以改变与其关联的变形属性。大多数“自动形状”控制点都带有工具提示，描述它们会如何影响"自动形状"。将指针移到一个控制点上可看到描述该控制点控制的属性的工具提示，如图2—44。 图2—42
Fireworks MX 2004 改变路径
和许多矢量编辑软件一样，在Fireworks中绘制的矢量对象比位图对象的可修改性强很多。因此在进行无素材制图时，更多时候是制作成矢量图形，以方便随时保存，随时编辑。而对象的编辑则包括对对象的选取、移动、填充、旋转和变形等等。 1 、改变路径 简化路径：为了使一条不规则的矢量路径变得更加的精简、圆滑，我们可以用简化路径的方法来减少它的路径节点。如图所示为一条不规则的路径。 图3—01 选中该路径后点击菜单栏上的“修改—改变路径—简化”命令，如图3—02。 图3—02 在“数量”栏中输入相应数值来设置要简化的程度。下图为输入25后的路径简化效果。 图3—03 扩张路径：点击菜单栏上的“修改—改变路径—扩展笔触”命令可以对任意路径进行加宽。如图3—04。 图3—04