推荐阅读
浅谈普通用户是如何看待设计细节
设计师对于自己的网站以及APP产品的视角,和用户往往非常的不一样。设计师看到的常常是设计趋势,排版,细节,但是普通用户的关注点则完全不同。我们应该迎合用户,如果连对的东西都不能坚持,产出物的最终目标就会发生偏离,甚至完全无效。 ——@冯铁用户更在意的是他们能否快速理解他们的交互对象。至于APP或者网站是如何运作运作的,它们是否让人愉悦,往往被用户所忽略。这是一个相当残酷的现实。排版与字体对于字体和排版,设计师通常非常着迷。漂亮的字母,柔美的轮廓,充满魅力的衬线,等等等等。可悲的地方在于,用户根本不知道Helvetica 和 Arial,很少能分辨出两者的区别,谈及字体,他们更在意的是,这些内容能识别,能读么?但是,用户的这种诉求并不意味着设计师在字体和排版设计上可以松懈,相反你需要更加在意它们。你需要通过设计勾起用户的兴趣,确保每个段落和标题都具备良好的可读性,而不需要用户费神去识别。你的工作是确保内容的清晰,为用户提供良好的阅读体验,从字体的选取到行间距、字间距的调整,让用户在不知不觉间享受阅读的愉悦感。虽然用户很难说清楚排版有何突出之处,但是一旦出现任何设计缺陷,他们往往能够感知到。色彩
PS制作雪花飘落的GIF动画照片
冬天来了,到处是纷飞的雪花。。。不过我们拍摄的雪景图片是静态的。如果能让它动起来,那是非常有趣的。下面的教程将介绍雪花飘飞的动画图片制作,制作之前需要对PS自带的IR有一定的了解。这样制作起来才会顺手。 最终效果 原图 一、先把图片处理好,再找一张雪景图,把图片拖进雪景图里(没有雪景图自己做也可以,具体方法我这里不细说。) 二、新建一个图层,填充黑色,选择画笔工具,大小设置为3-5个像素,硬度设为100%。把前景颜色设置为白色,在黑色层上随便乱点一些白点,点的密度和大小决定雪的大小,大致效果如图1。
(6-9):制作网页翻转按钮
大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮,参见范例网页。这称之为鼠标翻转效果,这是根据英文rollover翻译而来的,其实不是很符合中文的语境。其原理是利用两张图片,平时显示一幅,当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作,首先在Photoshop中将它们制作成图片,然后再做成网页。首先新建一个400×300的白底图像,新建一层,利用形状工具椭圆〖U/SHIFTU〗,在公共栏选择第3种绘图方式(填充像素),调出信息调板〖F8〗观看数值,用任意颜色在新建层中间位置画一个直径40左右的正圆(按住SHIFT保持正圆)。如下左图。0614【窗口>样式】调出样式调板,点击右上角圆三角按钮,选择“替换样式”,在出来的样式列表目录中选择“Web翻转样式”,确认目前选择的是新建层,然后使用“选中状态的蓝色胶体按钮”样式。如下中图红色箭头处。大家也可以自己选择其他颜色的。0615将新建层与背景层合并,然后【图像>修整】,如下右图所示。确定操作后图像将被裁剪为和所画的圆同等大小。这个命令的作用是根据左上角第一个像素处,或右下角最后一个像素处的颜色,在我们这幅图像中这两个地方都是白色。然后就将画面中连续的白色部分裁剪掉。这就好像现实中打印图像之后将纸张的边缘裁剪掉一样。接着将背景图层复制一层,对复制出来的图层使用曲线工具,合并高光和暗调区域(高光点229,255;暗调点60,0),形成加亮按钮的效果。如下左图。完成后我们得到两个图层,分别是暗色按钮的背景层,和亮色按钮的背景复制层。如果以上步骤无法完成,点此下载范例文件0616使用【文件>在ImageReady中编辑】〖CTRLSHIFTM〗,或点击工具栏最下方按钮,将会跳转到ImageReady中,这是Photoshop附带的一个软件,用来制作动画和网页。我们找到Web内容和图层两个调板,如下右图。后面的操作就是由这两个调板配合完成。 在完成以上5个步骤后,我们就可以开始制作鼠标翻转效果了。开始之前我们先简要介绍一下制作的原理。范例网页大家也看过,是随着鼠标的接触而发生的。这里涉及一种概念,叫事件和方法。我们的日常生活就是由许多事件和方法组成的,比如口渴是事件,喝水就是解决这个事件的方法。肚子饿是事件,吃东西就是方法。想学习是事件,看《大师之路》就是方法等等。这其实就是一种编程的思想,和人一样,电脑也是由事件和方法组成的一套逻辑系统。所以下面我们也要按照这种思路,去创建一个事件和解决方法。这个事件就是鼠标接触事件。平时鼠标不接触,我们只显示暗色按钮层(背景层)。而在鼠标接触的事件发生后,显示亮色按钮层(背景副本层)。
摄影实例讲解:利用三盏灯拍出完美女性人像
亚历克西斯天生拥有一个美丽且轮廓鲜明的面部,极适合以侧面来拍摄人像。还有,乌黑的头发与她浅色的皮肤色调之间形成了强烈的对比。正是这两个特质,指导了我这次的拍摄工作。 因为我的原意是拍摄彩色人像,所以我在开始的时候,挂起了一幅暗红色的油画布作为背景幕布。然后,我放置了一只小型(55厘米*70厘米)柔光箱,位于相机的左侧,在她旁边并且略后于她所在的位置。这样,可以使她的前额、鼻子、嘴唇和肩部呈现出强烈的高光效果。这些高光对这张照片来说极为重要。它们不仅能够帮助亚历克西斯从浓烈的暗色调背景中分离出来,并且有助于表现她面部关键的形状和结构。 我使用的第二个光源是一把银色的小型反光伞。我将它放在相机的右侧,并靠近相机。它通过反射提供了补充光线。这种光线(由于反光伞银色的内衬)为亚历克西斯的皮肤增添了一居明亮美丽的银色晕彩。在我把彩色照片转成黑白照片之后,这种晕彩甚至更加明显了。 最后,我在亚历克西斯头部的正上方挂起一只中型柔光箱(60厘米*90厘米),并将它的输出功率设置得足够低,使得它在照亮头顶和肩部的同时,又不至于与刚布置的反光伞所反射出来的光线相冲突。这种来自头顶的光线,还为亚历克西斯的下巴底部刻画出一条阴影线。这条线相当重要。它有助于“勾勒”面部,从而强化了她面部的轮廊特质———这几乎是所有人像最重要的元素。
最新发布
MAYA结合ZBRUSH制作美女杀手CG人物
看到埃里卡的女性设定后,我决定把它制作成3D模型。我在最开始并不知道怎么去制作,但我知道如果想做好,需要一个很好的V-Ray渲染才行。这个作品我使用了photoshop,maya的V-Ray,ZBrush 。埃里卡的原始概念设定硬表面的制作(枪和鞋子)通常我通过硬表面开始每一个项目。您可以不断细化模型,但是必须从一个低模开始!在这个概念设定中,枪是相当宽松的,但我觉得格洛克23很有感觉,所以我开始寻找参考。我发现了一个很好的侧面照片,并用它作为一个maya的参考图像平面- 然后我就仿照它。我决定把它尽可能制作的准一些,因为它以后可以重复利用,成为你独有的作品。我发现鞋子可以从简单轮廓开始建模。我画了一个立方体,缩放到适合的中心(宽度和高度),然后挤出来得到正确的形状。然后我复制立方体,提出的唯一的顶部模型。我挤出,并获得了非常“四四方方”的基础模型。
MAYA和MODO制作盛夏海边唯美的女孩
开始,我从来没有真正制作过幻想生物或游戏人物,所以我决定去寻找我自己的风格。一步一步,受过很多的苦,我终于开始起步,我喜欢的风格是。彼得,德塞弗的作品,所以我试图制作这样的风格。享受盛夏是从插图开始的。首先我搜索了很多照片。我的工作从这里开始,现在其他的新角色,这些参考也将帮助我完善我的艺术技巧和风格。Ok不�嗦了,让我们开始教程。软件使用: photoshop, Maya, MODO说明:我的第一个想法是创建一个超级吸引人的女孩,精力充沛,天真可爱。我搜索互联网上的参考图片,可以帮助我弄清楚我的想法。你可以看到我在图01的主要参考图:a游泳衣b身体c表情e帽子f帽子
Maya教程:MAYA中磨损做旧效果的实现
先看看效果图感谢很多朋友对上一篇教程的热烈响应。本文写于2004年初,依然是一篇比较古老的教程。"做旧"一直是制作真实感3D效果不可缺少的因素。我们先看几张现实中的照片,并分析一下他们的特点:图(01)这是一张非常典型的具有磨损效果的铜制器具的照片。图(02)同样是一张表现具有磨损效果的石柱照片。图(C)这尊佛像同样是磨损效果的典型范例。
Illustrator绘制卡通风格的八大行星小插画
初次使用AI的小志写了这个教程,一方面为了熟练一下刚临摹会的小插画,达到以后类似插图都能做,一方面为了赚点小人气。首先我们看下最终的效果图。设计流程:好,分析一下。嗯,得到了如下结论(设计流程):1.每个行星都是由烟状物(背景)+行星(就是一个圆+各个行星的特点)+左边和右边的两个小圆(这两个小圆是本行星前一个和后一个行星的缩影)2.每个行星的背景形状其实都是一样的,只不过有的翻了个面,所以我们只用做一个背景,然后复制7个就可以了。(行星也是一样的,高光,阴影都是可以复制用的,需要做的只是在每个圆上画出不一样的特点。)3.背景的渐变,可以发现它是8个背景复合路径一起渐变的,也就是说我们可以最后才一起弄他们的渐变。OK,我们开始第一步:建立一个800*600px,RGB,72分辨率的图层(为啥是800*600,因为dribbble上都是这个格式啊(哈哈哈,可以装装*))。
Illustrator简单制作立体镂空球形效果LOGO
先看看效果图步骤:1、在AI里新建文件,绘制如图效果(注意了第二个长方形在红色长方形下面哦)2、把做好的图层,定义为图案,拖到花板备用。3、绘制长方形,填充色为刚定义的图案4、对对象进行变换效果,调出外观面板即可,设置参数如图:
浅谈2014年Illustrator四项新功能揭秘
Adobe在这半年来,明显正在慢慢的将Illustrator等其他软件的重心由CS版本转换向Creative Cloud服务,这也是一种新的商业模式,并且这种模式将会一直持续下去。目前,我们有140万的付费会员,云服务现在是Adobe唯一的服务,这也是唯一的一种方法能够让我们更好的对软件进行维护和扩展,这种付费的方式,也将使这款软件越来越好。为此,在2013年,我们为Creative Cloud工具添加和增强了50项功能。在2014年,我们将会为CC中的核心软件photoshop CC,Illustrator CC,InDesign添加超过20项的特色功能。下面让我们来看看Illustrator将添加哪些新功能。01、实时圆角新的圆角工具将会让绘制圆角更加的快速、简单并且更加直观。这项功能在过去有许多Illustrator用户对我们反映, 圆角工具的添加,将使你能够非常方便的去为形状或者路径添加圆角。利用圆角工具你可以为形状或者线条添加圆形、波浪、倒角,并且能够通过详细设置让你得到你想要的圆角形状。你可以同时打开一个或多个圆角选项,可以非常直观的使用它,在控件中。你也可以进入控制面板或者打开新的圆角工具的窗口,来使用这项工具。新的圆角工具将会自动检测形状和路径在你的绘制插画时,当然,当你在旧的文件中继续完成工作也能使用到这项工具。
Illustrator制作一个精致的圣诞节花环
你准备好过圣诞了吗?做好圣诞专题,圣诞卡片了么,今天我们来一起学着用自制笔刷绘制一个喜庆的圣诞花环,不要被这么多的步骤吓到,一点点慢慢来。想想看,拆解开来,你不仅会做花环,还会做小星星,闪亮的玻璃球,大蝴蝶结了,是不是很棒,下面让我们一起来学习吧。最终效果1.做一个杉木枝的笔刷第1步:首先,我们想想冷杉是什么样的。一条很细的枝干上被许多细长的针形的杉木叶子包围,看起来柔软,毛茸茸的。为了不让大家画叶子画到吐血,让我们来创建一个冷杉叶的笔刷。使用椭圆工具(L),绘制一个压扁的椭圆形,并用过深绿色填充它。然后单击椭圆上方的锚点,使用【转换锚点工具】(Shift-C)稍微拖拽,把顶部变成尖角。复制这个形状两次,使每个副本的颜色都更浅一些。把每个针状的叶子都拖到画笔面板,创建3个艺术画笔。除了方向外,其他设置我都使用默认值。根据你自己的使用习惯,你可以把方向设置为从上到下描边或者从下到上描边。第2步用你创建的颜色最深的画笔,开始画针叶。在两侧都要绘制不同方向的针叶,中间也要补充一些。然后用较浅的画笔在上面画第二层。最后,用最浅的画笔,这就完成了针叶的绘制。