推荐阅读
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教程-商业产品灯光应用技巧
我以实际拍商业产品的打灯原理, 搬到 cg 应用来做一个教程。本人用了MAYA及mental ray做示范,不过灯光理论能够应用在不同的软件上,所以适合任何人士收看。 由于今次是第一篇教程讲 lighting,所以都是以简单为主,希望大家容易掌握,之后的可能会更难,呵呵。 场景设定 拍商业产品主要分为直接照明及间接照明两种, 我今次会讲间接照明在反光物品上的应用. 因为反光物品如用直接照明, 会令到对比过强, 使用间接照明就能够给予物品柔和的质感, 也可以柔化阴影. 以下这幅图就是拍摄反光产品的灯光设置: 设置解说: 1. 背景通常用一张弯曲的白纸, 这样就可以避免看见墙及地面的交界线, 而且给人一种自然舒服的感觉. 2. 左边有一块反光板, 实际拍摄也只是用普通的白色纸板, 在MAYA里我用了纯白色的 Lambert 材质, 和背景是一样的.
图解Maya中真实大蟒蛇的塑造:材质与灯光
最终效果预览: 先建立一个聚光灯,照亮物体。 在物体顶部建立个聚光灯,打出蛇头的背面轮廓。 口内比较暗。放个区域光在口内部,照亮这区域。带点粉红色。 建立一个聚光灯在右边,让蛇的口内多点色彩的细节。如图。
Maya制作穆斯林宗教建筑灯光技巧
首先看一下效果图。 1.主光源。很简单。左边为主光源的位置,右面是参数。作为黄昏或者说初生的太阳来说,阴影不要过于尖锐,颜色偏黄一些更好。 2.主光的颜色精确值。 3.左边的试图可以看到辅光的CAM,辅光,黄昏西下是冷暖对比最强烈的时候,这里我用了冷色灯,边缘尽量要柔和,注意是5个相同的灯,用一个圆线做参照。 4.辅助光的颜色。
MAYA教程:关于法线贴图接缝的解决方法
我这次遇到的问题最主要出现在Normal map接缝的处理上。在遇到Normal map上出现接缝时是十分棘手的。它不像Diffuse和Specular那样,可以直观的在ZB或者BodyPaint里用投射的方法去修平。这是因为Normal map本身原理所致。
Maya UV和UV编辑实例系列(5):确定贴图长宽比例
还有一种方法确定纹理比例,使用Arc Length测量工具测量出NURBS表面的精确弧长,再根据比例绘制贴图。 确定贴图长宽比例具体步骤: 1:测量模型 使用弧长测量工具,Creat>Measure Tools>Arc Length Tool测量表面U向和V向的长度。测得的长度为7.94和34.8。 2:绘制贴图 根据测的长宽比,在绘图软件中绘制贴图纹理。 3:更改边长 在绘图程序中将图像尺寸改为正方形,边长为2的冥次方,例如512x512,1024x1024等。 4:调整2d布置节点 2d布置节点决定二维纹理在模型表面的分布,将U向Coverage 数值改为4.3(34.8/7.94≈4.3)。
MAYA制作眼球材质的精选教程
先看一下效果 先简略介绍一下制作思路: 眼球材质由两层材质叠加而成,一层表现颜色,一层表现质地(高光和bump) 先来调颜色: 建立一个marble,更名为bloodshot,设置参数如图: 这是基础材质。 建立一个ramp,更名为ramp7,设置参数如图:
MAYA材质系统的Utilities工具简介(二)
01常规工具节点(续) Set Range Set Range节点将一段范围内的值,重新映射到另一段范围内,然后输出。 注意它和Clamp节点的区别,Clamp节点是专门针对颜色值的。 举一个MAYA帮助中的小例子可以理解Set Range节点的作用。 建立一个nurbsSphere,然后指定一个Blinn材质。 生成一个Set Range节点。 我们下面要做的是用nurbsSphere的X、Y、Z轴向的旋转来控制Blinn的ColorR、ColorG、ColorB。 换句话说,是将0——360这一范围的值,重新映射到0——1这一范围内。 打开Connection Editor,
MAYA材质系统的Utilities工具简介(一)
MAYA的材质体系是非常优秀的,它把程序的逻辑思想直接体现在高效的操作中。在MAYA中编辑材质其实很象在编写一段程序。这是有别于MAX的方法。 所以MAYA独特的思考方法令人难以理解。 掌握MAYA的材质系统不仅仅是创造完美的shader,Maya是一个将感性和理性完美融合的动画软件,如果熟练地掌握了Maya材质编辑系统独特的工作方式,会令我们在材质的设计能力上获得巨大的技术突破。 因为Maya的“Utilities”工具的能力非凡,并且要想灵活使用这些工具需要较强的逻辑能力,所以我试图把MAYA的Utilities用我自己的理解解释一下。 Maya自带的Help文件非常系统和完善,是最好的学习资料。因此这里的文字和帮助内容重复是不可避免的。 另:在接触三维动画软件的渲染系统时,很容易碰到“Shader”这个术语。目前国内对这个术语的翻译有很多种,比如:阴影、材质、明暗生成器等等,我自己更倾向于“明暗 常规工具节点: Array Mapper Array Mapper节点一般是嵌入在粒子系统中用的,粒子通过Array Mapper节点调用Maya的Texture。 Bump Utilities