推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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
最新发布
Painter手绘实例：精美水彩荷花
先来看看完成作品效果图： 效果图 1、新建一个800×600像素的文件。 2、增加一个普通图层，把Composite Method改为Gel。 3、双击新建的图层，在出来的图层属性面板中把图层命名为xm(线描)。使用Pencils/2B Pencil，然后在Colors面板中选择一种浅灰色，画出简洁的线稿。因为这幅画我们需要的是一种湿画效果，所以只要定出大位置就可以，不需要进行深入的刻画。(见图1) 图1 4.到Canvas层，使用油漆桶工具，选择一种比较亮的青灰色在画面上单击，使画布层罩上均匀的颜色。(见图2)
Painter打造艳丽美人鱼全过程
这次我们来绘制一幅唯美插画。 使用工具：PAINTER PF8060 先看看完成图： 效果图 1、新建画布，在背景层铺满墨绿色，然后新建图层用油性蜡笔工具打草稿，确定动作。 图1 2、深入刻画光影。
Photoimpact6大印象之一特效文字轻松做(一)
使用过Photoshop的人都知道，虽然在PhotoShop中可以利用特定的层和通道特效可以生成丰富多彩的特效文字效果，但步骤繁多，并非一般的用户所能够掌握的，而且要按照自己的意图来自由排列文字更不是一件轻松的事。而PhotoImpact6却不同，你可以通过早已为你准备好的样式库来生成各种神奇的文字效果，还可以通过路径对象任意地控制文字的换行，不仅实现的步骤简单方便，而且效果也非常的精彩。 Photoimpact的样式库一直是其使用这津津乐道的宝贝，升级到PhotoImpact6以后，更是大大的扩充了这个库中的数量和功能。本文的例子将用到EasyPalette面板中的Wrap Gallery（环绕库）、Type Gallery（字型样式库）和Particle Gallery（粒子样式库）中的样式，来制作一个由火焰字组成的火圈效果。下面就一步步来看怎么用最简单的操作来完成一个复杂的精彩效果。 启动photoimapct6，点击新建按钮新建一幅320*200的图片，选择Canvas（画布）的颜色为黑色，其他为默认设置，点击确定后，即新建了一个背景为黑色的图片编辑区域。 选择Text Tools（文字工具），单击新建的图片编辑区域，在出现的文本框中输入希望制作成火焰字的文字，并在对话框中进行合适的设置。设置完成后点击ok确定。 图1 找到Easypalette面板中的Wrap Gallery（环绕样式库），如果这时还看不到Easypalette面板，可以按键Ctrl+F1来调出这个面板。这里列出了几十种环绕样式，基本可以满足一般用户的使用要求。 图2
Photoimpact6大印象之一特效文字轻松做(二)
在这些样式上单击鼠标右键，在弹出的菜单中选择Modify properties and apply…（改变属性）选项，可以对环绕样式进行相关的设定，可见Photoimapct6在方便应用的前提下还是留给了使用者一定自由度的。 图3 对Bend18进行如上图的合适设置，在完成设置之后，点击OK按钮。之后就可以发现选中的文字已经被运用上了这个圆形环绕样式了。 再找到Easypalette面板中的Type Gallery（字型库），选择Fire（火焰）效果，这里列出了7种样式的火焰效果。 图4 在每一个火焰效果上单击鼠标右键，同样可以出现Modify properties and apply…（改变属性）选项，选择该选项可以对火焰效果进行进一步的设置。包括可以对火焰的内焰、中焰和外焰颜色进行设定，还可以通过Strength（强度）选项来设置火焰的强度。 图5
otoimpact6大印象之一特效文字轻松做(三)
完成适当的设置后，按下OK按钮后所设置的参数将改变库中的样式外观。则选中的部分就被应用了该样式。至此火焰圈已经基本上做完了，但对与整个图片来说，略显单调，为此，这里还可以运用一下Easypalette面板中的粒子样式库。 取消对图片中文字的选择，再找到Easypalette面板中的Particle Gallery（粒子样式库），选择Fire（火焰）效果。在火焰样式中单击鼠标右键对样式来进行设置。除了对火焰粒子强度，粒子大小等常规参数进行设置外，还可以随便地改变粒子的位置。而且所有的设置过程都是完全所见即所得的。 图6 设置完成后，按确定按钮就可以看到火焰粒子效果已经运用到图片背景中去了。 至此，整个火焰字效果都完成了，在这过程中，完全是通过简单的拖选操作来完成的，这也是Photoimpact最大的特色和优势。 本例主要讨论了Photoimpact6在图像编辑上的特色，但这个软件另一个特色就是在网页图形处理上的强大功能，下一篇将继续介绍这方面的例子
Ulead系列：图像处理软件PhotoImpact 5 （一）
Ulead公司产品PhotoshImpact刚刚荣获了PC World 的 Best Buy奖，该软件不仅打败其它同类产品对手（如Photoshop 5.5、Corel Custom Photo、MS PhotoDraw 等），更重要的是，因为PhotoImpact的存在，使网页图像处理软件市场又再掀起一场竞争。当一些初学者还只知道有Photoshop、Fireworks等软件的时候，没想到PhotoImpact正逐渐地被市场所广泛应用……到底PhotoImpact有什么吸引市场之长处，我们将在“Ulead系列”中探讨学习。 目前PhotoImpact的最新版本为5.0版，有英文版与中文版（简、繁字体），也有免费试用版；笔者手上的是英文版，此例介绍的亦以英文版为例。 首先我们得对PhotoImpact有个概念认识： # 完整地结合图像处理与网页设计，让您不须要分别购买多套软件，就能同时拥有图像与网页设计所须的各项功能。同时摆脱了传统图像编辑的复杂操作方式，以完全直观的拖放式即时编辑环境，提供各项网页设计功能以及强大的创作工具，让用户快速完成专业水准的图像与网页制作！ # PhotoImpact 提供所有创作、分类及分享高质量网页图形制作的功能，包含有三维按钮、标记、旗帜、GIF 动画、JavaScript 按钮设计、图像切割、图像优化、图像映射标签、无缝背景等多项工具，让网页设计更方便快速！ # 结合各种传统的绘图工具，PhotoImpact 提供非常丰富的图像处理功能，让用户能在运用绘图及图像处理功能的同时也能保持最佳的图像质量。PhotoImpact 并提供以对象为主的图像编辑环境，提供功能强大的绘图、润色、仿制及特效应用，让您轻松完成专业水准的创意表现！ # 利用“部件设计器”中的模板，可以立即制作出亮丽的标志、按钮、图标、分隔线等，其中的文字与颜色均能自定义与修改，直接保存为 JPEG、GIF 或是 PNG 文件。 安装完PhotoImpact后，我们会在菜单里发现共有三个软件链接，分别是PhotoImpact 5、PhotoImpact Album 5（图片相册）及Ulead GIF Animator 3 （GIF动画制作）。接下来，让我们来看看PhotoImpact之界面： 这是已打开例图的PhotoImpact的界面，工作区简洁明了，而且它的工具列均可任意拖动。它的特别之处在于它拥有一个“百宝箱”。
Ulead系列：图像处理软件PhotoImpact 5 （二）
对百宝箱有了个基本认识后，接着看看如何用它里面内置的特效快捷地做出好看的文字。 用过Ulead其它for Photoshop的Plug-in软件（如Ulead Type），也许你也尝试过瞬间制作出特效文字的喜悦，如今在PhotoImpact里面的百宝箱也集成了这样的特效，让人更兴奋的是，它包含的特效更多了。接下来就着手操作吧。 首先当然得输入文字了，这与其它图像软件一样，以图标表示，我们可以在窗口左方的工具栏中找到它。然后在新建的图像文档中输入想要文字：它会弹出一个小窗口让你输入文字，这窗口里只有几个选项，没关系，因为它主要修改文字属性的不在这里，这在下一步操作中会提到。 在图像文档中输入文字后，将其置于适当位置，如果要修改文字的大小、颜色、字体等，在左方工具栏中选图标，然后在文字上双击即可选中文字并打开文字属性窗口；文字属性有三个大选项，如下图： # 文字属性以上这些功能均可以预览，很周到的文字输入方案。 # 文字特效： 完成文字输入后，接着进入做特效了。首先我们打开百宝箱里的图库，选里面不同的库，里面关于文字的特效有三组，请看下列例图：以下左为Deform Gallery（变形库）内容，右为效果图：
Ulead系列：图像处理软件PhotoImpact 5 （三）
“百宝箱”这名字倒真贴切，看着它里面的宝贝，几乎就能联想到把图像处理得如何的漂亮……这么好的一个箱子，得好好的管理，可别搞得要“翻箱倒笼”喔。 # 图库与资料库管理： 点击图库图标找到“Gallery Manager”即可展开管理菜单，（资料库管理与以下介绍相同）如下图： 对图库组点鼠标右键，展出菜单亦可进行管理；另外还有： Add Photoshop Plug-in Thumbnails... （加入Photoshop插件缩图）、Add Natural Texture Thumbnails（加入自然材质缩图）、Add Commands Thumbnails（加入命令缩图）。如下图： # 加入自己的图库 首先选定目标，例如打开一张例图，然后勾出一部分作为自己图库，然后把选取部分拖至图库内的“个人图库”内，即会弹出小窗口让你定义该缩图，给缩图名字，归组等。如下图： # 图层管理： 图层的概念源于Photoshop，此后在多种图像软件中都引用这种方式以达到互不干扰处理图像。它的原理就是在各图像上叠加上图像便可看到效果，而不会搞乱原有之图像。 PhotoImpact的图层管理放置在百宝箱里，我们在图像上使用层的时候，打开百宝箱内的“Layer Manager”即可看到各层，它有显示与隐藏这两种方式显示。下图中有三个层，箭头指向对应图层： 我们可以看到图层信息，它有可视与锁定的开关，锁定的图层不可移动。在图层中点击鼠标右键展开菜单（下图）：排序、合并、删除、复制、整组；加入阴影选项，会弹出小窗口让你调整参数；如果选了Split Shadow（分割阴影）可以把原图层与阴影分开成两个图层显示。请注意它的Image Optimizer（图片优化）项，这是关于适用在网页图像的重要环节。
Ulead系列：图像处理软件PhotoImpact 5 （四）
图像处理一个很重要的部分就是颜色处理，在软件当中给我们的颜色管理概念分为：黑白、灰色、16色、256色、真彩等。因此在不同的模式下，颜色板也会有相应的变化。下面让我们来探索PhotoImpact的调色板。调整当前图片的RGB、光亮及对比度按钮。下面是一组加强效果的例图： 选取工具：可以建立选取范围，即规则与不规则之选取区和路径。参数：模式、形状、大小、柔边、剪裁、选项、增加等。＊路径工具：描绘图像路径用。参数：形状、颜色、模式、属性、外框、深度、光线等。 ＊ 编辑工具选项：Dodge：调亮；Burn：调暗；Blur：模糊；Sharpen：税化；Tonal Adjustment：色彩调整；Smudge：抹糊；Saturation：彩度；Warping：变形；Bristle Smear：硬毛涂抹；Remove Red Eye：除红眼；Remove Scratch：除划痕；Remove Noise：除杂点；Color Transform Pen：颜色转换笔； 通过以上工具，尤其不同类型的笔刷处理绘画图像，将使你图片生色不少，当然前提是在你拥有一定绘制能力。具体效果还得你多用多画才能感受其微妙变化。
Ulead系列：图像处理软件PhotoImpact 5 （五）
另外有两个不显示的工具面板，分别是Quick Command Panel（快捷命令板）和Brush Panel（笔刷面板），用户需要在view->Toolbars & Panel中把它们打开。接下为你介绍这两个面板。 观其界面可知，它也是采用了“录制播放”模式。它内置了几项工作记录，也是预先录制好的特效了，可以在它的“工作记录选择”的下拉菜单中选不同的工作记录试试，都是“原装出厂”的漂亮效果喔；例如边框、柔化等。当选中工作记录后，它会列表形式列出它使用的命令：打上勾的表示使用；有自动处理标记的表示使用其原定的命令参数，用户不用修改；有弹出设置窗口标记的表示让执行到该命令时会弹出其窗口让用户选择它的参数。 用户也可以自行录制工作记录：按指令图标并选New给它一个名字后按上Record（录制）即可。你也可以利用Edit Task来编辑或修改你的工作记录。Task Manager用作管理所有工作记录。还可以用Batch Task批处理你指定目录下的所有（或选定格式）的图片。 另外一个Cache窗，其实是记录了你最近使用过的工作命令（但不同于History）。它是方便你在这里调用最近工作过的命令，它可以锁定命令等。功能与技巧：它依次可设定： 形状：调整大小、形状、样式。用“清除”按钮可先除去最先加入的颜色。 选项：设定笔刷用什么方式开始涂抹于图像上。例如直接画下还是先以直线方式表示后再上色等。及可调整透明度。 颜色：可选用单色或多色的笔刷，并调整色度、亮度等。 材质：选择材质于笔刷上应用。 高级：笔刷的压力点设定。 按需要设定属于自己的笔刷，为便于下次使用，可将其保存在百宝箱内（便于记录可放在“个人图库”内）。在笔刷的属性栏上选“Add”（增加）按钮即可做添加保存了。 继续再探讨PhotoImpact 5界面工作窗上一些其它功能。 如大部份软件一样，在屏幕底部之左方是信息提示，当你鼠标指向或点击某个命令或工具的时候，它会有提示你该怎么做或者略作解释该命令的作用等，也是鼠标状态指示标。它还担当工作进度指示的作用，我们可以在那里看到处理进度。 在它的右方是几个关于图片模式的相关按钮： 遮罩： 一般与遮罩模式的切换。这里遮罩的意思是指，你可以在没有在选取范围上的图像放一个带着某颜色的遮罩，也是选取区域的一种方法。（对全彩及灰度图像起效） 标尺：在图像周边用标尺标示。 图像类型：可以转换图像到其它类型，如真彩转16色、黑白、网络用图等。 信息：关于系统和图片的相关信息。 功能与技巧：选择适当的图像类型是图片质量与处理的关键点之一。当你变换其它类型时它会显示一张新类型的图片不至影响原图，可对比、观察不同类型的质量。