推荐阅读
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 CS3五大出类拔萃新特性
我目前最喜欢的五项PsCS3的新特性是： 1、全新的智能过滤器 2、快速选择工具和优化选区边缘3、高级校准与混合进行照片合并4、自动图层校准和混合5、用可调解的角度使用消失点工具下面我就具体说说这几个出类拔萃的新功能：全新的智能过滤器Adobe终于带给我们非线性的全新的过滤器。对此我真的很想高呼“万岁！”在过去，你在一个线性序列中应用过滤器及效果时，一个过滤器就会改变你的图像，而第二个过滤器则会改变你当前已经被改变了的图像，而第三个过滤器又会再次对此图像做出改变。这样的工作流程存在的问题就是，如果你想要对第二个过滤器略微做出改动，你就必须撤销还原到那点，这样就会失去随后对它的编辑效果，或者你使用历史记录调板直接回到你添加了第二个过滤器前的步骤，将你“校定”后的第二个过滤器添加进去，接着再手动地添加第三个。要是经常这样操作的话，你就很容易忘记你对的三个过滤器是如何设置的，或者更糟糕的是，你的项目中应用了20个过滤器，而不是3个，而你又需要对第二个做出更改，这样就意味着你需要对之后的18个都进行重新设定。这是多么令人厌烦的事啊！由于这个问题的存在，人们在进行开发时通常都会储存多次的“部分完成”的文件版本， 将这些文件一次又一次地储存，希望在需要回到某点上时能够很快地返回需要的地方进行处理。虽然这样的工作方法已经构思得足够聪明，但人们仍在期待着更为完善的真正能够解决问题的办法。对这些问题的真正解决办法在CS3中出现了，那就是全新的智能过滤器。在这个新版本中，你所应用到图层中的每个过滤器和效果都是实时并能够不断重新编辑的，在实时的情况下，无论你之后对图层添加了什么过滤器或效果，你所调节的参数都能够得到应用。这些都是可储存、可移动、可复制粘贴，最重要的是可调节的。快速选择工具和优化选区边缘
关于Photoshop中滤镜/样式的33条技巧
W ＝ 暗调 （使用多图层的图像中使用直线和油漆桶工具时可用） V ＝ 中间调（使用多图层的图像中使用直线和油漆桶工具时可用） Z ＝ 高光 （使用多图层的图像中使用直线和油漆桶工具时可用） A ＝ 饱和度 （使用海绵工具时可用） J ＝ 去饱和度 （使用海绵工具时可用） 注意：以上的热键也会对当前活动的绘图工具产生影响，因此，如果你想要更改活动图层的混合模式，请确定先转换到“移动”工具 ，或是自行先选好工具。 调整图层 2、在默认情况下，通过“图像>调整>曲线”所打开的曲线对话框仅有171象素的宽度，而你可以点击最大化/最小化按钮来将其中的 网格大小在256象素到171象素之间切换。为了获得更高的精确度，你可以使用较大的网格，因为比起使用小的网格只控制到171灰度 梯度来说，这样你就可以控制图像中所有的256灰度梯度。 小贴士：按下Alt键能够将“自动”按钮转变为“选项”按钮，而“取消”按钮则变成了“重置”按钮。 3、以下是代表了一些可在“曲线”对话框中使用的快捷方式：4、在“色阶”对话框中，当你在向左或向右拖动输入色阶滑动条时按下Alt键，可以在阈值模式下调整色阶。这也被称作是“剪取显 示”，因为它看起来似乎是显示出那些颜色是被剪取的。 5、以下是添加调整图层的一个便捷方式：你只需要点击“图层”调板底部新建填充或调整图层，接着选择你想要添加的调整图层类 型即可。 小贴士：在你选择一个填充或调整图层时按下Alt键就能够显示出图层属性对话框。你可以通过删除一些默认添加的与填充/调整图层 相关的用不上的通道来缩减一个PSD文件的大小。 6、在色相和饱和度的对话框中[Ctrl＋U]，你可以做如下操作： 在对话框中，你可以按下Ctrl拖动颜色条将当前色彩范围移动到新的位置。 在图像窗口中通过按下Shift键点击或拖动可添加颜色到当前色彩范围。
photoshop摹仿色调的秘密
这是无忌上曾经受到许多摄友好评的一组照片中的一幅,其凝重的色调很好地表达了某种氛围,也有一些朋友想把自己的照片在电脑后期制作时,调制出这样的色调和色彩.但尝试过许多方法仍然不成功,其关键何在? 我们能否把要摹仿的照片直方图也调整到由暗向明的逐渐递减?如果找到一种有效的调整方法,就意味着成功,这就是解决问题的实质和关键所在. 第一步:打开原图,复制一份"副本"; 第二步:将副本"去色"; 第三步:"正片叠加",得到一个新的效果; 第四步:打开"照片滤镜",加入你想得到的某种色彩; 第五步:打开"滤镜",增加"光照"效果; 最后调调色阶,统一色调就行了
用实例来说说photoshop的蒙板
蒙板,通道,图层混合,是PS学习中的三只拦路虎.我认为,之所以初学者觉得很难,关键是很多人在讲述他们应用的时候,把简单的问题给搞的复杂化了.比如蒙板,本来是个非常简单的问题,但我发现搞不明白的人是如此之多.而网上关于蒙板的教程又少的可怜.偶尔见到,也大多语焉不详,反而把蒙板搞的更加神秘难懂了.有感于此,花时间制作了这个教程,希望能对初学者理解蒙板起到一定的作用. 由于制作时匆忙,没有仔细选择颜色,大家可以把背景层上面的那个新层由填充黑色 改为填充绿蓝黄紫等除黑白灰之外的任意颜色,对理解蒙板更有作用.
用PS混合模式模拟真实光照
现在我们就使用Photoshop来模拟这种光线照亮的效果首先将H调节在要发光的蓝色相上 然后将饱和度调节略高，将亮度调低形象地说就是：如果要发蓝色的光，就先选择一个深蓝色 其它颜色依次类推 此时效果就算制作完成了 很简单的过程下面我们再看看如何修改现有的效果用这种方法 可以模拟自然真实的光照物体效果 尤其适用于人物但须注意原图的颜色不可过亮 否则效果可能打折扣如果在选定颜色及选择画笔工具后 可以从顶部的画笔属性栏直接将画笔的绘图方式(混合模式)改为“色彩减淡” 那么不需要建立图层也可以直接在原图层上绘制 效果完全一样
photoshop CS3 新的抠图魔棒选择工具介绍
在以前版本的Photoshop中，各位高手也已经总结出许多行之有效的方法来完成各种类型复杂选区的创建工作。不管采取什么样的方法，大家关心的都是同样一个问题――如何选出最符合我们要求的选区来进行抠图。例如，将一位模特的照片中飞扬的秀发从背景中抽离出来，这对大多数人来说就是一件非常伤脑筋的事儿：头发上的一些像素总会被落下，而背景中的一些像素又会附在头发上，或者两者混合在一起，难以区分。 Adobe Photoshop CS3新增的“快速选择工具”功能非常强大，给用户提供了难以置信的优质选区创建解决方案。这一工具被添加在工具箱的上方区域，与魔棒工具归为一组。Adobe认识到快速选择工具要比魔棒工具更为强大，所以将快速选择工具显示在工具箱面板中显眼的位置，而将魔棒工具藏在里面。 好了，说得够多了……现在还是让我以实例的形式来向大家介绍一下吧。 1.我们在Photoshop CS3中打开一幅非洲菊的图像，如图1所示。 提示：要更改画笔大小，可以使用选项栏中Brush一侧的下拉列表，也可以直接使用快捷键[或]来增大或减小画笔大小。 2.快速选择工具是智能的，它比魔棒工具更加直观和准确。你不需要在要选取的整个区域中涂画，快速选择工具会自动调整你所涂画的选区大小，并寻找到边缘使其与选区分离。 不要着急，我们还没有完成呢。在应用选区之前，不能只是检查一下那么简单，我们还需要再对选区进行更进一步地优化，并像在快速蒙版模式或图层蒙版状态下那样仔细查看，查看时会有一个白色或黑色的背景。
初学者必备！Photoshop实用八十条小技巧
双击Photoshop的背景空白处(默认为灰色显示区域)即可打开选择文件的浏览窗口。 2. 随意更换画布颜色 选择油漆桶工具并按住Shift点击画布边缘，即可设置画布底色为当前选择的前景色。如果要还原到默认的颜色，设置前景色为25%灰度(R192，G192，B192)再次按住Shift点击画布边缘。 3. 选择工具的快捷键可以通过按快捷键来快速选择工具箱中的某一工具，各个工具的字母快捷键如下： 注：不同版本的Photoshop工具箱工具不尽相同 另外，如果我们按住Alt键后再单击显示的工具图标，或者按住Shift键并重复按字母快捷键则可以循环选择隐藏的工具。 4. 获得精确光标 按Caps Lock键可以使画笔和磁性工具的光标显示为精确十字线，再按一次可恢复原状。 5. 显示/隐藏控制板
PS中渐变映射使用方法与技巧
接下来我们具体看看如何定义渐变映射，首先打开一张图。 颜色包含了三个要素，即色相、明度、饱和度。色相（Hue）是与颜色主波长有关的颜色物理和心理特性，通俗来讲，红、橙、黄、绿、青、蓝、紫都是表示颜色外貌的属性，就是色相。通常所说的冷色调和暖色调也是色相的范畴；明度（Brightness）是颜色的相对明暗程度；饱和度（Saturation）是指颜色的纯度，通常我们称为鲜艳度。而渐变映射中是将相等的图像灰度范围映射到指定的渐变填充色，其实这里说的灰度范围映射，就是指不同的明度进行映射。 颜色的明度范围是从0～100，而渐变也是由0～100，由此我们可以将渐变上的色点不改变明度，而改变色相和饱和度的话，就可以得到灰阶完整的渐变映射。在这里，颜色的选择和色点的位置，注意红框中的数值尽量相等