推荐阅读

详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去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中界面的应用技巧
1、使用缩放区域(缩放区域在Photoshop窗口的左下角或是导航器浮动面板中)可准确输入想要缩放的程度。小贴士:在输入值之后按下Shift+Enter键能够让这个区域保持活动。2、在默认情况下,状态栏上会显示文档大小,要改变状态栏上显示的信息,可以点击状态栏上的“显示”选项按钮,并在弹出菜单中选择相应选项。你也可以点击状态栏,来显示当前文档的打印大小。按下Alt点击能够看到图像的尺寸和分辨率,按下Ctrl点击则能够查看标题信息。小贴士:在状态栏菜单中选择“文档配置文件”,你就能够看到Photoshop中所有打开的文档的色彩情况。3、双击Photoshop的背景空白处(灰色显示区域)即相当于“打开”命令[Ctrl+O](文件>打开)。文档窗口4、要改变画布边缘色,你可以按下Shift,点击颜料桶工具,用前景色(灰)来填充画布边缘。注意:要替换默认的颜色,可以把前景色设置成25%灰度(R192,G192, B192),再次按下Shift点击画布边缘。5、使用“F”键可以使显示方式在三种不同的全屏模式间转换,或者使用工具条底部的全屏模式按钮。小贴士:按下Shift+F也可以在全屏模式下触发这个菜单。按住Shift点击工具栏上的屏幕模式按钮,也能够将所有打开的文档以选中模式显示。

关于PS抠图的初步认识介绍
1 抠图的本质 所谓抠图,就是将要与不要的图形区分开,也可以说:抠图的本质是更换背景。其具体表现有下述三种情况:1、更换为透明背景。这是名副其实的抠图。它实际上只能是:将不要的部分透明化(并不是真的换了一个透明背景)。如;创建选区,再拷贝-粘贴。2、更换为纯色背景。为上述真正意义上的抠图奠定基础。如:利用KnockOut软件或在PS中利用快照。3、更换为实用背景。它不拘泥于“抠”,而着眼于抠图的应用目的。如:在PS中利用快照。2 抠图的要点和关键要与不要的图形区域的边界(简称“抠图边界”)是抠图的关键部位,需要特别细心和认真对待。3 抠图的方法和工具方法和工具总是联系在一起的。抠图的方法大致可划分为下述三大类:1、创建选区。创建选区的目的在于将要与不要的图形区分开(至于选区边界的羽化,通常总是需要的,以下不再提及),以便通过拷贝-粘贴或删除等工具,将不要的图形区域透明化。

关于PS中文字的25条应用技巧
5、想要对几个文字图层的属性同时进行修改,例如字体、颜色、大小等等,只要将想要修改的图层通过按住Shift键关联到一起,再进行属性修改即可。 注意:这个特性的应用可以在“选项”浮动面板以及“字符”或“段落”浮动面板中进行操作。 6、尽管在文字图层中的编辑>填充命令和颜料桶工具都不能使用,但Alt+空格键(使用前景颜色填充)和Ctrl+空格键(使用背景颜色填充)仍然是可用的! 7、合理利用文字工具,在图像窗口中右键点击文字图层来显示一个相关菜单,里面具有很多有用的格式安排选项。 注意:在ImageReady中右键菜单的实用选项要比在Photoshop中所出现的更多。 8、有些字体可能不支持粗体或者斜体,那么你可以试着对它们使用字符浮动面板菜单中的仿粗体或是仿斜体。 提示:你也可以通过右键点击文字图层来选择仿粗体和仿斜体。 9、在你需要同时改变文字或段落图层中的大小和行距时,按下Shift和Ctrl键。 10、当你处在输入/编辑模式下时,使用“视图”菜单有什么作用呢?“显示额外内容”命令能够将文本选定隐藏。 11、为了限定Adobe的应用程序使用的某些字体,请将它们放进C:\Program Files\Common Files\Adobe\Fonts\。 12、使用以下的点击或是拖动方法来启用一些高级的文字选择特性:

关于PS中动作/批处理的15条技巧介绍
注意:要改变一个特定命令步骤的参数,只需要双击这个步骤,显示出相关的对话框:任何输入的新的值都会自动被记录下来。 2、要想从某个指定的步骤返回播放,只需要选中需要开始播放的步骤,接着点击“动作”浮动面板下方的“播放选定的动作”按钮即可。 3、如果你正在记录下的一个动作可能会被用于不同的画布大小,那么请将你的标尺单位转变为百分比。这样就可以确保所有的命令和画笔描边能够按相关的画布大小记录――而不是基于特定的像素坐标。 小贴士:要很快地改变标尺单位,只需要右键点击“标尺”[Ctrl+R](视图>标尺),接着选择你需要的测量单位。你也可以通过双击标尺来访问标尺的设置,或是通过“编辑>首选项>单位与标尺”菜单[Ctrl+K, Ctrl+5]。 4、当你在记录或编辑一个动作时,你可以插入一个菜单命令,只需要在“动作”浮动面板中选择“插入菜单项目”即可。 小贴士:对于将步骤类属记录到动作中,这是一个很好的方法,例如,菜单命令则能通过预设的参数而不被记录下来。 5、按下“Ctrl+Alt”并在“动作”浮动面板中选择“存储 动作”就能够将所有的动作保存为一个文本文件。这在你审查或打印一个动作内容时就非常有用。 注意:这个文本文件是不能重新载入到Photoshop中的。 6、关于动作,它有一个确实很强大的功能就是它能够播放其它的动作,甚至是在不动的动作设置中。对于包含那些能够分割到动作的“子程序”中重复的命令部分,这个特性是很理想的,因为这样能够让动作更容易编辑与维护。当你在记录一个动作的时候,选择其它的动作并点击“播放”按钮,这个播放命令就会被作为一个动作步骤记录到当前的动作中。 7、使用“文件>自动>创建快捷批处理”命令能将一个动作保存为一个快捷批处理。一个快捷批处理是一个很小的可执行文件,打开它能够自动打开Photoshop并将设计好的动作应用到任何你拖动到其之上的图像。

关于配置中的15条技巧
2、Photoshop要求一个暂存磁盘,它的大小至少要是你打算处理的最大图像大小的三到五倍――不管你的内存 究竟有多大。 例如,如果你打算对一个5MB大小的图像进行处理,你至少需要有15MB到25MB可用的硬盘 空间和内存大小。 3、如果你没有分派足够的暂存磁盘空间,Photoshop的性能则会受到影响。Photoshop所占用的聂存受到可用暂存磁盘空间的限制。因此,如果你有1GB大小的内存,并指示Photoshop能够使用其中的75%,但仅有200MB能够用作设计时的暂存磁盘,那么大多数情况下,Photoshop就会使用200MB。 注意:要获得Photoshop的最佳性能,将你的物理内存占用的最大数量值设置在50%――75%之间。[Ctrl+K, Ctrl+8](编辑>首选 项>内存与图像高速缓存)。 你不应将Photoshop的暂存磁盘[Ctrl+K, Ctrl+7](编辑>首选项>增效工具与暂存盘)与你的操作系统设置在同一个分区,因为这样做会使Photoshop与你的操作系统在争夺可用的资源,这样就会导致整体性能的下降。 4、在打开Photoshop时按下Ctrl和Alt键,这样你就能在Photoshop载入之前改变它的暂存磁盘。 5、要将所有的首选项还原为默认值,就在打开Photoshop或ImageReady之后立即按下Ctrl+Alt+Shift。此时就会出现一个对话框,询问你是否确认需要重置。 6、通常,到你选择一个历史记录接着对图像进行更改时,所有活动记录下的记录都会被删除,或者更准确地来说,是被当前的记录所替代。然而,如果你启用了“历史记录”浮动面板中的“允许非线形历史”选项,你就可以选择一个记录,对图像做出更改,接着所做的更改就会被附加到“历史纪录”浮动面板的底部,而不是将所有活动记录下的记录都进行替换。你甚至还可以在不失去任何在其下方的记录的情况下删除一个记录。 注意:在历史纪录之间的水平线颜色指示了它们的线性关系。用白色进行分割表示线形历史纪录,而黑色则表示非线形历史记录。 一个非线形历史不仅非常占用内存,它也十分地令人难以理解。

关于photoshop图层的42条技巧
图层的基本操作技巧 1、如果你只想要显示某个图层,只需要按下Alt键点击该图层的指示图层可视性图标即可将其它图层隐藏,再次按下则显示所有图层。 2、按下Alt键点击当前层前的画笔图标就可以将所有的图层与其取消链接关系。 3、要改变当前活动工具或图层的不透明度可以使用小键盘 上的数字键。按下“1”则代表10%的不透明度,“5”则代表50%。而“0”则是代表100%的不透明度。而连续地按下数字,例如“45”,则会得出一个不透明度为45%的结果。 注意:上述的方法也会影响到当前活动的画笔工具,因此,如果你想要改变活动图层的不透明度,请在改变前先切换到移动工具或是 其它的选择工具。 4、按下Alt键点击“图层”调板底部的“删除图层”图标,则能够在不弹出任何确认提示的情况下删除图层,而这个操作在通道和路径中同样适用。 小贴士:这条技巧同样也能够用在图层蒙板和剪切路径中,现在适当的缩略图上点击一下,接着按下Alt键后点击“删除”图标,这 样就能够在不出现任何确认提示的情况下将蒙板或路径删除。 5、按下Ctrl后点击“图层”调板底部的“删除图层”图标,就能够同时将所有相关的图层都同时删除。 注意:如果所有的图层都是相关联的,这个技巧则不能使用,因为你不可能将一个图像中的每个图层都删去,因为一个图像中至少需 要有一个图层。 6、当你当前在使用“移动”工具,或是按下Ctrl键时,在画布的任意之处右键点击都能够在鼠标 指针之下得到一个图层的列表,按照从最上面的图层到最下面的图层这样按顺序排列,在列表中选择一个图层的名称则能够让这个图层处在活动状态。

Photoshop CS3 扩展版新功能介绍
“快速选择”和“调整边缘”工具 快速进行选择。松散地在某个图像区域上绘图, “快速选择”工具会自动为您完成选择。然后使用“调整边缘”工具微调您的选择。 智能滤镜 从图像添加、调整和删除滤镜, 不必重新保存图像或重新开始以保持质量。使用非破损智能滤镜可以可视化更改而不必更改原始像素数据。 高级复合 通过自动对齐基于相似内容的多个 Photoshop 图层或图像, 创建更加准确的复合图像。自动对齐图层命令快速分析详细信息并移动、旋转或变形图层以完美地对齐它们, 而自动混合图层命令混合颜色和阴影来创建平滑的、可编辑的结果。 简化的界面和调板管理 最大化用于编辑的屏幕空间, 同时保持必备工具可以访问。调板现在以方便的、自动调节的停靠方式进行排列, 可以扩大到原来的大小或缩小为图标, 或者甚至缩小为监视器边缘的一个小巧的、自动展现的带区。 更好的原始图像处理 使用 Adobe Photoshop Camera Raw 插件以更快的速度和出色的转换质量处理原始图像, 该插件现在增加了对 JPEG 和 TIFF 格式的支持; 新工具包括 Fill Light 和 Dust Busting; 与 Adobe Photoshop Lightroom? 软件兼容; 及支持超过 150 种相机型号。 使用 Adobe Bridge CS3 的更快的、更加灵活的资源管理 使用 Adobe Bridge CS3 软件, 更加有效地组织和管理图像, 该软件现在提供增强的性能、一个更易于搜索的“滤镜”面板、在单一缩略图下组合多个图像的能力、放大镜工具、脱机图像浏览等等。 增强的消失点 使用增强的消失点将基于透视的编辑提高到一个新的水平, 这使您可以在一个图像内创建多个平面, 以任何角度连接它们, 然后围绕它们绕排图形、文本和图像来创建打包模仿等等。 增强的 32 位高动态范围 (HDR) 支持 创建和编辑 32 位图像并将多个曝光组合为保留场景的完全范围 (从最深的阴影到最亮的高光) 的单一 32 位图像。新的图像处理和对齐算法提供出色的结果。 黑白转换 可以轻松地将彩色图像转换为丰富的黑白图像, 并使用新工具调整色调值和浓淡。使用包含的黑白预设进行试验, 或者创建和保存您自己的自定义预设来达到最佳结果。 性能峰值 体验在基于 Intel 和 PowerPC 的 Macintosh 计算机上和在 Microsoft Windows XP 和 Windows Vista 系统上的本机性能。

Photoshop路径钢笔基础使用方法动画图解
Photoshop处理的是点阵图,而钢笔工具是Photoshop里面唯一矢量工具。刚接触这个工具可能会让你感到有点吃力,但是当你理解其运作原理后,你就会逐渐感受到其妙处。希望这一点技巧对你使用这个工具会有一点帮助。 首先,用鼠标按住这个钢笔工具的按钮。你将看见另一个工具栏的弹出,它们都属于钢笔工具。现在逐一介绍它们的用法。转换点工具:可以将一条光滑的曲线变成直线,反之亦然。

教你玩转Photoshop的“自由变形”工具
大家都知道在PS中编辑(Edit)菜单下有一个变换菜单,它的子菜单包含缩放、旋转等等,初学者在对这些菜单的理解上往往会以强记的方式,其实这样学习效果并不好。 这里我根我自己的一些经验和体会,对“自由变换”作了一个小结,以此献给初学者。 自由变换的快捷键:Ctrl+T 辅助功能键:Ctrl、Shift、Alt。 其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。 一、三键均不按下,用鼠标拖动 1.鼠标左键按住变形框角点=>对角不变的自由矩形(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由矩形; 3.鼠标左键在变形框外拖动=>自由旋转角度,精确至0.1度。(5.0版本通过“info”信息面板“F8”;6.0以上版本可直接在选项栏中定义) 二、按下Ctrl,用鼠标拖动 1.鼠标左键按住变形框角点=>对角为直角的自由四边形; 2.鼠标左键按住变形框边点=>对边不变的自由平行四边形; 3.Ctrl对角度无影响。 4.特例(如图),当某角点拖动至侧对边外时(不好意思,具体位置和角度未计算)会出现如图扭曲。 1.鼠标左键按住变形框角点=>等比例放大或缩小(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>(同一,即无影响); 3.鼠标左键在变形框外拖动=>15°增量旋转角度,可作90°、180°顺逆旋转。 四、按下Alt,用鼠标拖动

Photoshop通道在图像处理中的应用详解
如果问“什么是 photoshop 中最重要、最不可缺少的功能?”相信很多人的回答是“图层”。其实,在 photoshop3.0 之前,根本没有图层的功能。在图像处理中,最重要的功能是选区范围。只有正确地运用选区范围,才能够进行精确的合成。如果无法选区,也就无法作出相应的操作或处理。 为了记录选区范围,可以通过黑与白的形式将其保存为单独的图像,进而制作各种效果。人们将这种独立并依附于原图的、用以保存选择区域的黑白图像称为“通道”( channel )。换言之,通道才是图像处理中最重要的部分。 然而,真正懂得Photoshop通道的人并不多。对基本概念的一知半解,造成了技术上的断层,以致某些难点无法突破,这是由学习上的本末倒置所造成的。本文试图通过常用的图像处理方法,来探讨Photoshop通道的本质、运算及其特殊形式,帮助读者从中获得启发,理解本质,掌握应用。 一、通道起源――传统照相合成技术及其数字化 1 .遮板的应用 我们知道,照相排版行业的全面数字化不过是最近几年的事情。在此之前,图像合成工作者的工作量之大,内容之枯燥令人难以想象。他们必须将自己关在暗房里,在放大机下面作遮板,以便在底片曝光时有所选择。这种遮板其实就是有选择地在一张透明底片的不同部位涂上黑色染料,让光线不能透过。在曝光时,使遮板与底片重叠放置,这样,遮板上黑色区域下面的底片图像就因为被不透明的黑色遮住而不能被曝光,而只剩下透明部分对应的图像,也就是说完成了对照片的选择曝光。在进行了反复几次相同牟僮髦后,就能运用不同的遮板完成高难度的照片合成了? 通道的概念,便是由遮板演变而来的。在通道中,以白色代替透明表示要处理的部分(选择区域);以黑色表示不需处理的部分(非选择区域)。因此,通道也与遮板一样,没有其独立的意义,而只有在依附于其他图像(或模型)存在时,才能体现其功用。而通道与遮板的最大区别,也是通道最大的优越之处,在于通道可以完全由计算机来进行处理,也就是说,它是完全数字化的。 2 .通道――传统技术的数字化 计算机可以不知疲倦的 24 小时工作,而且效率极高。因此,人们不遗余力地将一切可能的信息交由计算机处理,数字化的浪潮席卷全球,图像处理行业也不例外。 如何将一张鲜活的照片变成我们硬盘上的“ 0 ”与“ 1 ”呢?在此之前,让我们来看看数字化信息的特点。首先,顾名思义,数字化信息最大的特点就是任何形式的信息都可以用数字完整、准确的表达出来,无论它是一条记录、一通电话、还是一段录影。数字化的这个特点是很容易理解的,我们称之为“解析”。