推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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
最新发布
积雪字
积雪字是在冷饮类广告中最常见到的一种特效文字，如图5-188所示。凡是在与冰雪有关的设计作品中，使用这种积雪字会使文字更符合作品的设计意境。图5-188 完成效果积雪字的制作主要是对通道中的文字图像应用“风”滤镜和“高斯模糊”滤镜，得到积雪图像的通道选区，然后利用通道选区编辑出积雪图像，最后再为文字添加图层样式效果。图5-189出示了该例的制作流程图。图5-189 制作概览（1）启动Photoshop，执行“文件”\“新建”命令，打开“新建”对话框，如图5-190所示设置对话框，创建名为“积雪字”的新文档。图5-190 积雪字（2）设置前景色为桔红色（R：255、G：114、B：0），按下〈Alt+Delete〉键，应用前景色填充背景。
冷饮字
冷饮字是以图片代替单词中的个别字母，使图片成为该单词的组成部分，起到文字的作用，如图2-182所示完成效果。图2-182 完成效果冷饮字的编辑是使用“横排文字”工具输入文字，再导入素材图片，将文字和素材图片放置在一起组成一个英文单词。图2-183出示了该例制作流程图。图2-183 制作概览（1）启动Photoshop，在菜单栏中选择“文件”\“新建”命令，打开“新建”对话框，参照图2-184所示，新建一个名为“冷饮字效”的空白文档。图2-184 “新建”对话框（2）从本书的附带光盘\Chapter-02文件夹中打开“水珠.jpg”文件，使用“移动”工具，将“水珠.jpg”图片拖动到“冷饮字效”文档中，创建“图层1”，如图2-185所示。
剪纸字
剪纸字是将文字效果制作成像剪刀剪出来的字一样。使用这种方法制作出来的文字，具有一种民间工艺美术的风格，如图1-151所示。图1-151 完成效果该实例字效的制作较为简单，首先使用“钢笔”工具绘制出文字的形状路径，然后将路径转换为选区，再为选区填充颜色，得到文字的基本形状，最后为文字设置描边效果和阴影效果。图1-152出示了本例的制作流程图。图1-152 制作概览（1）启动Photoshop，执行菜单栏中的“文件”\“新建”命令，打开“新建”对话框，如图1-153所示设置对话框，创建一个名为“橘文字”的新文档。图1-153 设置“新建”对话框（2）执行“文件”\“打开”命令。打开本书附带光盘\Chapter-01文件夹中的“气泡.jpg”文件，使用工具箱中的“移动”工具，将素材图像拖到新创建的文档中，如图1-154所示。
Photoshop简单制作动感燃烧文字特效
新建立一个文档，然后输入文字： 复制文字层，然后执行风滤镜，选择从左，然后执行动感模糊滤镜，设置图层的不透明度为85%： 合并两个图层，按Ctrl+T进行自由变换： 最后一步，模式调整为灰度然后再调整为索引颜色，然后再执行颜色表设置颜色：
Photoshop 制作强烈火焰字效果
最终效果演示： STEP 01.新建一个文档 新建一个文档，将其窗口大小调整为600×600，分辨率150px，背景色为白色： STEP 02.在黑色背景中输入白色文字 填充文档背景为黑色，在*输入白色的文字. 并复制一个文字层，如下图所示： STEP 03.利用风效果给文字增加风效果 选中“Blueidea”层，按Ctel+E键将“Blueidea”层和背景层合并，再执行“滤镜->风格化->风”给文字增加风效果(第一次风的方向选择“从由”，后面我们还要给文字增加“从左”的效果).：
利用火焰素材制作逼真的燃烧字
在photoshop中创建一个新的文档，大小为1920×1200px。选择渐变工具，画一个棕色的径向渐变(颜色值是由#5c3d09到#1f1409)，因此你得到了一个像下图一样的效果。注意渐变不是从正中间开始画的，而是靠画面的顶部开始画的。我们想要文字顶部是火的效果，因此图像的顶部应该稍微更亮一些。如果你需要从头做起，首先你需要到Bittbox中得到最初的纹理图片，然后跟着先前的步骤做。 因此我创建一个新的图层，并用颜色(#4b4f3b)进行填充，然后增加一个图层蒙版，利用渐变隐藏图像的上半部分。(现在你应该得到下图这样的效果)。现在设置图层的混合模式为颜色，不透明度为45%。我们将要运用红色的火焰给这个文字的上半部分增加一些效果，使它从背景中跳出来。这个就意味着我们将要给文字增加一些效果和图层蒙版，目的是为了只显示文字的上半部分，而文字的下半部分仍旧和当前的若隐的效果一样。
制作霓虹灯效果文字
制作过程： 1、打开一幅背景图，效果如图01所示。 4、按Ctrl+T键为文字添加自由变形框，按住Ctrl键进行拖动，改变文字的形状，效果如图03所示。 5、复制文字图层重命名为图层1。选择图层1，执行菜单栏中的“滤镜”“模糊”“动感模糊”命令，然后在动感模糊对话框中设置角度为-75，距离为45，如图04所示，图像效果如图05所示。 图04图056、将图层1拖动到图层面板下方的创建新图层按钮上进行复制，将其重命名为图层2。按Ctrl+E键合并图层1和图层2为图层2。 7、选择工具箱中的“移动工具”，将图层2中的图像移动到文字图层对象的上方，效果如图06所示。 9、选择图层3，执行菜单栏中的“编辑”“描边”命令，设置宽度为4像素，颜色的RGB分别为181、248、252，居外，如图07所示，图像效果如图08所示。
PS制作五彩霓虹字
最终效果1.先找一个合适的图片用来做图像的背景，最好是颜色比较深的图片，做出来效果比较强烈（图1）。<图1> 2.将前景色设置为白色，选择文字输入工具，在画面中输入文字，所采用的字体最好用圆头的字体，那样比较符合实际的霓虹灯的样子（图2）。<图2> 3.将此文字的图层删格化，执行菜单-滤镜-模糊-高斯模糊，模糊半径设置为1个像素（图3）。<图3> 8.路径勾画完后选择画笔工具，将画笔大小设置为5个像素左右，并将画笔笔触的硬度设置为0，并将前景色设置为R：255、G：245、B：140（其它颜色也可以，这个没有标准的），然后再到路径面板，点选面板下方的‘用前景色描边路径’的按钮，完成后可将钢笔路径删除，（图8）。<图8> 9.用鼠标双击霓虹灯框的图层，在图层样式面板中钩选内发光效果跟外发光效果，将内发光的混合模式更改为正常，再将发光色设置为R：255、G：185、B：5，并将发光的大小更改为2个像素，其它不变，再将外发光的发光色更改为红色，其它不变（图9）。<图9> 10.好了，霓虹灯管框基本完成，下面要做的就是投射到背景墙壁上的光了。方法同做文字投射光的方法一样，先按住CTRL点击霓虹灯框的图层，选区浮起后执行菜单-选择-修改-扩展，将选区扩展10个像素，完成后执行菜单-选择-羽化，将选区羽化10个像素，然后到背景图层再执行菜单-图像-调整-曲线，将选区范围中图像的颜色稍微调亮一点（图10）。<图10> 11.不要取消选区，执行菜单-图像-调整-色彩平衡，在色阶参数框中依次输入100、0、-100，完成后可再重复执行一次（图11）。<图11> 12.现在灯管也完成了，最后可将选区内背景部分的亮度调底一点，再将对比度调高一点，投影的光就OK了。还可在文字及霓虹灯框的图层样式里添加‘投影’效果，那样能使霓虹灯跟背景墙壁看起来更好的结合。或者可在背景图层上面建一个新图层，在上面输入一些文字，文字颜色设置为白色，将图层混合模式改为‘叠加’，并可在图层样式面板中选上‘内阴影’跟‘斜面浮雕’效果，这样画面看起来更丰富（图12）。最后效果如下图。<图12>
Photoshop制作闪烁的霓虹灯文字
这个实例结合Photoshop和Imageready制作了一个霓虹灯文字闪烁的漂亮效果，主要用到高斯模糊滤镜，先看下效果吧： 图：最终效果 制作步骤： 1、新建一个宽500像素，高350像素的文件，将背景填充为黑色。 图：将背景填充为黑色 2、选择文字工具，打上自己喜欢的文字，设置一个喜欢的字体和合适的大小，颜色不限。 图：颜色不限