推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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
最新发布
用Coreldraw制作节日贺卡
当今通讯科技发展迅速，电话、E-MAIL的往来问候虽然更加迅速但却无法替代信笺间流露的亲情和爱意。如果能自己制作一张小小的贺卡，虽然只言片语，但传递的是对远方亲友感同身受的思念，这不是几个冷冰冰的字符可以替代的。下面就让我们用Coreldraw设计制作并打印出一张贺卡，在寒冷的冬日为我们的亲友带去我们炙热的爱。 既然是冬季的节日贺卡，我想主题不外乎圣诞、新年、春节、情人节之类。以圣诞为例，其传统内容构成不外乎圣诞树及一些附属装饰物，诸如：彩球，彩灯等等。我们接下来的工作就从这些方面入手绘制贺卡的装饰画。 接下来，我们将选好并略微调整尺寸的松树导入Coreldraw。选取工作面中的松树，然后在“位图”下拉菜单中选择“编辑位图”功能。这样一来该图将出现在随之引出的Corel—Paint中。在CorelPaint中新建一个页文件并将其页面长宽设为4×5英寸（该过程可在页面设置对话窗中完成）。在“窗口”下拉菜单中勾选“对象管理”和“笔刷设置”泊坞窗，打开相应的属性窗口以备后面使用。将“松树”复制并粘贴到新文件中，然后以圣诞树（ChristmasTree）为名保存该文件。为很好地投入后续工作，可先将其置于工作条中待用。 下面我们来处理圣诞树上的装饰物——彩球。其实下面的工作并不是简单的图像编辑，而是直接将他们变成了工具。从我们特定的文件夹中找出如（图2）所示的多个彩球图片，并分别缩小其尺寸至1英寸见方，然后，逐个将它们导入Coreldraw中。 如上文所述的同样方法，继续使用“位图编辑”工具。但这次当彩球出现在CorelPaint中时，各位需点选工具列上位于“笔刷”栏中的“图象喷涂”工具，如（图3）。此时，“图像喷涂”工具将出现在你的属性栏中。点击位于属性栏尾部的“图像喷涂”设置图标并选取“保存选项为图形列表（Save Options as image lists）”的设置。对于其它选项，诸如：“保存为方向性图形列表”，因在本次习作中不涉及，则不做选择。到这里，我们还应该设立一个新文件夹来保存喷涂图形和圣诞彩球，否则，在具体喷涂使用时会造成麻烦。说到这，我要讲讲上述工作的意图，其实就是为“喷涂工具”制作“弹药”，来制造我们想要的效果，从而达到装饰圣诞树的目的。（到这里我们完成了一个喷涂文件的制作） 制作了“武器”，我们就要实际的应用一下。重新打开“圣诞树”文件，并点击激活它。与此同时被一红框围绕的该图像将出现在“物件管理泊坞窗”中。选取工具列中的“图像喷涂”工具，然后点击其属性条左侧的黄色文件夹图标见（图4）。
用Coreldraw绘制自己的掌上电脑
如果拥有一个掌上电脑，工作学习、出差开会的确会方便很多，可我现在还买不起，不如自己先设计一个，随心所欲，说不定哪一天我设计的会在市场上卖得很红火哟。好了，光说不做也不行，跟我来吧！ 1.打开coreldraw 软件 ，用“矩形工具”画一个大约 12*0.9cm 的长方形（掌上电脑外壳），然后用“矩形圆角程度”工具（画矩形时属性栏会出现此工具）将方角处理成圆角是不是好看得多了，再用“交互式透明工具”进行黑白渐变，您也可以选择其它颜色。如图A： 2.建两个0.7*0.8左右的矩形，注意第二个矩形稍微小一点（它就是屏幕了），再用“交互式透明工具”进行蓝白渐变，如图B，再将它群组起来 （快捷键 ctrl+g ) 3.下面我们来做掌上电脑的按钮和手写器，其实我们上一步都做过了，用上图B的方法做一个图C的效果 ，大约在 7*2.4cm 内 做按钮和手写器，打上文字 ，群组一下。 4.有了上面的这些还不够，我们再做上屏幕内的菜单，用“符号工具” 再在下面配上文字，在把它们群组一下。如图D： 5.将做好的东西集中起来，给它组装起来吧！！如图E： 6.把刚才做的菜单放到屏幕上，再做上麦克风、耳塞、电池盖和名字。 如图F 7.再添上手写笔，就大功告成啦！
用CorelDRAW制作自己的贺卡
圣诞来临，元旦、春节也即将到来，远方是否有自己牵挂的人呢？发封电子邮件问候一下吧，祝她（他）节日快乐。贺卡站去找一张贺卡吧，又觉得这么多的贺卡中要么就不能表达自己的心意，要么在贺卡上有原作者的名字，很难找一张真正中意的贺卡。怎么办呢！Do it yourself！贺卡也来DIY！当远方的她（他）收到这张有你自己签名的贺卡，心里别提有多感动…… 要制作贺卡，我们有很多软件可以选择，Flash、Photoshop、Fireworks、Corel DRAW等都是贺卡制作的好工具，下面我们就用Corel DRAW软件为远方的她（他）制作一张代表自己心意的贺卡。一起来吧！ 制作一张代表自己心意的贺卡，这一步很是重要，要不然还不如到网上去找一张呢？这一步主要是构思一下用这张贺卡表达一种什么情意，并设计这张贺卡的大致布局，或用什么样的图案来表现。 相信很多人跟我一样，思念之人远在天边，即使买了一大堆节日礼物，也无法送到她的手中，寄托自己思念的唯一方法就只能是在电脑屏幕上敲上问候，深深祝福她。那就将自己的这种思念用贺卡的方式告诉她，呵，创意不就有了。 下面我们主要考虑用什么样的图案和颜色来表现，圣诞节来了，送上一张圣诞卡，圣诞老人的图案当然少不了，而且是一个扛了一大袋礼物的那种。表达自己的思念，创意中提到的电脑当希望是少不了，要不然，她怎么会知道你是在电脑前想她呢！ 主角已经敲定，其它的配角如图案填充、辅助线条、辅助图案，就等最后来根据需要来制作它了。 二、绘制主角图案 先绘制扛着一大包礼物的圣诞老人，如果对Corel DRAW不是很熟悉，你最好在纸上先画好造形。 （1）先用贝塞尔工具勾出圣诞老人的帽子及边缘，并填充为红色，边缘部分填充为白色，如图01所示。 图01 （2）分别绘出圣诞老人的脸庞、眉毛、眼睛和胡子，具体造型如图02所示，同时将各个部位进行组合，并调整每个部位的层次，使之如图03所示。
用CorelDraw制作转动的立体齿轮
这个灵感来源于我的机械书课本，作为一本专业的机械书，用啮合的齿轮作为封面的设计元素似乎很有代表性。当然除了做机械书封面的主角，你大可把它放进你前卫的设计作品中去充当配角，或者干脆直接用它来做主题。 现在我们要制作的是两个啮合转动的齿轮，并且有意识的从几个空间方向上观察这种转动效果的一个动画，动画部份我会用Corel R.A.V.E.(CorelDraw10中新增的组件)实现。 首先我们先来制作两个啮合的齿轮，以下是详细操作步骤。 1． 打开CorelDraw10，新建一个文件。首先在绘图区画一个长方形，并设置其各个角的圆角为45度。双击这个矩形，将它的旋转中心移至最下边的中心，暂为这个矩形取名为A。 2． 通过敲击小I盘上的“+”号复制这个矩形，将复制得到的矩形B移到一旁，点选“交互式调合工具”按扭： 将A、B进行调合，调合步数为10。将调合方向的角度参数设为360： 这样我们会得到一个很夸张的效果，如图 两个箭头用来指明A、B矩形的位置)。为了改变这种“奇形”，首先按Esc键取消全部选择，然后辅以Shift键将A、B两矩形选中，顺序按C键、E键，从而将A、B矩形水平垂直中心对齐。取得的效果如图 3． 按Ctrl+A选中所有对象，然后按组合键Alt+A，再按B键，将所有调合对象分离。选中A、B矩形任意一个将它删除。选中剩下所有对象，按Ctrl+G组合键将它们群组。
用Coreldraw制作晶莹剔透苹果风格按钮
浏览过苹果公司主页的人，想必对其晶莹剔透，流光溢彩的网页按钮有深刻的印象（图0）。记得看过介绍制作苹果风格按钮的文章，不过那是用PHOTOSHOP做出来的，在Coreldraw中又是如何制作呢？请看我的制作方法： 虽然心动不如行动，但是在行动之前还要“运筹帷幄”，仔细观察一下，我们会发现按钮主要分为以下几部分： 1）按钮主体。 2）按钮上面的高光部分。 3）按钮阴影部分。 4）文字及文字阴影。 这样一分析，就会胸有成竹，做起来自然得心应手。好，打开心爱的Coreldraw 10,新建一个文档，开始苹果风格按钮的设计。 1.选择矩形工具，绘制一个细长的矩形A。刚绘制的矩形会保持在选择状态，看看属性栏，单击并关闭“Round Coners Together”小锁状按钮，这样可以单独调节某个矩形的圆角而不影响其它的。在属性栏中作如图2的设置，调整左上和右上两个圆角。需要说明的是，这里的圆角数值并不是绝对的，其数值视你要制作的按钮大小而定。
融会CorelDRAW9之一：浮雕图案
当我在写《实例学用CorelDRAW9》时，压根儿就没有想过会写CorelDRAW9的另一篇教程，因而那时就将肚子里的东西全部掏出来了。到现在写这一篇教程时，却发现要找一点点新的东西真的好难。 朋友安慰我，她说：上一篇教程讲述了CorelDRAW9的使用方法，为什么这一篇就不会讲一点融会的知识呢？ 所以，就把这一篇教程叫做：融会CorelDRAW9 和上一篇教程一样，这里仍然以实例作为载体，不过这里却更注重实例！并且我会试图用两种或两种以上的不同方法来实现在个实例。当然，效果可能不完全是一模一样，但我只要你知道：CorelDRAW9中实现一种效果可能会不止一种方法！也希望你能对种种不同方法作一个比较，从而达到融会知识的目的。 但愿，你能在这里找到你需要的…… 这是教程的第一小节，准备讲的内容是：“浮雕图案”。 先看看图案效果吧。（如图1） 首先：画一个矩形，点取“互动式填充工具”，在“填充类型”中选择“材质填充”，然后在“材质库8”中选择一种坚硬的石壁材质。 我们已经得到了图片的背景，接下来，我们就应该生成文字“CorelDRAW9”了。 接下来，点取文字工具，在画面中任意一处点击鼠标，输入文字“CorelDRAW9”（美术字文本），然后在属性条中进行字体（因较粗的字体力度较强，更能够体现浮雕感觉，所以建议使用粗体字）、大小、位置的设置，取消文字的边框。这时得到如图2的效果。
打造属于自己的字体
不少做平面的朋友可能都有过这样的经历：在自己的作品中要使用某种特效字体，但是到处都找不到符合自己要求的。于是有些朋友选择了自己绘制，这当然解决了当时的问题，可你有没有想过，把你绘制的字符图形制作成为真正意义上的、能够在Windows系统中使用的字体呢？或许你会认为这是专业软件公司的事，个人制作是不是太困难了？ 其实只要我们选好工具，掌握方法，制作自己的字体并不困难。 一、字体基本知识 平时我们常见的字体格式主要有以下几种： 1.光栅字体（.FON） 这种字体是针对特定的显示分辨率以不同大小存储的位图，用于Windows系统中屏幕上的菜单、按钮等处文字的显示。它并不是以矢量描述的，放大以后会出现锯齿，只适合屏幕描述。不过它的显示速度非常快，所以作为系统字体而在Windows中使用。 2.矢量字体（.FON） 虽然扩展名和光栅字体一样，但是这种字体却是由基于矢量的数学模型定义的，是Windows系统字体的一类，一些windows应用程序会在较大尺寸的屏幕显示中自动使用矢量字体来代替光栅字体的显示。 3.PostScript字体(.PFM)
在InDesign设置文本框架和路径
路径是矢量图形，类似于在绘图程序（如Illustrator、CorelDRAW）中创建的图形。可以使用“工具箱”中的矢量绘图工具和钢笔工具直接绘制路径。用户可以沿路径放置文本，文本会按照路径的形状进行摆放，如图3-20所示。图3-21 沿路径输入文本使用钢笔工具以及图形工具绘制的框架图形，可以容纳图片或文本，在没有指定内容或置入内容时对这种对象的总称为框架或图文框。用户除了可以沿路径放置文本以外，还可以将路径图形作为文本框架，这时图形就像一个容器，框架内输入的文本将按照框架的形状进行摆放，如图3-21所示。图3-22 在路径中输入文本在路径内部输入文本内容后，路径将转化为文本框架。由于框架由路径组成，因此框架可以按照路径的设置方法进行操作，例如为其设置填色或描边颜色。同时，可以使用“钢笔”等路径编辑工具对框架的形状进行调整，如图3-23所示。图3-23 设置框架属性文本框是由“文字”工具所创建，专门用于输入和管理文本的框架区域。分为框架网格和纯文本框架两类。框架网格是中文排版特有的文本框架类型，其中字符的全角字框和间距都显示为网格。在框架网格中设置网格的属性，文本在网格上的分布方式也会做出相应的改变，该框架是中文排版特有的文本框架类型。纯文本框架是不显示任何网格的普通文本框架。图3-24出示了框架网格和纯文本框架。
在InDesign设置文本框架选项
文本框架选项可以对文本框属性进行设置，例如设置框架中的分栏数、框架内文本的对齐方式或内边框外观等等。下面通过操作来学习文本框架选项的设置方法。（1）使用“文字”工具，在文档中创建文本框，并在文本框中输入文字，如图3-33所示。图3-33 创建文本框（2）确认文本框为选择状态。执行“对象”→“文本框架选项”命令，打开“文本框架选项”对话框，如图3-34所示。图3-34 “文本框架选项”对话框在打开的“文本框架选项”对话框中默认情况下显示“常规”面板的相关选项，在该面板中有三个选项组，分别为“分栏”、“内边距”和“垂直对齐”，每个选项组中的选项用法各有不同，接下来详细介绍各个选项组的使用方法。“分栏”选项组可以设置文本框中的分栏数、栏间距和栏宽。（1）单击对话框左下角的“预览”复选框，可以在文档中显示设置的效果。
在InDesign中删除或储存书籍
（1）单击“书籍”调板底部“存储书籍”按钮，将创建的书籍存储。（2）选择“空白”文档选项卡，单击“书籍”调板底部“移去文档”按钮，将选择的文档从书籍中删除，如图12-68所示。图12-68 删除文档（3）单击“书籍”调板的按钮，在弹出的菜单中执行“将书籍存储为”命令，打开“将书籍存储为”对话框，设置书籍存储的位置和名称，如图12-69所示。图12-69 “将书籍存储为”对话框（4）单击“保存”按钮，关闭对话框，在“书籍”调板中打开的为刚刚存储的书籍，如图12-70所示。图12-70 将书籍存储为