推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去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.在photoshop中制作一个深红色的背景,然后在图层中使用少量的texture.用笔刷将边缘颜色加深. 2.选取一个选区并smooth,使成为圆角.smooth的数值可以自己控制,可以在6到8. 3.填充深红色.810F0F 4.然后就定义这个图层的style.
photoshop制作透明泡泡效果
今天我们要实现的效果,是制作一个透明的泡泡。看看效果,很漂亮,是不是?如果你还满意的话,我们现在就开始吧! 1.首先,选择一张你喜欢的图片,任何内容都可以。做好备份工作后,用Photoshop打开。常见的泡泡是正圆形的,所以,我们需要用正方形的图片来作为背景。选择裁切工具,按住Shift键,保证裁切选框为正方形,在图像中选择一块区域后裁切。(图01) 2.由于我们选择的图像比较大,所以需要将图像缩小一些。但背景层是被锁定的,这就需要改变背景的属性。双击背景层,将背景层改为图层,命名为original。用图像大小命令,将图像改为600×600像素大小。复制original,将original层隐藏。当然,你也可以用小一点的图像,但如果要制作大一些的泡泡的话,小图像就不合适了。 3.选择original副本层,用椭圆选框工具选择一个正圆形,略比图像小一些,选区的大小就是泡泡的大小,将选区移动到画面正中。反选后删除选区内图像,再次反选。(图02) 图02 4.复制图层,成为original副本2。保持选取,应用扭曲>球面化滤镜,将数量设为50%,模式为正常。按Ctrl+T,将图像缩小为当前大小的85%,取消选择。((图03)
Photoshop 制作阳光照射的效果
这个教程将教我们如何制作一个阳光照射(通过窗户格子照射的效果)在老人的脸上的效果。 效果图: 01.打开素材中一张图片。 02.选择自定义形状工具中的拼贴2 03.在打开的图片上面绘制拼贴图形,形状颜色为白色或浅白色。 04.选择形状层的模式为叠加。
合成云裳芭蕾效果
1、打开一张MM跳舞的照片~(文件-打开ctrl+o)2、使用多边形套索工具将MM抠出来。3、将抠出来的MM帖到一个新的图层中,原来的图片删掉。调整一下亮度吧(图像-调整-曲线ctrl+m)。4、新建一个图层,选择画刷工具将眼睛涂成你想要的颜色。Change the layer type on Lighten. 5、层类型更改为点亮。 To change the textile of which the corset is made up, you need to choose another textile, that one you like and place it on a new layer, above the girl. 6、给MM的衣服换个花纹,找个你喜欢的花纹图案,放到新层中。
用PS合成战火纷飞的城市
1、随便找一张建筑环境类的图片,如下图:选一个合适的天空背景放上。(注意图层顺序)4、表现建筑被破坏的效果。这里我找了一些玻璃破碎效果的素材。图中我做了一个炮弹击穿建筑物的效果,如下图:6、浓烟滚滚。同样,找个素材来放上,模式为亮度。月球。模式叠加。飞机。月光下的飞机填成黑色。 7、我们来给光明的天空加点黑色,渐变为黑到透明。8、最后为了表现战争场面必然是要有“火”了,那么我们找一张火的素材图片。