推荐阅读
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){
最新发布
如何使gif animator工作于半透明模式
GIF Animator 最酷的特色之一就是结合了图像编辑的功能和半透明模式。新增到 4.0 版中的半透明模式来自于传统的动画技术，为您提供难以想象的机会，直接在 GIF Animator 中创建动画。就我们目前的了解，没有其它的 GIF 动画工具提供了这样多样的功能。 打开带空白动画的 GIF Animator。 单击「文件：参数选择」菜单命令。打开「参数选择」对话框。在「高级」选项卡中，定义透过当前操作的层面的、可见的图像层面的数目。您还可以设置该穿透显示的层面的透明度。单击，来查看较大的图像 选取「全局信息」层面，然后在属性工具栏上手工设置动画的尺寸（取消选取「自动选项」，然后在相应的输入框中输入宽度和高度尺寸）。单击「层面：添加空白图像」菜单命令，添加一个空白图像层面。选取这个新的图像层面，然后单击属性工具栏上的「透明」选项。这可以使背景色透明（为了使半透明模式起作用，所有层面将变为透明）。
GIF Animator创建移动精灵
在 GIF Animator 中，有两个方法来创建移动的、动态精灵。您可以方便地在 GIF Animator 中打开一个元素，并自动完成使它穿越该 GIF 文件的逻辑屏幕的运动过程。第一个方法，用于简单的、静态的帧，详细描述如下。而在下一页讲述第二个方法，用于动画。创建移动精灵 (简单)1. 在 GIF Animator 打开背景图像。在此我将用 ocean.gif 作为背景。 2. 下面，打开精灵图像。该图像应该比您刚打开的背景图像小，否则它将不起作用。（左边的海豚包含一个透明的蓝色背景。在将它导入到 GIF Animator 中后，我选取了该层面，然后在属性工具栏上，选中了「透明索引」选项，并单击「色彩」框。色彩选取器打开后，我在预览窗口中选取了背景色，将该颜色扣除，使海豚可以和后面的海洋混合在一起。）(我打算让海豚动起来，"游过"海洋背景。) 3. 选取该精灵层面，然后单击「编辑：添加副本」菜单命令。 4. 「添加副本」对话框打开后，输入动画所需要的副本数目。在本例中，因为背景不是很大，我估计 5 个副本就足够了。 5. 下面，输入每个副本相对于上一个副本所偏移的像素值。您可以使图像水平或垂直偏移 6. 单击「确定」，这些新帧就创建好了。提醒您：每个副本层面包含的设置均基于原始层面。如果原始图像层面的删除方式设置的是「不删除」，那么这些图像在动画过程中将堆在一起。要避免这种情况，请将每个避免设置为「到先前状态」。
GIF Animator基础教程
步骤 1：创建/选择图像（也叫，层面）・ 步骤 2：插入图像・ 步骤 3：优化您的动画在您完成下列教程后，您看到的结果是：步骤 1：创建/选择图像： 如果您有艺术天赋，那么请随意创建您的图像。如果您没有艺术天赋，那么可以用我在下面提供的几个青蛙图： 您首先要将这些图像保存到一个您便于找到的文件夹中。如果您按查看的次序保存它们，可以使您在 GIF Animator 中的操作更方便。另外，按它们的次序来为它们命名也是有益的。（例如，frog1.gif、frog2.gif，等等）。在本例中，您可以从右边的一个青蛙开始。将它保存到文件夹中的方法： ・ 右击图像。・ 选取「图片另存为」・ 创建一个文件夹或将它放入一个已有的文件夹内。・ 为它命名 (frog1)・ 在「文件类型」框中，应该显示 GIF (*.gif)。如果未显示，请单击下拉箭头，选取 GIF。・ 单击「确定」。对所有 5 个图像重复该步骤。步骤 2：插入图像： 按图像在动画中出现的次序进行选取。在本例中，我们就按此次序 (如 Frog1、Frog2，等等)。您可以通过三个方法实现该操作： ・ 单击「层面 / 插入图像」・ 单击标准工具栏上的「插入图像按钮」。・ 按 Insert 键在您插入了所有的图像之后，您可以在「层面窗格」中单独查看每个图像。用屏幕左边的方框。「层面窗格」上方有三个选项卡。单击这些选项卡，可以以不同的方式查看层面（请记住，这是图像的另一个名称）。如果您想在文档框中查看特定的层面，在「层面窗格」中单击它，它就可以显示出来了。（您还可以用「编辑模式」，来改变您的层面，但我们先不谈这些内容。）您的图像层面将按您希望的次序排列。现在，对您的动画进行优化吧... 步骤 3：优化您的动画：
教你制作GIF动态特效图片
2．接着再裁剪你要使用的宝宝的照片，可以将裁剪的像素高度、宽度值设为透明素材像素大小的值，保存。3．然后运行Ulead GIF Animator，“文件”――“打开图像”，将刚才裁剪保存好的宝宝照片打开后，再点击“文件”――“添加图像”，添加你收藏的透明素材。4．再点击“预览”，就可以看到你制作出来的动画效果了。5．最后点击“编辑”――“文件”――“另存为”――“GIF文件”――完成
教你做不一样的闪图 一张图片有闪有不闪
记住一定要用UGA软件哈。（1）文件---打开图象（找到你想做闪图的图片）（2）用魔术棒（竖排工具栏右边第三个）点中你想要闪的区域。（3）添加帧（一个就行，是空白帧哦，千万不要复制啦）（4）点添加图象（在上面的工具栏第四个），找到你想要的闪底，打开。（这时你会看到有三帧是闪底，图层上有三个图层是闪底啦。）（5）选第二帧，点相对的图层（有眼睛的那个哈，变兰），点复制、粘贴（在上面的工具栏上有哈）。（6）点第二个图层（就是闪底的那张啦），点鼠标的右键----删除对象。(7)其它的两帧同（6）。（8）这时你点第二帧，点图层上图片的眼睛，你会看到在第二帧上有图片哈。（9）三、四帧同（8）（10）删除第一帧（在下面的工具栏上有一个叉就是哈）。（11）预览，（你可以调整闪的时间哈。）（12）文件---另存为---GIF哈哈哈，终于打完了。哦，忘了提醒你哈，你想要闪的地方的颜色要一样才行哈，（如果颜色不一样，先到PS中填充好啦，什么颜色无所谓啦，因为你要加闪底哈）否则效果不好看哈。群里就有闪素材
使用ulead gif导入视频出错时还可以用kmp制作出连贯帅气连贯投篮球GIF 相关教程
然后选好你要的盖帽或者扣篮和抢断动作.点击开始一直到这个动作结束.录制到这里就完了.接下来是制作的过程了.相信乃们都下好了ulead gif animator软件.接着找到所在的文件夹打开保存的视频文件的图片文件夹这时出现了一个这样的窗口.至于画布尺寸要安装在上面截取图片的大小一致. 下边又会排满了图片有是刚才的步骤选第一张后按住Shift键拉到最后一张全选