推荐阅读

UI设计师最需要了解的设计工作流程
每个设计师看文章都有自己的喜好,有些人喜欢看一些纯设计技法或者设计教程,有些人喜欢看一些偏理论的知识点,比如工作经验、设计流程、设计分析等等。其实作为一名UI设计师应该看文章不要挑剔,每一方面都要看一下,这样才能更好的提升自己的设计水平和管理能力。欢迎关注作者所在的丁香园设计团队微信公众号:「花厂设计招待所」今天主要来跟大家聊聊我自己的工作习惯和方法,相信作新人看了一定会收获很多~1. 一般怎么规划好工作上的需求?我使用teambition软件来管理我的日常需求,teambition是一款团队协作软件,由于公司使用的是tower,所以目前teambiton我是用来管理个人需求。我用过tower,可能觉得界面不够美观,有些地方体验不是特别好,不过用来团队协作应该也是不错的。由于朋友的推荐,我就尝试用teambiton来管理个人的日常需求,发现已经能够满足日常的工作需要了。下面我放上几张截图来说明我如何使用teambition。因为teambition功能点非常多,这里只是做个示例,希望有兴趣的自己体验一下。产品设计流程图(PM)App设计流程图适合全新App设计,整理出所有大致需要做的东西,然后按照从左到右的顺序分别完成。

使用Photoshop给外景人像添加唯美逆光效果
最终效果原图1、打开素材图片,创建可选颜色调整图层,对黄色,青色进行调整,参数及效果如下图。这一步主要把草地的颜色转为橙黄色。2、创建色相/饱和度调整图层,对黄色进行调整,参数及效果如下图。这一步把草地颜色转为红褐色。

Camera Raw各版本英文变中文的方法
很多朋友对Photoshop CS2 RAW格式插件的安装没问题,只需拷贝Camera Raw.8bi文件到相应的文件夹就可以了,但是显示的是英文,希望此方法能够解决大家将Camera Raw各版本在Photoshop CS2 中英文变中文的方法的问题。高手就不要看了! Photoshop CS2 RAW格式插件的安装路径: PS CS2英文版,安装路径是:C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats把Camera Raw.8bi拷贝到这个目录下就行 Adobe Photoshop CS2简体中文版的安装目录:把Camera Raw.8bi文件copy到C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\文件格式 目录下面即可 安装好cs2后,将RAW格式的图片导入PSPScs2,若显示的Camera Raw英文界面,选择open,将图片导入PS中,选择文件,看看有没有关闭并转到Bridge选项,若没有,需要进行升级,即Adobe Bridge,Adobe Bridge 1.0.2 update的下载地址:http://download.adobe.com/pub/adobe/...idge102Win.zip。升级后,打开PScs2,文件--关闭并转到Bridge--提示保存图片,是否?进入在桌面Adobe Bridge中--Edit(编辑)--Preferences....(首选项)--Advnaced(高级)--Language(语言)--选择Chinaexe,Simplified(简体中文)--OK(确定)--关闭Adobe Bridge,重启PS,打开文件就出现RAW的中文界面了,此方法适合于Camera Raw各个版本

Flash动态解析Web应用程序服务器路径
玩过Flash+ASP/PHP开发的朋友都知道,在Flash软件里测试Flash从后台脚本读取数据的时候,不能直接的用如“loaddata.asp”这样的路径,必须是http://www.domain.com/Application/loaddata.asp 或者 http: 开头的路径。有些人问了?为什么呢?当FlashPlayer里测试的时候收到load("loaddata.asp")这个命令的时候,他会直接读swf文件路径下的 loaddata.asp文件。但由于没有经过IIS的运行处理,直接读入Flash内部,当然,读出的结果就是%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%类似这样了,所以就无法根据我们的意愿来处理数据了,而当FlashPlayer执行load("http://www.domain.com/Application/loaddata.asp")这个命令的时候,他就不再是本地的TXT文件读取命令,而是一个HTTP请求,FlashPlayer把这个请求发送到HTTP服务器,服务器的IIS解析脚本返回结果后Flashplayer便可以正确的处理这些数据了。(废话一堆)当然如果你清楚了路径的关系,也可以把写load("loaddata.asp")写到Flash里,上传的时候,把.asp .swf 和包含 .swf的html文件,都放在一个目录里就行了。特别指出的是swf 在取得路径时,是取包含他的html和.asp的关系的。而不是 swf 与 asp的路径关系。说起来已经是有一点晕了,但如果理解了路径的关系,那就非常简单了。好了,进入正题,虽然输入HTTP路径就可以正确读取数据,但是在程序开发测试阶段可能经常需要开发者更换服务器,那样就对我们造成了一定的麻烦,你每更换到另外一个服务器上面的时候就要修改一次他的HTTP路径,如果读取了N(N≠0)个文件,难道还要手动修改N次?当然不是,那么通过下面这个小技巧便可以轻松解决这个问题:把SWF文件嵌入到一个ASP页面里面,输入如下代码:<%Dim PageUrl,URLarry,i,ApplicationURLPageUrl="http://" & Request.ServerVariables("http_host") & Request.ServerVariables("url")Response.Write "PageURL="&PageUrlURLarry=Split(PageUrl,"/")Arryubound=ubound(URLarry,1)-1For i=0 to ArryuboundApplicationURL=ApplicationURL&URLarry(i)&"/"NEXTResponse.Write "<br>ApplicationURL="&ApplicationURL '这一句仅仅是测试代码是否正确,可省%>好了,对ASP有一定了解的朋友应该都明白代码是什么意思了,PHP也可以用这种思路来写,下面在SWF路径中可以这样写 <%="flash.swf?myserver="&ApplicationURL%> 这样就可以通过URL把变量传递给SWF文件,在Flash影片中便可以直接访问这个变量了,就是_root.myserver。 好的,现在来让我们测试一下结果,先编写一个loaddata.asp,让他返回一个back变量。打开FLASH,新建一个文件。然后在场景中拖入两个动态文本框,分别命名为txt.url 然后在第一帧输入以下代码:mytxt=new LoadVars()mytxt.load(_root.myserver+"loaddata.asp")mytxt.onLoad=function(sUCcess){if(success){
最新发布

Maya关于3D布光
没有灯光世界将是一片黑暗,在3D的场景中也是一样,精美的模型、真实的材质、完美的动画,如果没有灯光照射一切都是无用的,因此说灯光的应用在场景的重演中是最重要的一步毫不过分。另外灯光的应用也不仅仅是在场景的某一位置添加照明,如果那样3DS MAX提供的缺省灯光就够了。其实灯光的作用远不止此,恰如其分的灯光不仅使场景充满生机,还会增加场景中的气氛、影响观察者的情绪、改变材质的效果,甚至会使场景中的模型产生感情色彩。 ○场景的布光 为了更好的使用灯光,需要了解布光重要性。我们将从两各方面探讨布光:场景中要求布光的区域和一些基本的光源及其位置。 在一些较小的场景和单帧画面里常常使用传统的照明方法——三点照明,也就是三光源照明,即主光源、补光源或叫副光源、背光源,在一些特殊的情况下往往还要加上背景光源。主光源提供场景的主要照明及阴影效果,有明显的光源方向,一般位于视平面30~45度,与摄像机夹角为30~45度,投向主物体,一般光照强度较大,能充分的把主物体从背景中凸现出来。 补光源用来平衡主光源造成的过大的明暗对比,同时也用来勾画出场景中物体的轮廓,一般相对于主光源位于摄像机的另一侧,高度和主光源相近。一般光照强度较主光源小,但光照范围较大,应能覆盖主光源无法照射到的区域。 背光源的主要作用是使诸物体同背景分离,其位置同摄像机呈近180度,高度要根据实际情况调节,其照射强度一般很小。多用大的衰减。 在动画或较大的场景中照明方法又有不同,是把场景中的光源分成不同的区域——主活动区、次活动区、背景区、环境光、可见光源区和移动光区 主活动区域场景中摄像机视窗中的区域的区域,大多数活动都是在该区域发生。在计算机产生的场景中,一对聚光灯对一个简单的静态场景来说是足够的,但可能需要几个点光灯和聚光灯描绘在场景中奇怪人物的运动。主活动区的一个特定的布光可能要求经常变化,以便放在不同位置的相机为强调物体的不同侧面,从不同视点拍摄场景。在许多情况下,主活动区的布光定义了场景的整个基调。因为这一原因,照射主活动区的光源即我们所说的主光源,而且常与下面描述的补光源配合使用。

蜻蜓点水-用Maya变形器制作水的波纹
首先在MAYA中建立一个Plane. 把Plane的Subdivisions Width和Subdivisions Height改成300和300,如图 选择plane在Deform/Nonlinear/Wave ,如图: 把Wave放到合适的位置,在如图设置参数: 把Amplitude的参数设置为: 0桢为0.125

MAYA实例:用节点做沼泽地积水效果
01最先是以前想做一张图,就是雨后天晴了,地上有滩积水的效果,刚开始是用模型做的,后来想了想就有了这篇教程。先看效果(潮湿的质感是有的,但灯光是乱打的。所以没了那感觉。 03打开超图。创建几个SHADER球。具体习惯看各人,比如说俺比较喜欢事先想好要用到什么节点,然后都创建出来,再一一把它们连接起来。 我们先做泥泞材质。所以现在只创建两个SHDER,一个是phongE,一个是lambert。两个FILE节点,改名为COLOR和MASK。这两个节点一个是添加到COLOR属性上来控制颜色的,一个是作为蒙板来控制透明度。蒙板图需事先做好。可以用这张 说明一下,这张蒙板起的作用比较关键,如果最后效果的积水与泥泞的边缘很清晰,那么就不要用模糊,如果需要有一个过渡,则需要使用模糊滤镜处理一下。)

用shag:fur创建真实的树
第一步:树干和树枝建模树干创建一Cylinder。转换为网格物体,用extrude,bevel命令,托动顶点,建立如图1的模型。 树枝有两种建立树枝的方法。一种是自己建但要用比较长的时间。这里我介绍一种容易的方法。使用由Shawn Lewis的treemaker免费脚本。(http://www.scriptspot.com)我使用缺省参数来创建。转换为可编辑网格,在polygon层级选择branch/es/。使用clone方式detach出来,并命名如“branch_1”等。如图2,图2a所示。 然后删除网格仅保存复制的“branch_1”,复制几个并调整至图3样式。 第二步:shag:fur部分把所有的树枝attach成一个物体。到polygon层级选一些树枝。给定material ID号。可以给定不同的ID。结果如图4。 关闭edit mesh菜单到Environment面板。按下add钮选择shag:render和shag:fur。如图5,图5.1。

FBIK完全研究FOR MAYA7
FBIK 是MAYA7的新功能,它有2种骨骼命名和识别模式,分别是LABEL和NAMED,LABEL NAMED 下面就来讲讲如何实现两种可以让FBIK SYSTEM识别的办法,和他们的优缺点。。。。 大家可以到ANIMATION--》SKELETON下面找到一些菜单,这些都是将来要讲到的。。。。 然后能看到一个ADD RETARGETING LABELS 和ADD FBIK LABELS,这两个最大的区别就是前面的哪个MENU要比后面这个简单(都看到了拉。。。。),其实并不是这样的,前面哪个是用来重新锁定LABELS 名字的。 然后大家可以看到在ADD FBIK LABELS 下,前面几个是LABEL LEFT,RIGHT,AND CENTER,这个是要先为你的骨骼设置左面还是右面,一般要先设置这个,那就先把你的要命名的骨骼先设置好左右把:)

MAYA流体特效之海洋篇
使用流体特效果容易制作出生真实的水表面,从游泳池到有暴风雨、泡沫的大海。 02海洋概论 一片大海是被一个平坦的表面指定一个海洋材质而定义。 建立海洋对流体特效是简 单的过程。通过适当的连接,建立一个plane平面和shader(材质)节点。 大海平面是在中心集中的较多细节的 NURBS 平面,因此你可以让大海扩充到地平线, 注意局部的分辨率的合理性。 03因为互 视图为硬件显示模来察看displacement(置换)和shading(阴影)

Maya NUBRS快速制作山脉教程
开始了!先建立一个NUBRS平面把宽度设置成50 U V设置为30(这可根据你的需要来定) 然后切换到动画模块,选择DEFORM-->CREATE NONLINEAR-->WAVE制作一个波浪变形 将波浪变形的振幅和波长都设定一下(在这里设定为0.1) 切换到顶视图,选取UV点,框选中间的点,这就是山的范围了 将UV点在Y轴上向上移动一点,构成山体的第一层

Maya人物毛发教程
1.用任意方法制作一块nurbs面片,注意uv的起始位置在头发的根部(画黄线的地方) 2.选取多个isoparm,然后duplicat surface curves 3.不要删除历史,选择这些curves,然后Hair-Make select curves dynmic 4.选择生成的follicle,在属性里把point lock改成Base(默认是锁定2端) 5.现在你移动时间轴,可以看到这些curve可以运动了 6.选中生成hairSystem,然后Hair-Assign paint effect brush to hair.这样做的结果是我们得到一个pfxhair作为renderHairs,但同时会生成一个连接到pfxhair上的brush,这个我们不需要的brush会影响pfx的形态(具体可参看maya help 里的assign paint effect brush to hair);在hypergraph或outliner中把它删掉 7.调节hairSystem的参数,可以看到现在已经生成正常的毛发了。从nurbs面片上复制出的曲线成为该hairSystem的start curves(你可以用set rest postion to start postion生成rest curves),调节nurb