推荐阅读
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){
最新发布
“基础认识”Photoshop技能大全介绍
1. 快速打开文件 双击Photoshop的背景空白处(默认为灰色显示区域)即可打开选择文件的浏览窗口。 2. 随意更换画布颜色 选择油漆桶工具并按住Shift点击画布边缘，即可设置画布底色为当前选择的前景色。如果要还原到默认的颜色，设置前景色为25％灰度 (R192，G192，B192)再次按住Shift点击画布边缘。 3. 选择工具的快捷键 可以通过按快捷键来快速选择工具箱中的某一工具，各个工具的字母快捷键如下： 选框-M 移动-V 套索-L 魔棒-W 喷枪-J 画笔-B 铅笔-N 橡皮图章-S 历史记录画笔-Y 橡皮擦-E 模糊-R 减淡-O 钢笔-P 文字-T 度量-U 渐变-G
照片锐化色彩校正方法
使用相机数据创建JPEG文件并在存储卡上保存图像时，最近几年制造的多数普及型数码相机都会自动锐化（边缘增强）捕捉的图像。默认的锐化通常适用于多数抓拍的照片。 处理和本章使用的典型示例类似的杂色和曝光不足文件时，锐化问题会更突出。在多数情况下，相机的自动曝光系统会使用很慢的快门速度，尝试捕捉尽可能好的照片文件。在这种情况下设置很大的光圈也很常见。很多情况下得到的是柔和的图像，缺乏锐利的细节效果。较慢的快门速度放大了捕捉期间的相机抖动，与使用较大景深的类似光圈相比，较大的光圈设置还会使对焦问题更糟糕。另外，杂色问题也是要重点考虑的。锐化会给文件中添加更多的杂色。 如果文件的杂色很多，就像杂色减少中使用的城市场景示例一样，那么最好保留足够好的照片并按原样使用该文件。另一方面，如果画面柔和的文件可以忍受稍微的锐化，则下列方法可以得到最好的效果，并且尽量不会让杂色问题更严重。 记住，下列方法实际上滥用了USM滤镜。USM蒙版也不会恢复丢失的细节：它只是增强色调边缘，创建更强的锐化效果。 1、返回到本章前面使用的Danielle和Drew的抓拍图像（参见图7-42）。该文件需要大量的色调恢复，图像还受到相机的移动影响，具有较窄的景深。得到的图像非常柔和，具有中等的杂色。在为满足本书的印刷要求而放大图像时很难看到杂色造成的人工痕迹，所以示例文件被裁剪了，使用Genuine Fractals Print Pro提高采样，以便模拟100％的显示器视图大小（至少我们尽力这样做了）。 我们始终建议您在开始编辑有问题的抓拍图像前，先降低图像的采样。因为要使用某种解决方法来恢复文件，所以开始编辑前预先锐化模糊的文件会有一定的优势。使用USM滤镜时提供较大的半径设置来锐化柔和的边缘，此时会显著增强杂色问题。通过在降低采样前进行锐化，其中的某些杂色问题可通过二次立方插值方法最终得到平衡。差别很不明显，但是您需要利用可能的每种优势来锐化柔和、杂色多的文件。 专业提示： 检查文件，了解在喷墨和商用打印机的最终输出上的杂色问题时，50％的显示器视图可以更好地表现最终输出的杂色问题。 恢复非常模糊的照片时，锐化老照片的技巧（参见第9章）更为有用，但是该方法更快，对较差的抓拍图像编辑则需要多一点时间。 在图7-67中，未编辑的文件在100％的屏幕视图中看起来非常柔和。边缘也不清晰。我们使用进行完颜色校正后的最终图像，第10章将讨论颜色校正。
理解PS三色原理
(一) 三基色原理 在中学的物理课中我们可能做过棱镜的试验，白光通过棱镜后被分解成多种颜色逐渐过渡的色谱，颜色依次为红、橙、黄、绿、青、蓝、紫，这就是可见光谱。其中人眼对红、绿、蓝最为敏感，人的眼睛就像一个三色接收器的体系，大多数的颜色可以通过红、绿、蓝三色按照不同的比例合成产生。同样绝大多数单色光也可以分解成红绿蓝三种色光。这是色度学的最基本原理，即三基色原理。三种基色是相互独立的，任何一种基色都不能有其它两种颜色合成。红绿蓝是三基色，这三种颜色合成的颜色范围最为广泛。红绿蓝三基色按照不同的比例相加合成混色称为相加混色。 红色+绿色=黄色 绿色+蓝色=青色 红色+蓝色=品红 红色+绿色+蓝色=白色 黄色、青色、品红都是由两种及色相混合而成，所以它们又称相加二次色。另外： 红色+青色=白色 绿色+品红=白色 蓝色+黄色=白色 所以青色、黄色、品红分别又是红色、蓝色、绿色的补色。由于每个人的眼睛对于相同的单色的感受有不同，所以，如果我们用相同强度的三基色混合时，假设得到白光的强度为100%，这时候人的主观感受是，绿光最亮，红光次之，蓝光最弱。 除了相加混色法之外还有相减混色法。在白光照射下，青色颜料能吸收红色而反射青色，黄色颜料吸收蓝色而反射黄色，品红颜料吸收绿色而反射品红。也就是： 白色-红色=青色 白色-绿色=品红 白色-蓝色=黄色 另外，如果把青色和黄色两种颜料混合，在白光照射下，由于颜料吸收了红色和蓝色，而反射了绿色，对于颜料的混合我们表示如下： 颜料(黄色+青色)=白色-红色-蓝色=绿色 颜料(品红+青色)=白色-红色-绿色=蓝色 颜料(黄色+品红)=白色-绿色-蓝色=红色 以上的都是相减混色,相减混色就是以吸收三基色比例不同而形成不同的颜色的。所以有把青色、品红、黄色称为颜料三基色。颜料三基色的混色在绘画、印刷中得到广泛应用。在颜料三基色中，红绿蓝三色被称为相减二次色或颜料二次色。在相减二次色中有： (青色+黄色+品红)=白色-红色-蓝色-绿色=黑色 用以上的相加混色三基色所表示的颜色模式称为RGB模式,而用相减混色三基色原理所表示的颜色模式称为CMYK模式,它们广泛运用于绘画和印刷领域。
钢笔(路径)工具练习十条技巧
a、b、c分别代表钢笔的三个控制点，对应如下： 。...........。.............。 a............b...............c 1、按住CTRL 鼠标点b 然后拖动 观察现象并记住此功能。 2、按住CTRL 鼠标点a或c 然后拖动 观察现象并记住此功能。 3、按住ALT 鼠标点b 观察现象并记住此功能。 4、按住ALT 鼠标点a或c 然后拖动 观察现象并记住此功能。 5、画下一个节点时按住SHIFT 观察现象并记住此功能。 6、画下一个节点时按住CTRL 观察现象并记住此功能。 7、画下一个节点时按住SHIFT 不松鼠标拖动 观察现象并记住此功能。 8、回到以绘完的接点(就是b)，按住ALT点b 观察现象并记住此功能。然后不松并拖动观察现象并记住此功能。
新手必看PS的Action批处理
一、前期准备 在图片所在文件夹里添加一个文件夹，命名为“处理照片文件夹”，用来存放我们处理后的图片文件，这样就不会改变原始文件。 二、在PhotoShop里进行批量处理设置 1.在PhotoShop里打开要处理的图片文件，然后点击“窗口”菜单，打开“动作”面板。 2.点击“动作”面板右边的三角形按钮，在弹出菜单中选择“新动作”命令。 8.停止记录：点击“动作”面板下面的方形“停止播放/记录”按钮，结束动作记录。 打开你的其他照片，只需点击一下“F2”，剩下的工作就由电脑帮你完成了。 四、友情提示
PS剪贴图层组混合机理探讨
昨天，经过连续几小时紧张的思考和反复演练，终于彻底破解了图层组在‘穿透’模式下其不透明度的作用机理，实现了和马甲兄老师的胜利会师。欣喜之余，意犹未尽，遂沐着夜色又对关于图层混合的另一谜----剪贴图层组中基底图层的混合机理进行了一番拆解。晨曦初现之时，紧张的拆解终于告一段落。现将在下的拆解结果初步整理如下，欢迎各位高手指正。 首先,我们要明确我们要讨论的具体问题是什么?和图层组在“穿透”模式下其不透明度如何影响图象的混合类似，这里主要是讨论剪贴图层组中基底图层包括混合模式、不透明度、填充不透明度及其图层效果等各类混合选项是如何影响图象的整体混合效果的。 显而易见，剪贴图层组中基底图层的混合机理应该比图层组“穿透”模式及其不透明度的混合机理更为复杂，变数更多。所以这样讲，是因为前者较后者又多了两个变化因素，即高级混合中的“剪贴图层混合成组”选项和图层的填充不透明度选项。（见附图）除此之外，基底图层所应用的效果也将对最终的混合产生影响。 为了便于讨论，首先说明三点： 1．我们把剪贴图层组中的基底图层称为基层，其它图层称为顶层； 2．在说明图中，图层的不透明度用“OP”表示，填充不透明度用“（OP）"表示； 3.未考虑图层样式对混合效果的影响。 1，勾选该选项时 勾选该选项时，相当于首先取消基层的所有混合选项并与其上的各顶层合并生成合并图层，然后再将基层原来的所有混合选项应用到合并图层上。 原始图层组合见附图：
色彩和色调的选择机理剖析
色彩范围这个命令是一个很重要的选择命令，不仅可以选择不同的色彩，还可以选择不同的色调，这在PS常规的选择方式中是少有的。同时由于其涉及到了部分选择，懵懂老师在其所著的[选择的艺术]一书中对该命令寄予了极高的评价，由并此掀开了探究通道强大选择功能的序幕。 那么，该命令选择色彩及色调的内部机理是什么呢？既然其涉及到了部分选择，PS又是如何计算选择度的？本文试图对此中原理进行详细解剖分析，并对部分选择程度的计算公式进行探究。 管窥之见，欢迎各位老师批评指正。 一、关于色相类色彩模式中的颜色 众所周知，色相类色彩模式中的颜色共有三个属性，即色相、饱和度、亮度（或明度）。 色相是颜色最基本的属性，它定义了某种颜色是此颜色而非彼颜色。细究起来，根据色相组成成分的不同，颜色又可分为两种： （1）单色 单色，即红、绿、兰、青、品、黄六种颜色。 在色相类色彩模式中，上述六种单色是相互独立的。如黄色和绿色、红色是平等的，都是相互独立的单色，并不能认为黄色是由红色和绿色生成的，这一点，一定要和RGB模式和CMYK模式严格区别开来 （2）复色 在色相类色彩模式中，除过六种单色外，其余的颜色都是由这种六种单色两两混合而成的复色。
[新手必看]蒙板、通道、选区的本质和联系
蒙板、通道、选区，这是PS中最容易让人产生困惑的三个概念。蒙板的种类繁多，如图层蒙板、矢量蒙板、剪贴蒙板、快速蒙板；制作选区的手段也是琳琅满目，让人应接不暇；通道的概念又极尽晦涩，让人不知所云，恰似一头雾水。在对这三个概念的理解上，可谓众说纷云，莫衷一是。本帖旨在探究三者的内涵实质及其内在联系,以期拨开迷雾,明辨是非,成蒙板、通道、选区之大统。 需要说明两点：一是本帖不是告诉大家如何使用蒙板、通道和选区的教程，而是试图从理论上阐释三者的内涵实质，并进一步探究三者之间的内在联系，因此，本帖属于理论探讨类的帖子。二是文中的一些观点和提法可能很另类，这多半是在下的一家之言，如有不妥，敬请方家指正。 一、关于蒙板 1、蒙板的基本作用 蒙板，其实还有另外一个名字：遮片，在ADOBE的视频编辑软件PR及后期特效制作软件AE中就把蒙板叫做遮片。二者的叫法虽然不同，但本质上是相同的。 顾名思义，蒙板，或遮片，其基本作用在于遮挡。也即通过蒙板的遮挡，其目标对象（在PS中就是图层，在PR和AE中就是视频轨中的素材）的某一部分被隐藏，另一部分被显示，以此实现不同图层（PR和AE中的不同视频轨）之间的混合，达到图象（或视频）合成的目的。 2、蒙板的类型 在PS中，从大的方面来讲，可以将蒙板分为三类： （1）图层类蒙板 图层类蒙板实质上就是一个图层。作为蒙板的图层根据本身的不透明度控制其它图层的显隐。 从广义的角度来讲，任何一个图层都可以视为其下所有图层的蒙板，该图层的不透明度将直接影响其下图层的显隐。只不过在PS中并没有将这种情形以“蒙板”冠名，其实也没有必要，否则，PS中的“蒙板”还不泛滥成灾。
Photoshop高级工具的应用
Photoshop高级工具是个统称，主要是指“图层样式、RGB通道、自带动作、ALPHA通道、变换选区”等功能，用这些功能配合滤镜和其他的PS工具，可以辅助和增加图片的效果，对于一些复杂的效果图，高级工具的使用显得更为重要。 一、图层样式――金属像框的制作。 1、其实现在已经很有多软件自带像框，操作也很简便，但那些始终是别人做的，没有自己制作的有意义。 根据自己需要新建立一个文件（快捷键为CTRL+N）RGB颜色，背景色为白色；新建立一个空白图层（不要在背景图层上制作），使用矩形工具拖出一个矩形区域，然后CTRL+回车转换成选区；将前景色设置为黑色，选择“渐变工具”，从上到下填充黑色到白色渐变。执行菜单―选择―调整―缩放，设置合适数值（笔者设置为10），然后在从下到上填充黑色到白色渐变。如图1。 通道运用很重要，本实例是用在通道中编辑，得到选区，然后在回到RGB通道中再进行编辑 1、新建一个文件，大小随意，设置前后景色分别为白色和黑色；点通道面板，点最下方向的按钮，新建立一个ALPHA通道，此时画面变黑了；然后执行菜单―滤镜―云彩，随后执行扭曲―极坐标―平面坐标到极坐标，产生旋涡效果；为了追加旋涡效果，在加一次径向模糊，数值30；然后CTRL+T调整图像大小，使旋涡布满整个画布；然后执行选择―羽化 3像素。如图3。 在RGB通道中允许对每一个图层进行分别处理，这样可以自由将每种颜色分开编辑，这样就可以得到更多的色彩效果。 1、新建文件，RGB模式，背景白色；将前景色设置为黑色，调整“渐变”为黑色到透明，渐变模式选择为“径向渐变”（圆形渐变），然后在画布上随意大小，多刷几个；进通道面板，选择红色通道，其他的关闭，执行菜单―滤镜―扭曲―极坐标―极坐标到平面坐标；之后打开绿通道，执行菜单―滤镜―扭曲―切变，操作如图6示。 利用Photoshop自带的动作，可以很方便的批量处理图片，还可以制作网友相册，在笔者以前的教程中已经讲解过了这里就不再重复了.