推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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
最新发布
炫光立体文字
这篇教程教飞特的朋友们用PS制作炫光立体文字，教程制作的立体文字光影质感很强，色彩也很舒服。转发过来和飞特的朋友们一起学习。先来看看最终的效果图吧：具体的制作步骤如下：步骤1 - 创建一个新文档 打开Photoshop。选择文件>新建或按Ctrl/Command+ N，我设置的大小为1440px（宽）× 900px（高）。步骤2- 创建3D文本 我们要在Illustrator中创建3D文本。首先，你需要在Illustrator中输入文本。我输入的文字是“FX”。打开Illustrator，选择文字工具，键入文字。输入字体更改为“ Hobo Std Medium ”。步骤3- 文本着色 更改文字的颜色。“F”我们使用蓝色（#094569），“X”使用深橙色（#AB7D1B）。你的图像看起来应该像下图。步骤4- 给文字添加3D效果 我们需要创建3D文本。去菜单>效果>3D>挤压与斜角...
用PS笔刷和滤镜打造唯美三维文字
效果图 1 效果图 2 效果图 3 在PS里做3D字一般都是复制很多层,造成一种平面的3D效果,今天我来给大家介绍一款专门做3D字的PS外挂滤镜3D maker. 下载后解压,装到PS的安装目录下的plug-ins目录里. 把汉化文件复制到3D mark安装目录下的langs目录中,重启photoshop就可以开始使用了:
PS打造紫色立体霓虹字
本教程向FEVTE的朋友们介绍利用PS打造紫色立体霓虹字。在整个过程中我将解释，怎样来创建3D模型，然后通过各种简单的工具，滤镜和其他PS选项，给它以霓虹感觉的外发光。诀窍在于光源的设置：并不是是通过外发光来表现，而是试着用细微的高光来让图形变得更美。FEVTE编注：更多PS文字效果教程及PS制作的文字效果作品交流请到飞特论坛PS文字效果交流区，地址：http://bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=67在将它们在PS中合成之前，我们需要准备3D软件，并对其做些设置。你将清楚的看到，怎样快速简单的控制各个部件，并且怎样将这技术用于其他的项目中去。如果你不怎么熟悉3D软件，你能通过上面提供的素材，从第八步后期制作开始往下看。如果你想重第一步做，你可能需要一个V-ray的安装包，并熟悉它的各项设置了。01 新建一个3ds(3Ds Max)的文件，并且配置V-ray为渲染引擎。V-ray的设置在这里基本是默认的，除了有少数需要调整一下。打开渲染设置窗口(render setup)，然后来到V-Ray的标签。(ps：这里V-ray就是英文的，现在我身边没有装V-ray，所以我不能打开软件一一对应着翻译了，大家看图片应该能明白吧～)。在Image sample菜单将Type设置成Adaptive DMC。点选Antialiasing Filter，然后下拉菜单选择Mitchell-Netravali。现在在Environment中点选第一项，应该叫“天光”吧，吧颜色改为白色，数值为0.01。然后进入Indirect Illumination标签，然后点选它。在Bounces菜单下，设置GI engines 为 Irradiance Map和Light Cashe，后面的数值都是1.0.02 进入创建>图形>线来绘制你的文字。当所有端点都在一条线中，线形看起来比较平滑后，拖动描点，转动描点控制柄，你就能完成一圈圈的效果了。不断尝试，勾选图中红框的两个选项(enable in Render和Vieport，然后设置Thickness为1.2，在Modifier List菜单中选择MeshSmooth)。
立体字
在本例中，我们将制作一个立体的字体效果，所运用到的主要命令有：Maximum；Motion Blur；Auto Levels 命令步骤：1. 创建一个新文件。2. 创建新通道Alpha 1,输入文字，并拖放到适当的位置。3. 复制Alpha 1 通道成为Alpha 2 通道，执行Filter>Other>Maximum命令,将文字亮区放大,暗区缩小,设定Radius:1 pixels.4. 载入Alpha 1 通道的选取范围。5. 将背景色设为黑色，按DELETE键，将选取范围填充为黑色。6. 执行Filter>blur>Motion Blur命令，设定Angle：0度；Distance：40 pixels。
photoshp制作可爱卡通文字
复位色板，选择一种较为粗大的字体，用黑色写上文本。注意将每个字母放入单独的一层中，这样便于调整字母的位置。如果你顺手把它们放在了一层中，那么只有用基线偏移和字符间距来调节，而且不能变形文字。所以我们推荐将每个字母放入单独层中的方法。在调整完成之后，链接拼合所有的文字层，如图01所示。图01 2.接下来，我们来保存一个文字的原始通道。按住Ctrl，点击文字层，载入文字层的选区。转到通道面板，新建一个通道，命名为“orig”，复位通道色板，用白色填充选区后，取消选择。 回到RGB通道的图层面板。先删除文字图层，然后在背景上新建一层，命名为“main object”，用白色填充图层。用快捷键Alt+Ctrl+4，载入通道orig的选区范围。我们先将选区边缘稍稍模糊一下，使用选择＞羽化命令，在羽化命令对话框中将羽化半径设为2像素，反选，用前景色填充；再次反选，打开编辑菜单下的描边对话框，将描边宽度设为10像素，颜色为黑色，位置居内，混合属性为正常；紧接着，用编辑菜单下的消褪命令，将刚才描边的不透明度退去50％不透明度，正常模式，这样，描边将以50％的不透明度出现，保持选择状态；（图02a）图02a图02b
PS制作卡通鲜花文字
最终效果图 1.新建一个200PX * 200PX 的文件，背景填充白色 ，然后选择文字工具输入"F"文字的颜色为浅绿色(色值：DBF5AD),字体请选择比较宽，粗的字体本教程选择“Arial Black”,文字大小为： 200 pt 如图1。然后删格化图层，用橡皮工具选取适当的大小把文字的各个边角擦出弧度参照图2 < 图1 > < 图2> 2.调出文字的选区，然后新建一个图层，填充深绿色数值：2F8B48，如图3,先不要取消选区，按 Ctrl + Alt + D 羽化数值为：7，再选择菜单： 选择 > 修改 > 收缩 数值也为7，然后按 Delete 键删除选区部分如图4 < 图3> < 图4> 3.再调出文字的选区，在背景图层上面新建一层，选择菜单： 选择 > 修改 > 扩展 数值为3，然后填充浅绿色颜色数值为：A8CFAF 效果如图5 < 图5> 4.在最上面的图层上新建一个图层，按 Ctrl + "+" 把图层适当放大，在文字的下部位置用钢笔工具勾出叶子，然后调出选区填充深绿色颜色数值：2B8E00,效果如图9,再按 Ctrl + Alt + D 羽化，数值为2，再选择菜单： 选择 > 修改 > 收缩 数值也为1，填充浅绿色，颜色数值为：B4FF92,效果如图10 < 图6> < 图7> < 图8> < 图9> < 图10> 5.新建一层，把图层再适当的放大，在空白的图层区域，用椭圆选取工具绘制椭圆，然后用渐变工具绘制渐变如图11，取消选区，按 Ctrl + J 复制图层，选择菜单 ：编辑 > 变换 > 垂直翻转 ，再适当哪个的移到之前的椭圆图形下面如图12，同样的方法复制出如图13的四个椭圆小花瓣。 < 图11> < 图12> < 图13> 6.适当的把花瓣旋转一下得到图14的图形,然后把四个小花瓣合并到一个图层，按 Ctrl + J 再复制一层，按Ctrl + T变换45度得到图16所示的图形。 < 图14> < 图15> < 图16> 7.在最上面的图层新建一个图层，用椭圆选区工具绘制一个小正圆再填充粉红色数值：FFC8D4，如图17，选择菜单：选择 > 修改 > 收缩 数值也为2, 然后把前景颜色设置为橙色数值：EA682F，背景颜色设置为淡橙色数值：FF965B，选择菜单：滤镜 > 杂色 > 添加杂色 数量为 17% 效果如图18 < 图17> < 图18> 8.在花瓣的图层上面新建一个图层，用椭圆选取工具绘制正圆如图19，然后填充黄色，在把选区适当的移动位置，按Delete 得到图21所示的图形，取消选区按 Ctrl + J 复制一份，选择菜单 ：编辑 > 变换 > 垂直翻转 移到下部位置如图22 ,把这两个图层合并，然后复制变换角度得到图24的效果。合并这些鲜花的图层，调出他的选区，在他的下面新建一个图层 选择菜单： 选择 > 修改 > 扩展 数值为2 填充颜色：E68D00。合并这两个图层. < 图19> < 图20> < 图21> < 图22> < 图23> < 图24> 9.把做好的鲜花移到文字的上面，用同样的方法绘制其他颜色的鲜花，再不断的复制改变大小，最后完成最终效果。如果嫌花朵制作工程复杂，请下载适当的笔刷,和图案。 < 图25> < 图26> < 图27>
PS制作史瑞克卡通文字
最终效果1.在photoshop中新建文件，黑背景，输入文字。注意选择比较纤瘦、边缘圆滑的字体。<图1> 2.双击图层设置图层样式：设置分别如图2，图3，效果如图4<图2> <图3> <图4>
Photoshop制作卡通鲜花文字
最终效果图： 1.新建一个200PX * 200PX 的文件，背景填充白色 ，然后选择文字工具输入"F"文字的颜色为浅绿色(色值：DBF5AD),字体请选择比较宽，粗的字体本教程选择“Arial Black”,文字大小为： 200 pt 如图1。然后删格化图层，用橡皮工具选取适当的大小把文字的各个边角擦出弧度参照图2 < 图1 > < 图2> 2.调出文字的选区，然后新建一个图层，填充深绿色数值：2F8B48，如图3,先不要取消选区，按 Ctrl + Alt + D 羽化数值为：7，再选择菜单： 选择 > 修改 > 收缩 数值也为7，然后按 Delete 键删除选区部分如图4 < 图3> < 图4> 3.再调出文字的选区，在背景图层上面新建一层，选择菜单： 选择 > 修改 > 扩展 数值为3，然后填充浅绿色颜色数值为：A8CFAF 效果如图5