推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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 制作指南针
(图01) 首先，设置画布大小为128x128像素，底色为白色。 用椭圆工具画一个90x90的正圆形，并水平、垂直对齐于画布；(图02) (图02) 改变填充类别为线性渐变，增加并调整渐变颜色；(图03) (图03) 在这个圆的上面画一个70x70的正圆形，改变填充类别为线性渐变，增加并调整渐变颜色，水平、垂直对齐于画布（或对齐于它下边儿的那个圆）。(图04)
Fireworks 8 设计美丽的雨后蝴蝶
Vista已经越来越近，它的自然风景墙纸相信你一定叹为观止吧，现在我们来做一个Vista风格的风景，把它放在桌面上一定很一错。大雨过后，在碧绿的叶子上，散落着晶莹的水滴，一只蝴蝶张开翅膀落在上面。是不是很美的影像，那么现在我们就来制做这样一个效果。 Step 1：启动Fireworks 8，打开需要一幅蝴蝶的图像，然后选择“编辑”＞“克隆”，将图像克隆两次，如图1所示。 图1 将图像克隆两次 提示：可以使用克隆的快捷键Ctrl+Shift+D。 Step 2 – 现在我们需要做一个水珠遮罩，在层面板中选择最上面的一层，然后选择“滤镜”＞“调整颜色”＞“色相和饱和度”，调整饱和度参数为-100。 Step 3 -选择“滤镜”＞“杂点”＞“新增杂点”，在弹出的杂点窗口中设置参数如图2所示。提示： 图2 设置参数 Step 4 -选择“滤镜”＞“模糊”＞“运动模糊”，参数设置如下：角度 = 127; 距离 = 5。
玩转Fireworks 8 笔触
总体效果图如下： （末尾有PNG源文件） 一贯偶的风格，继续长话短说，有疑问请跟帖。（本教程只针对FW8熟练用户） 原本偶只是想做出破损的感觉，虽然最终出来的效果和偶预想的不同，这个效果也非常令人惊叹。希望大家也不断的练习、摸索、试验，找出创作的感觉来。 1、 新建文档，透明背景。找一个有破损感觉的字体，偶用的是1942 report，52，黑色。 2、笔触效果：笔触颜色#A28200，强力消除锯齿。勾选“在笔触上方填充”，笔触相对路径为路径外。选择点击“笔触选项…”按钮后，选择“喷枪”——“基本”，笔尖边缘柔化最大，尖端大小为100。纹理选择脉纹，50%的纹理量。 再点击“高级…”按钮，“选项”标签中，墨量、间距、流动速率100%。勾选“建立”，纹理50%，边缘纹理86%，边缘效果选择白色霓虹。笔尖10，笔尖间距100%，变量为阴影。虚线为单虚线、开5、关1。“形状”标签中，不必勾选“正方形”，大小、边缘、方向都为100，角度360。“敏感度”标签中，大小：速度100；角度：水平100，垂直100；油墨总量：压力100，速度100，其他均为0。加上发光滤镜，颜色#352C04，光晕偏移35（为的是把图的空白处填满并增加层次感，请根据背景大小而自定），不透明度100%，柔化为0，偏移为0。 该层效果如下图所示；
Fireworks 8 笔触特效
最终效果图如下： 1、打开FW，新建一个空白文档，宽度450，高度300，分辨率72，画布颜色选择白色，如下图： 2、在工具面板中选择“文本”工具 ，输入“ASD”（随便什么都可以啦^^）。 3、在属性面板中更改文字字型、颜色和字体大小，字体为Arial，颜色选择白色，字体大小为30如图： 4、最关键的一步^o^（其实是很多步- -|||），在属性面板中为文字添加描边效果，颜色为#3399FF，点选“在笔角上方填充”，单击下方的“笔触选项…”按钮。选择“水彩“，”笔尖“拉到最顶端，”尖羰大小“设为72，纹理为0%，如下两图：
Fireworks 8 绘制星球 滤镜
工具：fireworks 8.0 滤镜：Eye CANDAY 4000(汉化版），fireworks自带的Edges滤镜，Aline skin xenofex2(汉化版）[注：除了Edges滤镜，其他滤镜则需另行安装到fireworks目录里的Plug-Ins文件夹内才可在fireworks中使用] 文章末尾有PNG源文件提供。 第一步： 新建文件大小为600*650（也可以根据自己的喜好建立），画布颜色为透明。选择工具条里的“椭圆”工具（u）在画布里画一个圆形。 高宽分别为302*280充填颜色为（#666666）选择渐变为（放射状）边缘羽化为（1）把渐变的遥杆设置如下图： 第二步： 点选画好的圆形，在属性面板滤镜选项里选择[眼睛糖果4000（eye canday 4000)]--->HSB噪音属性如下图：
使用 Fireworks 8 生成网页
案例说明 此案例为 使用Fireworks 8 制作网页效果图 位图工具 的姊妹篇，前面的案例地址可以点击这里。前面已经给大家介绍了网页效果图的制作，这里要介绍的内容是如何把效果图生成网页。这也是网站制作中最重要的一部分。主要介绍的Fireworks如何和Dreamweaver进行协同工作。本例主要分为4个部分，希望大家能够通过这个例子得到一些启发，由于笔者的水平有限，错误的地方还希望大家批评指正。 1.1 创建Web站点 首先来创建WEB站点，具体操作步骤如下： 1.启动Dreamweaver 8软件，选择【站点】@@【新建站点】命令。 2.在弹出的“定义站点”窗口中选择“高级”选项卡。 3.如图1.1所示，在“站点定义窗口”的“本地信息”中设置本地站点参数。 图1.1文档属性对话框 (点击查看大图) 4.点击【确定】按钮，站点建立完毕。
Fireworks 8 打造残破照片边缘 笔触和选区
1、首先打开欲加残破边缘效果的照片文件； 2、可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓，如果想要不规则形状的区域，也可以使用钢笔工具绘制出闭合路径。使用钢笔工具，建议将填充边缘选择为[实心]，为了能更好的看到轮廓位置，先不要填充颜色，只加笔触颜色，如图所示： 3、绘制好路径后，选择路径，在属性栏中设置笔触类型，选择的类型主要以非自然类型笔触中不规则图形为主，本教程里最终效果选择的是[非自然]中的[油漆泼溅]； 4、接下来再选择[笔触选项]，详细设置笔触。设置笔触的[笔尖]的[边缘柔化]为0； 5、再选择[高级]选项，进一步设置笔触效果，教程所使用的设置仅供参考，大家可以根据不同的笔触设置不同的参数；
Fireworks 8 打造残破照片边缘 笔触和蒙板
1、打开欲加残破边缘效果的照片文件，可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓，如果想要不规则形状的区域，也可以使用钢笔工具绘制出闭合路径，如图所示： 2、绘制好路径后，选择路径，填充颜色和笔触颜色均选择白色，在属性栏中把填充的边缘设置一定的羽化值，笔触类型主要以非自然类型笔触中不规则图形为主，本教程里最终效果选择的是[非自然]中的[油漆泼溅]， 设置笔触的笔尖边缘柔化为0： 3、设置笔触选项，选择笔触的高级选项，进一步设置笔触效果，教程所使用的设置仅供参考，大家可以根据不同的笔触设置不同的参数： 4、选择路径和照片两层，修改菜单——蒙板——组合为蒙板，注意蒙板的属性选择为灰度外观，得到最终效果： PNG：
Fireworks 8 通道抠图视频教程+插件下载
Fireworks 8 通道抠图视频教程。相关教程：Fireworks 通道原理及快捷运用。插件也在此文章中下载。 一、课程说明： 1、推荐下载到本地，使用本站提供的FLASH播放，以获得更好的效果。 2、你的计算机应该配置耳机或音箱等设备。 二、内容提要： Fireworks 8 通道抠图。 三、在线学习： 第一讲；（文件较大，建议下载到本地）； 四、下载学习： 第一讲；（右键--选择工具下载即可。不能直接使用右键，另存为方式下载）
Fireworks 8 之图像编辑面板
第一部分：面板内容 本节主要针对几个新增的面板来进行简要的讲解，使得大家快速的对新增面板有一个全面的了解和掌控。 一、“图像编辑” 面板 如上图，我们可以发现，比较常见的几个位图处理工具（“红眼消除”、“模糊”、“钝化”、“减淡”、“烙印”）已经整合在这个面板上了，当然，通过单击工具箱上的这些工具按钮同样还是能够实现你所需要的一些效果，而“图像编辑”面板的优势就是将一些需要层选的工具直接都罗列了出来，使用起来也自然就更方便了。 整合到了这个面板上的工具还包括常见的“变形工具”和“变形命令”，变形工具的整合实际意义不太大，但是变形命令的整合的确是将这些操作变得快捷了；而“调整颜色”命令的出现使得对于位图的颜色内容的调整直接了许多，在该命令里面还增加了“转换为灰色调”、“转换为棕褐色调”两个命令。其实这两个转换效果在前面的FW版本中已经出现了，就是在FW8这个版本中依然存在着，他们的另外一个访问方式是：选择菜单“命令|创意|转换为乌金色调（转换为灰度图像）”命令即可。本节我们将通过一个小实例来具体了解一下快速使用“图像编辑”面板上几个命令的方法。 “滤镜”和“视图选项”的整合对于刚刚使用FW的用户来说，是一个非常不错的变化，这样可以使大多数的初级用户能更好的使用到FW的辅助功能，并且通过使用常用的滤镜操作能够快速的制作出效果不错的图片来。 [实例1.制作旧照片效果]