推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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
最新发布
使用Font Creator 6.5批量修改字体大小、位置
调整插件少不了对字体的拼合工作，但是有时我们会发现，拼合之后的字体中文和英文的大小相差很多，比如oUF_NIN自带的英文字体( Russel Square LT )和 苹果丽黑 冬青黑体( Hiragino Sans GB W6 )拼合之后： 英文和数字比汉字小了很多，尤其是数字，几乎还不到汉字高度的2/3。这样的字体在一些空间较小、同时含有中英文的地方的表现往往不尽如人意。很久很久以前我调过一个 Bauhaus 字体的高度，让它和微软雅黑更协调，那会儿用FCP4调的我吐了一晚上血。之后就再没尝试调整字体了，直到今天发现FCP6.5。FCP6.5可以批量对字体中的字符的大小、位置进行修改，就以上文提到的两个字体的拼合，对英文进行缩放为例做简单介绍： 打开 Russel Square LT ，点击 Tools - Glyph Transformer，在左边框体中选择Outlines - Scale，点击向右的箭头，左下的框设置缩放比例，在右下设置缩放方式。然后点击OK会弹出一个对话框，内容大概是这是一个不可撤销的操作，点Yes继续。然后就可在预览窗口中看到效果了(什么？没有预览窗口？按F8)，或者按F5对字体进行测试。接下来就可以把放大后的字体拼合到中文字体中了，不再赘述。
用Font Creator修改字体文件内部名称
在Windows XP系统中经常会遇到下载了某一款字体，安装时显示“不是有效的字体文件”或者“无法安装XX字体，字体文件可能已损坏”的提示，另外如汉鼎等一些字体在Photoshop软件中只显示一种字体的情况，本文将向朋友们介绍运用Font Creator修改字体文件内部名称，解决以上问题的办法，希望能给朋友们带来帮助~~ 这两天有点时间，在教程网素材频道发点字体玩，在发《汉鼎繁特楷体》时发现无法用Windows Fonts Viewer预览字体，提示“不是有效的字体文件”，偶记得在网上看到过解决这个问题的办法，就去网上找了找，看到用Font Creator可以解决这个问题，操作很简单，就是运行Font Creator软件，打开要修复的字体，什么也不用做，直接保存就O了。欣喜一下，这么容易就解决了 接着用PS做预览图，发布字体，特楷体发完以后，准备发《汉鼎繁印篆体》时，又遇到问题，怎么弄来弄去的，PS里就只显示特楷体，印篆体毫无踪迹，用Word检查的时候，发现印篆体在啊，奇怪了啊 得，咱还是找百度大叔问问怎么解决吧，结果在偶们坛子里就有人问过这个问题，kafan大大（话说kafan大大可是失踪了很长时间了 ）给了个地址，http://fr.hxsdblog.com/?p=238，在回贴中有人说第一种办法不能解决问题，第二种办法不敢试，偶也不敢试，发字体就是为了个玩儿，要是把偶的系统搞崩溃就不好玩儿了，对吧 好吧，偶再去找别的办法，又看到说用Font Creator Program打开汉鼎字体，选择Format菜单下的Name命令，然后在Microsoft Big5一栏里修改Font Name（我的做法是把所有和Font Name有关的名称都修改成英文）。偶按这个办法，打开字体，准备改名字的时候发现，有N多选项，偶也不知道要怎么改，折腾来折腾去，整了十几遍，PS里还是只显示一种汉鼎字体，偶要崩溃了 再去百度查资料，越看偶越晕，原来字体还有这么多道道，偶是整不明白了，准备放弃的时候，柳暗花明了 偶发现有位大大发了一个用fontcreator修复好了的汉鼎字体，赶紧下回来看看人家咋弄滴，葫芦画瓢总能成吧。 好了，下面偶把偶画瓢的经过说一遍，看看可能帮到喜欢汉鼎字体的友友们 首先下载《Font Creator Setup5.6字*作及修改软件简体中文汉化注册版》，偶发到素材频道了：http://d.jcwcn.com/fshare-view-fhid-7841.html 解压以后怎么安装就不用偶教了吧 安装完成以后运行Font Creator程序，打开一个已有的字体文件，选择你要修复的字体，如图选择“格式”，然后点击“命名”，如图在点击“命名”后，可以看到如图的界面现在开始跟偶一起画瓢吧 第一步，选中Macintosh Chinese (Simplified)，点击添加，在下拉窗口中找到Chinese (Simplified)选项，确定提示：不做这一步操作，就不能在右边的命名对话框里填写数据第二步，开始在命名对话框里填写数据，表问偶为什么要这样填，偶只管画瓢，专业级的问题要高手来回答 提示：如果不知道版权声明和版本字符串的，可以用Windows Fonts Viewer来查看（方法：右键点击字体，打开方式，选择Windows Fonts Viewer）第三步，选中Macintosh Roman，点击添加，在下拉窗口中找到Chinese (Simplified)选项，确定，在命名里填写数据，如图
PhotoShop简单制作水彩效果边框
原图效果图第一步：打开素材，复制一层，矩形选框，选比原图较小点的框，反选，按Q进入快速蒙板。如图： 第二步：滤镜-扭曲-海洋波浪 数值：9、9。如图：
抠图专家：KnockOut外挂滤镜（二）
使用Photoshop抠取透明物体是一个很复杂过程，常见的方法是利用了Photoshop图层的“屏幕”和“正片叠底”特性抠取透明物体，这个过程十分繁琐。KnockOut利用阿尔法通道来保存蒙版，当去掉背景以后，会保留含有阿尔法通道的透明物体。今天我们使用KonckOut来抠取一个透明的玻璃杯。 （1）启动Photoshop，打开一幅玻璃杯照片，如图1所示。 图1 （2）在图层面板中将背景层拖放到下方的“创建新图层”按钮上，创建一个“背景副本”层，如图2所示。图2 （3）保持当前所操作的层为“背景副本”层，然后执行“滤镜/Knockout/Load Working Layer...”菜单命令，启动KnockOut 2.0。在KnockOut中使用外部对象工具在杯子的外部绘制一个选区，如图3所示。绘制外部选区线的时候注意不要碰到杯子上的任何地方。绘制选区线的时候，按住Shift键可以添加特定的选区线；按住Alt键可以删除特定的选区线。图3
梦幻抠图大师 Corel Knockout 2.0
从事图像处理的人都会遇到抠图的问题：把图片中的背景给去掉，保留前面主题部分，从而达到所需要的状态。虽说在PhotoShop里通过多个工具可以实现，但终究比较复杂，对菜鸟来说则更是耗时、耗力。为此，Corel公司开发了专业的抠图软件knockout，该软件连极细的毛发都能从复杂的背景中分离出来。特别是2.0版本更是比1.5有了质的飞跃。利用它配合PhotoShop滤镜使用，在图像输出上会简化许多（knockout 2.0处理完后不用存盘就可直接返回Photoshop下进行编辑），从而给图像处理人员节省了时间和硬盘空间。 一、将knockout 2.0安装在Photoshop中 下载knockout 2.0后，必须安装在photoshop的“增效工具\滤镜”路径下，这一步很关键。 1.photoshop 7.0中的安装路径：C:\ProgramFiles\Adobe\Photoshop 7.0\Filter\Plug-In 2.photoshop CS 8.01中的安装路径：C:\ProgramFiles\Adobe\Photoshop CS 8.01\增效工具\滤镜 安装完以后再启动photoshop时，在滤镜菜单中就有knockout 2.0了。 二、用knockout 2.0抠图的步骤 打开图片：运行PhotoShop ，我们打开一幅图片。 复制新图层：选中“背景”层，点击鼠标右键选中“复制图层”。因为用原始图层是不能运行KnockOut 2.0的，所以我们要新建一个“背景副本”图层。 启动KnockOut 2.0：选择“滤镜”下的“KnockOut2”→“Load Working Layer”，开始运行KnockOut 2.0（图3）。进入KnockOut 2.0后，选中工具箱中的Zoom Tool（图标1）调整图片的视图大小，使图像完全在屏幕上显示出来，以便我们对图像进行操作（单击“CTRL+鼠标左键”放大图像，点击“ATL+鼠标左键”缩小图像）。 画出图片保留区域：在KnockOut 2.0的界面里点击工具箱里的Inside object，沿图片的内部边缘开始画线（图4），画线以内的部分就是需要保留的部分。画线时应仔细，不要碰到图像的外部，否则会损伤抠出的图，总之记住画线内部的底色是不透明的。如果画线的时候看不清楚图像的实际边缘，可以按L键来放大，如果你对画出的区域不太满意，可以按“Ctrl+D”键来取消画出区域重新画。 然后点击工具箱里的Outside object，沿图片的外部边缘进行画线（图5）。这次画完后，画线以外的部分是需要删除的。画线内部和上次画线之间区域是图像从不透明到透明的过渡区域，也就是我们准备进行抠图的区域。
用滤镜制作彩色羽毛
1.新建一个 400PX * 400PX的文件，背景填充黑色 2.再新建一个图层，用矩形选取工具绘制选区如图1，然后按 Alt + Ctrl + D 羽化数值为3,然后填充为白色。按Ctrl + D 取消选区3.选择菜单： 滤镜 > 风格化 > 风 数值为默认,并按两次 Ctrl + F加强，效果如图2 4.选择菜单： 编辑 > 变换 > 顺时针旋转90度 并稍微移到图3所示的位置。5.选择菜单： 滤镜 > 扭曲 > 极坐标 > 极坐标到平面坐标效果如图46.用矩形选区工具选取如图5所示的区域然后按 Ctrl + Alt + Shift + I 反选 然后按 Delete 删除效果如图6 7.按Ctrl + J 复制一个图层 选择菜单 : 编辑 > 变换 > 水平反转 得到左边的部分，稍微移动一下得到一支完整的羽毛，然后把这两层合并. 8。在羽毛的图层上面新建一层，把图层混合模式改为：“颜色”，调出羽毛的选区，然后用渐变填充。本教程选的是彩虹渐变如图7图顶部,效果如图8
教你打造内卷爆炸视觉特效
最终效果图3.然后使用渐变工具，渐变颜色是前景色到背景色，然后按住SHIFT，从下到上进行渐变填充。 10.复制该图层，执行极坐标滤镜，选择极坐标到平面，把图层模式改为变暗，按CTRL + E合并两个图层。11.调整色阶，设置0, 1.30, 225。执行极坐标滤镜，设置为平面到极坐标。12.把上面图层模式改为滤色，按CTRL + E合并图层，最终效果如下。
Photoshop：滤镜说明(下)(1)
六、Pixelate（像素化）滤镜 像素化滤镜主要用于不同程度地将图像进行分块处理，使图像分解成肉眼可见的像素颗粒，如方形、不规则多边形和点状等，视觉上看就是图像被转换成由不同色块组成的图像。 （1） Color Halfone（彩色半调） 该滤镜可以将图像中的每种颜色分离，将一幅连续色调的图像转变为半色调的图像，使图像看起来类似彩色报纸印刷效果或铜版化效果。 （Max Radius）最大半径：调整彩色半调的大小。 （Screen Angles[Degrees]）网角（度）： 通道1（Channel1）：以通道1的颜色填弃当前文件图像。 通道2（Channel2）：以通道2的颜色填充当前文件图像。 通道3（Channel3）：以通道3的颜色填充当前文件图像。 通道4（Channel4）：以通道4的颜色填充当前文件图像。 填充以圆形填充整个画面，每个通道的填充的颜色都不同。 （2） Crystallize（晶格化） 该滤镜可以将图像中颜色相近的像素集中到一个多边形网格中，从而把图像分割成许多个多边形的小色块，产生晶格化的效果。有人将它译为“水晶折射”滤镜。 （Cell Size）单元格大小：我们可以拖动划杆来进前晶格化程度大小的不同，数]]值越大单元格越大。数值越小单元格越小。 （3） Facet（彩块化） 该滤镜通过将纯色或相似颜色的像素结为彩色像素块而使图像产生类似宝石刻画的效果。 执行完彩块化之后，我们要对图像放大，才能看到执行彩块化的效果是如何，它会把图像从规律的像素块变成无规律的彩块化。 （4） Fragment（碎片） 该滤镜通过建立原始图像的4个副本，并将它们移位、平均，以生成一种不聚焦的效果，视觉上看则能表现出一种经受过振动但未完全破裂的效果。 执行完碎片命令之后，我们要对图像放大，才能看到执行完碎片命令后的效果如何。执行过错碎片命令后，图像会变的模糊，变的重影。 （5） Mezzotint（铜版雕刻） 该滤镜能够使用用于指定的点、线条和笔画重画图像，产生版刻画的效果，也能模拟出金属版画的效果。正因为如此，它也译为“金属版画”滤镜。 类型: 精细点（Fine dots）：由小方块构成的，方块的颜色根据图像颜色，随机性。 中等点（Medium dots）：由小方块构成的，但是没有那么精细。 粒状点（Grainy dots）：由小方块构成的但是由于颜色的不同所以产生那种粒状点。 粗网点（Coarse dots）：执行完粗网点，图像表面会变的很粗糙。 短 线（Sort lines）：纹理由水平的线条构成的。 中长直线（Medium lines）：纹理由水平的线条构成的。但是线长稍长一些。 长线（Long lines）：纹理由水平的线条构成的。但是线长会更长一些。 短描边（Short strokes）：水平的线条会变的稍短一些，不规则。 中长描边（Medium strokes）：水平的线条会变的中长一些。 长边（Long strokes）：水平的线条会变的更长一些。 （6） Mosaic（马赛克） 该滤镜可将图像分解成许多规则排列的小方块，实现图像的网格化，每个网格中的像素均使用本网格内的平均颜色填充，从而产生一种马赛克效果。 单元格大小（Cell Size）： 方形（sqrare）；利用鼠标拖动划杆可以改变单元格的大小。 （7） Pointillize（点状化） 该滤镜可将图像分解为随即的彩色小点，点内使用平均颜色填充，点与点之间使用背景色填充，从而生成一种点画派作品效果。它也被译为“点彩画”滤镜。 （Cell Size）单元格大小：20 圆形；利用鼠标拖动划杆可以改变单元格的大小。
利用PHOTOSHOP滤镜打造迷幻光束
这篇教程教飞特网的PS FANS们利用PHOTOSHOP滤镜打造迷幻光束；本教程前半部分的制作很多教程都有提到过，作者再在之前的基础上继续深化，加入了其它滤镜效果，从而使效果图更加美观。希望这篇教程对大家有用！最终效果下面是具体的制作步骤：1、新建一个400 * 400像素文件，选择渐变工具，颜色设置为黑白渐变，然后由上至下拉出下图所示线性渐变。 2、执行：滤镜 > 扭曲 > 波浪，参数设置如下图。 3、执行：滤镜 > 扭曲 > 极坐标，选择平面坐标到极坐标，如下图。