推荐阅读
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){
最新发布
PS工具箱有哪些工具？
Photoshop的工具箱中包含了用于创建和编辑图像、图稿、页面元素的工具和按钮，这些工具分为7组， 单击工具箱顶部的双箭头，可以将工具箱切换为单排(或双排)显示。单排工具箱可以为文档窗口让出更多的空间。默认情况下，工具箱停放在窗口左侧。将光标放在工具箱顶部双箭头右侧，单击并向右侧拖动鼠标，可以将工具箱从停放中拖出，放在窗口的任意位置。3单击工具箱中的一个工具即可选择该工具，如果工具右下角带有三角形图标，表示这是一个工具组，在这样的工具上按住鼠标按键可以显示隐藏的工具，将光标移动到隐藏的工具上然后放开鼠标，即可选择该工具，如图4
用PS通道抠取火焰图片的实用技巧
火焰素材抠图方法有很多，如果是较暗的背景，直接把素材混合模式改为“滤色”即可；不过背景为其它颜色时，用滤色模式火焰也会变色；作者在这里介绍一种非常实用的方法，过程：分别调出红、绿、蓝三个通道选区，并在图层面板分三层填充相应的红、绿、蓝纯色，再把各层混合模式改为“滤色”即可。原图 最终效果 一、一般大家使用此类素材的时候都是使用滤色等方法，但是你会发现滤色模式会造成画面变亮，色差等问题。用一般的抠图方法又会发现经常残留黑色。解决方法就是重建颜色通道，来去掉里面黑色的部分。 首先打开你的通道选项卡。 二、Ctrl + 鼠标左键点击缩略图，选择红色通道。
PS修补工具怎么使用？以及有什么效果？
修补工具可以利用样本或图案修复所选区域不理想的部分。1、在工具箱中选择修补工具；2、在图像中选中需要修补的部分，然后移动到需要替代的位置即可；3、完成上述操作后效果对比；4、择修朴工具后，其属性栏；下面将对修补工具属佳共中主要参的路义进行许解：选区运算:这里的选区运算和工具箱中选区工具的选区运算功能是相似的修补:在下拉列表中可以选择修补的模式。单击“源”按钮，可以使用选区内的内容修补需要的部分;单击“目标”按钮，选区将被目标区域替换。透明:勾选该复选框，可以将修补的图像和原图像叠出加透明效果使用图案:在右侧图案拾色器面板中选择个图案， 单击该按田可以使用图家修补迭区内的图像。
PS工具对人像照片抠图换背景的方法技巧
背景比较简单的图片用背景橡皮擦工具抠图是非常快的，尤其是发丝部分，可以在属性栏直接选择保护发丝颜色，再设置一下容差就可以轻松抠出发丝。最终效果 原图 一、在颜色界线分明的棚拍人像片，用快速选择作出大概的选区，Ctrl+j 复制选区中的内容。 二、在图层1中用 套索工具 （快捷键L）勾选有头发位置的大概轮廓，复制出来。并在该图层下建一个 空白图层 填充你要替换的颜色用于检查抠图精度（一般选择红蓝绿三原色用于检查）。
如何创建视频文档和视频图层？
任何动画都是基于视频文档和视频图层进行操作的，在学习了视频图层和“时间轴”面板的相关知识后，本节将介绍创建视频文档和视频图层的相关操作。1、创建视频文档和创建图像文档的操作是一样的，首先在菜单栏中执行“文件>新建”命令，在弹出的“新建”对话框中设置“预设”为胶片和视频”，然后在“大小”下拉列表中设置视频的制式，其中包括NTSC. PAL. HDTV等，我国默认的制式为PAL；创建视频图层的方法很多，除了打开视频文件时会自动生成视频图层外，也可以在菜单栏中执行“图层>视频图层>新建空白视频图层”命令，新建一个 空白的视频图层。读者还可以在菜单栏中执行“图层>视频图层>从文件新建视频图层”命令，将视频文件或者图像序列以视频图层的形式导入到打开的文档中。 Photoshop-般支持MPEG-1(.mpg)、MPEG-4 (.MP4)、MOV、AVI等视频格式，下面将对常见的视频格式进行讲解。1、MPEG-4 (.MP4)格式MP4是一套用于 音频、视频信息的压缩编码标准，由国际标准化组织(ISO )和国际电工委员会(IEC)下属的“动态图像专家组”(Moving Picture Experts Group,即MPEG)制定，这也是我们最像素长宽比常使用的视频格式。2、MOV格式MOV即QuickTime影片格式，它是Apple公司开发的一种音频、视频文件格式，用于存储常用数字媒比校正”命令，体类型。当选择QuickTime (*.mov )作为保存类型时，动画将保存为MOV文件。QuickTime用于保存音频和视频信息，它的清晰度高于MP4格式，所以这也是较为常见的一种视频格式。3、AVI格式AVI是一种音频视频交错格式，是微软公司于1992年11月推出作为Windows视频软件一部分的一 种多媒体容器格式。AVI文件将音频(语音)和视频(影像)数据包含在一个文件容器中， 允许音视频同步回放，类似DVD视频格式，AVI文件支持多个音视频流。这种格式的优点是在合成后压缩比小，清晰度度高，同时带来的缺点是占用空间大。
认识时间轴面板属性
进行动画制作时，“时间轴”面板是必不可少的，在菜单栏中执行“窗口>时间轴”命令，即可打开“时间轴”面板。PS的“时间轴”面板包含两种模式，分别为帧动画模式和视频时间轴模式，下面分别进行介绍。在帧动画模式下可以看到每一帧的缩览图，利用面板底部的工具可以浏览每一帧的画面，还可以根据需要复制、增加或删除帧。在“图层”面板中，每一-帧为一一个图层，因此也可以通过自由变换、混合模式或图层样式等功能来调节每一帧图像的属性；在“时间轴”面板中单击左下角的“转换为视频时间轴”按钮，即可将“时间轴”面板转换为视频时间轴模式；下面对视频时间轴模式下“时间轴”面板中各主要参数进行介绍：放组件:该区域包括4个播放组件按钮，分别为“转到第一锁”、“转到上一锁”“播放”和“转到下一帧”。启用/关闭音频播放:单击该按钮，可以启用或者关闭音频播放。在播放头处拆分:在时间指示器的位置对视频图层进行拆分。选择过渡效果并拖动以应用:单击该按钮，可以选择视频图层或者颇动画之间的过度效果，并拖到轨道中进行应用。时间标尺:用于指示当前的时间或者帧数。当前时间指示器: 拖曳当前时间指示器可以浏览不同时间点的帧。
如何编辑视频文档和视频图层？
创建视频文档和视频图层后，读者可以对其进行编辑操作，包括导入视频和图像序列、校正像素比例、修改视频图层的属性等，下面将对编辑视频图层的相关操作进行详细讲解。除在Photoshop中直接打开视频文件外，读者还可以将视频文件或图像序列导入，下面介绍具体操作方法1、导入视频在Photoshop CS6中，可以直接打开视频文件，也可以在打开的文档中导入视频。执行“文件>导入>视频帧到图层”命令，在打开的“打开”对话框中选择需要导入的视频，单击“打开”按钮。弹出“将视频导入图层”对话框，设置相关参数，读者可以单击播放按钮预览效果，单击“确定”按钮，即可完成视频的导入；2、导入图像序列在导入包含序列图像文件的文件夹时，每一个图像将转换为视频图层中的帧，同时在序列图像文件夹中应当包含所有的序列图像文件，并按顺序命名，在序列图像文件具有相同的像素尺寸时将有可能创建动画。像素长宽比一般用于描述帧中的单一像 素的宽度与高度的比例。不同的视频制式使用了不同标准的像素长宽比，同时计算机中显示的像素形状和视频编码设备上显示的像素形状是不一样的，因此需要对像素长宽比进行校正，以防止在P使用losho打开视须文件时出现像素的油曲，在菜单栏中执行“规图>像素长宽比校正”命令，即可进行校正；1、在导入视频文件或者序列图像后，读者可以通过修改视频图层的属性来创建帧动画。视频图层的属性包括位置、不透明度和样式，下面将以飞行的纸飞机为例创建一个关键帧动画。首先在“时间轴”面板中单击“启用关键帧动画”按钮；2、接下来将时间指示器移动到第5秒的位置，同时将纸飞机的位置进行适当拖曳并创建关键帧。根据相同的方法，在移动时间指示器后适当调整纸飞机的位置并创建关键帧，即可创建一个简单的关键帧动画，读者可以根据相同方法设置其他属性；在新建视频图层后，读者可以在其中插入、复制和删除空白视频帧。在菜单栏中执行“图层>视频图层>插入空白帧”命令，即可在当前时间处插入一个空白帧。复制帧和删除帧的操作与插入空白帧的方法-样。
利用通道抠取狮子图片换背景的PS技巧
素材图片为背景较暗的图片，局部毛发的细节不是很明显；前期，我们需要把细节缺失的区域稍微调亮；然后在通道里面把狮子主体及毛发区域转为白色；后期调出选区，就可以抠出狮子。最终效果 原图 一、观察素材。打开原图素材，我们先观察一下素材，红圈位置部分毛发细节不是很明显，前期需要增强一下。 二、按Ctrl + J 把背景图层复制一层，混合模式改为“滤色”，如下图。
PS文档窗口的属性
我们在Photoshop窗口中打开-一个图像时，便会创建一个文档窗口。如果打开了多个图像，则它们会停放到选项卡中；2、单击一个文档的名称，即可将其设置为当前操作的窗口按下Ctrl+Tab键，可以按照前后顺序切换窗口;按下Ctrl+Shift+Tab键，可按照相反的顺序切换窗口；3、在一个窗口的标题栏单击并将其从选项卡中拖出，它便成为可以任意移动位置的浮动窗口( 拖动标题栏可进行移动)；4、拖动浮动窗口的一角，可以调整窗口的大小，将--个浮动窗口的标题栏拖动到选项卡中，当出现蓝色横线时放开鼠标，可以将窗口重新停放到选项卡中；5、如果打开的图像数量较多，导致选项卡中不能显示所有文档的名称，可单击选项卡右侧的双箭头按钮，在打开的下拉菜单中选择需要的文档；6、在选项卡中，沿水平拖动各个文档名，可以调整它们.的排列顺序；7、单击一个窗口右上角的X按钮，可以关闭该窗口；8、如果要关闭所有窗口，可以在一个文档的标题栏上单击右键，打开下拉菜单，选择“关闭全部”命令；
用PS调出惊艳红色裙子的美女照片
单一色调的调色方法有很多。可以去色后再给图片局部上色。也可以直接用通道或者调色工具调整。具体用什么方法需要根据图片的颜色构成来定。原图 最终效果 一、打开原图素材，按Ctrl + J 把背景图层复制一层。然后执行：图像 > 应用图像，参数设置如图1，效果如图2。