推荐阅读
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 4.0 变形-Wrap变形
Wrap 变形是变形的一种方式,它通过将一个或者多个 NURBS 表面、 NURBS 曲线或者多边形表面作为影响物体来变形物体,在创建 Wrap 变形时,必须创建一个或者多个物体对象作为影响物体,同时,系统分别为影响物体创建一个复制物体,用于变形物体表面,该复制物体称为基础物体,通常情况下,此物体是不可见的。 一个 Wrap 变形可以包含一个或者多个影响物体,一个影响物体也可以应用于一个或者多个可变形物体,一切视具体的情况而定。 利用一个影响物体创建 Wrap 变形 下面是利用一个影响物体创建 Wrap 变形的家例 , 具体操作步骤如下 : (1) 执行 Create → NURBS Primitives → Sphere 命令,创建两个 NURBS 球体,第 1 个球体的参数为: Sections=40 、 Spans=20 ;第 2 个球体的参数为: Radius = 3 ,如图 14-26 所示。 (2) 选取第 1 个球体,然后按住 Shi (3) 执行 Deform → Create Wrap 命令,创建 Wrap 变形。在 Ouliner 窗口中,可以看到影响物体的基础物体,如图 14-27 所示。 (4) 选取第 2 个球体,右击从标记菜单中选择 Control Vertex 命令,如图 14-28 所示。 (5) 选取第 2 个球体上的一些可控点,然后移动它们,如图 14-29 所示,作为影响物体的第 2 个球体发生了变形,同时,第 1 个球体也发生了变形。 (6) 确认第 2 个球体处于选中状态,单击 图标进入 Select By Object Type 模式。在通道框中,设置 Dropoff=20 ,第 2 个球体发生了变形,第 1 个球体也相应地发生了变形,如图 14-29 所示
Maya 4.0 变形-编辑变形
变形取决于点和它们的分组之间的关系。可用的对变形的控制包括 Relationship Editor 、 Edit Membership 工具、 Paint Set Membership 工具和 Prune Membership 功能。也可编辑变形顺序。 编辑变形组 无论何时创建一个变形体, Maya 都会创建一个同名的变形体组。该组显示在 Relationship Editor 的 Deformer Set Editing 模块中。可以用该编辑器来编辑变形体组中点的隶属关系。编辑器的 Edit 菜单还允许选择组中的任何点、给组添加点和从组中删除点。该编辑器还可让用户选择或删除变形体。下面是一个实例具体操作步骤如下: (1) 创建一个新场景。再创建一个圆柱体。 (2) 选择圆柱体顶部的两排 CVs ,并对这样点以默认设置应用 Lattice 变形 ( 选择 Deform → Create Lattice 命令 ) ,如图 14-33 所示。 (3) 在建模窗口 图 14-33 应用 Lattice 变形 图 14-34 移动群集 (4) 选择 Window → Relationship Editors → Deformer Sets 命令。左边有两
MAYA的基本指令操作
鼠标部份 : 使用 maya 最好能够使用三键式的鼠标 . 而鼠标的中键是建议最好不要用滚轮式的会比较好 . 因为中键是滚轮式的是适合用在浏览网页的 . 而假如用在 maya 上 ..... 会哭笑不得哩 ~ 因为 maya 它是很常用到中键 ! 以下是鼠标在 maya 的操作方式 : 之后 , 在按鼠标的右建就会跑出现有关 这 model 的附属功能 . ( 有选择 model 的点呀 , 边呀 ...) 他的工具用鼠标的中键就能够去作用以及修改啦 !history 的 attribute 也可以用中键来拖拉来修改数据 . 方法为选择了 channle 的 attribute 的 attribute 之名称之后 , 在工作窗口中按着鼠标中键移动的时候 , 所选择的 attribute 里的数据就会跟着鼠标的移动做修改啦 ( 移动可见窗口范围 ) ( 只有在 persp 的工作窗口以及自定的 camera 这 功能才有效果 . 在 top, side , front 都无法去旋转窗口 !!) 当按了此热键之后 , 滑
maya快捷键
虽是 maya2.0 2.5 的但是现在的 4.0 4.5 5.0 也能用。 Maya 快捷键速记表 以下列出的是 Maya 2.0/2.5 版本中所有系统默认的快捷键及它们的使用方法和功能。大部分的快捷键使用方法都很简单,只需在键盘上直接按下表中列出的相应按键即可。有个别的快捷键带有注释,表示它们的使用方式稍有不同。以下是这些注释的含义: ( 1 )带有 “ (开启 / 关闭) ” 注释的,表示该快捷键同时控制同一功能的开启和关闭。 ( 2 )带有 “ (按下 / 释放) ” 注释的,表示该快捷键的使用方式为按下和释放这个键。 ( 3 )带有 “ 单击鼠标左键 ” 和 “ (弹出式标记菜单) ” 注释的,表示该快捷键使用方式为先按下快捷键,再单击鼠标左键,接着屏幕上会弹出一个标记菜单供你作出选择。 工具 * 作 快捷键 功能解释 快捷键
Subdivision Emulation下的纹理处理
一般情况下,动画网格直接接受纹理贴图没有什么大碍。但是对于用 subdivision emulation 技术创建的平滑多边形网格的纹理,要完全控制或者生成动画,就要用到复制纹理的方法。原因是当纹理坐标被指定给一个平滑物体时,默认情况下 Maya 优先接受纹理贴图,而不是平滑功能。 Maya 假定:大多数情况下,需要的是直接把未平滑的网格直接与平滑的多边形物体绑定,这样就避免了处理大量多边形时的性能的降低和复杂的皮肤问题。在进行动画和平滑处理以前,纹理坐标信息已经被接受,这样就避免了形状改变时,纹理在网格上的游移。 但是,这也意味着:纹理坐标只是为低精度网格而创建,而不能精确表达实际的纹理情形。这里我们要做的就是复制一个可以接受所有纹理信息的平滑图形。一旦纹理坐标建立以后,就可以容易的从复制物体上把它们传递到实际的平滑表面上去,而不会在动画中出现游移。 第一步,创建一个纹理参照物体。选择 smoothed mesh 并用 Edit->Duplicate 工具复制出一个物体,把复制出的物体沿 X 然后,选择 texture projection method ,因为头的最重要的部分是前面,后面和侧面,这里我们选 Cylindrical Projection 工具。( Edit Polygons-> Textures-> Cylindrical Mapping )。 当使用 Cylindrical 贴图方式的时候,最好选上 “Seam Crrect” 选项,这样效果更好些。 为了看起来清楚,这里我用了棋盘格贴图。 上面是未修正的,下面是修正以后的。 但是我们看到,修正以后效果仍然不是很令人满意,我们还需要手动调节一下 UV 坐标。打开结构视窗( Panels-> Panel-> Texture View )。 首先,我们看到, UV 超出了物体的实际边界。
Maya 菜单中英文对照
Standard标准菜单 File文件 New Scene建立新场景 Open Scene打开场景 Save Scene存盘场景 Save Scene As改名存盘 Import导入 Export All导出所有 Export Selection导出选定物体 Create Reference引入场景文件
Alias Maya6.0-gold安装指南
这次新推出的Maya6.0 CG版的安装较以前的版本安装要简单的多。下面我们来看看: 1 、首先双击解压文件夹下的 maya60_cg.exe 文件,会出现一个对话框,让你选择安装临时文件的位置,一般情况下,使用默认即可。如图 1 5、用记事本打开安装文件夹下的 aw.d 7 、启动画面如图 6 8 、版本信息如
Turtle - GI & Caustics篇
本文示例源代码或素材下载 这是 MAYA 的外挂渲染器 - Turtle,现在要教如何使用 GI 和 Caustics,不过我觉得官方提供的教学好像有点滥 . 大家随便看就行了 . 先给大家看一下最终效果图 . 首先当然要先自己做一下场景 .. 在灯光的影子部分 开启 Use Ray Traced Shadows 效果如下图 .. 我在最后会放出档案 ... 大家可以看一下设定 . 所以不需要着急 . 接着如下图设定 开启 GI & FG & Caustics
Maya 官方教程-流体
大家先看效果 2 在 PS 下先制作一张图,比如: ALIAS 创建 2D 流体容器, CTRL+A 打开属性窗口,将分辨率 (resolution) 改为 100*100 如图所示 点按 Fluid Effects > Add/Edit Contents > Paint Fluids Tool 后面的小方框 . 弹出流体笔刷属性框,将 Paintable Attributes 选为 Density 在 IMPORT 标记菜单下, Attribute Maps > Import 的 Import... 将我们刚才做好的黑白图片导入 执行 Fluid Effects > Set Initial State 命令(初始化图画)
Maya制作鱼的模型
我们要做的鱼,是以下面这张图为参照的。 1 、在侧视图里导入这张参照图,然后我们开始吧。 2 、在侧视图,沿着参照图中的鱼边沿,从鱼嘴到鱼尾创造几条 Nurbs 曲线,然后在三维空间( x 、 y 、 z )里近可能的调整曲线。 然后进行 loft (放样),将鱼的肚子做出来,利用曲线(历史记录不要删)再调整好一些细节,直到自己满意 结果: 4 、我们再做鱼的眼睛。我们先大概确定眼睛的位置,建个 Nurbs-Circle ,将它影射到刚做好的鱼体上,再根据 Nurbs-Circle ,多复制几个 Circle ,分别放大缩小调整距离,最后进行 loft (放样) 5 、其实鱼的眼珠也可分开做,创建一个 Nurbs 球体,删半个,修改成眼珠样,往里面放好位置就行了,方法很多。 结果: 6 、这一步做鱼的背鳍,也是同样的方法 loft 。我们建个 Nurbs-Circle ,影射到鱼肚上,然后多复制几个 Nurbs-Circle ,将它们有次序的缩小,按背鳍排列(图中的绿线), 7 、然后依次选种这些 Nurbs-Circle , loft (放样)