推荐阅读
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制作非主流风格照片的又一种方法。希望大家喜欢，不妨练习下。 原图 效果图 PS:可以修改下数据.也可以变成下面这张样子...最新加上去的.下面这张,.是受到洋洋那张的启发! 还有这张 像 SINSUO效果效果的图片。 开始了.....打开原图: 复制原图(也就是背景),命名为:背景 副本 见图1 2: 用(索套工具或者其他的工具也可以) 索出 脸部 和 头发 两个图层,在索套前请羽化10像素(多少像素自己看着弄,我只弄10像素). 见图2 3:对"背景 副本"进行磨皮,大家应该知道饼干老师在前面发过的哪个Topaz图片处理器（可以把图片的清晰度提高并模糊),当然如果可以用别的插件,只要能磨皮就可以了. 效果如下见图3: 4: 就是开始对颜色方面的调解了. 这里我选用"可选颜色"."曲线"和"色彩平衡"三种.本来做天做了个只要一种的.但是效果不太明显.,今天就多加了两个..首先对 "背景 副本"和"头发"一起上颜色.颜色设置如下: { 这里"可选颜色"我连续使用了2次. 补充下: 这里的头发为什么要弄出来呢.因为这样可以增加头发的线条感.上面对图片进行磨皮把头发的线条减低了,所以我才单独给头发弄了个图层.,道理就是这样的.不过觉得麻烦的人可以去掉哪个头发的哪个图层..(废话多了.)} 见图4 "背景 副本"和"头发"可选颜色1(方法是相对的.不是绝对): 红色 选项 里调 黑色 +33% 黄色 选项 里调 黑色 -100% 绿色 选项 里调 黑色 -88% 青色 选项 里调 黑色 +16% 蓝色 选项 里调 黑色 +77% 白色 选项 里调 黑色 +100% 黑色 选项 里调 黑色 +3% "背景 副本"和"头发"可选颜色2方法是相对的.不是绝对): 红色 选项 里调 洋红+87% 绿色 选项 里调 青色+81% 洋红 +62% 黄色 -100% 黑色+100% 蓝色 选项 里调 青色-100% 洋红 +100% 黄色 +100% 黑色+100% 白色 选项 里调 青色-46% 洋红 +36% 黄色 +24% 黑色-100% 中性色 选项 里调 青色+100% 黄色 -5% 黑色+6% 黑色 选项 里调 黑色+19% 这几部做完效果如下. 图5 6:把"脸部"图层移到最上面.现在对"脸部"图层进行修饰了.用到"可选颜色"和"曲线".如下 "脸部"可选颜色方法是相对的.不是绝对): 红色 选项 里调 青色+53% 洋红 +16% 黄色 -29% 黑色+26% 黑色 选项 里调 洋红 +4% 黑色+5% "曲线"如图6: 最后: 用 加深工具对"脸部"图层 中的 眉毛 进行加深就可以..大家也可以对根据自己的喜爱该成自己的风格..教程就到这里. 不懂的..去群里问.或者跟贴,不过我是网站在的。
教你调偏色照片的效果
6、打开原图，点击图层面板“创建新的填充或调整图层”，选择“通道混合器”，设置如下：7、点击图层面板“创建新的填充或调整图层”，选择“色彩平衡”，设置如下： 8、新建立一个图层１，然后盖印图层（注：盖印图层就是把我们所调整效果单独合并为一个图层，执行的方法是选择图层１，然后按Ctrl+Shinft+Alt+E）。
用PS将色彩鲜艳的照片变成黑白淡彩效果
2.选中副本2，并把混合模式设为柔光。 3.添加一个"曲线"调整图层，调节曲线使其更有层次感。 4.新建一层，按Ctrl+Shift+Alt+E，盖印可见层。然后按Ctrl+J复制一层。 5.对图层2副本执行“滤镜/模糊/高斯模糊”，并把混合模式设为“线性加深”，不透明度设为60%。 6.对图层2副本添加一个蒙板，并用黑色画笔，在需要还原的的方进行涂抹。涂抹时画笔的硬度设为最底，不透明度设为30%。我这里对头发和衣服涂抹了下。 最终效果图
黄绿怀旧照片的制作
原图 1、Photoshop中打开原图。 2、复制2次背景层，图层一去色(ctrl+shift+u)。 3、图层二的模式为滤色 降低透明度为60。 4、在图层二上面新加一个色彩平衡，色阶数值为0 21 0 ，与图层二编组(ctrl+G)。
“调色教程”PS调出照片的内涵来
1、调整图片的影调――选择――图像――调整――色阶，设置见图。 2、为了体现黄昏那种较暗的影调，再将中间灰滑标向右侧移动，整个片子的影调正常了，看图。 3、渲染片子的色调，选择图像――调整――色相饱和度。 4、再次打开编辑下拉框，选择黄色选项，看图： 5、为了强调片子的冷暖对比，还需要加强冷颜色的饱和度，再次打开编辑下拉框，选择青色选项，看图： 6、选择图像――调整――曲线，适当调整片子影调，直到满意，看图： 7、最终结果――感到暗了的话，就增加亮度/对比度：
Photoshop给山峰图片加上霞光和云雾效果
教程开始之前，我们先要设定光源位置，右侧构图会好一点；创建亮度/对比度调整图层，增加亮度及对比度，参数设置如下图，确定后把蒙版填充黑色，然后用柔边白色画笔把右侧的山峰边缘涂亮一点。 把云朵图层复制一层，原图层隐藏，调整好位置，添加图层蒙版，用透明度较低的柔边黑色画笔把左侧的过渡涂出来，如下图。如果嫌过程麻烦，可以去视频教程下面下载现成的PSD素材，素材都分层保存好的。
Photoshop打造唯美的暗调室内人像
首先在Photoshop打开图片，点击“文件>打开”，然后选择下载的图片，点击确定。在继续下面的操作前，需要检查图片：1、图片应该采用8位RGB颜色模式。点击“图像>模式”检查。2、图片的尺寸会影响最终用途效果，图片高宽最好设置在1500~4000像素。点击“图像>图像大小”检查。1、打开图片后，要将人像抠出。常用人像抠出工具有：钢笔工具（P）、套索工具（L）、快速选择工具（W）、魔棒工具（W）。根据不同的使用习惯可以随意选择使用，本次教程中笔者选用的是魔棒工具，只要设置好容差，就可以开始设置选取。运用好shift、Alt将选区增加或者减少，设置过程中还可以同时调整容差，让选择更加精准。如果背景内容比较单一（如本示例），对背景创建选择，然后选“选择>反转”，就能将选择到人像。2、创建选区后，选择“图层>新图层>通过拷贝创建”，将从选区中复制图像并创建新图层，这样就获得分离出来的独立人像。双击缩略图进行重命名为“人像”。