推荐阅读

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

Photoshop制作眩光效果
你是否注意过这种图片?其中绚丽的光效是否引起了你的兴趣?这种效果的表达力相当强,会使你的作品相当抢眼。也许你会皱眉说,好是好,可就是做起来太麻烦了!不用摇头,也不要被那些层层叠叠的繁复给吓到,怎样计算还是交给Photoshop的工程师去伤脑筋吧,我们不可能也没有必要去管这些个。你所要做的,只是看完这篇文章,再小小的试上一把,仅此而已! 注:这种效果随机性很强,所以你只要明白道理,就会作出不用的样子,但稍有一点难度,为了照顾初学者,这里我给出了一些具体的数值以供参考,你大可自己试验,所以如果你发现你做得比我好,那么就恭喜了! 效果图如下: 要点:扭曲滤镜,消褪命令,图层混合模式。 1.新建一以黑色为背景的文档,新建一层,选择多边形套索工具,在文档内勾出任意形状;选择前景色为RGB(6,116,143),填充;再用喷笔用高亮度颜色,如RGB(159,255,254),适合大小在选区内随意涂画,绘图模式为“强光”,取消选择。(图01) 图01 2.将这一层复制,缩放,旋转,改变图层混合模式,在这里我用的是“屏幕”模式;重复几次,要注意改变缩放比例和旋转角度,你也可以尝试不同的层用不同的混合模式,然后拼合除了背景层之外的所有图层。(图02) 图02 3.基础我们已经做好了,剩下的就很简单了。选择滤镜>扭曲>海洋波纹,设定好参数值(你可以参考下面的图(图03),也可以自己设定,不同的值会出现不同的效果),变形。(图04) 图03

PhotoShop制作烟的效果
无聊时-抽烟吗? 向大家讲一种做烟的方法,大家PP 以下图为例 1.建新文件,为方便看烟的效果请将背景设为黑色然后建一个新通道(也可以直接在层上做,不过我喜欢用通道) 2.用喷枪随意画几下 3.高斯模糊一下 4.用手指头随意抹一下 5.波浪一下,可多用几次加强效果 6.再旋转一下,然后用一下最小值命令

Photoshop制作玻璃球效果
现在,各种各样的类玻璃材质大行其道,几乎每个Photoshop的教学网站上都会看到诸如“PS制作玻璃按纽”之类的文章。今天,我们也来赶赶流行,做些漂亮的玻璃球。 1. 在Photoshop中新建一个文档,大小为256×256像素,RGB模式,白色背景。设置前景色为RGB(255,211,38),背景色为RGB(57,0,0),新建图层1,按住Shift键,用椭圆选框工具选择一个正圆形。选择径向渐变工具,设置渐变为从前景色到背景色。从选区的中下部分向上做出渐变,如图01所示,取消选择。 尽管在选取选框时,我们已经选择了消除锯齿选项,但做出渐变之后,我们发现在球体的边缘还是会有一些锯齿。为了消除这些锯齿,我们可以载入图层1的选区,反选,将选区羽化1像素,连续删除两次,取消选择。这样,你会发现球体的边缘比刚才光滑了。 2. 下面,我们用图层叠加的方法来表现玻璃球内部的情况。复制图层1 ,将副本命名为hardlight。从名称你就能猜到,这一层的图层混合模式为强光,在编辑菜单中选择变换,将图层垂直翻转; 再次复制图层1,将副本层移动到顶端,命名为lighten,将图层混合模式设为亮光,不透明度为50%; 复制lighten层,将副本层命名为Color Burn ,将混合模式设为颜色减淡,这样,我们的图像就如图02一样了。 3. 现在我们要减去一些多余的红色部分。载入图层1的选区,反选,羽化12像素,将选区向上移动2像素,分别在lighten层和Color Burn层中删除3~4次,直到球体的底部完全为黑色。这跟上一步的渐变有很大关系,渐变位置不同,最后形成的图像会有很大差异。也许上一步中你的渐变非常理想,那就不用这一步的调整工作了。(图03)

Photoshop独特方法绘制另类火球特效
本例我们介绍一个独特的方法在Photoshop中绘制一个燃烧的火球特效,大家可以比较一下和以前我们介绍的火焰的制作方法有什么不同。 在Photoshop中新建文件,背景填充为黑色,新建立一个图层,选择画笔工具,设置笔刷半径为20,然后进行绘制: 执行旋转扭曲滤镜,设置角度为 500 。 复制图层,使用自由变换功能旋转大约45度左右: 隐藏背景层,合并可见图层,然后创建一个新图层,然后使用柔角画笔颜色红色绘制如下效果: 改变图层模式为变亮:

PhotoShop 化开的墨汁效果
大家还记得下面这个网站吗?当时我看这个的时候就觉得他那种墨汁滴在上面的感觉很好~~现在经朋友的指点后,终于会做了!把心得做成教程与大家分享。 [原图] 先看一下最终效果图吧! 其实这个效果的制作也挺简单的,几步就搞定了。首先新建一图层 如图上所示,用套索工具画三个图层,色彩如上所示。这里要提醒一下大家,如果你不想最终效果图接近原网站的话,这里的三个图层的棱角不要太多。。平滑些比较好。 接下来对三个图层进行大风各两次。〔滤镜-风格化-风-大风〕然后合并三个图层。

Photoshop 实现灌水效果
1.打开一个需要灌水的图片,(图1)。 2.新建一个文件,高度为所需添加水效果的两倍,宽度相同,执行菜单-滤镜-渲染-云彩,到菜单-图象-调整-自动对比度,(图2)。 3.选择菜单-滤镜-扭曲-海洋波纹,将波幅的大小设置为10,波纹幅度设置为15,完成如(图3)。 4.将此图象拖移到原先需要处理的图象中,按CTRL+T,将图象压缩到如(图4)并将此图层的不透明度降低到60%。 5.先将此图层前面的眼睛关闭,将此图层隐藏,选择钢笔工具,沿着背景图案的水渠下部岩石的棱角边钩出需要灌水的区域,(图5)。

Photoshop精彩特效:冰封蜘蛛人
下面这个成品动画中我们可以看到蜘蛛侠被闪着蓝光的冰慢慢冻结……其实这个动画最关键的部分就是最后那个冰封的完整蜘蛛侠,有了这张图片,其他的动画效果想怎么做都可以。 首先看看用冰封的图片做出来的动画效果,然后我们再说说制作的步骤。(动画文件较大,请耐心等待一会儿。) 如果你有兴趣,那么接着我们就开始吧。第一步,在Photsohop中打开所要用的图片,如图1。 抠图,这步很重要!我们把人物抠出来,这要看你能做到什么程度了,因为直接影响出来的效果,所以呢还是认真点抠吧。抠完后按ctrl+j得到图层1,图2 。 特别推荐:《图像去除背景方法与技巧 》 为了以后我们还要继续用图层1,那么尽量不要在图层1上操作,把图层1复制得到图层2,在图层2上执行滤镜/模糊/高斯模糊,图3 。 为什么我们复制的图层1得到的是图层2,而不是图层1副本呢?这里强调一下,大家做图的时候要习惯给图层起名字,以便自己查找会快一些。 在图层2上执行滤镜/风格化/照亮边缘,如图4 。