推荐阅读
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){
最新发布
菜鸟扣图之knockout2.0篇
很多初学者想把一幅图片的人物或物体扣出来，换成一幅好看的图片做背景，但是对photoshop又不是太了解 什么通道啦 图层了。不必着急有了knockout2.0 菜鸟也能扣图。首先安装knockout2.0 说它是款独立的软件还不如说它是一个制作完美的插件，因为它能作为 Adobe Photoshop、Corel PHOTO-PAINT 或 Painter 的插件，所以它可以无缝地嵌入您的工作流程中。KnockOut自推出以来，备受好评，因它想设计师所想，做设计师所不爱做，解决了设计中枯燥乏味、令人头痛的一大难题--抠图。2000年1月，COREL把它从它原来的东家那里收购回来之后，KNOCKOUT就改了姓氏，变成Procreate KnockOut (Procreate 是Corel的一个专业产品系列)，级别也长了2次，现在已经是2.0版本了。它的形式和功能也都随之有了变化，从独立的软件变为了外挂插件，功力也自然有不少的长进，不论是烟雾、阴影还是凌乱的毛发都不是问题，连透明的物体都能轻而易举的抠出，而且轮廓自然、甚至有半透明效果。现在我们就来看看它的招牌功夫--抠透明物体的本领吧。首先，我们需要先安装KnockOUT2到我们的计算机，我的计算机装的是PS CS2，安装目录部分根据PS路径变化而变化，需要注意，开始安装，第一个部分就是大家熟悉的密匙，输入他的密码，继续安装，看下图：第二部分，在下面如图的对话框的地方，就是我们熟悉的安装路径的地方，我们为什么提这地方呢，因为紧接着还有个跟他类似的路径界面等着我们，所以我们一定要看清楚了再安装，当然，在这一步仍然是大家根据自己喜好，安装自己想去安装的路径。接着，就出现了又一路径界面，就是我刚才所说的要注意的地方，他主要是要你安装在PS目录下的滤镜，看你的PS是什么版本了，不过基本就是Plug-Ins等，不是英文就是中文，应该看的懂把，还不懂。。拜托多看点E文把。。帮不了你了。哈好了，我们安装完了KnockOut,很多朋友开始跃跃欲试了，打开photoshop,我们会看到在photoshop的滤镜的菜单下多了一个knockout2.0，晕，怎么是E文。。。哎，幸好我们准备了汉化包。。别丢砖头。。如图所识，分别为两个包的汉化路径，说白了就是刚才我们安装KnockOut2的2个路径。。[Page] 好了，我们打开一MM图片。来见识下强大的扣图功能把。首先，我们复制要扣图的层，锁定状态是打不开KnockOut2的。好了，正式进入我们要做的工作，如下图所示，我们简单做个扣图见识下，想做的更好，就要大家更细致的做了，我这里只是用一、两分钟搞定做个实验。打开“滤镜”菜单-------“KnockOut 2”选项----“载入工作图层”镜头切换，PS自动变换成KnockOut 2的工作界面，如下图。由于我们是简单介绍，快速入门，所以就不说太详细了，简单操作下，非常简单，大家一熟悉马上做的比我好多了。。呵呵。首先选择内部对象按钮，如下图红色圈选部分，然后在你要保留的图象部分选中，大家会说，看你选择的轮廓也太不细致了点把，说了是快速演习嘛，不过通过我如此差的扣图法，大家看看结果，就知道KnockOut 2的强大威力了。[Page]内部对象选择完了，我们在草草的选择外部对象。。就是圈选那个按钮了。。当然了，扣图的目的是什么。。不说了。。看下图中的底色按钮，我们选哪个，就是我们一会要换的背景色了，我选了白色，当然在底色下有个图象的小按钮，哪个是供我们选择可以选取的背景图案，当然，最好背景图案和你要扣的图大小一样最好了，KnockOut 2还有个细节可以调节，到时间大家可以尝试调节看。关键时刻到了，我们看下图，按“处理这个图象和显示图象”按钮，下图圈选部分。铛铛铛，看我们完成了如此高质量的扣图，大家有什么感想呢，是不是不想学扣图了。。。大家可别，任何工具都是减少人们的工作量而不能达到完美，我们还是要掌握真正的扣图技巧再配合工具，就起到了事半功倍的效果。
抠图利器KnockOut 2.0教程（抠蜻蜓）
2000年1月，COREL把它从它原来的东家那里收购回来之后，KNOCKOUT就改了姓氏，变成Procreate KnockOut (Procreate 是Corel的一个专业产品系列)，级别也长了2次，现在已经是2.0版本了。它的形式和功能也都随之有了变化，从独立的软件变为了外挂插件，功力也自然有不少的长进，不论是烟雾、阴影还是凌乱的毛发都不是问题，连透明的物体都能轻而易举的抠出，而且轮廓自然、甚至有半透明效果。现在我们就来看看它的招牌功夫--抠透明物体的本领吧。1．安装在安装过程中，你需要选择一个软件的插件文件夹作为目标文件夹。例如：C:\Program Files\Adobe\Photoshop 7.0\Plug-Ins。KnockOut 在1.5的版本的时候，还是个独立的软件，现在2.0版本已经变为插件了。安装完之后，就要开始作图了。这里，我以PHOTOSHOP为例。2．在PHOTOSHOP中打开KNOCKOUT的图例dragonfly，我们现在就要把这只蜻蜓抠出来。在图层对话框中将背景拉到"新建"的小标上，建立一个新的图层。然后选择滤镜-KNOCKOUT 2 -Load Working Layer，如图1。 KNOCKOUT的界面就会弹出来，如图2。图1图23．可以选择放大镜，让画面都在窗口里。然后选择"外部选区工具"，沿着蜻蜓的外部画一条轮廓线。再选择"内部选区工具"在蜻蜓不通明的躯干处画出轮廓，如图3，4。 图3图44．然后选择上方工具栏中的大头针，如图5
女子knockout抠图教程
下载knockout 2.0后，必须安装在photoshop的“增效工具\滤镜”路径下，这一步很关键。汉化软件有两个，先运行KnockOut 2_P1汉化KnockOut，再运行KnockOut 2_P2汉化与Photoshop滤镜联系部分。1.photoshop 7.0中的安装路径：C:\ProgramFiles\Adobe\Photoshop 7.0\Filter\Plug-In2.photoshop CS 8.01中的安装路径：C:\ProgramFiles\Adobe\Photoshop CS 8.01\增效工具\滤镜3.Photoshop CS 9.0安装路径：C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\滤镜安装完以后再启动photoshop时，在滤镜菜单中就有knockout 2.0了――我安装在D区，因为我把PS安在了那里。使用时，打开图片必须复制一个图层，否则它会提示错误，即knockout不能运行于原图层。 刚刚有人问我knockout的使用方法，正好手上有一幅MM图片，可以用来作教程，好，跟我一起来吧。1.首先我们用photoshop打开这幅美女图，然后拖动背景层复制MM图一次，将此副图作为工作图层。2.选择菜单栏上的“filter（滤镜）”单击下拉菜单里的“knockout 2”选项，选择“载入工作图层”3.程序会离开photoshop，启动knockout的主程序。4.接下来我们单击工具栏里的内部对象画笔绘制工具，绘制一个内部图像选择框，注意：可以选择多边型模式，这样可能用起来顺手一些。
菜鸟扣图之knockout2.0篇（抠名星）
很多初学者想把一幅图片的人物或物体扣出来，换成一幅好看的图片做背景，但是对photoshop又不是太了解 什么通道啦 图层了。不必着急有了knockout2.0 菜鸟也能扣图。首先安装knockout2.0 说它是款独立的软件还不如说它是一个制作完美的插件，因为它能作为 Adobe Photoshop、Corel PHOTO-PAINT 或 Painter 的插件，所以它可以无缝地嵌入您的工作流程中。安装完毕后打开photoshop,我们会看到在photoshop的滤镜的菜单下多了一个knockout2.0，我们用的就是它。现在就拿下面的mm开练 ：）首先选中图层复制图层选中背景副本 然后选择滤镜的下拉菜单－>knockout2.0－>载入工作图层现在Photoshop自动载入了knockout2.0 程序 这款软件我们用的最多就是内部对象和外部对象（图s5） 内部对象是让你描绘一内部对象的区域 外部对象当然是让你描绘一外部对象的区域 内部对象也就是你想要的，外部对象是你不要的。
*滤镜KPT3（1）
滤镜名称：Kai Power Tools3生产方：Alien Skin Software,LLC ◇Web 和多媒体设计人员将会发现 Texture Explorer 和 Seamless Welder 在创建无缝的背景图像时特别有用。许多Photoshop用户都会说：购买Photoshop的原因是因为KPT... 本人警告：研究KPT3的新颖界面及其效果可能会令人上瘾，令人废寝忘食。KPT3 为其外挂设置了三个用户界面。Standard界面用于最流行的滤镜，Compact界面用于选项较少的滤镜，而Lens f/x界面则用于修改单个像素值的滤镜。 操作即时预览效果
*滤镜KPT3(3)KPT Spheroid Designer补充
KPT Spheroid Designer 3.0（球体设计师）KPT Spheroid Designer 3.0（球体设计师）是KPT3.0功能最强大的滤镜之一。它能够利用二维图像产生完美的三维球体效果。并且允许您对球体的特性进行多方面的设置。KPT Spheroid Designer 3.0的对话框如图1所示。图1预览球：预览球处于对话框的*，通过它可以预览您调整出的效果。在预览球中，按住左键并拖动鼠标，还可以调整不同角度的光线照射效果。灯光控制球：在预览圆球的四周有四个小的圆球，它们各自周围还围绕着四个更小的圆球，四个小圆球即为灯光控制球。围绕着它们的那四个更小的圆球是它们的参数控制项。在灯光控制球上单击鼠标左键可以控制灯光的开关。如果想改变灯光的照射角度，只需要在圆球上按住并拖动鼠标。围绕着四个灯光控制球四周的小圆球为灯光参数控制球，它们分别是：Light Polarity按钮、Light Intensity按钮、Highlight Intensity按钮、Light Color按钮，下面进行具体的介绍。Light Polarity按钮：位于每一组小圆球的最左边，用来控制灯光的极性。在缺省状态下，极性是正的，将鼠标移到球上时，在对话框的左下角出现“Light Polarity +”提示信息，这意味着灯光照射在球体上；在球体上单击鼠标，可以把极性设置为负的，提示信息为“Light Polarity -”，这时球体吸收灯光光线。Light Intensity按钮：位于左边第二个按钮，控制灯光的明亮程度。在该球上按住并拖动鼠标左键可以进行调节，向左拖动为降低明亮度，向右拖动为增加明亮度，可调范围从0%～200%。
*滤镜KPT3(4)
第二部分 KPT Texture Explorer（纹理探险家） 接下来是渐变色选择。单击当前渐变色条可以打开渐变色预置菜单，这里提供了13类渐变模式，每种模式都有几种或十几种渐变效果，相当丰富！点击窗口底部*的小三角同样可以打开预设窗口，你可以选择自己喜欢的预设样式。另外在窗口底部还有一排文字按钮，它们是用来调节纹理图案的Hue（色调）、Saturation（色彩饱和度）、Brightness（亮度）、Contrast（对比度）、Blur（柔化）、Squeeze（密度）和Cycle（色彩循环）。使用方法为在相应文字标签上左右拖动鼠标，向左为减小，向右为增大。 第三部分 KPT Glass Lens（玻璃透镜） 该滤镜可以制作玻璃球体或者半球形的图案效果，也可以制作按钮。打开Glass Lens对话框如左下图，在左侧有三个控制按钮： Mode：模式按钮，内有三个选项：Normal（普通模式）、Soft（柔化模式）和Bright（明亮模式）。Glue：混合模式按钮，内有Normal（普通）、Procedural＋（色彩相加）等选项。具体意义参见前面球体设计器。Opacity：调节透明度。在预览球上有一个高光点，可以用鼠标在预览图上拖动调节高光的位置。调节满意后点击右下角的绿色按钮即可。 第四部分 KPT Page Curl（卷曲） 卷曲滤镜在图像四周依指定的方向将图像由外向内卷起，可以指定卷起部分的透明度及卷起的方向等。该滤镜对话框如左图2，其中Mode用来选取填补卷页留下的空白部分的方式，黑色为用前景填充，白色为用背景填充。颜色设定以工具箱的前景色和背景色为准。Glue参见前面的讲述。Opacity调节卷起部分的透明度。在预览窗口的四个角上有八个很模糊的小箭头，可以选择卷起的角和方向，拖动鼠标可以调节卷起的大小。第五部分 KPT Planar Tiling（平面平铺）该滤镜将原图像以透视姿砖的方式重新排列，对话框如右栏左上图所示。Mode：模式调节、有两个选项： Parquet Tiling（木条地板）和Perspective（透视平铺），效果分别如图。 Glue：参见前面。Opacity：平铺的不透明度调节。用鼠标指针在预览窗口中拖动可调节木条地扳平铺的旋转角度和缩放比例，改变透视平铺的弯曲程度和高度。透视平铺留下的空白由背景色填充。
*滤镜KPT3(5)
第六部分 KPT Seamless Welder（无缝焊接器）无缝焊接器将图像间的接缝处平滑地连接起来，或者在图像上制作柔和的叠影效果。通常用来制作平面图案和三维贴图。在Mode（模式）中有两个选项： Seamless Weld（无缝焊接效果）和Reflective Weld（反射焊接效果）。 第七部分 KPT Twirl（旋涡）该滤镜将图形制作成万花筒或者旋涡效果。Mode有两个选项： Twirl（旋涡效果）和Kaleiascope（万花筒效果），分别如图所示。旋涡模式下在预览窗口拖动鼠标可调节旋涡大小。 第八部分 KPT Vortex Tilling（旋涡贴面平铺）
*滤镜KPT3(6)
第九部分 KPT Video Feedback（视频反馈）该滤镜用于制作影像层叠旋转的效果。在Mode选项中有两个选项：Telescope Feedback（望远镜反馈）和Video Feedback（视频效果反馈）。效果分别如图。 在预览窗口下部有Feedback Intensity（强度）和Angle（旋转角度）两个调节钮，用于调节图像层叠的程度和旋转角度，还可以在预览窗口中拖动鼠标确定旋转的中心坐标。 KPT Video FeedBack 3.0 滤镜模仿摄像机工作时，镜头旋转和镜头拉伸等手法，使图像产生由近向远，向*集中的特殊效果。KPT Video FeedBack 3.0 滤镜的对话框如图1所示。图1Mode按钮：在Mode按钮上按住鼠标，会弹出一个菜单，菜单中包含两个选项：Video Feedback：这是滤镜的缺省模式，以方形循环的视角表现图像效果，如图2所示。
*滤镜KPT3(7)
第十部分 KFT Gradient Designer（渐变设计器） 渐变设计器是KPT3的重要滤镜之一，有许多预置的渐变效果。进人该滤镜后可点击窗口 正下方的小三角打开预置窗口，选择需要的渐变图案，再回到原先的面板中设定各种参数。Options＆Preference（选项和参数设定）：窗口右上角的Options下拉菜单用来设定渐变的有关参数及选项。在Color Picker Spectrum（吸色器光谱）项中有八种光谱可以选择。Preference（参数设定）对话框如图：Launch To previous State：启动前一种状态。Tablet Enhancement：增强平面效果。Graphical Presets：预置计算。Black Out Screen：用黑色背景。 在滤镜窗口的左侧有三个按钮，分别为Mode、Loop和Repeat。Mode（模式）：共有11种选项。Linear Blend：直线式混合。Circular Sunburst：圆式渐变。Elliptical Sunburst：椭圆式渐变。Radial Sweep：辐射式渐变。Square Burst：方形波纹。Rectangular Burst：矩形组合。Angular Shapeburst：有角的形状渐变。Circular Shapeburst：循环形状渐变。Angular Pathburst：有角的路径渐变。Circular Pathburst：循环路径渐变。Grayscale Mapburst：灰度组合。LOOP（循环）：设计渐变的循环方式。Sawtooth A->B：渐变循环由A到B。Sawtooth B->A：渐变循环由B到A。Triangle A-> B->A：循环方向A到B到A。Triangle B->A->B：循环方向B到A到B。No Distortion：没有任何扭曲。Pinch Right：挤压右边。Pinch Left：挤压左边。Pinch Inward：向内挤压。Pinch Outward：向外挤压。Repeat（反复）：用于设定渐变的层次。滤镜窗口的右侧也有三个按钮，分别是Opacity，Glue和Direction。