推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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
最新发布
利用笔刷给照片装饰漂亮的相框
最终效果 1、新建一个360 * 500像素的文件，新建一个图层填充颜色：#beb095。 2、找张人物素材，把人物勾出来，再复制进来，适当调整下大小。 3、打开下面的纹理素材，拖到背景中放到人物图层的下面，把图层混合模式改为“叠加”。 4、打开下面的植物素材，用魔术棒工具勾出来。
用Photoshop笔刷绘制意境自然环境
笔者近日给一家时尚杂志设计插图，已经完成的是一个装饰味浓郁的PLMM（图1），而编辑进一步要求更多空灵的视觉效果，更多的意境。笔者于是寻思构造如何实现这样的境界，理想的自然环境当然是不可缺少的。距离交稿的时间越发得紧张，如何在最短的时间内获得最好的效果呢，是在软件中手工的一点点绘制花花草草吗，显然这要花费很多的时间！于是笔者就在Photoshop的笔刷上下开了功夫。 图1 现在我要给自己的画面添加一地洒脱的荒草，还有飘零的枫叶。 步骤1、点击浮动工具栏中的Brush笔刷按钮，将鼠标移动到画面的下方（需要长草的位置）。点击鼠标右键，此时会弹出笔刷的样式选择窗口。上方的都是一些规范的平常笔刷，不足为奇。我们向下搜索……哈哈，看到了吧，有两种“荒草”的笔刷样式，一种是“单条”的，另一种是“三叉”（图2），建议选择后者，“丛生”之后的感觉是最逼真的！ 小提示：我们也可以改造现有的荒草笔刷，点击PS界面右上方新增的收缩栏Brush项，就弹出了当前笔刷的诸多属性设置（图3）。傻瓜型的操作这里就不累牍了。 步骤2、选择好笔刷后，就简单了，直接的在地面上拖拉绘制（别忘了设置好画笔的颜色，草的明暗两个色，是由色板中的前景色，背景色确定的）。笔者建议有条件的读者够买数位板进行制作。因为默认使用鼠标绘制的结果都是标准一般Size大小的，如果使用带有压感的数位板就可以在一笔的描绘中产生丰富的大小粗细变化，很有层次感。 步骤3、与步骤2类似，选择笔刷类型中的枫叶，色调自然是红色的才有味道。此时画面中有了地上的草，天上的叶，整体的空灵一下子出来了。
Photoshop制作白云笔刷绘白云
1.首先我们新建一个 400*400的文档，设置前景色81C1E9、背景色2785DA，线性渐变垂直拉制背景。 2.按F5进入笔刷调板。 画笔笔尖形状：笔尖类型 柔角100 ，直径 100Px，间距 25。 形状动态：大小抖动 100%，最小直径 20%，角度抖动 20%。 散布：两轴 120%，数量 5 ，数量抖动 100%。 纹理：图样 云彩（128*128 灰度），缩放 100%，模式 颜色加深，深度 100%。
Photoshop制作闪亮的星光笔刷
最终效果 1、新建一个500 * 500像素的文件，背景填充黑色，然后新建一个图层，选择铅笔工具，大小为2像素，在画布中心画一条短线，如下图。 2、执行：滤镜 > 模糊 > 动感模糊，参数设置如下图。 3、把模糊后的图层复制一层，把副本执行：编辑 > 变换 > 顺时针旋转90度，然后把两个图形的中心重合，再把两个图层合并。 4、把合并后的图层复制一层，按Ctrl + T适当缩小一下，再旋转45度，如下图。
Photoshop从通道创建选区
尽管在Photoshop中，你有多种办法来选择图像的不同区域，比如使用魔棒工具、颜色范围或是提取命令，但在这里，我们要使用另一种很有用的方法－－分析图像的单个通道，来查找建立选区。由于选区是直接从通道蒙版数据得到的，所以，用这种方法得到的选区通常远比用其它方法得到的选区精确得多。它包含了细节和精确性的色阶。这里介绍了如何用基于通道基础的技术来解决复杂选区的问题。 1、在这幅RGB图像中，一些红色的高光在女子飘扬的发丝中显得特别明显。这也许是因为摄影师为了使边缘细节清晰而采用了强光的缘故。我们假设你的客户希望你将高光的颜色从一种改变到另一种。（图01） 2、既然这张图像上的女子高光部分主要是红色，那么假设它们的亮度主要在这张图中的红色通道内也就不会有错了。所以，从窗口菜单选择打开通道面板，然后关闭绿色和蓝色通道前的小眼睛，使通道暂时不可见，这时，你就会从剩下的红色通道中清晰的看到高光处的像素。3、为了将红色通道中的高光像素与周围的其他像素分离开来，拖动红色通道至通道面板的底部的新建通道按钮上，将其复制。双击复制通道，将其命名为“Hair mask”，在“色彩指示”中选择被蒙版区域，选择一种对比强烈的颜色和适当的不透明度。（图03） 4、接下来，在Hair mask 通道内，我们用曲线调节的方法来分离红色的头发。在曲线对话框中，选择铅笔，将曲线形态改成如图形状，使所有的深色像素变为黑色。这时，在图像中看到高光部分仍然为白色。（图04） 5、陡峭的曲线使得图像中白色和黑色像素之间的边缘十分生硬。我们用平滑曲线的方法来创建亮像素和暗像素之间的中间值，点击曲线对话框中的“平滑”按钮一至两次，曲线的形状得到了改变，而由此得到的选区也会更加合理。（图05） 6、现在我们已经有了头发的高光选区，但是你也看到了，现在通道内的白色象素，即我们将来的选区，还包括女子的脸部和肩膀部分的亮部区。没问题，只要选择自由套索工具，选择所有你不想要的区域，删除就可以了。 7、为了确保选区包括了足够多的头发部分，再次执行曲线命令。在打开的曲线对话框中，将鼠标指针移动到图像上，点击高光区域，你会看到在曲线上出现一个点。这个点精确的反映了当前鼠标点击处的亮度值。点击图像上的不同区域，出现在曲线上的点的位置也在变化。用这个方法，可以测量出我们在下一步想要手工编辑的范围。 8、我们的目标是取得头发的高光部分，并且轻微的把它加亮。用铅笔如图所示画出曲线，这样会使图像中的灰色像素尽可能的变亮。然后根据需要，重复使用平滑按钮。（图07） 9、选区来源于单个通道，即使当曲线很流畅时，通常边缘还需要一些处理，使他们能够和图像的其它通道更好的融合。既然如此，你就需要创建一个“模糊轮廓”的选区，来混合高光区域和背景中的其他像素。将通道Hair mask复制，将复制通道命名为“Hair halo mask”，然后应用高斯模糊滤镜，半径为1像素。（图08） 10、现在，将通道Hair halo mask和Hair mask合并。方法是：选择图像>应用图像，将Hair halo mask选为目标通道，混合通道选择Hair mask，混合模式设为屏幕，其余按照默认设置。（图09）
创建选区- -
1、创建选区的工具：我们如果要对图像的局部进行编辑修改~那么我们就会需要进行选区。选区分2种： 一种是通过色彩选取； 另外一种就是对造型的轮廓选择。 对于初学者来说！选取选区通常是一件比较麻烦的事，但是这个的确很重要的！所以希望大家好好练习~~这些 我在以前都已经向大家提过了~~ 以后的图像处理中都会用到它们的。 一些十分简单、基本一用就会的工具~我就不在这里说了！ 2、编辑选区：首先我先讲一下我们以后常用的快捷键！ ・ CTRL + D 就是取消选区！ ・ CTRL + H 是隐藏选区（还可以用在路径的隐藏上！很实用的哦！） ・ CTRL +A 就是全选。 ・ DELETE 删除选区 ・ 按住SHIFT，并拖动矩形或椭圆选框工具，可以将选框限制为方形或圆形。
建立任意选区
尽管我们学会了如何添加减去或是交叉选区，但选取出来的选区还是比较规则，不是矩形就是圆形，这样的形状很难胜任在实际制作中的需要。现在我们就要学习如何建立一个任意形状的选区。建立任意选区的工具是套索工具、多边形套索工具、磁性套索工具、魔棒工具。套索工具的使用方法与画笔有点类似，在屏幕上按下鼠标任意拖动，松手(或按回车键)后即可建立一个与拖动轨迹相符的选区。需要注意的是，如果起点与终点不在一起就会自动在两者间连接一条直线。如下图。如果不希望出现这样的情况，应尽量将起点与终点靠近。但Photoshop不会提示是否重合。在选取过程中如果按下ESC键将取消本次选取。有时候要选取的面积到达了图像的边缘，就要注意，为了保证图像的边缘完全被选中，最好是将图像窗口拉大一些，让四周留一些空，然后套索工具可以在图像窗口的空余部分移动，即可保证完全选取了图像边缘部分。如下图的红线就是鼠标在窗口空余处的轨迹，可以看到动轨迹即使不规则也没关系，只要保持在图像边缘之外就好。这个操作大家要自己动手做几次。套索工具有一种特殊的使用方法就是按住ALT键，这时就不再以移动轨迹作为选区，而是在单击的点间连直线形成选区。并且在选取过程中可以任意切换。如下图。先是正常的拖动(光标为)。然后按下ALT键不放，松开鼠标移动(光标为)并单击，会发现“连点成线”的效果。最后按下鼠标不放，松开ALT键，又回到最初的轨迹选取方式了(光标变回)。特别注意如果第二步的时候先松开了ALT就结束选取了。其实在套索工具中按下ALT键，相当于暂时切换到了另外一个选取工具：多边形套索工具，但两者在功能上有不同。真正的多边形套索工具功能更多。多边形套索工具的使用方法大体和上面的“连点成线”相同，但选取过程中持续按住SHIFT键可以保持水平、垂直或45度角的轨迹方向。并且如果终点与起点重合会出现一个小圆圈样子的提示，如下图。此时单击就会将起点终点闭合而完成选取。在终点起点没有重合的情况下，可以按下回车键或直接双击完成选取。这样起点终点之间会以直线相连。在选取过程中如果按下ESC键将取消本次选取。
建立规则选区
在前面的内容中，我们初步接触了色彩调整工具中的“色相/饱和度”工具〖CTRL U〗，现在我们可以很容易地改变图像的色相。将如下左图的色相改为-100，形成如下中图的效果。但是这样做有一个局限，那就是只能够更改整幅图像的色彩，如果我们只想更改图中某些区域的色彩，如下右图，该怎么办呢？假设我们是导演，在编排一出舞台剧。如果我们要某个演员换服装，必须明确指定是谁去换衣服。在Photoshop中也是如此，对图像的某个部分进行色彩调整，就必须有一个指定的过程。这个指定的过程称为选取。通过某些方式选取图像中的区域，形成选区。选区是一个重要部分，Photoshop三大重要部分是选区、图层、路径。这三者是Photoshop的精髓所在。首先我们明确两个概念：1：选区是封闭的区域，可以是任何形状，但一定是封闭的。不存在开放的选区。2：选区一旦建立，大部分的操作就只针对选区范围内有效。如果要针对全图操作，必须先取消选区。Photoshop中的选区大部分是靠使用选取工具来实现的。选取工具共8个，集中在工具栏上部。分别是矩形选框工具、椭圆选框工具、单行选框工具、单列选框工具、套索工具、多边形套索工具、磁性套索工具、魔棒工具。其中前4个属于规则选取工具。0401我们来看一下如何建立一个选区来实现上图部分色彩调整的效果。在Photoshop中打开一幅图像，在工具栏选择矩形选框工具〖M〗或〖SHIFT M〗，确认公共栏设置如下图。然后在图像中拖动画出一块矩形区域，松手后会看到区域四周有流动的虚线。如下左图。这样我们就已经建立好了一个矩形的选区，流动的虚线就是Photoshop对选区的表示。虚线之内的区域就是选区。在选取过程中如果按下ESC键将取消本次选取。此时再使用色彩调整工具进行调整，就只会对选区内的图像有效了。如下右图是使用了亮度/对比度，将亮度增加到+70的效果。亮度/对比度调整工具存放在菜单【图像 调整】里面。Photoshop的大部分色彩调整工具都可从这里找到。注意调整之后选区还存在着，此时操作其他的色彩调整工具同样只针对这块区域有效。前面说过，一旦选区建立几乎所有的操作都只局限于选区内。这也包括我们前面学习过的画笔工具，如果这个时候使用画笔在图像中绘制，只有选区内会显示出笔画的效果。如下左图。还包括填充，此时填充前景色也只会在选区范围内有效。如下右图。还记得前景色填充的快捷键？是〖ALT DELETE〗或〖ALT BackSpace〗。
选区选取详解
建立规则选区 在前面的内容中，我们初步接触了色彩调整工具中的“色相/饱和度”工具〖CTRL U〗，现在我们可以很容易地改变图象的色相。如下左图。通过将色相改为+40，形成如下右图的效果。 但是有一个局限，我们只能够更改整幅图像的色彩，如果我们只想更改其中一部分的色彩，该怎么办呢？如下图。 假设我们是导演，在编排一出舞台剧。如果我们要某个演员换服装，必须明确指定是谁去换。在Photoshop中也是如此，对图像的某个部分进行色彩调整，就必须有一个指定的过程。这个指定的过程称为选取。选取后形成选区。 现在先明确两个概念： 选区是封闭的区域，可以是任何形状，但一定是封闭的。不存在开放的选区。 选区一旦建立，大部分的操作就只针对选区范围内有效。如果要针对全图操作，必须先取消选区。 选区是一个重要部分，Photoshop三大重要部分是选区、图层、路径。这三者是Photoshop的精髓所在。 Photoshop中的选区大部分是靠选取工具来实现的。选取工具共8个，集中在工具栏上部。分别是矩形选框工具、椭圆选框工具、单行选框工具、单列选框工具、套索工具、多边形套索工具、磁性套索工具、魔棒工具。其中前4个属于规则选取工具。我们来看一下如何建立一个选区来实现上图部分色彩调整的效果。 在Photoshop中打开上面的图像，在工具栏选择矩形选框工具〖M〗或〖SHIFT M〗，确认公共栏设置如下图。
Photoshop 圆形边角选区
Step 2选择圆形选区工具，按住Shift建立一个正圆形的选区。 Step 3Alt + Delete，用前景色填充。 Step 4保持选区，选择移动工具，按住Alt + Shift移动鼠标，复制选区。Ctrl + D丢掉选区。 Step 5转到Channels面板，按将通道转换为选区。 Step 6操作同Step 4，向下复制选区。 Step 7 选择放大工具 ，将图片适当放大，便于观察。 Step 8 选择方形选取工具，做如图选取。 Step 9 Alt + Delete,用前景色填充。 Step 10 再次使用方形选取工具，做如图选取。Ctrl + Delete，用前景色填充。 Step 11 双击工具条上的，使图片100%显示。