推荐阅读

详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去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
最新发布

*滤镜KPT6.0(五)
在KPT6.0中的第五个滤镜是模拟物体材质的――Materializer(材质滤镜)。这个滤镜可以让画面模仿出金属和塑料的质感。我们看到它的界面和其他的滤镜大同小异,这儿就不做过多的介绍了。现在让我们进入实质的学习部分。在这个滤镜中包含了五个参数调节的窗口,分别是Material(材质)、Texture(质地)、3-D Lighting(3D光源调节)、Environment(环境)和Preview(预览)。我们先从Material窗口学起。这个窗口的主要作用是调节物体的材质。在右边有一个Metal/Plastic(金属/塑料)的材质选择按键。通过按动这个按键我们可以在金属材质和塑料材质之间切换。在这个按键的下边有一个色彩选取框。通过这个色彩选取框我们可以选择材质的表面颜色。通过下边的Tint Amount(色彩数量)我们可以调节物体表面的色彩浓度;接下来的Texture Depth(材质深度)可以调节画面的凹凸程度;Distort Amount(变形数量)可以调节画面因凹凸而变形的程度;最后一个Environment Blend (环境混合)参数在你使用了环境贴图才会有效。这一参数主要用于调整环境对画面的影响,当然参数越大环境贴图对画面的影响越强烈。至于环境贴图我们将会在下面学习到。最右上角的九个按键和我们原来学的滤镜中出现的类似按键的作用一样,可以快速的储存调节参数,以便对比选择。第二个窗口Texture(质地)窗口用于调节赋予物体的材质。在它的Texture Map(质地贴图)下拉菜单中中我们可以选择贴图。在这儿预制了六种质地贴图――Hue(色调)、Luminance(亮度)、Saturation(饱和度)、Red(红色通道)、Green(绿色通道)、Blue(蓝色通道)。通过这六种贴图我们可以将当前的图形中的色调、亮度、饱和度、红色通道、绿色通道、蓝色通道的信息提取出来成为贴图。除此之外我们还可以用Image(图像)载入图形成为贴图。在下面的参数中我们可以调节Horizontal Offset(水平偏移)、Vertical Offset(垂直偏移)、Scale(缩放)、Rotate(旋转)和Smoothing(光滑度)用于调节贴图的位置、大小。而右上的Invert(翻转)按键可以将贴图色彩进行翻转。这些参数的调整可以产生不同的画面效果,这些效果在我们调节参数是可以从预览中看到它的变化。和其他塑造立体的滤镜一样它同样有一套光线调整系统,这就是3-D Linghting(3D光线)在这个窗口中我们可以直接使用进行光线的调整。我们也可以通过有上角的增加光源按键 对光源进行增加,当然我们也可以使用DEL键删除所选择的光源。我们甚至可以通过左下的 来设置光源的颜色。Ambient Glow(环境灯光)参数调节环境光的亮度。当我们选中一个光源我们发现参数变为Light Brightness(光线亮度)、Highlight Sheen(高光反光)和Highlight Spread (高光范围)。这些参数可以调节每一个光源的亮度,控制高光的亮度和范围。 除了这些参数以外我们发现还有一些右边按键。第一个是一个有九个按键的东东 ,使用这九个按键可以快速的将你设置的参数保留下,随时参考(注意这仅仅是一个临时的保存,想永久保存参数就继续向下看)。既然我们这个滤镜是三维的,当然灯光也是立体的哟,既然灯光可以在前方当然也可以将灯光放到后面去,使用下一个按键 就可以轻松的让灯光在前方和后方切换。使用 按键呢就可以将你当前选择的灯关闭或打开。而 按键就可以将高光设置为锐化和柔和两种类型。和我们前面学过的KPT Gel中的3-D Linghting窗口一样在它的右上角的白色箭头中包含了Load Preset...(载入预设值)和Save Preset...(保存预设值)。这里的操作方法和KPT Gel滤镜中的操作方法一样,有什么不懂得翻翻前面的教程吧。

*滤镜KPT6.0(六)
KPT6.0的第六个滤镜是KPT Projector(KPT投影机)。这个滤镜的作用就是使图片产生扭曲变形的效果,有点类似Photoshop中的transform(变形)效果,不过这个滤镜产生的效果更专业更丰富,而且还可以对画面进行拼接,甚至达到三维变形的效果。现在就让我们来学习一下这个神奇的滤镜。这个滤镜的界面和KPT6.0其他滤镜的界面相似,在这个滤镜中包含了四个窗口,在这四个窗口中我们可以通过调节它们的参数对画面进行变形。在第一个Tool窗口中包含了画面调节的四个工具――2D Translate(二维转化)、2D Scale(二维缩放)、2D Rotate(二维旋转)、3D Rotate(三维旋转)。下面让我们看看它们的作用。第一个2D Translate工具可以让画面移动。这个工具使用方法非常的简单,选中工具以后在预览窗口中移动鼠标就可以让画面移动到合适的位置第二个2D Scale工具可以缩放原始图像。使用方法也和2D Translate类似,直接在Preview窗口中移动鼠标就可以对图像进行缩放第三个2D Rotate工具用于图像的旋转。使用方法和前两个工具一样。最后一个3D Rotate工具是最令人感兴趣的一个工具,使用它可以轻而易举创造出三维的效果。虽然效果非常吸引人,但是操作很简单。和上面的几个操作一样动动鼠标就可以产生出效果。在旋转的时候我们可以看到Preview中显示的蓝色的旋转轨迹。我们发现在这个窗口的有上角上有一个白色的向下的箭头,当然这而有一个下拉菜单,在这个菜单中包含了三个命令――Reset 2D Distortions(重设二维变形)、Reset 3D Ratation(重设三维旋转)和Reset All Distortion(重设所有变形)。通过这些命令我们可以让变形的参数恢复到原始状态,重新设置变形的参数。

*滤镜KPT6.0(七)
第七个KPT6.0滤镜是KPT Reaction(KPT反作用)。这个滤镜的主要的作用就是可以让图像产生类似斑马条纹或类似生长的珊瑚状的图形,至于这个滤镜的名字怎么会这样取,我也不知道(也许Reacation还有别的意思,反正这是我的金山词霸给我翻译的)。现在就让我们看看这个滤镜的使用方法。界面就不多说了,和KPT的其他滤镜大同小异。它的参数调节看上去很简单,仅仅只有两个窗口――Parameters(参数)和Preview(预览)。现在让我们看看参数调节的方法。在Parameters窗口中包含了这个滤镜的主要的参数调节。我们看到的在右上角上标有Direction(方向)的圆盘是用来调节纹理生长的方向。一共有五种方向供你调节――从上到下、从左到右、从左上到右下、从右上到左下和无方向。我们可以运用鼠标方便的调节。在Reaction Seed(反应种子)下拉菜单中允许我们选择八种反应的种子――Source Image(源图像)、Inverse Image(翻转图像)、Noise(噪音)、Dots(点状)、Voronoi(网状)、Image plus Noise(图像加上噪音)、Image plus Dots(图像加上点状)、Image plus Voronoi(图像加上网状图形)。我们看看当我们选择不同的种子画面的变化。Sourec Image 方式的反应是由原图像作为变化的源,然后进行反应。我们看到图像生长出了条纹。 在下面的Width(宽度)参数可以调节纹理的宽度;Diffusion(扩散度)参数用于调节纹理随机生长的扩散参数。 Inverse Image方式的变化源是原图像翻转产生的。我们可以看到明显的图像变化。同样的在下面有Width(宽度)和Diffusion(扩散度)参数用于图像的调节。

*滤镜KPT6.0(八)
这一部分是(七)的补充Luminance Diffused(亮度扩散)和Raw Diffused类似我们可以看到在边缘产生的同样的毛边。Luminance with Noise(亮度+噪音)模式其实也是在Luminance模式下加上背景图像噪声产生的。Luminance Diffused with Noise(亮度扩散+噪音)模式也是通过Luminance Diffused模式的背景上加上图像噪音产生的。Luminance Smudged(亮度污痕)能让图像产生类似阴影的效果。Emboss看到这个单词熟悉Photoshop的朋友一定很熟悉。用这个模式可以产生浮雕效果。

*滤镜KPT6.0(九)
在KPT6.0中的第七个滤镜是KPT SceneBuilder(KPT 场景建立)。初看这个滤镜好像好复杂,的确这个滤镜的设置很多,因为这个滤镜可以看作是一个3D物体的渲染器。使用它可以渲染3D studio的物体或者是KPT场景的物体。不过如果你学过3D软件的话这个滤镜就很好上手(反正我只花了10分钟就基本搞懂了)。我们先来初步了解以下这个滤镜的界面。这个滤镜的界面和其他滤镜KPT6.0滤镜的界面有所区别,整个界面处于一个窗口中。在这个窗口的中部有三个标签分别是Edit 2D(编辑二维)、Edit 3D(编辑三维)和Interactive Texture(交互式材质)。通过这几个标签的切换我们可以方便的在各种状态下编辑场景。而在界面的两边分别是物体的位置、灯光、环境以及材质的参数调节。在界面的最下边可以编辑物体的颜色、帖图等属性。我们先来看看File按键中包含的的菜单。在这个菜单中包含了滤镜的主要文件操作――Reset(重设)、Open(打开)、Save(保存)、Save as(保存为)和Insert(插入)。这儿的操作方法和绝大多数的软件的操作一样。应当说明的是Open命令可以打开3D studio的文件和KPT场景文件。而Insert命令的可以让你在当前的场景中插入另一个文件中的物体。在Edit(编辑)中包含了Undo(撤销)、Redo(重做)、Cut(剪切)、Copy(拷贝)、Past(粘贴)、Duplicate(复制)、Select All(全部选择)、Invert(反选)、Group(组)和Ungroup(拆散组)十个命令。这些命令的使用方法和大多数的软件的使用方法相同,这儿就不多讲了。在这两个菜单下面的Object(物体)操作区域里包含了物体操作的三个工具――Scale(缩放)、Move(移动)和Rate(旋转)三个工具。操作的方法非常的简单,仅仅只要选中相应的工具,并且选中操作的物体,拖动鼠标就可以进行相应的操作了。当我们在Edit 3D标签下工作的时候我们会发现在Object下面多出了一个Camera(相机)操作区。在这个操作区中我们可以对场景中的相机进行操作,通过相机的移动我们可以转换场景中的观察角度。在camera操作区的第一个工具是Zoom Camera(放大/缩小相机)。这个工具作用可以让画面中的物体缩小或放大。第二个工具是Move(移动)工具,当然作用就是移动场景内的相机。第三个工具是Dolly Camera(旋转相机),它的作用就是让相机产生旋转。第四个工具是set Camera focal(设置相机焦距)。这个工具可以设置相机的焦距,就像变焦相机那样。

*滤镜KPT6.0(十)
在开始学习下一个滤镜之前先让我们来看看这幅图是不是很美丽。你可能会以为是一张晚霞的照片,那你就错了,这是用KPT6.0滤镜生成的一张晚霞,你也可以使用这个滤镜生成天空的各种情况,白天的、晚上的、清晨的、黄昏的,只要你喜欢都可以生成(有点像开天辟地的感觉)。这个神奇的滤镜叫什么名字呢?它就是大名鼎鼎的KPT6.0家族中的KPT SkyEffects(KPT 天空特效)。下面就让我们进入正题,学习它的使用方法。它的界面和前面我们学习过的KPT scenebuilder有点类似,也是仅仅是一个独立的窗口,而不像其他的KPT6.0滤镜那样占据了整个屏幕。这个滤镜给我的第一个感觉就是这好像是飞机的控制面版。我们从左到右看看这些参数是怎样调节的。最左边的一块是Preview(预览)区,当然主要的作用就是预览最后的效果。除此之外还有一个相机调整的功能。我们看到在这个区域的下边有三个参数供我们调节。第一个360的选项可以生成360度全景图。 第二个按键用于调整相机的焦距。我们看到在调整的时候红色箭头的角度在不断变化,角度越大镜头的角度越大,也就是说越接近广角。第三个按键用于旋转相机,注意这儿的旋转只能做上下旋转。右边的Sky(天空)操作区域中包含了天空颜色、地面颜色的设置,以及彩虹强度的设置。点击在Sky字母前的小色块,就可以在弹出的色彩选取栏中选取相应的色彩。同样在Ground(大地)上设置大地的颜色。旁边的这个滑动杆用于调节彩虹的强度。

*滤镜KPT6.0(十一)
此滤镜主要用于生成水波动画,其界面(如图)Parameters控制版:其功能主要用于设置水波的各种参数(如图)勾选“Blend with Gradient”选项,将会出现Gradient控制版(如图)点取颜色框中的任一处,将会弹出颜色选择框由你任意选择。Preview控制版:用鼠标在预览框中任意拖动,会产生不同的水波,拖的弧度越大,形成的水波也就越大。在预览框的下方有一排按钮(如图)另外,点击对话框左下方的圆形按钮,会弹出一个预设窗口

数码后期之百变幕布Backdrop简明教程
滤镜下载:http://ps.onegreen.org/photoshop/plug/plug3/2908.htmlBackdrop滤镜广泛用于数码后期处理,他能制作各种不同的纹理背景。拥有他,你就可以省去大量的金钱来装备你影楼的幕布,同时用它制作的纹理背景更能作为设计素材来使用,真是一款不可多得的好滤镜 下图为BackDrop的主界面,内部分别包括5个可展开的菜单和选项通过这些参控面板,你在backDrip内任意制作自己喜爱的纹理,并且可以调整它的颜色值、透明度和阴影,甚至可以载入photoshop的文件。首先单击左边的”load“按钮,进入纹理选择窗口任选一纹理,如图 再进入阴影窗口的”fabric“内选择幕布的阴影*注:这个窗口内的阴影放幕布的效果非常好,大家还可以尝试其他的几中不同的效果选择后,双击选中的内容,或者鼠标单击右下角的 ” √ “ 钩号 恩~然后参数设置完后,得到如下背景:

PS做老电影效果的滤镜|AgedFilm
一张未读完的报纸,眼镜的主人早已睡去。这张照片似乎是一部三十年代老电影中的一个场景。实际上他是用左边的这张照片炮制出来的。这里我们运用的是digieffects公司(www. digieffects.com)出品的一个老电影插件Aged Film。该插件是一个 “老电影” 制作器滤镜, 他可以通过颗粒、 尘埃、 毛发、疤痕等等手段轻松制作出一部老电影来。安装了这个插件以后。可以在的菜单Filter-> digieffects->Aged Film找到滤镜。下面我们就来试验这个滤镜1、 打开一张照片。2、 选择Photoshop的菜单Filter->digieffects->Aged Film滤镜。3、 在弹出的对话框中设定相应的色调。OK我们就做好了。这个插件不仅可以做出静态效果的照片来。如果将他运用到Premier中,还可以制作出真正的动态的老电影来。这个对话框中详细的参数。列成下表,便于读者自由调整。Film Response 用于控制电影的“增益”来贴近电影的光源反映曲线。 Grain Amount 调整画面中小颗粒的数量。 Dust Size 尘埃粒子的最大尺寸。 Dust Amount 尘埃粒子的最多数目。 Dust Color 粒子的颜色。 Hair Size 电影画面中毛发纤维的最大长度。 Hair Amount 毛发纤维的最多数量。 Hair Color 毛发的颜色。 Scratch Amount 电影中疤痕的最大数量。 Scratch Veloci控制疤痕的水平运动速度。 Scratch Lifespan 控制疤痕在消失以前的存在多少时间。 Scratch Opacity 疤痕的最大透明度。 Frame Jitter Max Off. 控制电影画面垂直抖动得最大幅度。模拟电影播放时的齿轮颤动 Frame Jitter Prob. 设置每帧画面的颤动概率 Convert to Gray 将电影转换成为灰度或者彩色化 Gray Tint Value 当电影的灰度开关打开时电影的色彩调子的值 Flicker Speed 控制亮度跳动 (模拟老电影放映机) Flicker Amount 控制亮度差异的抖动速度