推荐阅读
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概念命令总鉴
位图：又称光栅图，一般用于照片品质的图像处理，是由许多像小方块一样的"像素"组成的图形。由其位置与颜色值表示，能表现出颜色阴影的变化。在PHOTOSHOP主要用于处理位图。 矢量图：通常无法提供生成照片的图像物性，一般用于工程持术绘图。如灯光的质量效果很难在一幅矢量图表现出来。 分辩率：每单位长度上的像素叫做图像的分辩率，简单讲即是电脑的图像给读者自己观看的清晰与模糊，分辩率有很多种。如屏幕分辩率，扫描仪的分辩率，打印分辩率。 图像尺寸与图像大小及分辩率的关系：如图像尺寸大，分辩率大，文件较大，所占内存大，电脑处理速度会慢，相反，任意一个因素减少，处理速度都会加快。 通道：在PHOTOSHOP中，通道是指色彩的范围，一般情况下，一种基本色为一个通道。如RGB颜色，R为红色，所以R通道的范围为红色，G为绿色，B为蓝色。 图层：在PHOTOSHOP中，一般都是多是用到多个图层制作每一层好象是一张透明纸，叠放在一起就是一个完整的图像。对每一图层进行修改处理，对其它的图层不含造成任何的影响。 图像的色彩模式： 1）RGB彩色模式：又叫加色模式，是屏幕显示的最佳颜色，由红、绿、蓝三种颜色组成，每一种颜色可以有0-255的亮度变化。 CMYK彩色模式：由品蓝，品红，品黄和黄色组成，又叫减色模式。一般打印输出及印刷都是这种模式，所以打印图片一般都采用CMYK模式。 3）、HSB彩色模式：是将色彩分解为色调，饱和度及亮度通过调整色调，饱和度及亮度得到颜色和变化。 4）Lab彩色模式：这种模式通过一个光强和两个色调来描述一个色调叫a，另一个色调叫b。它主要影响着色调的明暗。一般RGB转换成CMYK都先经Lab的转换。
Photoshop概念命令总鉴（二）
矩形选择工具，可以对图像选一个矩形的选择范围，一般对规则的选择用多。 椭圆选择工具，可以对图像选一个矩形的选择范围，一般对规则的选择用多。 单行选择工具，可以对图像在水平方向选择一行像素，一般对比较细微的选择用。 单列选择工具，可以对图像在垂直方向选择一列像素，一般对比较细微的选择用。 裁切工具，可以对图像进行剪裁，前裁选择后一般出现八个节点框，用户用鼠标对着节点进行缩放，用鼠标对着框外可以对选择框进行旋转，用鼠标对着选择框双击或打回车键即可以结束裁切。 套索工具，可任意按住鼠标不放并拖动进行选择一个不规则的选择范围，一般对于一些马虎的选择可用。 多边形套索工具，可用鼠标在图像上某点定一点，然后进行多线选中要选择的范围，没有圆弧的图像勾边可以用这个工具，但不能勾出弧线，所勾出的选择区域都是由多条线组成的 磁性套索工具，这个工具似乎有磁力一样，不须按鼠标左键而直接移动鼠标，在工具头处会出现自动跟踪的线，这条线总是走向颜色与颜色边界处，边界越明显磁力越强，将首尾连接后可完成选择，一般用于颜色与颜色差别比较大的图像选择。 魔棒工具，用鼠标对图像中某颜色单击一下对图像颜色进行选择，选择的颜色范围要求是相同的颜色，其相同程度可对魔棒工具双击，在屏幕右上角上容差值处调整容差度，数值越大，表示魔棒所选择的颜色差别大，反之，颜色差别小。 喷枪工具，主要用来对图像上色，上色的压力可由右上角的选项调整压力，上色的大小可由右边的画笔处选择自已所须的笔头大小，上色的颜色可由右边的色板或颜色处选择所须的颜色。
Photoshop概念命令总鉴（三）
锐化工具，与模糊工具相反，它是对图像进行清晰化，它清晰是在作用的范围内全部像素清晰化，如果作用太厉害，图像中每一种组成颜色都显示出来，所以会出现花花绿绿的颜色。作用了模糊工具后，再作用锐化工具，图像不能复原，因为模糊后颜色的组成已经改变。 涂抹工具，可以将颜色抹开，好像是一幅图像的颜料未干而用手去抹使颜色走位一样，一般用在颜色与颜色之间边界生硬或颜色与颜色之间缄接不好可以使用这个工具，将过渡过颜色柔和化，有时也会用在修复图像的操作中。涂抹的大小可以在右边画笔处选择一个合适的笔头。 减淡工具，也可以称为加亮工具，主要是对图像进行加光处理以达到对图像的颜色进行减淡，其减淡的范围可以在右边的画笔选取笔头大小。 加深工具，与减淡工具相反，也可称为减暗工具，主要是对图像进行变暗以达到对图像的颜色加深，其减淡的范围可以在右边的画笔选取笔头大小。 海绵工具，它可以对图像的颜色进行加色或进行减色，可以在右上角的选项中选择加色还是减色。实际上也可以是加强颜色对比度或减少颜色的对比度。其加色或是减色的强烈程度可以在右上角的选项中选择压力，其作用范围可以在右边的画笔中选择合适的笔头。 钢笔路径工具，亦称为勾边工具，主要是色画出一路径，首先注意的是落笔必须在像素据齿下方，即在像素据齿下方单击一下定点，移动鼠标到另一落点处单击一下鼠标左键，如果要勾出一条弧线，则落点时就要按住鼠标左键不放，再拖动鼠标则可以勾出一条弧线。每定一点都会出现一个节点加以控制以方便以后修改，而用鼠标拖出一条弧线后，节点两边都会出现一控制? 还可按住Ctrl键对各控制柄进行调整弧度，按住Alt键则可以消除节点后面的控制柄，避免影响后面的勾边工作。 磁性钢笔工具，它与磁性套索工具有些相似，所画的路径也会有磁性一样，自动会偏向颜色与颜色的边界，其磁性的吸力可以在右上角的"频率"调整，数值越大，吸力也越大。 自由钢笔工具，与套索工具相似，可以在图像中按住鼠标左键不放直接拖动可以在鼠标轨迹下勾画出一条路径。 增加锚点工具，可以在一条已勾完的路径中增加一个节点以方便修改，用鼠标在路径的节点与节点之间对着路径单击一下即可。 减少锚点工具，可以在一条已勾完的路径中减少一个节点，用鼠标在路径上的某一节点上单击一下即可。
Photoshop概念命令总鉴（四）
直线渐变工具，主要是对图像进行渐变填充，双击渐变工具，在右上角上会出现渐变的类型，并单击右边的三角形下拉菜单列出各种渐变类型，在图像中需要渐变的方向按住鼠标拖动到另一处放开鼠标。如果想图像局部渐变，则要先选择一个选择范围再渐变。 径向渐变工具，其操作和直线渐变工具基本相同。 角度渐变工具，其操作和直线渐变工具基本相同。 对称渐变工具，其操作和直线渐变工具基本相同。 菱形渐变工具，其操作和直线渐变工具基本相同。 油漆桶工具，其主要作用于用来填充颜色，其填充的颜色和魔棒工具相似，它只是将前景色填充一种颜色，其填充的程度由右上角的选项的"容差"值决定，其值越大，填充的范围越大。 吸管工具，主要用来吸取图像中某一种颜色，并将其变为前景色，一般用于要用到相同的颜色时候，在色板上又难以达到相同的可能，宜用该工具。用鼠标对着该颜色单击一下即可吸取。 颜色取样器工具，该工具主要用于将图像的颜色组成进行对比，它只可以取出四个样点，每一个样点的颜色组成如RGB或CMYK等都在右上角的选项栏上显示出来，一般对于印刷有用多。 抓手工具，主要用来翻动图像，但前提条件是当图像未能在PHOTOSHOP文件窗口中全部显出来时用，一般用于勾边操作。当选为其他工具时，按住空格键不放，鼠标? 动转换成抓手工具。 缩放工具，主要用来放大图像，当出现"+"号对图像单击一下，可以放大图像，或者按下鼠标不放拖出一个矩形框，则可以局部放大图像，按住Alt键不放，则鼠标会变为"�"号，单击一下可以缩小图像。用快速方式，Ctrl+"+"则为放大，Ctrl+"-"则为缩小。
Photoshop概念命令总鉴（五）
溶解：每个被混合的点被随机地选取底色或填充色。 正片叠底：新加入的颜色与原图像颜色合成为比原来的二种颜色更深的第三种颜色。 屏幕：新加入的颜色与原图像颜色合成为比原来更浅的颜色。 叠加：加强原图像的高亮区和阴影区，同时将前景色叠加到原图像上。 柔光：根据前景色的灰度值来对原图像进行处理。前景色加光、遮光。因此，原图像是纯白或纯黑，则只会更暗或更亮。 强光：根据前景色的灰度值来对原图像进行处理。浅色叠加处理，暗色相乘处理。 颜色减淡：用前景色加亮原图像颜色。 颜色加深：用前景色变暗原图像颜色。 变暗：原图像中比前景色更暗的像素颜色变为前景色。 变亮：原图像中比前景色更亮的像素颜色变为前景色。
Photoshop概念命令总鉴（六）
灰度模式：图中有黑、白和各种深浅不同的灰，可显示象黑白照片那样的有阶调层次变化的图像。此命令可将彩色图片转换成灰度模式。 双色模式：此命令只能在印刷领域中使用。它的主要功能是通过用一种特定的灰色或彩色油墨来打印一个灰度图像，要选项有单色、双色、三色、四色套印等。 索引色模式：索引模式是基于256色图像的。图像可由RGB模式、灰度模式、双色模式转换而成，但图像质量比较差。 RGB色彩模式：以R（红）、G（绿）、B（蓝）为三原色，其他任何颜色都可以通过R、G、B混合得到，即任何一个像素的颜色值都可以用R、G、B三个值来描述。 （CMYK色彩模式）：这种模式是四色处理的基础。印刷中为了印刷出色调连续的图像，常用C（青）、M（品）、Y（黄）、K（黑）四色油墨来叠合出各种颜色。为满足印刷需要，Photoshop设计了CMYK色彩模式，图像中任何一个像素的颜色值以C、M、Y、K四个值来表示。 Lab色彩模式：Lab是Photoshop用来从一种色彩模式向另一种色彩模式转换时使用的一种内部色彩模式。 复合通道模式：此命令可将2-24个通道的图像相混合，在转换成其它模式时产生特殊的效果。
Photoshop概念命令总鉴（七)
色阶：此命令可以用来调节图像中的亮度值范围，同时可调节图像的饱和度、对比度、明亮度等色彩值。 自动平衡：此命令可以使图像的各个色彩参数自动进行调整，它将每个通道中的最亮、最暗像素点颜色定义成为白色、黑色，对中间色进行按比例的重新分配。 曲线：此命令可以精确地改变图像的颜色变化范围。 调整色彩平衡：对整体图像作色彩平衡整体调整。可以在图像中的高亮度区，一般亮度区以及阴影区三者之一，添加新的过滤色彩，并可混合各处色彩以增加色彩的均衡效果。 调整图像的亮度和对比度：此命令可以简单地调节图像的明亮度和对比度。 色调和饱和度：些命令可以改变图像的色调饱和度和亮度值。 去色：将使图像中的色饱和度为零，图像变成灰度。此命令可不改变图的色彩模式的情况下使图像变成单色图像。 替代颜色：其本质是使用魔术棒选取图像范围，使用色调/饱和度对选取部分的色调，色饱和度进行调整替换。 选择颜色：可分别对各原色调整CMYK色比例，主要是在印刷时各色都是CMYK四种色彩形成的网点组合而成，通过调整四色达到调整图像的颜色。 通道混合器：命令可以编辑图像的通道，从而改变图像的颜色并转换图像的颜色范围，可以转换高质量的灰度图像和彩色图像。此命令可以精确调整图像。
Photoshop概念命令总鉴（八）
自带滤镜全解 风格化 查找边缘 作用：通过强化颜色过滤区，从而使用权图像产生轮廓被铅笔勾画的描边效果。使用这个滤镜，系统会自动寻找，识别图像的边缘，用优美的细线描绘它们，并给背景填充白色，使一幅色彩浓郁的图像变成别具风格的速写。 等高线 作用：产生的是一种异乎寻常的简洁效果-----白色底色上简单的勾勒出图像细细的轮廓。 参数：色阶：描绘边缘的程度。 边缘：a、较高：在图像轮廓线下描绘； b、较低：在图像轮廓线上描绘。 风 作用：在图像中增加一些小的水平线以达到起风的效果。 参数：方式：a、风 b、大风 c、飓风 方向：a、从左； b、从右
Photoshop概念命令总鉴（九）
扭曲效果： 波浪： 作用：使图像产生强烈波纹越伏的效果。其强烈程度可控制。 参数：略 波纹： 作用：和波浪相似，同样产生波纹起伏和效果，但效果较为柔和。 参数：①数量：有三种选项 ②大小：小、中、大。 玻璃： 作用：使一幅图像产生通过不同的玻璃看到的效果。 参数：①扭曲度：控制变形程度。 ②平滑度：控制图像边缘的平滑度。 ③纹理：扭曲变形的纹理形状。