推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去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
最新发布
Photoshop制作创意的金属块拼凑文字
现在我们将为每一块添加一些图层样式,去图层>图层样式,参数及效果如下图。 调整纹理直到你得到满意的效果。现在按Ctrl键点击原黑色标志图层来选择它。点击纹理层,去层>添加图层蒙版>显示选区。这将使纹理仅仅显示 在标志上。改变混合模式为柔光,改变不透明度为50%。
用PS制作金属水盈文字
转载:断水剑设计空间最终效果图一、新建文件,输入大号浑圆点的字,深灰色。二、新建图层,按CTRL键同时点击福字图层,得到福字选区,执行选择-修改-收缩8象素(这个参数根据你字体大小可以调整,我用300点大小的字),填充白色,取消选区,高斯模糊5象素。三、再次按CTRL点击福字图层得到选区,打开通道面板,点击如图按钮生成Alpha1通道,然后点击此通道,不要取消选区,执行三次高斯模糊,模糊值8、4、4(三次模糊比一次模糊到位效果要好,经验之谈) 四、不要取消选区,回到图层,在最上方新建图层,填充黑色,取消选区,将本层混合模式改为滤色,这时你会发现本层看不到了跟隐藏起来一样,不要管,执行滤镜-渲染-光照,参数如图,然后高斯模糊,半径1.0,调整曲线增加阴暗效果。
螺丝不锈钢2012文字效果
本教程介绍用PhotoShop制作螺丝钉固定的不锈钢2012文字效果,不要以为很难,其实很容易的,喜欢的朋友可以试试!字体完成效果: 1.新建文件:差不多大就行了。2.输入一个方正的字体作为蓝本来参照,这里我选的是方正稚艺字体。 3.画出一个方框,比原字体要粗一些,具体看你的字体粗细了。
Photoshop简单制作灯光下的黄金字
转换通道方法:在通道窗口下有四个小图标如上图单击第二个两次(一个长方体里有个白色的圆)就建立了Alpha 1和Alpha 2两个通道。六、选择通道一(Alpha 1)单击滤镜-》模糊-》高斯模糊 将通道进行四次不同的模糊(单击高斯模糊四次,四次的值都不同)高斯设置如图:
水滴文字特效
水滴文字特效是在文字内部制作出具有光泽和立体感的小水滴纹理,以进一步丰富文字的图像效果。图3-2出示了该例完成效果。图3-2 完成效果水滴和文字的立体效果、光泽效果均是应用“图案叠加”、“外发光”、“内发光”、“投影”、“斜面和浮雕”、“光泽”等图层样式效果获得的。图3-3出示了该实例的制作流程图。图3-3 制作概览(1)启动Photoshop,执行“文件”\“新建”命令,打开“新建”对话框。参照图3-4所示设置对话框,创建一个新文档。图3-4 设置“新建”对话框(2)在工具箱中,设置前景色为灰色(R:216、G:216、B:216),按下<Alt+Delete>
奶酪字
奶酪块文字是文字在形状和质感上具有奶酪块的特点,在视觉效果上容易使人认为是用奶酪块为材料制作成的文字。这种文字效果适合用在以食品为主题的各类宣传广告中,完成效果如图3-27所示。图3-27 完成效果奶酪块文字的制作过程主要包括:在“通道”中编辑图像,定义图案、图案填充、复制图像,添加“斜面和浮雕”的图层样式和色彩调整等操作,如图3-28所示。图3-28 制作概览(1)启动Photoshop,执行“文件”\“新建”命令,打开“新建”对话框,参照图3-29所示设置对话框,新建一个名为“自定义图案”的新文档。图3-29 设置“新建”对话框(2)新建“图层1”,使用淡黄色(R:251、G:242、B
文字散布效果
此实例的文字散布效果是将文字以不同的大小、不同的方向进行无规律的排列,形成无数文字散布在画面中的图像效果,如图3-58所示。图3-58 完成效果散布文字的制作较为简单,首先输入一组文字,然后将文字定义为图案,再使用“画笔”工具,选择定义的文字图案为笔尖形状,绘制出散布的文字效果,如图3-59所示。图3-59 制作概览(1)启动Photoshop,选择菜单栏中的“文件”\“新建”命令,打开“新建”对话框,如图3-60所示设置对话框,创建一个名为“文字散布效果”的空白文档。图3-60 “新建”对话框(2)将工具箱中的前景色设置为绿色(R:77、G:148、B:0),按下<A
色彩填充效果
色彩填充效果中的文字是由几种不同颜色的色块构成。制作这些文字的主要操作是色彩填充方面的操作。图3-75出示了该实例的完成效果。图3-75 完成效果本实例在制作过程中的主要操作是应用“矩形选框”工具、“钢笔”工具、“多边形套索”工具和“魔棒”工具等建立各种形状的选区,然后在选区中填充颜色,如图3-76所示。图3-76 制作概览(1)启动Photoshop,选择菜单栏中的“文件”\“新建”命令,打开“新建”对话框,如图3-77所示设置对话框,创建一个名为“色彩填充”的空白文档。图3-77 “新建”对话框(2)将“背景”图层填充为黑色,然后单击“图层”调板底部的“创建新的图层”按钮,新建“图层 1”。
文字填充效果
文字填充是将文字在图形内部进行排列,使文字形成一种纹理效果。本实例主要应用在路径中创建文本的技术操作来制作文字填充效果。图3-87出示了该例制作完成效果。图3-87 完成效果该实例在制作过程中,通过使用“钢笔”工具,绘制出吉它的路径形状,然后在路径内部创建文本段落,制作出具有吉它外形特征的文字组合效果,如图3-88所示。图3-88 制作概览(1)启动Photoshop,选择菜单栏中的“文件”\“新建”命令,打开“新建”对话框,如图3-89所示设置对话框,创建一个名为“文字填充”的空白文档。图3-89 “新建”对话框(2)将背景填充为淡绿色(R:225、G:237、B:215)。新建一个图层,然后再将工具箱中的前景色设置为草绿色(R:94、G:162、B:49),选择工具箱中的“圆角矩形”工具,如图3-90所示设置其选项栏。然后在视图中的相应位置绘制一个圆角矩形。
笔划描边特效文字
笔划描边特效文字,是使用特殊的画笔笔尖形状描边文字得到的图像效果。使用这种方法制作的文字具有一种古典怀旧的风格,如图3-104所示。图3-104 完成效果本实例的制作过程主要是使用“横排文字”工具输入文字,获得文字选区后将选区转换为路径,再使用“画笔”工具,设置特殊的笔尖形状,对文字路径进行描边处理。图3-105出示了该例制作流程图。图3-105 制作概览(1)启动Photoshop,选择菜单栏中的“文件”\“新建”命令,打开“新建”对话框,如图3-106所示设置对话框,创建一个名为“笔划描边特效文字”的空白文档。图3-106 “新建”对话框(2)打开本书附带光盘\Chapter-03文件夹中的“背景素材1.tif”文件,使用工具箱中的“移动”工具,将素材图片拖移到“笔划描边特效文字”文档中,生成“图层 1”,如图3-107所示。