推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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 制作梦幻水晶球教程
先看效果图： 下面的教程，将会以此图形为基础，学习制作比苹果球更具梦幻效果的水晶球作品。 通过对这张作品的循序渐进的绘制，可以学习到CorelDRAW常用高级工具和特效的实用技法。包括：混成（Blend）、交互式透镜（Transparency）、交互式阴影（Shadow）、超级裁剪（PowerClip）、艺术笔（Artistic Media），etc. 因为论坛发帖方式的原因，为了避免不必要的混淆，我已经将每个步骤中需要用到的图标和属性设置示例与图形示例集成在了一起。你应该能够容易地明白。 画一个圆形，直径为去掉轮廓属性，并填充为R63 G106 B205。把这个圆复制一个，缩小压扁，填充为R187 G255 B254。 [Step01] 注意：你画出的图形可能比我的要灰暗，没那么饱和。这是因为CD默认打开了“颜色校准”的原因。打开“工具——自定义——命令——工具”，找到“颜色校准”工具（Calibrate Colors）[logo01]，把它拖出来到界面中任何位置（当然最好是自己定义一个工具栏），你就可以随时方便地使用它了。 功能释疑：“颜色校准”是CD中非常重要的一个控制工具。通过它，可以根据需要来选择面向纸面输出还是Web发布。按下该按钮，此时为模拟打印和印刷效果，这也是CD默认的设置；按起时，则以鲜艳的屏幕色显示。在绘制任何图形文件前，都应该根据输出要求对其进行先行定义。在10版以后，这个按钮似乎被隐藏起来，你需要象我讲的那样把它找出来。看到这里，你还会觉得CD的色彩管理不如PS和AI好吗？混成[logo02]上一步制作的两个圆形。
Illustrator绘制古香古色精致陶罐
先来看一下最终效果。本新闻共4页,当前在第1页 1 2 3 4 本文以中文版Illustrator CS2为例进行介绍，其它版本的Illustrator在操作步骤上可能会略有差异。具体操作步骤如下。 1.选择工具箱中的“铅笔工具”，绘制一条如图1所示的曲线。
数码人像照片矢量化及艺术处理
有数码相机的朋友越来越多，大家给亲人朋友拍出好的人像照片，肯定想进一步做一些艺术处理。 现在Photoshop制图应用非常普遍，很多朋友都喜欢用Photoshop进行数码照片艺术化处理，即使是非专业人士，也可以用几种基本方法处理数码照片。 在这里Relen给大家介绍用Adobe Illustrator将人像数码照片处理成矢量图的方法，重点主要是自动描图工具的运用和细节调整，大家可以从这里学习和掌握用Illustrator将像素图转化成矢量图的方法和技巧，同时提供一些艺术设计的应用实例。对初学者而言，这样的方式比较简单和容易接受，做出来的矢量照片效果也很有个性风格。如果需要打印，矢量图的打印质量也比像素图高，用途很广。原照片 矢量化效果 平面设计 Ｔ恤图案设计原照片 矢量化效果 一、把彩色照片转成黑白模式选择你喜欢的照片，尽量选择露出双眼，看上去比较有魅力的图，最终的效果会更精彩。导入Photoshop中，选择Image>Mode>Grayscale 转为黑白模式的图像。
Illustrator绘制矢量抽象线描花卉
今天我们用Illustrator来练习绘制抽象线描矢量花卉，这种花的形状由许多线条构成，线条的生成使用了Illustrator中的混合工具，采用这种方法可以快速在两个对象之间自动生成一系列中间对象。抽象矢量花卉风格独特，造型优美，工整而雅致，经常用于制作背景图像(如桌面壁纸)或适合大幅面打印的插画。文章末尾提供原文件供大家下载参考。 小知识：关于混合 Illustrator中的“混合”工具和“建立混合”命令可用于在两个或多个选定对象之间创建一系列中间对象。混合的最简单用途之一就是在两个对象之间平均创建和分布形状。也可以在两个开放路径之间进行混合，以在对象之间创建平滑过渡；或结合颜色和对象的混合，在特定对象形状中创建颜色过渡。 本例具体操作步骤如下。 1.绘制花瓣图1图2
用Illustrator把照片转变成漫画效果
1.新增一个图层，输入名称为"底图"。 2.勾选"模板"，同时自动出现"模糊影像至__%" ，预设是50%(这样就够)3.按确定后可以看到图层窗口出现刚设定的图层。 4.你的底图就会变成这样...方便待会在之上画图时不被底图干扰。本新闻共5页,当前在第1页 1 2 3 4 5 5.再增加一个图层，输入名称"线稿"。 6.在图层窗口原来底图图层之上又多了一个"线稿"图层
用AI 10.0 绘制一部车(4)
17.又该画车轮了！！记得刚刚的步骤吧！！其实是一样的！ 18.画防水的盖子。 19.以画轮胎的钢圈的方式画方向盘。 20.给玻璃上渐变色并加上透明。 21.接着画车后的雨棚。
Illustrator移花接木法
如果你曾经为了自己不会画画，或认为自己想象力贫乏，而觉得自己不适合再和绘图软件打交道的话，那么，我希望你在放弃之前，能看到这篇文章！在计算机普及的现在，各种各样全能的绘图软件几乎使爱上绘图成为一夜之间的事。许多人在最初尝试的惊喜之后，不久便会被一个问题所困绕――那就是，无论心中有多么奇妙的构想，笔下却不知如何表现出来。是的，美术专业的训练是长期而刻苦的，其中的辛劳，任何时候，任何软件都不能替代。我们不能奢望几天之内打下深厚的功底。并不是每个人都有机会接受专业的美术训练，而绝大多数人又不可能花上几年的时间来一点点补习，那么，我们喜爱的绘图又该怎么办？难道因为这些原因就让那些令人或若有所思，或热血沸腾的思想火花湮没？不！打开你的电脑，别让自己遗憾下去！今天，我们以Adobe 为例，来验证创作出一副好的作品，有时候并不需要铅笔的磨练，并且过程并不算复杂。如果你收集了许多剪贴图等素材，说明你已经非常留心，那么恭喜你！如果你刚刚接触没多久，没有什么积累，也没关系，我们有的是时间！况且网络是个挖不尽的宝藏，上面有成吨的素材等你去发掘，很多都是完全免费的。在今天这篇文章里，我们会将一张看起来没什么用的黑白图片加工成为一副非常精致的剪贴画，并且，处处洋溢出你自己独有的风格！1.首先，我们要找到一个临摹用的样本。在很大程度上，样本左右了作品的风格――当然，纤细或粗旷，最终还要由你来决定。这个例子中，我们选择了一张黑白剪贴图来作为我们的样本。就像你看到的，剪贴画的质量远远不能令人满意，锯齿边缘非常明显。没关系，我们可以修补它。现在，打开你的Illustrator，用它打开剪贴画或是用Ctrl+V，把它粘贴到一个新文件中。（图01）图01 图046.现在，图像的轮廓有了，下一步要做的是要增加细节。我们先来勾勒出人物的皮肤部分，即脸部、颈部、手部、和腿部。新建一层，命名为color，打开色板库，从中选择一种接近肤色的颜色，例如PANTONE 9260 C，把它添加到色板中，将填充色和轮廓色都设为这种颜色。隐藏black层，以原始的黑白图像为参考，在skin层中用钢笔工具勾出脸部形状。这次的路径要细致一些。完成之后，可以打开black层，对比一下，修改一下多余的地方。剪贴画的一个重要特点就是看起来较为随意，所以在第二次勾画路径时，在保证基本形状的情况下，可以随机和边缘有一点距离，这样看起来会更自然。（图05）图05按照同样的方法，添加人物皮肤的其它部分。（图06，07，08）图06图07图087.接下来，我们开始为衣服部分上色。我们可以选择另一种颜色，分别勾画出帽子、衣领、袖口、腰带、围裙部分。这些部分可以更随意些。（图09）图098.更换另一种颜色，开始为裙子上色。这一部分相对来说复杂一点，你要注意衣袖的形状，和裙子上的褶，否则裙子看来会很平板。当然，你也可以在全部填充之后，再用黑色线条勾出衣褶，不过这样的话，图像可能因为线条的均匀而显得缺乏变化。所以还是推荐刚才的方法。还有，要注意用线条来表现女性优美的身体曲线。（图10）图109.衣服完成之后，剩下的就是其它的部分了。你需要对托盘和茶杯分别上色，为了使图像更生动，你可以点缀茶壶茶杯。用淡青色填充水汽。需要的话，还可以改变女子头发的颜色。别忘了，还有耳环。最后，将填充色设为无，用不同宽度的轮廓线勾出眼睛和嘴唇的形状。（图11）0 图1110.现在，我们来看看还有哪些不足。虽然只是一副剪贴画，但我们还是希望它能够尽善尽美。我们可以为它添加一些基本的高光。选择和下面部分颜色相近，但较浅的颜色作为高光色，用简单的形状勾出高光，轮廓可以非常简单（图12）。1 图12将所有的部件选择后组群。最后，在单独的层内添加一些简单的背景图像以及装饰性的文字，整幅剪贴画就完成了（图13）。以后，你可以通过粘贴的方式，将它用于别的图像中。2 图13也许有些人对这种方法不以为然，认为这是投机取巧。请注意：我从来没说过这些方法可以代替扎实的基本功训练，这只是一个方法而已。不过，不管怎样，哪怕是最简单的方法，也比让创意烂在肚子里要好的多，不是吗？祝大家创作愉快！
Adobe Illustrator中的封套扭曲(2)
3.使用物件 > 安排 > 移动到前面（Object > Arrange > Move to Front）命令，确定新物件处于物件堆放顺序的最上层，按下Shift，选择它和刚才的图片。然后执行“物件 > 封套扭曲 > 以上层物件制作”命令。现在，随着每个突出的角度，会轻易的创建折皱的弯曲效果（随着直线边缘，如果你使用的路径和我的类似）。图像会成为这样（图08）。图084.回到上一步，这一次我们创建一个新的路径作为封套。试着建立一个新的路径，闭合的，包括凹入的部分（图09）。再次选择“物件 > 封套扭曲 > 以上层物件制作”命令。就像你所看到的，在包含凹入部分的区域，下面的图像会自行折叠，翻转过来，“后”面图像的边缘重叠在一部分“前”面的图像上。（图10）图090图105.你也许已经猜到了，接下来，我们要结合封套路径凸出和凹入角度对物件的影响，在我们的图像上创造相同的效果。但这次，我们不能再使用简单的凸凹封闭路径了，我们需要创造出一个全新复杂的开放式路径来作用于我们的图像。1图11选择贝兹路径工具或是从手绘工具中选择一种，花费一些时间来创造类似下面这些多角度的复杂路径，然后执行“以上层物件制作”命令（图11、12、13，路径及它们分别对应的效果）。2图123图13这样加工看起来比较零乱，当你使用不同的封套路径时，就会产生完全不同的结果，很难制定出一个标准。我们希望图像变形更规则一些。有几种办法可以达到。一、当然，你可以在封套变形之后简单的移动锚点来修改物件。即使轻微的改动也会使你为所发生的改变而惊奇不已。你也可以使用中的路径编辑工具添加或删除锚点达到目的。（图14）4图14二、你可以选择封套扭曲命令下的“编辑内容”命令（Object > Envelope Distort > Edit Contents），这样，你就可以直观地操作变形物件。你可以使用任何可用到的工具来变化你的图像或封套路径物件。在下面的例子里，我仅仅简单地旋转了封套内物件，而对封套本身未做任何改变。但修改封套内容，会使封套偏移，以使结果和原始内容的中心点对齐。（图15）5图15如果你使用了预设弯曲形状或网格来创建封套，修改时就要选择“物件 > 封套扭曲 > 以网格重设” 或 “以弯曲重设”。选取 “维持封套形状”，可在重设内部节点时保持外部形状不变；取消选取则可改变整个形状。指定 “横栏及直栏”后，可重设网格。6图16三、如果你不希望扭曲物件的任何部分超过封套范围，可以使用封套选项来改变。“保留形状使用”选项可指定使用非矩形的封套来扭曲图像，从“透明度”转化到“剪裁遮色片”，这会切除扭曲的图像。如果你愿意，还可以自定义扭曲图像“里面”的呈现。封套选项可以判断封套随着原始物件而展开的属性（若有的话），以及图稿如何精确地扭曲以符合封套大小。下面是封套选项的其它内容。（图16、17）7图17消除锯齿（Anti-Alias）：在用封套扭曲位图时使图像平滑。如果选择这一项，会增加扭曲所需要的时间；保真度（Fidelity）：指定 “保真度” 百分比，以指出要让物件符合封套铸模大小的精确程度。百分比越大，扭曲路径的节点越多，这一点和Photoshop中从选区建立工作路径的容差意义是相同的，这样也会增加扭曲物件所需的时间；扭曲外观（Distort Appearance）：不单扭曲物件的基本几何形状，还扭曲物件的外观，例如套用的特效或样式；扭曲对应的填色类型：分为扭曲线性渐层（Distort Linear Gradients）和扭曲图样填色（Distort Pattern Fills）两种。最后，如果你对此次变形不满意，想移除封套，可以有释放封套和展开封套两种办法。释放封套会建立两个分开的物件：未经变形的原始物件及网格物件。网格物件位于原始物件的上方。而展开封套则会是物件保持变形的状态，只移除封套。技巧：如果需要编辑封套内的文字，可以打开“智能参考线”，这样在输入时会容易的多。这就是Adobe Illustrator中封套扭曲的全部了。尽管要点有限，但如果想要创制一个合理而完美的封套，还要花费一番功夫的。
AI中的简单三维效果
在Adobe 中，你能用几种简单的形状创建三维效果。将一维空间内的物体拉伸，再加入底，侧面和阴影，从而赋予三维效果的真实感。这篇教程是个小小的范例，希望它能帮助你正确的绘制物体。素材是一张柠檬图案的矢量图，我们要做的是以这张图为基础创建一个圆柱体。（如下图）1、从圆形创建椭圆选择整个的圆形对象，用选择工具向上拖动定型框上底边中心的控制手柄，将圆形垂直压缩，取消对对象的选择。（图01）图012.打开智能辅助线从视图菜单中选择智能辅助线（View > Smart Guides）。智能辅助线是Adobe Illustrator创建的临时网格，显示出路径、节点和角度。它可以帮助你选择锚点并吸附它们，这样，你就可以对对象进行精确的创建、编辑、移动、对齐和变换。在这里，你将使用智能辅助线来对齐形状。3.创建圆柱体的底面从工具箱中选择直接选取工具，选择柠檬图案中最外边的淡黄色椭圆形。按住Alt+Shift（Windows）或Option+Shift（） ，用鼠标拖动椭圆向下移动，在椭圆原件的下方建立一个副本。调整副本的摆放位置，直到智能辅助线显示副本处于原始图形的正下方。（图02） 图024.创建圆柱体的左侧面选择钢笔工具，按住Shift点击位于上边的椭圆的左锚点，然后点击下边的椭圆的左锚点，在两个椭圆之间建立一条线段。（图03）图035.完成圆柱体的侧面点击下面椭圆的右锚点，然后点击上面椭圆的右锚点，再次点击第一个椭圆的左锚点。这样，你就完成了一个长方形，它将作为圆柱体的侧面。（图04）图04 6.连接圆柱体的侧面和底面现在圆柱体的侧面和底面是两个不同的对象，我们要把它们连接起来，成为一个对象。选定选择工具，按住Shift，选择新创建的矩形和下边的椭圆，打开对齐面板，点击路径寻找器，在“组合”中选择“合集”。这样，你就得到了一个从椭圆和矩形创建了一个新对象。由于上边的椭圆被新对象遮住了，所以你需要把新对象放到后边去。选择对象/排列/置后（Object > Arrange > Send to Back）。（图05）图057.修剪柱体按住Shift，选择上边的椭圆和刚创建的新对象。在路径寻找器下点击修剪按钮。这将裁切掉柱体被椭圆遮挡住的一部分，但在画面上你却看不到任何变化。取消对象的选择状态。（图06）图068.创建三维效果用直接选取工具选取柱体，从颜色面板中选择渐变色，用渐层工具为柱体填充相应的渐变颜色，使之具有立体的外观。（图07）图079.调整柱体的大小用直接选取工具，按住Shift，选择柱体的侧面上的左、右和底边上的锚点，按住Shift，从下向上拖动，减小柱体的高度。（图08）图09