推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去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照片合成:Mother Earth电影海报
这又是一篇创意合成的教程,在文章的第十六步之后,作者还为大家提供的多种合成效果,大家可以参考学习!先看一下最终效果: 第一步:打开素材图片,如下图所示。 第二步:按【Ctrl+J】键复制图层,将新图层命名为【山】。选择背景图层,将前景色设为#b1b0b6,然后按【Alt+Del】键填充背景图层。在工具箱中选择【颜色替换工具】,适当降低画笔的硬度,在天空处进行涂抹,得到下图所示结果。(林栖者语:如果你的PS里找不到【颜色替换工具】,可以使用【橡皮擦工具】进行代替,可得到类似的效果。) 第三步:执行【图像―画布大小】命令,将画布的高度调大一些,如下图所示。
Photoshop合成作品:另类的蜗牛
在一朋友的图片收藏夹中找到了个很标致的蜗牛!不晓得是哪位仁兄拍的!不知道原始出处是哪里的!感觉不错!喜欢从这个角度看小东西!顺手借来用了用,给它背上驮了一堆东西上去!哈!以下是原始图:点击放大点击放大下面是合成后的效果:点击放大
Photoshop处理照片为唯美的校园爱情故事片
本文为大家介绍如何通过Photoshop将一组静态的照片打造成一部唯美的校园爱情故事。 要打造一部什么样的故事片? “毕业了,分手吧,有缘的话,我们会再见……”,此时枫已经在通往另一个城市的火车上。这是叶子接到他男朋友的最后一条信息。就在昨天,他们各自领了毕业证书,要开始面临新的生活。叶子知道,枫是不想面对分手才选择离开而不来老地方见她最后一面。 四年的恋爱时光给叶子留下了难忘的回忆,就像第一次见到枫是在那场篮球比赛。每次期末考试前都和枫来到教室里一起复习,校园的林荫下也经常出现这两个相互依靠的人儿的身影……叶子又来到了他们相识的篮球场,来到他们经常去的教室,她觉得,也许枫这个时候会突然打开教室的大门,朝她微笑走来。可是一切终究只是幻象的泡影。告别了回忆,抛离的伤感,叶子伴着那片熟悉不过的林荫,离开了这所充满回忆的大学。曾几何时,校园情侣的倩影是象牙塔里的美丽风景。 制作准备 1. 一个剧本。在拍摄的时候能根据剧本想几个有代表性的场景来拍,之后剪接会有连贯性、故事性。 2. 有演员参加。当然指的不是专业的演员,这些人可以是你的家人、朋友或一些有共同兴趣完成这个方案的合作伙伴。 3. 图片处理软件(PhotoShop、光影魔术手均可)。 本例中的照片是按照大家基本都具备的水平来拍摄的。临时找的非专业的单一演员,然后用“古董小DC”佳能A610 和 NIKON D80 混拍,后期是使用PhotoShop。 制作“片头”
Photoshop照片合成:上帝派来的白色天使
先看一下最终效果: 1、选择图像素材。 2、创建 750 x 550px 画布,导入雪山素材,并使用柔角橡皮擦工具将雪山顶上的天空擦除。 3、在雪山图层下方新建图层,并将云彩素材导入该层,通过自由变换(Ctrl + T)调整云层。 4、图层 >> 新建调整图层 >> 色阶,属性设为7,1.38,255。 5、新建图层,导入人物素材,使用黑色柔角笔刷描绘人物脚下得到阴影效果。
Photoshop合成苹果商标的牛仔服饰
在现在科技时代,电脑的应用基本上在每个行业都已经不能离开了,从事设计与绘画的职业中,到底思路方法与软件技术哪个更重要一些呢,或许很多人都有这样的疑问。当你有了一个好的创意,没有技术的支持,也只停留在空想当中,也就无法实现,这时,技术的重要性就体现出来了。 下面这个小例子,首先体现的是思路与创意,然后通过对软件的熟练程度,把创意表现出来方法,当然表现方法不止这一种,通过这种方法,希望对读者能起到抛砖引玉的作用。这个案例所表现的主题为宣传品牌,使品牌被消费者印象深刻。“苹果”商标的牛仔服饰,直接使用苹果来表现,应该是再深刻不过了。图4 苹果牛仔 在制作过程中,主要的问题就是如何将牛仔面料与苹果结合的完美,下面是牛仔面料与苹果的素材。图5图6 使用素材 首先将牛仔布料变形为圆形,来符合苹果的透视。图7 通过一次变形不能完全满足苹果的形状,接下来选取苹果顶部凹陷部分,拷贝到另一个图层,再做单独的变形。图8 将结合部分修饰一下,使结合部分自然真实,再将凹陷部分加深颜色,更具真实效果。
Photoshop照片合成:幻境中的和平鸽
在技术提高之后,在创作时也能增添很多创作思路,减少劳动量,提高工作效率。 再举个小例子,在合成制作中,不一定所有的素材都必须把需要的元素一一抠取出来,下面的案例中所有的元素都没有使用抠图,而是根据不同的素材特点,使用不同的方式来相互融合或叠加来完成合成效果,这些就需要平时知识的积累,以及对素材的观察和判断,使用正确的方法来运用素材,不但可以充分的发挥素材的作用,还可以节省操作时间,起到事半功倍的作用图14 使者图15图16图17 三幅素材 首先将和平鸽放置再需要的位置。图18
Photoshop照片合成:梦回埃及
要学会创新,第一方面是思想的创新,第二方面是技术的创新。 创新: 美国创意教育协会将创意定义为“创意就是人所拥有的一种特质,能够让人们在某种情境下产生新颖的方法,反应在新的和改善问题的解决方式”。尤其强调创新的手法及问题解决的层面。创意是解决问题的基石,是创造新知识、新技术、新科技、新方法、新工具与新产品的动力,知识经济首重创新,而创新的核心在于创意。 自我提高: 对于技术方面的提高,一方面是为对软件的了解、应用的熟练与掌握程度,另一方面也要对相关知识的掌握,既然是平面技术,少不了对透视、光影、造型、构图、色彩等方面的深入了解,不是非要去专门的学习深造,但要有初步的了解,这些知识在实际操作当中是非常重要的,或者说是成功作品的关键,同时,在网络如此发达的今天,资源非常的丰富,多学习与借鉴其他优秀的作品,也是提高自我的一个很好的渠道。 我个人除了对鼠绘喜爱之外,对PS的合成也非常感兴趣, 既然谈到合成,就要说到我们现在接触到的合成都是什么,现在科技的进步,合成在电视电影领域的应用已经十分的广泛,但未必是我们所涉及不到的,合成的功效还是大同小异的,一只铅笔同样也能作出精彩的合成案例,在没有电脑的时代合成技术就已经广泛的存在了。 这里所说的合成主要是针对平面设计软件所涉及到的合成领域,也是平面的合成。长话短说,我说说我的一点感受,或者我的一点点小小的经验吧,合成主要有三个要领,构图、抠图、调色。下面我用一个案例来解释一下自己的肤浅的理解:图23 梦回埃及图24 所用的几副素材 在这个案例中,我们就来分析这三个要领,当然这个案例不能代表什么,主要来了解其中的这三个要领,希望能给大家一个抛砖引玉的思路。 构图: 主体――对于构图来说,就算我们不知道构图的形式与法则,也要知道自己所表达的主题,你的主题是什么,那个元素是最主要的,在这个案例中,最主要的元素为金字塔我把他作为一个主体,来作为构图的中心,将他放置在画面中五分之三的位置,近似于黄金分割点的位置,来作为主体。 附体――在这幅作品中,附体有两个,一个是法老头像,还有一个神殿,他们的放置排列,是利用三角形构图来平衡画面。图25 衬托――衬托,在构图中是必不可少的,衬托也不是简单的添加,也是随着主体的存在而生的,这副作品中,云朵部分为衬托,他也是跟随主体而存在的,既点缀主体也突出主体,这样才能起到衬托的作用,他同时还有一个平衡画面的作用。
Photoshop教程:模拟变形金刚壁纸
PS打造变形金刚壁纸。先看一下最终效果: (1)自己动手制作变形金刚壁纸 (2)在photoshop视图中新建一800×800象素的图纸,选择渐变工具绘制黄色到蓝色的渐变效果,如图所示。 (3)选择菜单“滤镜>风格化>凸出”,弹出凸出对话框,设置类型为“块”,“大小100象素左右”,“深度100”,“随机”。 (4)选择菜单“滤镜>艺术效果>塑料包装”以默认设置确定。 (5)选择菜单“滤镜>扭曲>旋转扭曲”
Photoshop照片合成教程:月夜飞翔
Photoshop创意合成案例,先看一下最终效果: 素材: 第一步:打开素材图片【天空】,如下图所示。新建一个文件,大小和刚才打开的素材图大小相同,并命名为【月夜飞翔】,使用【移动工具】将素材图片拖入,并将其重命名为【夜空】。 第二步:下面我们要通过调整图像的色相及饱和度,来营造一种阴森恐怖的气氛。选择图层【夜空】,按【Ctrl+U】键执行【色相/饱和度】命令,参数设置及效果如下图所示。(林栖者语:大家记得勾选“着色”哦)
腐朽化神奇 Photoshop将拍坏的照片做艺术合成
喜欢摄影的你,这次国庆游玩归来一定收获颇丰吧!回家细细品味这段美好回忆时,是否也会对那些拍坏或拍得不够好的照片感到遗憾呢? 下面我们用Photoshop将拍坏的照片做一些艺术合成,马上化腐朽为神奇! 一、“灰白天空”遭遇“构图错误” 我们常常有这类照片,由于拍摄测光不准确,造成照片中天空部分细节缺失,只剩下一个灰白的天空,画面显得很不好看。但这类照片的天空,却是我们制造浪漫的好画板! 1.在Photoshop中分别打开A、B这两幅照片(图1、图2)。然后使用快捷键“V”调出移动工具,用鼠标将照片B拖入照片A中,并摆放到照片A的右上角(参考图3)。曝光过度的天空(下文简称A)构图差的照片(下文简称B) 2. 选中照片B所在图层(如图3显示的“图层1”),并单击图层面板下方的“添加图层蒙版”按钮(图3右下方),单击新添加的蒙版,并将前背景色设置为黑色,使用组合键“Alt+Delete”完成填充,再使用快捷键“E”调出橡皮擦工具,用鼠标擦去图B的边缘部分,使之完美融合到图A中。图3 3. 有趣的一步到了,我们使用快捷键“T”调出文字工具,输入一句带有浪漫风格的文字,例如 :“稻麦”的爱情故事。再使用快捷键“B”调出画笔工具,单击鼠标右键,选择带有稻麦风格的笔刷,并单击鼠标绘制出如图3的图案。