推荐阅读
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.首先打开一张素材图片.2.选中工具栏的钢笔路径工具,去抠选图中的人物. 3.成为闭和的路径后,载入选区.
其实很简单 PS抠图两种方法
难度抠图是别人这样叫的，并要求发个教程，等到看了这个教程后你就不会认为这样的图是高难度的抠图了，呵，在这里我用了两种方法，希望对你有所帮助，祝你在论坛里玩的开心。 第一种抽出方法： 1、复制一背景层，下面再加一颜色图层以便观察，如图 2、用抽出命令，设置如图，强制前景色3、加蒙板处理掉多余的部分
Photoshop选择与抠像专业技法
在本案例中，要选择的这个人物有两处比较难处理的地方，一是矿泉水瓶，另外就是草帽的空隙。要将人物从背景中准确地分离出来，必须保持矿泉水瓶的透明度，还要保留草帽的编织间隙，因为在替换背景后，这些区域都会显示出新背景的内容。有时候看似复杂的东西，在通道里却一目了然，本案例中的矿泉水瓶和草帽也是如此，我们将在通道中为制作它们的选区寻找最佳的解决办法。原图像 抠选的图像 最终效果 步骤简述：用钢笔工具绘制人物轮廓→制作草帽的选区→将草帽的选区粘贴到人物的选区中→制作矿泉水瓶的选区→将矿泉水瓶的选区粘贴到人物的选区中→替换背景。制作人物选区 （1）选择钢笔工具，在工具选项栏中按下路径按钮，再按下添加到路径区域按钮，沿人物的轮廓绘制闭合式路径，如图1所示。
Photoshop抠出墨的艺术效果
今天这个教程是我群里的一个朋友在问如何把墨的流动效果抠出来，也算以前没有写过这类的教程吧，所以就有了这个教程。 先看下扣出来的最终效果。对墨的图片思考 言归正传，我们先看图片。 这样的图片其实很容易处理，不过要处理得有层次，那还是有一点小难度。拿到图片感觉拍摄的质量不够好，感觉ISO有点高，噪点多了些。那就先看看通道好了，依次查看通道，发现绿色通道还不错。那就先复制一个绿色的通道
巧用Photoshop用图层模式抠取靓妹
方法步骤： 01、打开图片，ctrl+j两次，分别得到图层1和图层1副本。见图01 02、点击红圈处，新建图层2，放于图层1与背景层之间，并填充蓝色。作为检验效果和新的背景层。见图02 03、在图层1执行图像--调整--色阶命令，用白吸管在图中的红圈处点一下，这样原来的蓝灰色的背景就变成了白色的背景了。见图03 04、图层的模式设置为正片叠底， 这时微细的发丝就得到了。见图04 05、ctrl+j复制粘贴一层，得到图层1副本2，图层的模式仍为正片叠底，再看看发丝是不是更清晰了？见图05 06、点击红圈处，在图层1副本层加蒙版，用黑画笔仔细在人物主体外涂抹出新的背景及发丝。见图06 07、蒙版涂抹后的效果。见图07 08、背景太单调了，加点效果，新建图层3放于图层1和图层2之间，用云彩画笔扫一下。见图08
Photoshop抠图杂谈 三言两语话抽出(1)
抠图的方法有好多，其中包括：通道、抽出、图层模式、色彩范围、图层样式、橡皮擦、背景橡皮擦、蒙版、钢笔、套索以及魔术橡皮擦和魔棒等等。另外还有N种专门抠图的外插和软件。今天咱就谈谈抽出滤镜，抽出滤镜功能强大，运用灵活，是PS专用来抠图的工具，它容易掌握，运用得好效果极佳。它可从繁杂的背景中抠出散乱的发丝，也可抠出物体的透明，见图1、图2图1图2我们不去探讨理论，只从实用的角度来探讨基本方法。抽出就是作选区，抽出就是要在选区内得到颜色的信息。从而来达到抠取图片之目的。一、抠取图片的单色抽出滤镜抠图，分为单色抠取和全色抠取两种，当需要强调抠取某一种颜色时，例如：发丝、羽毛、透明的纱等，就要用到抽出滤镜里的强制前景这一项，你需要抠取哪一部分颜色，就把强制前景设置为该种颜色，颜色的设置可用吸管工具来提取，见图3。图31、单色抠取的步骤 以小兔为例，首先在强制前景处打上勾，你需要抠取什么颜色，就用吸管工具点选，然后用高光器工具在需要抠取的地方涂抹绿色，首先强制前景白色抠取小兔的白毛，见图4，抽出的结果，见图4a。再强制前景黑色抠取小兔的耳朵，见图5，抽出的结果，见图5a。最后的效果，见图6。
Photoshop抠图专家：KnockOut外挂滤镜（二）
使用Photoshop抠取透明物体是一个很复杂过程，常见的方法是利用了Photoshop图层的“屏幕”和“正片叠底”特性抠取透明物体，这个过程十分繁琐。KnockOut利用阿尔法通道来保存蒙版，当去掉背景以后，会保留含有阿尔法通道的透明物体。今天我们使用KonckOut来抠取一个透明的玻璃杯。 （1）启动Photoshop，打开一幅玻璃杯照片，如图1所示。 图1 （2）在图层面板中将背景层拖放到下方的“创建新图层”按钮上，创建一个“背景副本”层，如图2所示。图2 （3）保持当前所操作的层为“背景副本”层，然后执行“滤镜/Knockout/Load Working Layer...”菜单命令，启动KnockOut 2.0。在KnockOut中使用外部对象工具在杯子的外部绘制一个选区，如图3所示。绘制外部选区线的时候注意不要碰到杯子上的任何地方。绘制选区线的时候，按住Shift键可以添加特定的选区线；按住Alt键可以删除特定的选区线。图3
Photoshop抠图专家：KnockOut外挂滤镜（一）
在使用Photoshop处理图片的过程中，经常需要用到“抠图”的方法将对象从背景中分离出来，这是一种十分重要并应该熟练掌握的技术。“抠图”的方法有很多种，比如使用魔术棒和套索工具的初级抠图法和蒙版抠图法、通道抠图法、路径抠图法、抽出滤镜等高级技巧，这些方法要么抠图效果不好，要么就是难度对于初学者来说太大。 今天将要给大家介绍一款Corel公司出品的经典抠图工具Knockout，目前最新版本为2.0。Knockout 2.0 （点击下载Knock Out（抠像大师）V2.01中文汉化版）一经推出，便备受好评，因为它解决了令人头疼的抠图难题，使枯燥乏味的抠图变为轻松简单的过程。Knockout 2.0不但能够满足常见的抠图需要，而且还可以对烟雾、阴影和凌乱的毛发进行精细抠图，就算是透明的物体也可以轻松抠出。即便你是Photoshop新手，也能够轻松抠出复杂的图形，而且轮廓自然、准确，完全可以满足你的需要。 Knockout 2.0之前的版本作为一个独立的软件使用，而现在的版本则必须要作为Photoshop的滤镜插件使用。关于它的安装方法和其他外挂滤镜一样，这里不再赘述。本文以Knockout 2.0的汉化版为例进行说明。 一、界面介绍 在安装完Knockout 2.0以后，启动Photoshop，打开需要处理的照片，然后将照片在图层面板中复制为一个副本层。保持在副本层中的操作状态，执行“滤镜/Knockout/Load Working Layer...”菜单命令就可以打开Knockout了，它的界面如图1所示。图1 KnockOut的界面分为菜单、工具栏和状态显示面板几部分。 1.菜单栏 菜单栏中包括文件、编辑、查看、选择区域、窗口和帮助几部分。
Photoshop抠玻璃杯十步教程
原图 抠完后 1、用钢笔工具描勾出图像主体 2、复制两个图层，并将其下层去色（Shift+Ctrl+U)设为强光模式，并在下面新建一个图层填充颜色，以便观看