推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去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
最新发布
设计一个喜庆节日大红灯笼的PS教程
灯笼制作过程较为简单,只需要注意好边缘部分暗部的渲染,把体积感做出来即可。可能花纹部分制作有点难度,变形处理的不好就不太真实。最终效果 一、新建一个800 * 600像素的文档,背景填充暗蓝色。先来制作灯笼的主体部分,需要完成的效果如下图。 二、新建一个组,在组里新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,填充暗红色:#B90005。 三、新建一个图层,按Ctrl + Alt + G 与前一图层编组,用矩形选框拉出下图所示的选区,按Ctrl + Alt + D 羽化60个像素后填充比底色稍暗的红色,作为底部的暗角。
PS制作会旋转的红色喜庆灯笼图片
本教程用到了CS5强大的3D功能。制作之前需要把灯笼拆分成中间的椭圆球体及顶部的圆柱体。然后用3D工具做出近似效果,表面再根据需要贴上纹理即可。最终效果 一、新建300*300文档后,再建立一个空白图层,执行3D/从图层新建形状/球体。 二、生成了一个球体形状,如图。 三、取3D工具组的3D对像比例工具,在属性栏“缩放”项的Z中输入0.65,回车。
制作可爱拟物手机APP图标的PS教程
本次教程是用ps制作出微拟物风格的手机主体图标,整体形状相对简单,难度不算很大,但是在颜色选择方面一定要慎重哦!要让整体作品看起来干净清爽才能更好体现出这个主题图标的特点。在制作主题图标的过程的时候,要先选好参考的图标内容,图标颜色。仔细观察其他作者的作品中是如何表示出各个图标的。这里选择了时间、播放器、天气、相机、计算器、相册。在确定好自己的构思之后,先画一个大致的草图,然后就用软件开始制作。在制作过程中,要注意光影、体积等。这里的图标是半拟物风格,可以用图层样式来实现。在图标制作好之后,排列顺序可以按照颜色深浅明暗进行排列,让整个画面显得有序规整,更好的体现出主题图标的特点。在整个创作过程中,图标的光影体积是重点,应定要选择干净明亮的颜色,才能突出这组图标的特色,如若用色不当,会让整体看起来不够干净整洁,并且所有图标都应该色泽统一,明暗统一,投影大小统一。通过学习主题图标的制作,让我更进一步的了解软件的应用,各个功能,并且能熟练使用,对今后制作各种原创作品有了更大的帮助,多做原创,对自己的思维、审美、设计都会有很大的益处,所以应多进行原创,提高自己的能力。终稿教程步骤一 、信息图标
PS制作金色球员特效的世界杯海报图片
时隔两年之后,终于做出了第二款海报,嗯,时间是不是有点长,那么来分享一下过程吧,绝对简单到不敢想象。推荐给朋友来学习,希望大家可以喜欢。最终效果 1、首先,来一张这样的图(只是一张小图,所以会牺牲很多细节,但是不影响整体感觉)。 2、把人勾选出来(或者直接钢笔工具抠好也可以),执行图像 - 调整 - 黑白。
PS制作一只卡通可爱灰色小松鼠
效果图看上去非常简单,不过制作起来不是很轻松的。尤其是嘴部那些突出的效果比较难表现。要做到过渡自然,色调均匀还是有点难度的。最终效果 一、新建一个600 * 600像素的文件,背景填充白色,新建一个图层命名为“主体轮廓”,然后用钢笔勾出松鼠的轮廓转为选区后填充黑色,效果如下图。 二、用钢笔勾出头部的选区如图2,新建一个图层填充颜色:#4D4C47,效果如图3。
制作立体粉色水晶心形图片的PS教程
心形制作并不复杂,重点是把心形的体积感及高光刻画出来。制作之前最好找一些心形的素材参考一下,了解清楚高光及暗部构成,这样制作的效果就会逼真很多。 最终效果 一、新建一个900 * 650像素,分辨率为72的画布,背景填充淡紫色:#ECACCE,如下图。 二、新建一个组,用钢笔勾出心形轮廓,转为选区后给组添加图层蒙版。如果嫌麻烦,可以直接使用素材图3,直接右键选择“图片另存为”,然后在PS中打开,素材为PNG格式,可直接使用。
鼠绘红色卡通毛绒娃娃图片的PS教程
上一次有告诉大家做立体图前可以先画出透视图来辅助后期的构图,由于这次我们构图不是立体的,所以不用画透视。但是。。我们还是要先把线稿画出来。记得用形状工具,或者钢笔工具(选中钢笔工具后,在选项栏中选择形状而不是路径)。 最终效果 一、眼睛和眉毛画某一边就行,复制粘贴做好对称即可。 眉毛下面有一个阴影,复制眉毛然后稍微调整一下锚点即可。 眼睛部分一共画五层,从外而内分别是眼眶、眼白、眼球、瞳孔、反光。 嘴巴部分一共画三层,从外而内分别是嘴唇、口腔、牙齿。 牙齿可以用布尔运算画,或者剪切蒙版等等,看个人习惯,保证图像是矢量形状即可。 二、接着我们暂时隐藏五官四肢等图层,先来把毛茸茸的身体解决掉,制作这些毛茸茸的效果其实不像你想象的那么困难,只是会有点幸苦,首先使用滤镜“添加杂色”,然后滤镜“高斯模糊”,再执行滤镜“径向模糊”的“缩放”,最后我们把图层羽化一下。 接着复制这个图层后,把复制图层稍微缩放一点点放在第一个图层的上层,现在使用“涂抹工具”沿着图层边缘一个像素一个像素的刷吧,在这里你可以复制不同的图层复制放大缩小来使你做的毛绒更自然丰满。
PS合成蘑菇屋顶上的小熊赏月图片
因为要做一个梦幻的海报,所以调的颜色偏红紫色。把现实中原本比较小的蘑菇放大加入房子的元素,这种夸张的结合形式会让画面有趣味性。也是一些创意海报常用的形式。 最终效果 一、头脑风暴: 首先要知道咱们的主题是什么,然后需要做出什么感觉,围绕“泰迪熊”“梦幻”这两个关键字去发散一些其它的关键字,发散出来的关键字可以用来找素材。 二、寻找灵感: 大量找一些创意类的优秀作品参考,这会给你带来一些灵感。优秀作品中学习一些好的店,比如这个海报构图好那我就参考它的构图,这个颜色不错就参考它的颜色。一个海报可以参考多个优秀作品。 三、找素材: 找素材往往是最痛苦有最费时间的一个环节,要想找到合适的素材。前期的一个准备工具非常重要,首先要清楚的知道自己想要什么样的素材再去找,而不是漫无目的的瞎找。还有就是要通过一些合成去组成一个合适的素材。
制作新浪图标样式毛绒玩具图案的PS教程
毛绒玩具制作重点是绒毛部分的制作,尤其是边缘部分的毛发,需要用纯手工涂出来,中间部分的可以直接用滤镜等快速做出来。 最终效果 一、新建大小是的的文档,用路径描出基本图形。 二、选择:滤镜 > 杂色 > 添加杂色,数量选择20%,分布选择“高斯分布”。确定后选择菜单:滤镜 > 模糊 > 高斯模糊,半径选择1.5像素。 选择菜单:滤镜 > 模糊 > 径向模糊,方法选择“缩放”,品质选择“好”。确定后用涂抹工具把边缘的毛发涂出来,如下图。
制作可爱小熊毛绒玩具图片的PS教程
本教程重点是皮毛纹理的制作。作者介绍了一种非常简单的方法,用滤镜来完成。用到的滤镜也比较少:杂色及径向模糊滤镜,后期只需增加一些样式,调节明暗就可以做出类似毛发效果。最终效果 一、新建大小适当的文件,先用画笔画出草稿,然后用钢笔勾出主要轮廓,转为选后填色。 二、以耳朵为例,演示毛发效果制作过程: 先用椭圆选框工具拉一个正圆选区,填充暗红色,把前景颜色设置为橙黄色,执行:滤镜 > 杂色 > 添加杂色,数值自己把握。 执行:滤镜 > 模糊 > 径向模糊,中心点选在正圆的中心位置,方法选择“缩放”,数量选择最大,确定后按Ctrl + F 加强一次。 执行:滤镜 > 锐化 > USM锐化,数值自定。 把得到的图层复制一层,然后双击图层调出图层样式,设置斜面与浮雕效果,做出立体感。 三、其它部分的制作方法类似,脚掌只需添加杂色,不需要径向模糊。