推荐阅读

详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去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 CS4
本期特邀嘉宾: 薛欣 Adobe中国专家组成员, Adobe标准培训教材编委会委员。主持过三十余套专业书籍的编著,讲座培训数百场次。 祁连山 《电脑报》特约作者、“中国教程网”站长,国内有影响力资深Photoshop专家,出版多本Photoshop图书及视频教程。 全球图像梦工厂,PS造 向波:非常高兴请到两位专家来和大家讨论Photoshop。如今很多用户都有这样的感觉:Photoshop的变化太快,Photoshop CS1的许多功能还未摸透,眨眼间,Photoshop CS4(以下简称CS4)又向我们走来。现在我们该如何重新认识Photoshop以及它的CS系列? 薛欣:是的,现在的CS4变化很大,可以说是巨变。如果要想深入地了解和掌握Photoshop,我想应当对Photoshop的历史有所了解。今天,无论是印刷产品中的图片,还是网络中的各种图像以及全球银幕上的特效大片,无不留下Photoshop的痕迹,Photoshop已经成为一种文化。 祁连山:自2005年Adobe收购Macromedia后,Photoshop从7.0开始之后的版本都改称Photoshop CS系列。从此Adobe在它的拳头产品Photoshop影响下,缔造全球图像软件的巨擘,王者地位无可撼动。1990年,Photoshop1.0.7正式发行,当时人们可能不会想到,这个软件会成为后来图像软件行业的绝对霸主。为什么Photoshop能一直成为图像软件中的统治者?从Photoshop发展中的几个重要时期就可以看出一些眉目。 透过版本看Photoshop核心技术 向波:通过Photoshop的发展历程来认识Photoshop,这是一个不错的主意,但在Photoshop的历史中,作为用户应该注意哪些因素呢? 祁连山:掌握Photoshop几个重要的技术,这非常重要。我是在1996年接触Photoshop的,那时还是4.0版本。应该说4.0版的Photoshop就是一个经典的版本了,各项功能的设计已经比较完美,当然后面每次的变化都让人心动不已。如果要问为什么Photoshop能成为长期统治图像领域的王者,让其他图像处理软件一直得不到好的发展,我认为主要在于Photoshop几个最明显的功能设计,这几个设计让其他软件几乎无法超越。我做了一张Photoshop各个版本中重要功能变化的图表,通过这个图表大家可以对Photoshop的发展及功能有个简单的了解。点击看大图

快速掌握Photoshop CS4的全新3D技术
1.图片也能变3D,有趣 用图层新建三维明信片(new 3D postcard from layer)命令,可以将普通的图片转换为三维对象,并可以使用工具和操纵杆来调整X、Y、Z轴,以控制对象的位置、大小和角度。注意该操纵杆也需要OpenGL支持。三维工具和三维明信片 2.重大突破,直接和3D软件融合 Photoshop CS4这次对3D的支持不是只让大家看看热闹,的确有重大突破。用户不但可以导入MAYA、3DSMAX等软件生成的3D对象,还可以在Photoshop CS4中直接生成或转换平面图像为三维形状,包括帽子、苏打罐、葡萄酒瓶等。用户既可以使用材质进行贴图,也能够使用画笔和图章直接在三维对象上绘画,甚至可以使用“Ctrl+E”直接把二维图像压入三维对象中。创建三维对象及贴图 最让人不可思议的是,CS4中还提供了3D面板。使用该面板可以通过众多的参数来控制、添加、修改场景、材质、网格和灯光等。比如在灯光方面,就可以进行查看、添加及删除等操作,并且还可以设置光源的类型。除此之外,三维对象和时间轴配合还可以完成动画的制作等。这些改进,为平面设计师向三维过渡铺平了道路。 在3D面板中控制材质、网格和灯光 对于大多数Photoshop爱好者来说,最想知道的就是Photoshop CS4有哪些变化对自己最有用,下一次我们着重介绍Photoshop CS4的最大亮点。

快速掌握Photoshop CS4的亮点变化
对于大多数Photoshop爱好者来说,最想知道的就是Photoshop CS4有哪些变化对自己最有用。除了前面讲的几个变化外,下面的几个变化是这次CS4的最大亮点。 一、快速掌握Photoshop CS4的界面变化 当你第一次打开Photoshop CS4,你会发现这次界面有很大的变化,菜单栏中增加了很多我们不认识的图标和按钮。从这次CS4将这么多的功能提到界面上来,我们就可以感觉到它的变化是非常大的,因为对一个图像处理软件来说,开阔的设计空间尤其重要。 在菜单栏上,常用的一些功能被作为按钮罗列出来(应用程序工具栏),包括启动Bridge、抓手和缩放工具、显示网格标尺、旋转视图工具(Rotate View Tool)、显示多联(n-up)等,打开多个文件时也会以“选项卡”的方式出现。 亮点1:图片浏览方式多样化 当打开多个页面后,可以使用多联(n-up)下拉面板,控制多个文档在窗口中的显示方式。该功能还包含匹配缩放和位置选项(Match zoom and location),用来对比多个图片时非常有用。 不仅如此,我们按住Shift键的时候,还可以对显示的图片同时进行移动或者放大缩小。浏览图片时的效果和速度都有了革命性的变化,如缩放工具一直按下时可连续平滑放大或缩小图片;可使用抓手工具“滑动”查看图片,这些操作在停止时都还包含缓冲效果;按H键不放可在放大图和原图之间切换及导航,另外画布边缘还设计了小阴影,这些都得益于OpenGL的支持。 亮点2:支持任意旋转

Photoshop CS4人性化智能设计
怀着无比激动的心情,装好了试用版。不过等待安装的过程有点漫长……因为CS4需要至少2G的内存,需要支持OpenGL和SM3.0的独立显卡,需要 WindowsXP Service Pack 3等等。如果没有这些,也可以运行,只是性能有影响,个别功能不可用而已。这点比CS3要求高了不少,很多人要换新机器啦~吼吼打开Photoshop CS4后,感觉界面的设计感更简捷了。调板取消了之前华而不实的阴影效果,改为传统的边界线,并且去掉了Windwos本身的“蓝条”,直接以菜单栏代替,在菜单栏的右侧,将原来的很多菜单里的常规的操作功能直接设置成快捷的图标按钮,比如移动、缩放、显示网格标尺、新的的旋转视图工具(Rotate View Tool)等等,对于不熟悉快捷键的很多用户真是超级方便啦!此外浏览图片比以往速度快了超多倍,而且无锯齿的无极放大,不像过去,比例不合适的话,文字和图像都有锯齿。这对显示器小,和做高分辨率图片的情况,非常实用。并且通过旋转视图工具(Rotate View Tool),还可以360度旋转画布,特别适合使用Photoshop绘画的用户。(这项功能需要机器较好的配置了)否则就如同本人一样得到如下的对话框框……非常强大的蒙版功能,可以建立先建立一个蒙版,之后再调节蒙版的边缘羽化值,随时随地哦,超实用~这样蒙版边缘可以随时被调整了,不像过去,做完要模糊,模糊了不合适只有历史,现在可以随时调整。对于偶这样没啥条理的人,简直就是量身定制。(蒙板功能演示视频:http: //www.youtube.com/watch?v=FE9ggqYkc9E)

Photoshop CS4内容识别比例工具无损裁边
爱冲洗照片的朋友一定知道,由于数码相机拍摄尺寸和照片冲洗尺寸通常无法吻合,所以在数码照片冲洗店冲洗照片时,必定会被“残忍”地裁去一大截照片中精彩的内容,给照片冲洗带来遗憾(图1)。 在Photoshop CS4之前的版本中,要实现无损失的剪裁操作是十分复杂的。而现在利用Photoshop CS4中的“内容识别比例”工具,只要简单地拖动鼠标就可以完美实现无损剪裁。现在就让我们一起来试试如何无损地完成一次6英寸照片的剪裁吧! 1. 启动 Photoshop CS4后,在菜单栏中单击“打开”命令,选择并打开需要处理的照片。然后用鼠标选择“背景”图层并拖至“创建新图层”,复制出一个背景图层副本。最后用鼠标将“背景”图层拖至“删除图层”,将锁定的“背景”图层删除(图2)。这些操作的目的在于解除“背景”图层的锁定,让我们可以对打开后的原始图像进行自由转变和内容识别比例工具的使用。 制作“保护罩”,锁定照片内容 在进行具体的“内容识别比例”变换之前,我们需要以手动方式对照片中一些不需要变形的内容进行“保护”。要“保护”就得先制作一个“保护罩”告诉Photoshop哪些地方是不需要“内容识别比例”变换的。 2. 制作这个“保护罩”的原材料就是选区了,在工具箱中选择“套索”工具,并勾勒、圈选出需要保护内容。通常我们需要保护的内容一般是照片中的主体人物或物品。 3. 依次选择“选择→储存选区”,在弹出的“储存选区”对话框的名称项中输入被保护的事物名称(图3),并单击“确定”完成对选区的储存。数码相机的拍摄尺寸和传统冲印尺寸有些不符

Photoshop CS4打造《梅兰芳》电影海报
海报设计的语言是一种靠视觉感悟所产生的语言,它是设计师思想和理解的视觉化表现,并且有独特的传递方式。海报设计不是艺术,不能完全是设计师个人的喜好,设计要根据客户的需要,解决具体的问题,体现商业价值的同时展现了海报设计思想。下面梅兰芬海报设计主要应用了 Photoshop 的文字工具、渐变、蒙板等,希望大家喜欢。 先看最终效果:终效果 下图是素材图片,来自互联网,仅供学习交流。素材1素材2素材3

PhotoshopCS4教程:迷幻烟雾字体特效
第一步:打开Photoshop cs4,新建一个1920x1200 像素的文件,命名为【烟】。 在图层调板中,双击【背景】图层缩略图,进行“解锁”,“解锁”后的图层系统将自动将其命名为【图层 0】。我们再次双击【图层 0】的图层缩略图,这次将会弹出【图层样式】对话框,我们选择【渐变叠加】,参数设置如下图所示。 其中【渐变编辑器】中两个色标的颜色分别是#07090a 和 #202b35,其它参数设置如下图所示。 添加图层样式后的效果如下图所示。 第二步:在工具箱中选择【横排文字工具】,输入文字,效果如下图所示。 在文字图层缩略图上点击鼠标右键,在弹出的快捷菜单中选择【栅格化文字】命令。然后执行【滤镜―模糊―动感模糊】命令,设置模糊的角度为90度,距离为40像素,效果如下图所示。(林栖者语:此处先将文字图层转换成智能对象也可以进行滤镜操作) 第三步:执行【滤镜―扭曲―波纹】命令,参数设置如下图所示。 效果如下图所示。 第四步:执行【滤镜―模糊―高斯模糊】命令,模糊半径为10像素。 点击图层调板下方的【创建新组】按钮,新建一个组,然后将其重命名为【文字】,把刚才新建的文字图层拖入组【文字】中,并将组【文字】的混合模式改为【颜色减淡】效果如下图所示。 第五步:在所有图层的上面新建一层,命名为【云】。确认前景色为白色,背景色为黑色,执行【滤镜―渲染―云彩】命令,效果如下图所示。

Photoshop CS4快速打造飘渺的烟
先看一下最终效果:下载飘渺的烟笔刷:http://images.enet.com.cn/eschool/luntan/bishua/smoke_brushes.zip第一步:打开photoshop cs4,新建一个1920x1200 像素的文件,命名为【烟】。 在图层调板中,双击【背景】图层缩略图,进行“解锁”,“解锁”后的图层系统将自动将其命名为【图层 0】。我们再次双击【图层 0】的图层缩略图,这次将会弹出【图层样式】对话框,我们选择【渐变叠加】,参数设置如下图所示。其中【渐变编辑器】中两个色标的颜色分别是#07090a 和 #202b35,其它参数设置如下图所示。添加图层样式后的效果如下图所示。

Photoshop CS4制作感恩节主题海报
感恩节是美国人独创的一个古老节日,也是美国人合家欢聚的节日,时间是在11月的第四个星期四,感恩应该是一种美德,下面我们就跟着教程一起来制作感恩节主题海报吧。 11月的第四个星期四是感恩节,感恩父母,给了我们生命;感恩兄弟姐妹;感谢生活;感谢爱人;让我们始终怀着一颗感恩的心。 下面就由集创设计为我们带来感恩节主题海报制作教程。教程使用Photoshop CS4,用到渐变工具、自定义形状工具、径向模糊滤镜、图层样式等工具,希望能给您带来帮助!最终效果图 1、打开Adobe Photoshop CS4软件,执行菜单:"文件"/"新建"(快捷键Ctrl+N),设置名称:保持一颗感恩的心--感恩节,设置宽度:3000像素,高度:1980像素,分辩率:300像素,颜色模式:RGB、8位,背景内容:白色,如图1所示。图1 2、选择工具箱中的渐变工具,在工具选项栏中设置为线性渐变,在工具选项栏中点击可编辑渐变工具,弹出渐变编辑器,设置由深红渐变到朱红色,在绘图区中从上而下拖动出渐变效果,如图2所示。图2 3、选择工具箱中的自定义形状工具,然后在工具选项栏中选择形状为心形,设置颜色为深红色,执行菜单:"图层"/"新建"/"新建图层"(快捷键Ctrl+Shift+N),新建图层2副本,在新图层中绘制出心形形状,按Ctrl+Enter将形状转换为选区,然后按Alt+Backspace将选区填充为深红色,如图3所示。图3

Photoshop CS4教程:两步搞定素雅颜色
其实这个教程本身只是讲述了PS CS4新增加的“调整”与“蒙版”调板的基本用法,效果用之前的版本也都能做出来。 有了“调整”与“蒙版”调板后,确实是省了不少事。