推荐阅读
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技巧 如何调整RAW文件
9.5 “相机原始数据”的界面 本节将讨论“相机原始数据”的界面及其所有的控件和功能。我们将通过处理一系列原始数据文件来讨论各个选项，这些文件包含在配套DVD中本章对应的文件夹中。在本章的大部分时候，读者甚至无需启动Photoshop，而可以使用Adobe Bridge来访问文件并在“相机原始数据”中打开它们。 ◆ 在Adobe Bridge中，切换到配套DVD的文件夹Ch09.CameraRaw中，并打开文件Queen MaryTable.CRW。 这将打开“相机原始数据”并显示该图像的预览。 在预览图像的左上角，可能看到一个位于黄色三角形内的惊叹号，可将持续显示几秒钟，这意味着“相机原始数据”还在使用原始数据文件中的信息创建预览。在生成预览的过程中，图像有些模糊，但将越来越清晰，当预览生成完毕后，警告图标将消失。 首先概述该对话框中的所有控件，然后使用图像详细阐述各种设置的作用。 “相机原始数据”的工具栏下拉列表“设置”。该列表最后的选项为自顶设置，用于特定的编辑情形。9.5.1 工具、预览和直方图 对话框的左上角是六个工具图标（在以前的“相机原始数据”版本中，这些图标垂直排列在对话框的左边）。这些图标是成对的，前两个提供基本的导航功能，如缩放和滚动；接下来的一对是吸管工具，用于设置白平衡和放置颜色取样器点；然后是裁剪和拉直工具；而最后是用于旋转预览图像的旋转工具。 再往右是几个复选框，用于显示/隐藏预览以及显示彩色覆盖层以指出高光裁剪（红色）和阴影裁剪（蓝色）。最右边是完整的彩色直方图以及一个信息屏，后者显示当前鼠标位置的RGB值。9.5.2 下拉列表“设置” 在直方图的下方是下拉列表“设置”，其中包含以前使用的设置选项以及拍摄图像时相机使用的默认“相机原始数据”设置。如果要对当前图像应用前一次使用的调整，还可以选择“上一个转换”。在该下拉列表的最后面，是已存储的自定设置。 如果单击下拉列表“设置”右边的三角形按钮，将打开一个菜单，让用户能够存储和载入设置、开/关自动调整、存储新的相机原始数据默认值（或复位标准的默认值）以及设置相机原始数据首选项。9.5.3 “存储”按钮 在“相机原始数据”对话框的右下角有四个按钮，用于存储、打开、取消和完成。“存储”将打开另一个对话框，让用户能够将调整后的原始数据文件存储为TIFF、PSD、JPEG或DNG文件，这将在稍后介绍。“打开”按钮使用指定的调整对原始数据文件进行处理，并在Photoshop中打开它。“完成”按钮应用指定的调整，并关闭“相机原始数据”，返回到Bridge。“取消”按钮的含义是不言自明的，它撤销所做的处理，而不应用任何调整。如果按住Option（Alt）键，有些按钮的功能将发生变化。“存储”按钮将跳过“存储”对话框，并应用最后一次打开“存储”对话框时使用的设置；“取消”按钮将变成“复位”，让用户能够清除所有设置并重新开始。 在Bridge中打开“相机原始数据”时，默认的活动按钮为“完成”；单击它将应用所做的修改并返回到Bridge。在Photoshop中打开“相机原始数据”时，默认的活动按钮为“打开”，单击它将对原始数据文件进行转换并在Photoshop中打开它。
字体安装与在PS中的使用
我们得到的字体如果都安装到字体文件夹里，势必会增加系统负荷，影响系统的运行速度，这就要解决如何即不占c盘空间，又能很方便地使用，特别是在photoshop里的运用，我们分几个部分来解决一下。1、文件的存放 我们得到的字体文件最好不要放到c盘， 以便节省c盘的空间，当然如果你的电脑配置很高，而且又有充分的空间那就另当别论。我们可以在其它盘符建立一个文件夹，比如选择d盘、e盘等把它们存放起来。几万种字体不可能都用到，把你常用的比较喜欢的字体单独复制到一个新的文件夹里，以备待用。2、节省空间的字体安装方法先进入c盘--WINDOWS--Fonts文件夹，点击文件--安装新字体。见图1 这时出来一个“添加字体”对话框，找到你单独存放字体的文件夹路径，点击全选，提请注意的是：“将字体复制到Fonts文件夹”前面的勾必须去掉，然后再点确定，字体就装完了，其-K实我们并没有把字体装上，装上的只是一个快捷方式。见图2 3、平时很少用到，特殊情况下必须用的字体.些字体就不必安装了，可以先打开字体文件，然后再打开PS，看看吧，那个字体已经在PS里恭候了，这样是不是也很方便。4、Photoshop就像一头犟驴，费了九牛二虎之力安完的字体，- Q3 C( k: J9 ^0 U, \4 c; t7 ]有好多都不认，特别是汉鼎的大部分字体它都不认，Office里能找到，记事本里也能找到，唯独PS里就偏偏找不到，我是服了，还得请高人来解决吧。, y% S9 n' a X [5、Photoshop里打字还有个输入法的问题，你的字体是简体，你就要用简体输入法，你的字体是繁体，你就要用繁体输入法，" 否则打出的字就会出现不显示、？号、乱码等等。举个例子：我们打“我们来练习” 。见图3. O+ b' m \' s& K% h' C如果输入法正确，就不会出现上面的问题了。见图4 照片处理网(http://www.photops.com) ( h( i) l) i' l4 b6、有好多字体很漂亮，但怎么也打不出一些字来，遗憾那是它字体不全，只能找近似的字体代替了。
专业校正屏幕颜色，使你身临其境
该方案本是专业图形制作人员校准显示器的非硬件方法，也是目前不花钱校正你的屏幕还原真实色彩的最专业方法......同样适用于各类游戏或其它要求显示器显示真实色彩的人员使用！！！(当然，最好的显示器色彩校正方法是买一套专业的 “SPECTRO CALIBRATOR” 屏幕较准器或柯达的 “IT8标准色标” 来进行校准，但那是需要一大笔 Money 的，一般人没必要.......！)大家都知道，新买来的显示器，色彩都非常明亮鲜艳，但随着时间的推移、设备的老化，亮度明显变暗，色彩大不如前，如：图片中的暗处看不清、3D设计制作中场景光影效果设置的不准确、游戏中躲在阴影中的敌人看不见、树丛中的细节看不清等等...于是大家就一次一次的不断提高显示器亮度......但随之而来的是什么？？？...画面整体发白、不通透和非常的不自然...... 即便是新买的显示器，色彩还原也未必准确！！！照片处理网(http://www.photops.com)下面是我按屏显校准前和校准后，在 3dsMAX 里调整场景光影效果后渲染出的不同效果图，请大家仔细比较：【校准前】：【校准后】：下面是校准屏幕后用 PS 处理的不同效果对比:【结论】：总结以上对比，产生这两种明暗效果不同的图片，不论是那方造成的，只有一个原因：大家的屏幕色彩还原不准确！！！为了避免今后再产生类似的偏差，只有一种科学的方法，那就是：校准你的屏幕色彩还原！！！下面就手把手教大家不用花一分钱就可以达到专业效果的显示器色彩校正方法！1.使你一改往日游戏画面不正常的色彩、灰蒙蒙或黑洞洞的显示画面！！！2.使你贴上来的截图 或 后期 PS 的图片层次饱满、色彩准确、明暗均衡......好，现在开始校正你的屏幕，下面内容看似很多，其实很简单，OK，跟我来！！！==========================================================原作: Huangyuan de Moshi★★★ 注：转载请著名“美国陆军中文站 http://bbs.armyonline.org 及以上作者” ★★★校准前的准备工作：1.为了得到最好的校准效果，请尽量使用最新版的 Adobe Gamma--校正视频输出色彩的工具； (最新版 Photoshop 中附带这个工具，5.0以上即可)2.确保你的显示器开机半个小时以上，处于稳定的工作状态；3.显示器周围环境光线最好保持一致，太亮或太暗都不合适，最好的光线是稍偏暗，并且尽可能减少屏幕对环境光线的反射；4.设置显示器颜色质量为32位或24位真彩色(桌面：单击鼠标右键>>属性>>设置>>“颜色质量”设置)。=============【第一步：校正黑场】=============下面这个方法不管你是否安装过 Photoshop， Adobe Gamma 有没有起作用，校准的结果都是非常准确的，因为只使用R.G.B=0.0.0 纯黑色进行校正，不受 Gamma 的影响。1. 环境的光照度设为平时图像处理工作时的相同情况，不要太亮，避免显示器反光太厉害；2. 设置一个纯黑的桌面：桌面：单击鼠标右键>>属性>>桌面>>背景(K):--选择“无”，颜色(C):--选择“黑”(此时显示器 R.G.B=0.0.0)，如果桌面上有图标，回到桌面：单击鼠标右键>>排列图标>>把“显示桌面图标”前面的勾去掉，桌面上的图标就不显示了，以避免干扰； 如果这时不能区分没有扫描的区域和扫描的区域(我们平时看到的桌面范围)，那么再找到显示器调整“垂直移动”的按钮，向下移动扫描束，让屏幕的上边出现未扫描的区域；(有些显示器可能不能显示未扫描的区域，这种情况可让房间完全黑暗，亮度调到最小，再慢慢的调大，直到显示器刚发光，然后慢慢反复的调暗/调亮屏幕，直到刚刚能发光为止)； 6. 现在调整显示器“亮度”按钮，使得扫描区和未扫描区亮度刚刚不能区分为止，注意：这一步需要反复仔细的调；
用通道选择花和细纱后的漂亮女孩
然而，这种假设被背景中的石质纹理根除了。如果背后没有几百万个白色斑点，在红色通道中查找近乎白色的花朵就很容易了。照片处理网(http://www.photops.com)图9-6B 红色通道 A通道不会因灰色区域中的白色或黑色斑点而变得异常。它们都是中性色，它们的值都是0A。它们为郁金香提供非常的平滑背景，这些郁金香在A通道都是很大的正值。图9-6B A通道 如果细节的颜色与其周围对象不同（不像图9-6那样），在创建蒙版时，非常好的细节常常有利于使用AB通道。透过细纱拍摄的照片（如图9-7所示）使选区的创建存在问题。 假定我们想要选择面部、嘴唇、蓝色的背景或者头发。对于它们中的任何一个，其最可能的RGB源会是红色通道。在LAB下应该是B通道，因为面部的值是正值，黄色成分比蓝色多，而背景的值则是极大的负值。 几乎所有可以想象得到的选区都要包括网格，因为当我们对其后的对象进行任何调整时，网格颜色都需要随之改变。
PHOTOSHOP基础：盖印技巧详解
很多朋友总是问我盖印是怎么做的?有什么用?我就自己写了下盖印的方法和我自己对盖印的认识!!照片处理网(http://www.photops.com)也许盖印的好处还远远不止这些!!大家可以互相讨论!
CS3黑白转换控制功能的使用方法
在此以前，人们有许多方法可以制作黑白照片，最简单的当属“去色”，再复杂一点是调整饱和度、使用Lab模式、通道混合器、使用渐变映射、拷贝单一通道等，反正能用的方法大家都用了，也有许多高手写过不少这样的文章。如今，这些方法大可以“收藏”起来了，因为有了新的黑白转换控制，整个过程已经变得超简单，即使是Photoshop新手也能轻松搞定。Photoshop CS3的黑白转换控制可以改变六种不同颜色（红、黄、绿、青、蓝、洋红）的亮度值，从而帮助我们制作出高质量的黑白照片。 下面通过一个简短的实例来向大家介绍如何使用黑白转换控制。 1.使用Photoshop CS3打开一幅彩色照片，如图1所示。2.选择菜单命令“Image|Adjustments|Black & White”(图像－调整－黑色)，(或按快捷键Alt+Shift+Ctrl+B)。3.在“Black and White”对话框中，这时我们就可以看到这6种颜色了，默认情况下“Preview”(预览)复选框是处于选中状态的，这样可以在调整颜色值的同时观察到图像的实时变化。现在可以试着进行调整，例如调成如图3所示的数值，这时在“Preset”(预设)右侧就会出现“Custom”(自定义)字样，因为是我们自己调的数值。 6.想看看某种颜色值的改变对照片的影响吗？先取消选择“Preview”，然后观察这幅照片，你会看到远处的树木以及桌上的杯子下面毛线似的东西是绿色的。
图文详解Photoshop可选颜色的运用
用可选颜色进行调整前首先要指定一个选择范围，所做的调整只对范围内的像素有效 如图，大致可以分为三组： 以RGB三原色来划分：红色、绿色、蓝色 以三原色的补色CMY来划分：黄色、青色、洋红 上面两组是以色度来划分的 以整体的亮度来划分：白色、黑色、中性色 : O5 如果想从数字角度来了解范围的划分的话，可以参考下图，记得把你的信息调板设为RGB和HSB 当我们选定了一个范围后，可以拖动滑块，分别改变这个范围内像素的三原色数值进行调整，如图，也是利用了色彩平衡的互补色原理，与之不同的是可以单独调整某一个分量，并不会影响到另外两个。同时增加了一个黑色滑块，调整黑色时数值变化等同于同时作用于三个分量。 假定图像中有这么一个像素A（R180,G100,B50）,可以知道当选择范围是红色、黄色、中性色的时候调整对其有效.选择范围为红色,方式选绝对。 我们把黑色滑块从0到-100向左拖动，R、G、B的数值不断增加，在某一个部位到达了上限就会停止变化，同样向右拖动时就会到达下限，我们可以把到上限的改变量称之为增加量INC、到下限的改变量称之为减小量DEC,整个的数值可变范围称之为调整总量LIM。 可以看到，在同一个选择范围下，R、G、B的LIM值是相同的，变化幅度的不同表现在INC和DEC的比例不同(LIM=INC+DEC)。 那么选择范围不同会不会对这个可调整总量产生影响呢，答案是肯定的。 当选择范围是红色的时候，R、G、B数值的可变范围取决于它们之间的最大值MAX(rgb)和中间值MID(rgb)之差 对于像素A来说，LIM=180-100=80，这个算式也同样适用于绿色和蓝色。 当选择范围是黄色的时候，R、G、B数值的可变范围取决于它们之间的最小值MIN(rgb)和中间值MID(rgb)之差 对于像素A来说，LIM=100-50=50，这个算式也同样适用于青色和洋红 当选择范围是中性色的时候: 当选择范围是白色的时候, 当选择范围是黑色的时候’ 前面说到在同一个选择范围下进行可选颜色调整，R、G、B数值的整体可变范围是相同的，不同的是增加量INC和减小量DEC的比例不同，滑块向右，数值减小，减小量和原色数值成正比。滑块向左，数值增加，增加量和原色数值的反相成正比。 可以用下面的算式来表示 R/255） 1-R/255） R也可以换成G或者B,具体就看你是在调整哪个色彩分量了。 拿像素A具体来看一下，每个百分比调整的幅度，青色滑块向右，R减小，但是在滑块移动到+70时R值就已经到达下限了，青色滑块向左，R增加，在滑块移动到-30时R值就到达上限,可以看到，在绝对的时候把整个可调整范围拿来百分，每个百分比调整的幅度较大。 相对的情况下则有些不同了，滑块在0到+100之间百分R的减小量，在0到-100之间百分R的增加量，每个百分比调整的幅度较小。所以选择相对的时候调整会更精细一些。
图文详解PS图层样式等高线的全面应用
我们能看到物体是因为光的反射，而等高线则模拟了这一切。表面凹凸不平的物体，反射的光线就让我们感觉到物体表面的凹凸程度，因为各部分反射的光线强度不一样，或者说白色白的程度不一样，让眼睛感觉会更亮一些。（白色为亮部，黑色为暗部）而如果物体是黑色，那就是吸收了所有的光，而不反射任何光线到人的眼睛，那样人就看不到这个物体，或者说感觉不到物体的凹凸，只是一个黑色的平面。白色反之。 等高线决定了物体特有的材质，物体哪里因该凹，哪里因该凸就由等高线来控制。（等高线带来不同的亮度，而亮度决定了物体的凹凸，记的这么说的等高线只控制明暗而不是对物体本身的材质）而很少一部分则是数值参数的关系。。 图层样式的好处就在于可以随时套用，想真正运用图层样式，熟悉图层混合模式，等高线原理是非常重要的。 首先我们对等高线的剖面线理论做个简单驳斥 1、我们首先用斜面浮雕样式做出一个立体按钮，参数如图： 用图层样式中的斜面和浮雕来做个大概了解，为了例子的更直观性，我们将高光模式和暗调模式全部设置为正常，并将透明度加到100%。设置如下图。画一个100*100PX红色方形，并在此图层上运用图层样式。 用内发光来做个例子。 作用面为20个像素，颜色为黑色。虽然只有一个颜色条件，但同样可以解释清楚。
