推荐阅读
9个设计要素技巧制作出完美的搜索框
搜索框是我们最常用到的UI控件之一,它几乎存在于所有的网站和APP当中。许多人认为搜索框不需要设计,因为它似乎就是由两个最简单的元素构成的。在以内容为导向的网站中,搜索框的重要性会相对更明显,用户需要快速又无痛地找到他们想要的内容。而对于设计相对负责的网站而言,这个需求尤其明显。搜索框的可用性设计,是整个设计的关键。今天的文章我们来聊聊搜索框的设计,如何让用户尽量节省时间,搜到他们想要的内容。1、使用放大镜图标时至今日,搜索的概念和放大镜图标之间的关系已经深入人心,根深蒂固了。在日常最常用、最易于识别的几个图标当中,放大镜所带代表的搜索图标就是其中之一。即使在没有文本标签标识的情况下,用户也能轻松地识别图标的含义。小贴士:使用最简略直观的放大镜图标,细节越少,越容易识别。2、显眼的搜索输入框如果搜索是你的网站或者APP的重要功能的话,你应当让搜索框足够显眼,这样的能设计让用户最快发现它的存在。
phtotoshop给偏暗的荷花少女打造清新蓝天照片
原图效果图1、打开素材原图,复制背景图层。图层样式设置为“滤色”不透明度为50%2、创建可选颜色图层,对红、黄、绿、青、白 进行设置。参数设置如下图6、拖进天空素材,如下图
基础(23)如何快速在Dreamweaver CS3中编辑网页标签
图上画红框的地方,就是我们今天的主角了。我们先看一下“环绕标签”。在页面上随便打入几个字,选中它们,在右键菜单中选择“环绕标签”,在弹出的环绕标签对话框中输入“<strong>”(不包括引号),然后回车。之前被选中的文字是不是已经变成粗体了,到源代码看一下,我们所选中的文字是不是已经被<strong>标签包围了?大家可以试着再加入其它的一些标签,如:<a>,<p>。这里也可以直接输入属性。如:<p style="color:#CC0000">。这里仅大概说明一下,如有疑问,请查看Dreamweaver CS3的帮助。下面说一下标签选择器的应用方法。我们将光标移动到刚才加粗的文字里,会发现在<body>的后面多了个<strong>。这就是说光标所在处的这些文字的外面有<strong>的标签,在<strong>标签外有<body>标签。下面大家再添加一个表格,把光标移动到表格内,看看标签的结构。相信对HTML有些基础的朋友都应该很轻易理解的。假设我们现在要插入一个表格,并将这个表格用CSS来将它下移10个象素。先插入一个表格,然后交光标移动到表格内。这时在标签选择器上应该可以看到这样的字样<body><table><tr><td>。然后在table标签上点鼠标右键,会看到有四个选项。删除标签、编辑标签、设置类、设置ID。删除标签:即是将标签删除。(有一些非凡的标签是不能删除的。例如:<table>、<tr>、<td>、<body>...) 编辑标签:给标签附加属性、修改属性等。 设置类:给这个标签附予一个类。(即CSS的类别) 设置ID:给这个标签附予一个ID。(即CSS的ID)在这里,我们选择编辑标签,然后在后面加上属性style="margin-top:10px"和正常书写源代码的方式是一样的。然后按下回车。就完成了编辑。假如在Dreamweaver CS3里看不到效果,请用浏览器预览。还有另外一种方法,也许你会喜欢。选择窗口→标签检查器当你选择某一个标签后,这里会显示出当前选择标签的所有属性。也可以很快地在这里进行编辑。在这里输入的属性不用包括引号,编辑后按回车确定。这里我们只将方法告诉大家,希望大家能够从中受益。
Photoshop合成“蛋壳里的小鸡”
这个Photoshop实例主要运用了通道和套索工具,合成了一个蛋壳里的小鸡,先看下完成图吧:图:完成图 制作步骤: 1、打开一张素材图片。图:打开素材图片 2、抠出鸡蛋。打开通道面板,比较之后发现蓝通道中鸡蛋的边缘最明显,所以选择蓝通道,然后用磁性套索工具勾出鸡蛋的轮廓,平滑2个像素。图:抠出鸡蛋 3、Ctrl+J将鸡蛋复制出来,命名为蛋。图:将鸡蛋复制出来
最新发布
Maya Sprite粒子应用高级教程
首先看一下效果。 人群是由sprite形态的粒子构成,我们在粒子的材质上贴上一个跑步循环的序列图片,再用表达式来控制跑动方向等参数,如图。 现在我们开始吧。 1、首先设置动画从0帧到250帧,然后创建一个Emitter,设置如下: 选择Particle设置如下:Max Count:50 (设置粒子在场景中的最大数,即存在50个粒子后将不再发射,除非有粒子消亡) Particle Render Type:Sprites (最重要的) 。 2、给粒子一个lambert材质,为Color贴上跑步周期图片(在教程最后提供),由于提供的图片包含Alpha通道,所以自动与lambert 的Transparency 相关联了。勾选Use Image Sequence和Use Interactive Sequence Caching。
MAYA实例:动画场景小木屋的制作
这个实例是讲一个小屋和草地以及天空纹理与景深的制作过程,是一篇综合性教程,内容详细,适合初学者。 屋顶的制作 1首先创建一个多边形的方体,对它的XYZ轴上进行一些缩放,参数如下图。然后选取方体的顶面进行一些放缩。 2然后再创建一个方体做屋檐,注意它的缩放参数和摆放的位置。然后将它和屋顶成组。 3将组复制一个并摆放到适当的位置。 4使用EP曲线工具,将它设置为LINERR方式,这样就可以绘制直线。
Maya制作鸟类翅膀骨骼设置及动画
在这个教程中,我们可以做一个翅膀模型来进行教程的学习,实例中的模型用了1600个nubs plane做成的,如果你先太麻烦的话,可以用简单的几个平面模型来替代,还有纹理贴图也可用其他的贴图纹理取代。 1. 2. 3. 4. 首先翅膀的羽毛都是有nubs plane组成,因为羽毛有不同的纹理表现,羽毛有展开和收缩得动画,而且彼此独立,所以用简单的nubs plane比较好。上面看到的四个图是分别用了四个层来处理,而且分别群组,让他们各自独立。
MAYA灯光系统的参数浅析
灯光浅析 Ambient Light 环境光最大的特点是其具有“双重性格”,具体体现在环境光的“Ambient Shade”参数的运用上,通过调节此参数(后文参数解析部分会系统论述)可以使环境光表现出有向性和无向性。环境光在具体使用中最大的作用是模拟大气中的漫反射、对整个场景进行均匀照明。一般情况下,环境光不会被考虑作为场景照明的主光源,环境光一般会和其他光源联合作用(例如环境光有时候可以和平行光共同模拟阳光) Directional Light 方向光仅在一个方向平均地发射灯光,它的光线是互相平行的,使用方向光可以模仿一个非常远的点光源,例如从地球上看太阳,太阳就相当于一个点光源,所以方向光常用来模拟阳光的照明效果。在一个场景中,同一盏方向光投射的所有阴影都在同一方向上,而且都是该物体的正交投影,所以我们不需要考虑Directional Light和被照射物体的相对位置,唯一要考虑的就是方向光的方向。由于方向光对局部区域的 Point Light 点光源从光源位置处向各个方向平均招生,可以用来模拟灯泡和蜡烛。点光源的投影有透视效果,与Ambient Light和Directional Light不同的是,Point Light有“Decay Rate”,即可以调节灯光的衰减率(Spot Light和Area Light也可以调节衰减)。点光源在很多时候适合用来作辅助光。在许多翻译过来的MAYA资料中可以发现,很多国外作者把点光源的阴影称为“发散阴影”,这正是因为点光源有强烈的透视效果,个人人为,此特性可用于模拟室内场景中透过窗户射向室内的夕阳光 Area Light
Maya重塑可爱的3D唐老鸭:材质与灯光篇
本教程教你用Maya重塑Blurstudio的三维唐老鸭过程,这是材质与灯光部分。 01:下图是最终的效果,在这个例子的制作过程当中,我们可以真切体会到材质与灯光之间互相的紧密连系,准备好了吗?我们开始学习的旅程吧。 最终效果图 缺省材质的灯光效果编辑材质后的灯光效果 看了01和02的图,也许有朋友会提问:为何效果差距那么大?当我们编辑好材质以后,相信会得到一个满意的效果。 02:灯光的设置。 因为唐老鸭是属于卡通,在灯光设置上需要戏剧化的效果。但却不是颜色对比鲜明的光线,因为她是个女生,所以设置光线时尽量使光线柔和。好吧,说了那么多,我们开始吧。 设置一盏主光在角色后边的右上角,偏暖色。
MENTAL RAY 做RAY MATCH级的灯光雾
在这篇MR的灯光雾教程里,全部是用MR CUSTOM SHADER来做,所以可以看到怎么用体积材质和MR的灯光.MR的体积材质是个不错的东东, MR的体积材质需要几个条件来满足,一个是必须要有一个边界盒用来指定材质,二是必须把透明材质添加进去,三是必须在材质网络中添加一个体积材质.而且效果要好的话,还要指定一个MR的灯光,用MAYA自己的灯光是不行的.如果只是做灯光雾还可以,但要是在灯光前有物体阻挡了光线就出问题了,这就是RAY MATCH技术.(理解可能有错) 场景如下,随便做个场景,灯光前的物体是用个PLANE,然后删除一些面.然后打光.调节好摄像机的位置.大致如图. 现在做体积材质的网络,在MR CUSTOM SHADER中创建一个tran parti_volume的参数如图: MODO模式为0时体积效果将会全部充满在边界物体中,为1时按照设定的数值出现HIGHT控制.scatter是颜色设定,默认黑色不会有任何效果,可以把MAYA的CLOUD或者其它贴图直接接到这里来控制颜色,有时候效果还很不错滴.这里调成淡蓝色.它下面的EXTINCTIN 接下来把场景中的灯光与体积材质连接上,在超图中选择灯光直接拉到体积材质的LIGHT LIST中.体积材质参数和灯光列表.这个LIGHT LIST中指定的灯光将会直接影响体积材质,突然觉得MR的这种方式不错,不用在MAYA中排除灯光照射物体,直接在材质中控制了.如下图
如何自动设置MAYA灯光亮度
01、许多人对于如何调节灯光亮度感到迷惑,我就是其中之一,特别是当灯光设置了衰减之后,往往是调一下亮度,渲染……祈祷……太亮……再调……再祈祷……太暗……太亮……痛苦…… 下面做的这个连接希望能够帮上一点忙。 1、 建一个聚光灯,并将其设为二次方衰减。这是最常用的灯光。其它的也以此类推。Create->lights->spot light.. 02、 建一个尺子。Create->measure->dis 03、 下面将灯光和尺子工具连接起来:选择第1个locater,再选择spot light,按p,将这个locater作为spot light的子物体。移动灯光,发现尺子工具随之移动,但灯光并不指向第2个locater。 4、 选择第2个locater,再选择spot light,切换到animation菜单设置。Constrain->aim->options。 05将aim vector 改成0,0,-1。
Maya Fake 教程之-阴影灯光篇
先欣赏最后的效果图: 1、 基本场景角色,地面和一盏平行光(Depth Map Shadows),Resolution: 512 2 先对比图吧,地面是10倍,30倍, 80倍,阴影贴图的变化; 3 、解决:进入灯光属性如下调整,基本解决了问题。 4、可是如果对象不是一个呢,问题还是存在。
Maya三维场景中三点灯光的应用
三点灯光是杰出的好莱坞灯光照明方案“三点灯光”: Key Light(基调灯), Fill Light(补光灯), 和Back Light(背光灯),下面我们就要学习怎么样设置这种灯光。 1.在黑暗的环境中开始:在你的场景中确认没有默认的灯光,并且没有球形的环境;当你添加第一盏灯的时候,场景中应该没有其他的灯照明。 2增加Key Light基调灯 基调灯用来照明场景中的主题,最大程度的影响场景的照明和阴影的显示。它是最主要的灯光来源,例如作为太阳,窗户,或是天花板上的灯光来源;而且几吊灯也不一定要放在光线的来源点上。 创建a spot light 作为基调灯,从顶视图上看,基调灯偏移摄像机(15-45左 基调灯要比主体前面的其他的光源都要亮一些,它是最主要的阴影投射来源,最深的阴影,高光也是又它来决定的。 注意:在这里的场景测试当中,你的场景中只有一盏灯光,它在光亮和黑暗的区域之间应该有比较好的平衡和对比,一盏灯光的渲染结果跟最终的效果没有多大的差别,除了阴影比较黑,灰度对比比较粗糙之外。观察上面的gif效果,当他停留在只有基调灯的时候仔细观察。 3增加补光等Fill Light. 补光灯的作用是柔和和扩展基调灯的照明范围,能够看到更多的主题和细节。补光能够
利用MAYA制作三维唐老鸭:灯光篇
先看最终的效果。在这个例子的制作过程当中,我们可以真切体会到材质与灯光之间互相的紧密连系,准备好了吗?我们开始学习的旅程吧。看了图1和图2,也许有朋友会提问:为何效果差距那么大?当我们编辑好材质以后,相信会得到一个满意的效果。 图1缺省材质的灯光效果 图2编辑材质后的灯光效果 灯光的设置 因为唐老鸭是属于卡通,在灯光设置上需要戏剧化的效果。但却不是颜色对比鲜明的光线,因为她是个女生,所以设置光线时尽量使光线柔和。好吧,说了那么多,我们开始吧。 设置一盏主光在角色后边的右上角,偏暖色 设置一辅助光在角色的右上角,偏冷色