推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去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 裂纹特效
当初凭着一招半式入了设计江湖,不知不觉在道上摸爬滚打都快两载了,原来的那一招半式精进了不少,更在各路高手那里淘得绝技一二。其中一招人称“碎石功”,招式简单,效果甚佳,为将此功发扬光大,不妨由在下为大家详解一番。 兵器:CorelDRAW10 动作要领:纹理填充、自然笔、立体化 完成效果如下: 1.用矩形工具按住Ctrl键画一个正方形,然后点击填充工具下的纹理填充按钮,这时会弹出一个纹理填充对话框(图1)。 在对话框中做以下属性设置:样本库下拉列表框选择样本8,在其对应的纹理列表中选择“月球表面”,此时你便可在预览框中看到其类似于石头表面的纹理效果,再更改亮度色彩为m40 y80的黄色,点击确定完成填充(图2)。 注意:你还可以点击对话框左下角的“选项”按钮来更改填充纹理的分辨率,借以确保输出的质量。 2.用贝赛尔曲线工具在正方形的合适位置画上类似裂纹的折线。这里是一个考大家造型能力的地方,而且要求每一条折线都必须是独立的不相连的物件,所以,我们每画完一条就要按两下空格键在曲线工具和箭头工具之间切换一下。(图3) 注意:每条线都要从上往下画! 3.选中刚才画好的所有折线后点击菜单“窗口/卷帘工具/自然笔”,然后在窗口右侧的自然笔卷帘窗中选择笔刷,笔刷立刻自动应用于画好的折线上。接着根据裂痕的形态分别调整每一条折线的粗细,要有粗有细才更形象逼真。方法是选中折线后,在属性栏中输入相应的数值就可以了。最后再分别用右键点击折线边缘,在弹出的菜单中选择“分离”将原始线段与笔刷分开,删除原始线段后组合全部折线(图4)。
CorelDraw中一个透明和高光效果的教程
第8步用多形工具可能更快些。在工具箱里的多形工具按上拢叫出下D,x穸噙星形,J利度{到100,就可以放射了。 的r候按住shift + control,同r“NR物件”,A心_始,水平拉到外面那A的最左或最右,就可以放射和AR,省下一些{整的步E。 用Outline Pen对话框中的Edit Style也可以吧。 什么叫旋转复制的方式,能告诉我具体的操作流程吗?
用CorelDRAW创建凿刻效果(2)
在这篇文章的第一部分中,我们学习了如何在CorelDRAW中使用最基本的形状创造凿刻的视觉效果。接下来,我们将探讨如何处理更为复杂的形状,以及调配逼真的颜色来模拟光照效果。如果你还不曾阅读第一部分,那么也许现在从那里开始会比较好,因为我们在随后的学习中所要用到的技巧和一些设置,都是以第一部分所介绍内容为基础的。 解决不同类型的对象 不用说,你希望应用凿刻效果的形状不总是些简单的圆形、方形或多边形。实际上,你可以将这种效果应用于绝大部分可以在CorelDRAW 11中创建的任何类型的形状。然而,每次解决问题的方法将取决于对象的不同类型。让我们借下面三个与众不同的例子来讨论一下,凿刻面是如何被创建的。 手绘线条 首先,我们来看看如何对一条简单的开放曲线路径施用我们的凿刻效果。这个过程包括绘制一条开放路径,使用一种较粗的轮廓宽度,将轮廓转换为对象,然后将对这个转换对象应用凿刻效果。 1.如果你还没有为应用凿刻效果准备好一条线,那么请使用贝塞尔工具创建一条开放的路径。确保这条路径本身没有相交,并尽可能以最少的节点产生平滑曲线。然后,选择这条路径并将它复制到剪贴板上。(Ctrl+C)(图01) 图01 (注意:最后一步由于没有在图像中产生任何变换,所以很容易被忽略,但这一步很重要,如果你遗漏了,那么下面你不得不回到这里重新开始。) 2.在路径被选择的情况下,选择挑选工具,使用属性栏的轮廓宽度选项来增加线条的宽度(在本例中为16pt)。随后,选择Arrange菜单下的Convert Outline to Object(安排>将轮廓转换为对象)命令(Ctrl+Shift+Q),将线条的轮廓状态转换为一条闭合路径的对象。屏幕下方的状态栏表现了这一变换:由刚才的填充-无、轮廓-某色、16pt,转换为填充-某色、轮廓-无。(图02)
用CorelDRAW创建凿刻效果(1)
使用CorelDRAW 11的工具箱,你会发现一种创造完美凿刻效果的方法。凿刻形状可以使简单的二维形状的表面呈现凹陷或是凸起的3D立体效果。效果取决于对象的形状、编辑节点的技巧、路径命令等。(图chisel shapes) 图chisel shapes (译者注:虽然这篇文章中所用的软件是CorelDRAW 11,但在CorelDRAW 12中同样适用,命令的位置也一样。) 开始之前,先更改一些设置 在你开始下面的练习之前,一些小小的设置将对后面的工作有很大的帮助。在CorelDRAW 11中,确保捕捉选项被激活。在属性栏中,点击对齐对象按钮。如果你刚开始接触CorelDRAW,那么请按下面的步骤: 1.选择Tools>Options(工具>选项),打开选项对话框; 2.在Workspace(工作区)栏目中,选择Snap to Objects(捕捉对象)。确保Snap to Objects(捕捉对象)选项被选择,然后选择Snap to Nodes 和Snap to Object Center Points(捕捉节点和对象中心点),确保在绘图过程中可以捕捉到对象的节点和中心; 3.点击确定关闭对话框,应用更改。然后我们准备开始! 创建凿刻形状路径 形状逼真的凿刻效果,其制作关键在:在两条现有路径之间创建一条新路径作为中心。你可以使用贝塞尔工具或手绘工具来手工绘制,但这会耗费相当的时间和精力,而且结果未必完全精确。在这里,调和工具可以帮助我们。通过在两条现有路径间创建步数为1的调和,你就可以快速得到一条自动产生的新路径。在大多数情况下,只要对这个结果形状的节点稍微修改一下就可以使用了。不过你会在下面的学习中发现,这个过程并非没有一点技巧。
用CorelDraw制作霓红灯效果
在我们日常的图形处理当中,特别是广告设计和制作网页时,使用霓虹灯效果创建的对象,具有典型的霓虹灯招牌的外观,往往给人以立体纵深的感觉,看起来好像有了三维立体的效果,这意味着位图中的颜色像是平滑过度到背景颜色。其实如果用功能强大的CorelDraw 8.0中文版中的特技效果,我们可以轻而易举地显示这种效果。 在进行所有工作之前,首先定制一下工作的环境: 打开“查看”菜单下的“工具栏”,在选项中选择“自定义”,这时,屏幕的右侧出现了“自定义”的窗口,选择“属性栏”“标准”“工具箱”和“文本”,然后按确定。这时候,在屏幕的左侧出现了常用的工具栏。 接下来,我们就以全部手工创作来看看其实现的步骤: 1.创建一个大小合适的文件。首先,打开CorelDraw 8.0的工具栏,用“文件”菜单下的“新建”命令创建一个新文件(或者在进入CorelDraw 8.0时,选择新图形来创建一个文件),其大小可以根据需要用工具栏中的“缩放”工具予以调整,直到你满意为止。 图1 给对象加黑色粗轮廓 2.给文件加入对象并运用一个特效。使用“文本”工具,将光标移到要绘制文本的位置,编辑文本,输入“新年快乐”,字体为“宋体”,字号为“100”。单击“文本”菜单下的“转换为美术字”。 技巧:可用下列任意一种方法创建对象: (1)导入一幅“剪贴画”; (2)键入使用某种字体的字符;
用CorelDRAW创建凿刻效果(3)
雕刻更复杂的字符形状 就像你会在下面发现的那样,雕刻复杂的字符形状需要更多的创造性。创建的过程和前面大致相似,但有的步骤会复杂一些。下面就让我们来看一看具体过程。 1.首先,我们依然从一个艺术文本字符开始。这次我们使用大写字母“H”。本例中所用的字体是Franklin Gothic Heavy Italic。 2.使用造型工具,按住Ctrl+Shift键,点击形状上的任何一个节点以选择全部节点。用属性栏中的Break Curve命令按钮打破节点间的连接,然后选择Arrange>Break Apart(排列>拆分曲线)命令(Ctrl+K),独立每条线段。右键点击屏幕上调色板中的任一个色块,将这种颜色作为对象轮廓的颜色。(图15) 图15 3.使用交互式调和工具,分别在H形状的两组竖线间创建步数为1的调和。用挑选工具右键点击调和对象,从弹出菜单中选择Break Blend Group Apart命令,拆分调和群组。(图16a) 图16a (注:调和方向不同结果也会有差别:如果你用H形状下部的短直线和两侧的长直线调和,那么结果就会如图16b所示,但这并不影响下一步的工作。) 图16b 4.用H形中间两条水平直线创建步数为1的调和,但你会发现调和出来的线段非常短小,要仔细看才能发现,这显然不符合我们的需要。那么我们就需要应用属性栏中混合调和选项里的Map Nodes命令来匹配节点。用标示指针依次点击位于竖直方向上的同侧两个节点,这样就会得到我们所需要的调和对象形状。用挑选工具右击调和群组,用Break Blend Group Apart命令拆分。(图17)
用CorelDraw绘可爱黑白猪图案
现在世面上流行的的这种“黑白猪”,是日本偶像创作公司“San-X”继懒熊物语系列后推出的“MonoKuRo_BOO黑白猪”系列。这种小猪造型设计十分简单,色彩只有黑、灰、白三种。 正文:前几天看到一MM的笔记本上的小猪(黑白猪)非常可爱,便随手画了下来。因为它造型线条都很简单,很方便初学CorelDraw的朋友用来练习,一起来试试吧!文章末尾提供原文件供大家下载参考。 就是我们俩了,看看长得是不是很憨厚啊? 先用“贝塞尔工具”根据小猪的身体结构“点”出大型,选择“形状工具”选中所有节点; 然后,点击工具栏中的“转换直线为曲线”按钮,使所有线段都可自由调节; 用“形状工具”调节节点位置到合适地方。然后,调整线段曲线弧度,OK小猪的外形就出来了。
CorelDraw路径覆形法绘中心对称复杂图案
本文我们介绍用CorelDraw的路径覆形法绘制中心对称的复杂图案的技巧。大家不妨在后面的留言板上讨论一下,看看自己有没有更好的方法。(图片较大,请大家点击看完整大图) 点击看大图 点击看大图 点击看大图 点击看大图
CorelDRAW“不务正业”之简单抠图
我一直不赞成在CorelDraw(以下简称CD)里抠位图,在Photoshop里处理样会有更好的效果及效率,所以用CD抠图我加上了“不务正业”,写这篇文章的目的不是让大家以后就在CD里抠图了,CD也不是什么图都能抠的,只是给大家一些参考,充分利用CD的功能。推荐:《轻松玩抠图:图像去除背景方法与技巧 》 在CD里对于简单的背景处理的方法还是能应付,一般根据不同的图片及要求用不同的方法,如图框精确裁剪和位图颜色遮罩就是大家最常用和直接的方法。说实话对CD的位图颜色遮罩效果不敢恭维,颜色处理不彻底,边缘太生硬,只区分颜色,不区分背景及图像。 方法一、对画面背景简单、要求不高的抠图 如下面为T恤加上印花图案,将图片大小尺寸调整好; 用交互式透明工具对工做为印花的图案透明,属性栏如图设置;是不是超简单? 如果图是黑色背景,那将透明属性改为新增就行了;
CorelDRAW绘制精致矢量立体啮合齿轮
(1)打开CorelDRAW,按着Ctrl键,使用Ellipse Tool画一个圆形;然后将它复制,并按着Shift键向内拖动这个复制对象将它缩小;选中这两个同心圆,按Ctrl+L键进行组合,现在得到一个圆环,这是齿轮的轮盘,如图。 (2)现在制作一个轮齿。使用Rectangle Tool画一个小矩形,将它圆角化,然后取得Interactive Envelope Tool,在属性栏中单击Single Arc Envelope Mode按钮进入单弧线编辑模式,然后将它的上端变得窄一些,如图。(提示:在使用Interactive Envelope Tool向内拖动矩形封套上端左边的控制点时,按下Shift键可以使右边相应的控制节点同时向内移动。) (3)按数字键盘上的“+”键将这个小轮齿复制一份,然后将复制品放置在轮盘的顶部,并使用Align and Distribute对话框将它们沿垂直方向对齐,如下两图。 上步的效果: (4)下面的工作你可能已经猜测到了,我们要这个小轮齿沿着轮盘的轮廓进行旋转复制,得到一个轮齿密集的齿轮;在旋转这个小轮齿之前,要确保它的旋转轴心和轮盘的中心在同一坐标点上。现在使用Pick Tool单击这个轮盘,显现出它的中心;然后从视图边缘标尺的地方分别拖出一条水平的和一条垂直的辅助线,使它们相交在轮盘的中心上;接着两次单击小轮齿,显现出它的旋转轴心,并将此轴心移到辅助线相交的地方,如图。