推荐阅读
浅谈热门有趣的信息图是怎样诞生的
很多设计师都对信息可视化、设计信息图非常感兴趣,在平时的作品中合理地加入一些可视化的元素,能瞬间提升设计质感和强化主题,这里我想给大家扯扯信息图设计的一些事,欢迎大家拍砖。什么是信息图?提及信息图,不可避免要先讲下时下热门的议题:信息可视化(Information Visualization)。大家从字面上以及平时工作学习中应该或多或少有了解,可以将它大致理解为:将复杂的信息通过图形样式清晰明了的传达给读者。信息可视化是一个跨学科的领域,其详细深入的定义这里不做研讨,本文主要针对其图形化的产物信息图进行介绍。可视化并不是什么全新的概念,生活中很多信息可视化例子:公共指示、统计图、星级评分、五线谱…信息图形(Infographic),又称为信息图,是指数据、信息或知识的可视化表现形式。——摘自百度百科;信息图最初是指报纸、杂志、新闻通讯社等媒体刊登的一般图解。随着信息可视化在大数据时代越来越被人重视,以及越来越多的设计师热衷于以图形化的方式结合视觉上的美感将信息传达给读者,使得信息图越来越流行和被大众所喜闻乐见。将原本很难用语言表达的信息,通过图画来加以说明,使其容易理解,这是信息图设计的目标和理想。信息图的分类信息图的分类有很多种,各分类之间也并不是泾渭分明,所以大可不必纠结什么样的分法最正确,在木村博之所著的《图解力》一书中,他将信息图分为六大类:图解(Diagram)、图表(Chart)、表格(Table)、统计图(Graph)、地图(Map)、和图形符号(Pictogram)。图解(Diagram):主要运用插图对事物进行说明
Photoshop鼠绘绘制立体逼真的舞台聚光灯
本教程主要使用photoshop绘制金属质感的舞台聚光灯效果,鼠绘难度中等,绘制出来的灯光效果挺漂亮的,教程对细节的刻画和质感体现的介绍都非常到位。鼠绘难度中等,绘制出来的灯光效果挺漂亮的,教程对细节的刻画和质感体现的介绍都非常到位。因为是作为学习交流使用,所以感兴趣的亲们可以先自己画,遇到问题再翻开源文件看看,这样能提高自己的画标水平,很少做教程,有不足的地方欢迎纰漏,下面一起来学习吧。
AI制作温馨甜美数码照片贺卡(10)
3. 文字花边 同样的方法,建立新图层,画一个圆线。 并选择字体工具,如左上角。在圆线上某处单击,出现输入文字状态。 键入你想写下的祝福语。 注意文字排版,疏密、大小、曲度、颜色,都可做细致的调整。
摄影DIY:用纸巾和铝箔制作柔光箱
柔光箱 Flickr用户Twin-Reverb使用纸板、纸巾和一些铝箔制作了这个实用的热靴灯柔光箱。下图简单地展示了制作过程: 图一:准备材料 图二:把锡纸包好 图三:包上 图四:拿锡纸包好 下面这张照片就是用这个简易的柔光箱拍摄的: 图五:照片
最新发布
Photoshop制作相册自动翻页GIF动画教程
大家好,好久没有很好勾通了。把你喜欢相片放进你自己设计的相册中,让她自动一页一页翻给你自己看是不是很惬意啊,不过这个相册,看似简单,其实是不怎么好做的。现在网搜索一下,目前真正象样翻页动画相册我至少没搜索到。考虑到这个相册制作有一定难度,如果写得太简略的话新手是没法做的。今天我就用详解方法写一个贴子。因图层太多话相册做成后文件太大,而图像相素太小话欣赏感不强,所以我用3张图片做,图片大小600×500px。做相册前先把素材图片按6比5.5进行剪裁好,并先压缩到590×420像素,以后拖到相册中再进行缩放。一、新建一个透明文件,新建一个透明文件,图像大小600×550像素,相册图像大小可根据实际来定。二、相册封底设计1、选择工具栏矩形选框工具在新建的透明文件上拉一个长方形,比原文件稍小一点,上边要留点下面用到。2、菜单栏选择→修改→平滑『取样半径=15ps』。〖图片1〗
用Photoshop时间轴动画打造转动的地球
本例为PS初学者实例系列教程,今天我们来学习运用时间轴动画制作一个自转的地球,教程详细讲解了地球的制作方法和动画制作过程,喜欢的朋友可以动手试试哦~~我们来练习一下PS中的时间轴动画,制作一个自转的地球,先看看效果:方法如下:1、新建550*400,72p画布一个并作深蓝色(000156)填充; 2、取椭圆选择工具,同时按住shift\alt两键,从画布的中心位置开始向外拉出一个适当大小的正圆形选区。3、新建一层,对选区进行任意色填充。
水晶按钮
1.新建文件,宽、高都为5,单位cm,分辨率200,模式为RGB,白色背景。 2.用圆形选框工具画出圆形选框,在选区内点鼠标右键,选“通过拷贝的图层”项(图层1)。 3.新建图层(图层2),使用渐变工具,设置成“前景色到透明渐变”,前景色设置为R:255,拉出如图渐变。 4.新建图层(图层3),在新图层上用喷笔画出阴影(也可填充颜色,然后用椭圆选区羽化后删除,但是那样效果没有用喷笔来得自然好看,小魔星就不在此赘述:P) 5.新建图层(图层4),在新图层上画出椭圆选区。 6.在图层4上使用渐变工具,前景色设置为R:255;G:255;B:255。
电子贺卡网站广告
一个变化中的物体总是更容易吸引人们的注意,所以,相对于静止不动的宣传文字,活动的,有变化的文字在广告条中起到的宣传作用更大。在本实例电子贺卡网站广告中,将画面制作为主体文字由浅渐深、由朦胧到清晰的逐一出现在画面中的文字渐变的动画效果,将人们的视线集中在文字所表达的内容上,可以很轻松的让观看者了解广告条的宣传内容,起到良好的宣传作用。如图13-2所示,为本实例的完成效果。图13-2 本实例完成效果本实例的动画制作,是在Photoshop和Image Ready*同编辑完成的。在Photoshop中,主要编辑动画的静态画面效果,将每个文字都建立到单独的一个图层上,以方便以后在Image Ready中的操作。而在Image Ready中,主要是完成动画帧的设置操作。然后在动画帧之间添加过渡帧的设置,改变文字的不透明度,将其从无到有的渐变过程更自然的表现出来。如图13-3所示,为本实例的制作流程。ImageReady中的“过渡”命令,是该软件中极具特色的一个功能。使用“过渡”命令可以自动添加或修改两个现有帧之间的一系列帧,均匀地改变新帧之间的图层属性,如:位置、不透明度或图层样式等参数,依次创建不同的动画效果。图13-3 本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图13-4所示设置对话框,创建一个名为“电子贺卡网站广告”的空白文档。图13-4 新建文档
如何使你的图标脱颖而出
抛开技术不谈,从我的角度来看,图标设计有 3 点是非常重要的:创意,细节,整体性。1.创意:一个好的出发点或角度能让你的图标与众不同,脱颖而出。我们先来看一下iconfactory的pixelpalooza2004图标大赛竞赛获奖作品以下图片资源来自: www.iconfactory.com他们全是迸发创意火花的作品。现在的图标创作早以不是循规蹈矩的年代了,我们无须为了迁就什么而牺牲我们的创意(当然首先要明确你的图标创作的目的。如果他们是为了让人们更方便快捷的使用,你就必须要遵循一些 UI 的设计规范来做)。创意从何日来?很简单,从你的生活和其他各个领域的优秀作品中发掘。只要你是个细心的人你会发现生活中有太多值得我们探索,赞美的东西他们也许就能成为你的创作对象,漂亮的虫子,屋中的家什,任何东西 … 不要仅局限于那些 Apple 的 Aquaq 效果或 Windows XP 的风格。在这里技术永远不是重点,你可以用矢量软件创作出插画风格的图标。也可以用 3D 软件作出有着强烈立体感的作品 … 例如“硬盘”这个图标,它为什么必须是一个硬盘或与其相类似的形象呢?我们完全可以取而代之为一个背包或箱子甚至一个破旧的集装箱,与之像配的你可以用钱包,皮夹来代替“文件夹”诸如此类的联想。他们全来自你的生活。另外多看各个设计领域的优秀作品也能让你灵感大发。尤其是工业设计领域的那些另人叹为观止的创意。我保证你能从中学到许多。首先找到一个你 COOL 的东西,然后用你的方式来表现它,就是这么简单。
用 AdobeIllustrator CS 设计图标
Icon design by using Adobe Illustrator CS The Last Order 图标设计利用 Adobe Illustrator CS 进行图标设计并在 Photoshop 中进行后期处理,用 Iconworkshop 输出 .ico 格式的图标文件。图标是界面设计领域重要的一项设计内容,这次以在 2004 度中由 stardock 公司主办的 GUI 国际奥林匹克大赛中获全场大奖的图标包的 The Last Order 中的一个图标作为例子给大家讲述一下图标制作的过程。下图是这套图标的部分截图。教程中所应用到的软件主要有 Adobe Illustrator CS/Adobe Photoshop/Axialis Icon-workshop1.打 AdobeIllustrator CS ,选取工具栏上的圆角矩形工具,单击画板任意位置在弹出的窗口中开可以设定圆角曲度。(如果第一次圆角矩形长宽不合适,可以删除,直接拖拽得到合适大小) 2.选中菜单 Effect/3D/Rotate 命令调出 3D 旋转设置窗口,用于生成 3D 透视图形(只有最新的 Illustrator CS 版 本具有此功能)3.调整至合适角度(如过制作一整套图标,请记住保留设置参数,以应用于整套图标设计保持风格统一)选中 Preview 可以既时的看到画板中图形的应用效果。