推荐阅读
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){
最新发布
简单的廉价红外滤镜制作方法
也许您对红外摄影并不太了解，不过要提到顶顶大名的索尼F707、F717也许您不会陌生，两款产品均以红外摄影能力出色著称于世。 由于CCD先天能够感应红外线，所以所有数码相机都具有红外摄影的潜质，只要和红外滤镜配合，普通DC也能实现索尼F系列的红外摄影能力。可是配套的红外滤镜售价高达几百元以上，毕竟大多数用户不是专业人士，花大钱买个不经常用的配件是不合理的。 不买原装滤镜并不代表我们无法发挥DC红外拍摄能力，通过很少的花费，我们完全可以DIY一个自己的红外滤镜。 做滤镜首先要准备材料，你可以花好几百元买现成的，也可以自己动手做。那么什么样的材料符合红外滤光片的两个特性呢？1要阻断可见光，2要能够通过红外线。 符合一很容易，不透明的材料都可以，符合二就需要慢慢找了。 第一种：没曝光但是正常冲洗后的彩色反转片（就是黑色的片头） 第二种：软磁盘的盘芯 第三种：多层深红滤光薄膜片。 主要要那种表面光滑的，尽可能的保证成像。 我的采用的是反转片法，用了两层，几乎可以阻断所有可见光，而红外透过能力很强（使用电视遥控器测试）。 最好使用120底片的黑色片头，因其面积较大，可以配合不同口径的镜头使用。 制作红外滤镜，您还需要两个和相机镜头口径一致的UV镜（可去摄影器材城买国产的，两个应该可以控制在50元以内）。将其中一块的玻璃取下备用，将两层反转片剪成直径一样的圆形平铺在完好无损的UV镜表面，在将取下的玻璃覆盖在上面固定好，自制的红外滤镜就完成了。
Photoshop心经:给美女换裙子
在我刚接触PS时，就有这样一个想法，我想把我的相片在电脑里进行一些处理，想把我的衣服换上我喜欢的布料，我试过好多种方法，都不是很理想，在一次机会，我在朋友的一本PS书里，看见了解决这个问题的方法，我看了好多遍，基本上是把它的大体步骤记下来了，然后我把书里的图片拷到了我的电脑，用我的记忆，写下了下面的内容！把它献给和我一样热爱PS的人。 本想用我自己的相片来做本教程的素材图片，可是我想了又想，我怕火星上的MM看见我那帅呆了的相片，再也无心学习了，所以我还是讲原图片素材搬上来吧！ 瞧这张美女图片，在下面的PS处理后，就会焕然一新了，大家千万不要走开呀，因为精彩不容错过！ 用这张花布做为替换裙子的素材 1在图片上加一个滤镜效果 打开花布图片，为它加一个滤镜。Filter/Artistic/Cutout命令，调节好设置。 2选取并保存人物图象 打开人物图象，利用钢笔工具只选取人物图象，这是为了将黑白图转换为彩色的图象。然后双击路径面版中的Work Path路径，在其对话框中将其指定为“Path 1”后，单击OK按钮。 选择路径面版中的Path 1后，单击（Load path as a selection）按钮，使人物图象上的路径线转换为了，选择区域。 将选择的图象保存到通道面版中，单击通道面版中的Save selection as channel）按钮，则图象中的选择区域显示为白色，而其他部分显示为黑色。
Photoshop特效图解：炫目的光彩
这个炫目的光线效果主要运用了Photoshop中的极坐标滤镜、径向模糊滤镜、光晕滤镜、扭曲变形等工具，步骤较多，但方法很简单，做出来的效果也很抢眼。 制作步骤如下： 新建一个400×400px的图，将背景填成黑色。新建一个图层（图层 2）用椭圆选择工具作下图的选区，并填充亮灰色（#D9D9D9）。 对图层 2 使用极坐标滤镜（滤镜/扭曲/极坐标，平面到极坐标）。 再建一个图层（图层 3），重复上面的过程：选区、填充、极坐标滤镜。 这回做竖过来的椭圆。 再使用极坐标滤镜，为了看得清楚我把图层2、3 改为不可见。 将图层4、5合并（向外扩散的那个竖椭圆），径向模糊（参数如图）。 将图层2、3合并（最开始做的那两个横椭圆），径向模糊（参数如图）。 合并图层3、5（即将除去背景的其他层都合并），编辑/变换/扭曲，调成如图的样子。
Photoshop制作真实砖墙
砖墙是一种极为普通的材质，制作也非常简单，即使是Photoshop的新手也能用纹理滤镜不费什么力气的完成。但这种简单的制作方法的效果不尽人意。墙面的颜色较为单一，而且纹理非常规律，整面墙就像“刚出炉的硬面饼”一样干净。虽然令人看来赏心悦目，但总有“图画”的感觉。而自然环境下的砖墙被风雨侵蚀，多少会有些斑驳。今天，我们就来花些功夫，做出照片一样真实的砖墙。 在开始之前，我要提醒大家，这个例子制作过程相当的长，我们要制作一些填充图案，以及大量的滤镜效果，也许你在做了很多步骤之后还看不出来效果，那么，请你耐心一些，再耐心一些，坚持到最后——如果你希望得到这样逼真效果的话。 1.打开Photoshop，新建文档，命名为Brick Wall，大小为256×256像素，分辨率为72像素／英寸，RGB模式，白色背景。建好以后把它放在一边。 再建立一个图案文档，52×16像素大小，分辨率、颜色模式和背景同上，打开标尺工具，将标尺单位设为像素，方法是中信息面板中，点击左下角的“+”，从各种单位中选择像素，或是从编辑＞预置＞单位与标尺选项中，将标尺单位设为像素。为了和白色的背景区别开来，设置一种较深的前景色。颜色越深，最终图像中的砖缝就越明显，为了表达的更清楚，在这里我们将前景色设为黑色。选择铅笔工具，用1像素的笔刷在图像中作出对称线条如图01a所示。要特别留意不要将图像的右端和下端封闭，除非你希望创作一整面砖墙。然后，用编辑＞“定义图案”命令，将这个图像定义为图案，命名为Brick 1。关闭文档。 图01a 因为要配合我们的图像，所以这个图案尺寸很小，你可以自己定义一个较大的图案，不过要保证文件的大小为偶数，这样定义出来的图案用来填充时才不会出现偏差。 回到图像Brick Wall中，用快捷键Shift+Back Space打开填充对话框，将填充内容设为图案，接着从自定图案列表中选择我们刚才定义的图案Brick 1，混合模式和不透明度为默认，填充背景层。（图01b） 图01b 2.我们先来制作砖缝中的水泥。复制背景层，将副本层命名为“2”。打开扭曲＞波纹滤镜，将数量设为35％，大小为小，砖块的边缘处出现些微的杂块；接着用色阶命令将对比加大，将RGB通道的输入色阶设为0，216，灰度系数为0.10；再用画笔描边＞喷溅滤镜在图像的黑色区域添加一些喷溅颗粒，喷色半径为2，平滑度为5；在用半径为0.8像素的高斯模糊滤镜模糊图像后，执行USM锐化滤镜，数量为500％，半径为0.4像素，阈值为0；再将图层“2”的混合模式设为正片叠底，向下合并入背景，这样我们就得到了不规则的砖块形状。（图02）
PhotoShop三分钟快速制作褶皱效果
用手揉皱一张纸只需几秒钟，那么用Photoshop呢？ 在设计图像时，有时会用到各种各样不同寻常的奇特元素。在正常情况下它们可能毫不起眼，但稍加变化就会给图像带来新意。例如，今天我们要创作的褶皱效果，就是将一张纸揉的皱皱的再摊开来的样子。想一想，你可能会有不少办法来达到这样的目的，但今天，我们只需花三分钟就能圆满的完成任务，你相信吗？如果你想到了Photoshop中的置换滤镜，OK!那剩下的就只是动手制作的过程了。 现在，我把图像制作的大致过程写在这里，你可以验证一下和你的思路是否一致：第一步，制作置换图；第二步，用置换纹理图置换我们的图像；最后，进行后期的清理和修饰工作。如果和你的思路一样，那么你就可以离开这里了，有什么疑问的话，就请继续往下看。 1.首先，在Photoshop中打开要加工的图像，另存为Rumpled.psd。在这里，我选择了一张纸钞的图像（这张钞票是蒙古发行的，从这张钞票上就可以看出成吉思汗对后世的影响了）。（图01a） 图01a 注：如果你是在多层的图像中处理，那么要确保处理的对象处于单独的一层中。 揉皱的纸张不再有规则的边缘，考虑到这一点，我们要为边缘的变形留出一些空间。在使用画布大小命令之前，先将背景层转换为普通图层，方法是用图层＞新建＞图层背景，或直接在背景层上双击，在弹出的新图层对话框中保持默认设置，这样背景层就转换为了图层0。 打开图像＞画布大小命令，保持原有的画布格局，根据你的图像大小，适当的将画布的宽度和高度都增加一些，大致在25～50像素之间，不用太大，图像周围有一定空余就可以了。如图01b。
PS鼠绘娇嫩欲滴的鲜橙
最终完成效果图如下： 图39 需要下载源文件请点击这里 通过这个教程的制作,希望能让大家深入的了解加深减淡工具的使用,及一些简单的PS滤镜应用。 1.新建一个600X450DPI，白色背景，RGB模式的图象。 2.新建图层1，用椭圆工具拉一个椭圆出来，用钢笔工具按住CTRL对椭圆的路径形状加以调整，为了使路径更符合实际的橙子外形，还可以用钢笔在此路径上添加一些节点再作更进一步的调整。（图1）。 图1 3.将路径转换为选区，选择复位渐变，将右端的颜色设置为R：248 G：189 B：104，将左端颜色设置为R：245 G：114 B：7。并在选区中拉一个如（图2）的渐变出来。 图2 4.用钢笔把橙子表面的受光面画出来（图3），并转换为选区，再到菜单-选择-羽化，羽化10个象素。按CTRL+M将羽化的区域的颜色稍微调亮些（图4）。
用Photoshop玩拼图游戏
女儿最喜欢玩拼图游戏，每次买拼图玩具的理由就是它们的画面不一样。家里的拼图玩具堆成山，可是她的兴致依然不减。 一天，我上网时无意中发现了Photoshop的一款制作拼图的滤镜——AV Bros.公司的Puzzle Pro1.2滤镜。下载回来一试，果然效果不错！女儿喜欢的拼图玩具仅用三分钟就轻松搞定了。好东西不敢独享，下面我就给大家详细介绍一下。 首先，到http://www.photoshopit.com/download/filter.htm去下载并安装这款滤镜，关于如何安装外挂滤镜，这里就不再赘述了。 运行Photoshop 7.0，打开一张你想制作成拼图的图片，点击“Filter（滤镜）→AV BrosAV→Bros Puzzle Pro1.2”，打开Puzzle Pro1.2滤镜设置窗口（如图1），通过对“Rows（行数）和Columns（列数）”的设置来设定图片分割块数，再通过对“Shaper”项目下“Size、Width1、Width2、Height1、Height2、Smoothness”的调整，来设置每个单元图片的边缘形状（也可以点击Presets按钮来选择边缘的样式）。 图1 设置好拼图的尺寸 设置完成后，点击“OK”按钮即可进入滤镜的预览窗口（如图2）。 图2 看看拼图效果满意吗？ 在滤镜的预览窗口中调整图片显示比例，让图片全部显示出来。在图片上方透明区域单击鼠标左键，将图片中所有被分割的单元全部选中，然后点击右上角的“Save”按钮，在弹出的菜单中选择“Save Select Cells（In Layers…）”，将图片保存为扩展名为“.psd”的图像文件。 用Photoshop打开刚才保存的PSD文件，为了拼图方便，可用“Image→Canvas Size”命令将画布尺寸放大（注意：这里只是放大了画布的尺寸，而图片本身的尺寸并未放大）。再选择工具箱中的“Move Tool（移动工具）”或按快捷键“V”，并选中“工具属性”面板上的“Auto select layer（自动选择层）”属性，然后将单元图片的排列顺序打乱（如图3），并保存设置。至此，一款拼图游戏就制作完成了。 图3 来玩拼图游戏吧！
PhotoShop制作古老的石头
1.打开 Photoshop 新建一个文件，宽度:自定;高度: 自定; RGB模式;白色底色。 新建一个图层并命名为，然后用灰色填充整个图层，再将图层的不透明度调整为50%。 执行滤镜--添加杂色命令，参数设置依次为 数量23%;高斯分布; 选中单色。 2.对图象执行光照效果命令，具体设置如图所示： 3.再把这个图层复制一个，对副本图层执行画笔描边--喷溅和 自动色阶命令，将不透明度调整为75%。 4.将两个图层合并。执行ctrl+l命令 调节如下： 5.执行CTRL+U色相饱和度调节如下：
图解Photoshop内置滤镜2：扭曲
第二组: Distort(扭曲) Distort(扭曲)滤镜通过对图像应用扭曲变形实现各种效果。 1、Wave(波浪滤镜) 作用:使图像产生波浪扭曲效果。 调节参数: 生成器数:控制产生波的数量,范围是1到999、 波长:其最大值与最小值决定相邻波峰之间的距离,两值相互制约,最大值必须大于或等于最小值。 波幅:其最大值与最小值决定波的高度,两值相互制约,最大值必须大于或等于最小值。 比例:控制图像在水平或垂直方向上的变形程度。 类型:有三种类型可供选择,分别是正弦,三角形和正方形。
Photoshop CS2 降噪滤镜试用体验
1. Photoshop CS2 降噪滤镜 降噪滤镜是另一个从Photoshop Elements 3中拿来的工具。该工具有助于减少在弱光或高ISO值情况下拍摄的照片中的粒状噪点。它还有助于移除JPEG图像压缩时产生的噪点。该工具从菜单“滤镜 > 噪点 > 降噪”中选择使用。如你所见，有调节工具用于调节移除噪点的浓度，细节保护的百分比，以及将要锐化的细节的数量。还有一个选项能够帮助减少太高压缩率的JPEG噪点。在高级模式下，用户还可以在每个通道上执行降噪。用户还能够将特定的设置保存为预设值。 JPEG噪点选项，单个通道降噪，保存预设都是较Photoshop Elements 3中降噪滤镜增加的功能。 2. 使用 Photoshop CS2 新降噪滤镜的结果 对角线拆分的上下两半图分别是使用降噪前后效果的对比 在这你可以看到噪点很厉害的图像在Photoshop CS2中应用降噪滤镜的前后结果对比。在这个样例中JPEG噪点移除选项也使用到了。