推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去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
最新发布
打造可爱花边框
4:选择画笔工具,图中的三个画笔依次使用。 在画布上绘制出花边。 5:选择自定义形状工具,详细工具栏中点击下拉菜单按钮,选择喜欢的形状。 在画布中拖拽出形状。 最终效果图
利用Photoshop样式制作一个立体边框
在Photoshop中打开图像,复制一个图层,将原来的图层命名为图层1,复制出的图层命名为图层2 单击图层2,按Ctrl+T,选中保持长宽比,将图像缩小90%, 单击在图层1,执行“高斯模糊滤镜”: 按住Ctrl键点击图层面板上的图2,获得一个选区,然后选择图层1,按delete键删除选区。效果如下图所示: 在图层1上加图层样式“斜面与浮雕”:
Photoshop给数码照片加彩点边框(推荐)
制作工具:Photoshop CS 制作过程: 1、打开一张照片,如图01所示。图012、选择菜单栏中的“图像”“画布大小”命令,调整参数将高度在底部加大一点,效果如图02所示。 7、选择工具栏中的“矩形选框”按钮,框选如图07所示的区域,将其填充黑色。8、按住“Ctrl”键的同时单击制作好的Alphal通道,得到网点的通道选区,单击“图层”面板的图层0,进入图像图层。选择工具栏中的“矩形选框”按钮,移动选区到如图08所示的位置,并删除选区中的图像,这样就得到一个边的网点边框。图089、进入到Alphal通道,按Ctrl+D键取消选择。按Ctrl+A键全选所有区域,按Ctrl+T键进入缩放控制状态。单击鼠标右键,在弹出的快捷菜单中选择“水平返转”,双击图像确认。10、按住“Ctrl”键的同时单击制作好的Alphal通道,得到网点的通道选区。单击图层面板进入图像图层,移动选区到如图09所示的位置,将选区中的图像删除,取消选择。图09
Photoshop教程:一步搞定磨皮锐化
大家都知道调图过程中磨皮和锐化一般情况下是必不可少的一步。磨皮的方法也很多:模糊...蒙尘与划痕....中间值...外插滤镜等等....不胜枚举! 下面介绍一个photoshop自带的滤镜:减少杂色,用它一般的图片基本上可以磨皮、锐化一步搞定.省去加蒙板擦来擦去。 这只是我自己调图过程用的一种方法. 仅供菜鸟级别的同学参考....大虾看了不要拿砖头砸我就行, 来看下原图和效果图: 原图 效果图 首先打开图像Ctrl+J复制一层. 在复制的图层上操作。 图1 滤镜-杂色-减少杂色.
人像照片皮肤修饰技巧教程
2、右胳膊同样处理,但要注意边缘,尽量避开一定的距离。不用担心残余的部分,当处理完后,我们可以用工具栏里的模糊工具(强度值设定到100%)沿着胳膊的边线内侧进行涂抹就可以了。一定不要涂 图5 图6 3、下面处理脸部了。处理脸部一定要仔细,眼睛、鼻子、嘴唇、眉毛、头发的细节是要保留的。所以,再用套索工具的时候,要避开这些地方!!!!!(高斯模糊设定了以后不用每次都打开对话框,按快捷键Shift+F就行了)最后,还是用模糊工具在脸部边缘的地方进行涂抹,不要涂抹上述需要保留细节的地方。好了,这样就完成了。 图7 图8 4、可以凭自己的感觉在略微调整色相/饱和度(个人来讲,我偏好颜色鲜艳一点)。 在处理皮肤的时候,最好还是要把人物抠出来,进行单独模糊处理,这样,人物的皮肤就不会受到背景的干扰!切记!切记!!至于有几张照片人物的手有些暗,可以在进行高斯模糊之前,先用减淡工具进行局部处理,尽量与周围肤色相似就行了。柔化皮肤其实就是模糊皮肤,对一张照片来讲,这样会牺牲掉许多细节,所以在使用的时候一定要适度才行!! 我的方法比较繁琐,虽然有专门的处理软件但我还是喜欢手工处理的过程,感觉上很有成就感,也相对的自由一些。希望能对大家有所帮助。
用PS为人像照片减轻皱纹教程
4. 当你涂抹完后,图中的皱纹都减轻了,这时你会发现被模糊过的地方有些偏亮,(因为我们就是使深色的地方变亮了嘛) 所以,我们最后用加深工具,稍微对这些地方加深一下。选择加深工具,取一个大点的笔刷,注意要在range的下拉菜单中选择highlights高光那一项,这样操作时就只影响图中亮的部分,后面的值根据你的图像来设,一般用一个很低的值就可以了,在感觉亮的地方轻轻扫几下就行,不要加深过多,不然皱纹又被加重了。 5. 在对额头、眼角、嘴角等部位进行模糊后,工作基本完成,人物脸部的皱纹比没有修改时减轻了很多。下面两张小图片是对比使用了变亮模式的笔刷与未使用的涂抹效果,可以看出,lighten模式保留了更多的皮肤细节。 6. 现在回过头来再说一说用图章工具去除皱纹。在选择图章工具后,同样要在选项栏的下拉菜单里选lighten变亮那一项,后面的不透明度值也基本在50%左右。(如下图)图章工具中lighten的用途是复制图像中的亮区来盖住暗的部分,因为我们还是要去掉形成皱纹的深分部分,所以这样选择。由于光照或者是化装的原因,人脸部不同区域的颜色往往变化很大,所以在使用图章工具修改时,要不断地取样,小心地涂抹,才能使图像更自然。有时想让某个部位的图像暗一些,在暗区取样后,笔刷怎么也不起作用,这时需要将上面的模式改为darken(图中红线处),也就是从暗区取样进行复制,与lighten模式相反。 7. 用图章工具与模糊工具修改后的区别是:图章工具将皱纹除掉,而模糊工具将皱纹减淡。所以,要根据图片的情况和你修改的目的对这两种工具进行选择,需要时也可以将两种工具结合起来用。下图中右边的部分就是主要运用图章工具来修改的结果,图片中的人看起来确实年轻了不少。但是,在抹平皱纹的时候请不要忘记一些细节!因为人变年青了,所以头发和眉毛的颜色要加重一些,整张脸的皮肤也要稍稍光滑一下,这样看起来才更协调。
ps为美女巧做烟熏妆
绘制过程: 1、打开一张没有彩妆修饰的照片,并选择嘴唇部位放大,利用工具箱中的“钢笔工具”,在图片中绘制调整出如图01所示的路径,然后在“路径”面板中将路径存储为“路径1”以备用。 5、打开路径面板,按住“Ctrl”键单击“路径1”,将路径作为选区载入到画面中,如图06所示。 <图6> 6、按“Ctrl+Alt+D”键,在弹出的“羽化选区”对话框中设置参羽化半径为4像素。 在图层面板的底部单击“添加图层蒙版”按钮,给“图层1”添加图层蒙板,此时的画面效果如图07所示。 <图7> 7、将工具箱中的前景色设置为黑色,单击工具箱中的“画笔工具”,设置属性栏中的参数后,在图层蒙版中的位置进行蒙板编辑,减少暗部区域的荧光颜色。画笔属性参数设置与减少荧光色后的效果如图08所示。 <图8> 8、在图层面板的底部单击“调整图层”按钮,在弹出的下拉菜单中选择“曲线”命令,在弹出的“曲线”对话框中分别调整“通道”选项中“RGB”颜色和“蓝”通道的颜色,如图09、10所示。画面效果如图11所示。 <图9> <图10> <图11> 9.在图层面板中的曲线调整层的右侧,单击“图层蒙板缩览图”,将曲线的蒙版设置为工作状态。 打开路径面板,按住“Ctrl”键单击“路径1”,将路径作为选区载入到画面中。按“Ctrl+Alt+D”键,在弹出的“羽化选区”对话框中,设置羽化半径参数为4像素。选择菜单栏中的“选择”“反选”命令,将羽化后的选择区域反选,然后在选区中填充黑色,此时画面效果如图12所示。
妙用PS历史画笔给MM美容
3.选择工具栏里的历史记录画笔,并调整参数,如图(参数不是死的,大家可以根据自己对图片的理解自己定,我的参数仅供参考) 4.用历史画笔在脸上吐抹,注意眼睛鼻子和嘴角不要涂。这步主要是要让皮肤变得光滑。 5.这个时候我们观察到图片里的女人皮肤好象有红色的冻斑,很不美观,所以应该把红色部分调淡,选择调整层---可选颜色,参数如图: 6.添加蒙版层,选择画笔,黑色涂抹嘴唇部分。使嘴唇还原红润。 7.合并图层,复制图层、混合模式为滤色、调整透明度为50%。再合并图层,使皮肤变白。 8.这个时候我们观察图片,发现皮肤颜色又显得太黄,所以我们用曲线把黄色调淡点。然后复制一个空白层,混合模式为颜色。 9.选择画笔用自己喜欢的红色,在脸上均匀涂抹(在空白层)好了后根据需要在脸的边部分用橡皮(调好参数)轻擦,使脸上的红色自然一点。大功告成!大家也试试,是不是很方便?如果下点功夫,效果会更好,呵呵!
妙用PS快速去痘痘斑点之秘决教程
(1) 打开图片。使用 Photoshop CS 打开一张图片,如图所示;这是一张明显的脸上出现小痘痘的照片,下面通过操作把小痘痘去除。 (2) 放大图像显示。选择【缩放工具】,放大图像显示,如图: (3) 获得“取样点”。使用【修复画笔工具】,按下键盘 Alt 键的同时在人物脸上没有斑点并且颜色同脸部皮肤颜色最接近的皮肤处单击,以获得“取样点”,此时的鼠标指针为带圆圈的十字形,如图: (4) 覆盖点。使用【修复画笔工具】,松开键盘 Alt 键,用鼠标在要处理的区域点击,从而获得所采集的图像源点处的图像,如图所示。 (5) 完成操作。整个实例操作完毕,最后完成效果如图: