推荐阅读
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、通过计算，选出照片的暗部，图层模式滤色，把人物的位置用渐变工具稍微的擦一下。 3、再次盖印图层，用选区选出光线位置羽化一下，用曲线工具提亮一下光线位置。
Photoshop合成西部牛仔疯狂夜海报教程
教程的主要部分主要以立体效果的字体为主，然后再以人物牛仔和牛仔帽素材为主配合在教程中，整体的风格以复古风格为主，喜欢的朋友让我们一起来学习吧。教程素材：牛仔派对海报设计思路PS教程素材主海报效果下面是教程
Photoshop合成超人大战蝙蝠侠场景教程
本教程主要使用photoshop合成超人大战蝙蝠侠场景教程，整体的效果非常的绚丽，喜欢的朋友让我们一起来学习吧。教程素材：超人大战蝙蝠侠PS教程素材
Photoshop后期人像修图和美化处理教程
最终效果原图1、将背景处理为纯色，用印章工具修复模特头上的杂乱发丝、脸上的瑕疵。鼻尖上的点点高光位也一同去掉。在纯色背景的基础上添加背景光效果，利用魔棒等选区工具很容易做到。2、脸上痘印一开始就要除掉。3、为纯色背景添加背景光。
Photoshop制作清晰透明的PNG图片的方法和技巧
PNG的格式和透明度这个Fireworks会比较清楚，打开Fireworkd优化面板，可以清楚看到png有3种不同深度的格式：png8、png24、png32。其中，在优化面板选择png8，可发现png8包括不透明、索引色透明、alpha透明3种格式。PNG88位的png最多支持256(2的8次方)种颜色，8位的png其实8支持不透明、索引透明、alpha透明。PNG24支持2的24次方种颜色，表现为不透明。PNG32
详细解析Photoshop蒙版工具的使用技巧
蒙版是PS学习中最重要的技能之一。本教程中将和大家分享10个有关蒙版的使用技巧，以帮助大家更好的使用蒙版制作有趣的、令人激动的效果。一起学习吧。一、渐变蒙版用于柔和过渡在一个图层蒙版上使用渐变工具可对被蒙版覆盖的图片及其下面的图层创造柔和过渡的效果。渐变蒙版最大的优点是可以利用渐变工具进行快速、简便地修改蒙版。二、剪贴蒙版和文字剪贴蒙版可以实现将一个图层的内容作为另一个图层的蒙版。尤其是当需要在文字中显示图片时，这种方法更显得重要。只需创建一个文字图层然后将图片放在这个文字图层之上;然后，按住Alt/Option键，在图层面板中两个图层之间单击鼠标。如果你已经创建了一个剪贴蒙版，你还可以编辑文字、任意地移动图片或者文字，而不会破坏蒙版中这两个元素之间的关系。三、多重蒙版进行更好的控制一个图层可同时拥有一个像素蒙版和一个矢量蒙版，但它用在什么情况下呢?例如，你可能需要对一张图片抠图，它的部分边缘很复杂，而另一部分边缘却很干净、锐利。这种情况下，就会用到在同一个图层中同时应用两种蒙版。像素蒙版主要用于复杂的细节处理，而矢量蒙版更适用于锐利的、干净的图片边缘。
使用Photoshop直方图分析图像色彩
在接下来的学习中，我将为朋友们讲解一系列色彩调整命令的应用原理与使用方法，要调整图像色彩，首先需要朋友们能够对图像色彩中存在的问题进行合理、科学的分析，才能够有针对性地对图像进行色彩校正。在photoshop中，使用“直方图”调板，可以科学直观的观察和分析图像中的色彩，“直方图”以图形的形式显示了图像像素在各个色调区的分布情况，通过显示图像在暗调、中间调和高光区域是否包含足够的细节，以便进行更好的校正。1. 认识“直方图”调板(1)执行“文件”→“打开”命令，将素材“自然景.tif”文件打开。图01(2)执行“窗口”→“直方图”命令，即可将“直方图”调板打开。图02(3)认识“直方图”调板界面。
详细解析Photoshop五种照片的锐化技巧
锐化没有起死回生的效果，但却能起到锦上添花的作用。如果你的前期拍摄不到位，我们教你用后期软件增加照片锐度。01 在Adobe Camera Raw中进行锐化RAW文件需要多大程度的锐化取决于很多因素，包括作品题材、画面细节、拍摄使用的相机、镜头等。ACR中的锐化设置提供了4个选项滑块，首先是数量，主要用来控制锐化的强度。对于大多数照片来说，锐化数量设置不宜超过50，但如果我们打算将处理后的文件直接用来打印或上传到网站的时候也可以考虑更高的数量值。其次滑块是半径，用来控制边缘锐化所影响的范围大小。再然后是细节，将其设置为40或50左右的大数值能增强纹理等小细节的锐度表现，设置为10或20左右的小数值则主要将锐化区域集中在明显的景物边缘。最后是蒙版，能抑制锐化命令对于平滑区域的影响，控制画面的噪点表现。处理使用较低感光度拍摄的照片时，可以将该选项设置为0 ;处理使用较高感光度拍摄的照片时，可以将其设置为50左右。02 选择性锐化锐化处理会让噪点变得更加明显，对于过渡平滑的区域影响尤其严重，正因为如此我们很少对画面进行全局的大参数锐化。最经典的例子就是对人像作品进行锐化操作，我们希望眼睛能够显得尽量清晰，但对于其他部分尤其是背景则没有类似的需要。锐化工具是对画面局部进行锐化的最简单方法，我们可以像使用画笔工具那样为画面添加锐化效果，程度与范围都可以按照自己的喜好控制。在使用画笔工具对照片进行锐化处理前，首先需要复制背景图层，方便我们返回到未经锐化的原始文件。从工具栏中选择锐化工具，使用尺寸合适的柔边画笔在需要锐化的区域上进行涂抹。调整时将强度设置为20%，同时必须开启保护细节选项。如果你想更加精准控制锐化效果，可以选择使用锐化图层加蒙版的方式。你可以通过画笔涂抹和调整不透明度来控制锐化的区域和强度。
使用Photoshop抽出滤镜精细抠出人物发丝
最终效果原图1、打开素材图片，按Ctrl + J 把背景图层复制一层，得到“图层1”，点击红圈处新建图层2，放于图层1和背景层之间，填充自己喜欢的颜色作为检查效果及新的背景图层，也可以直接加入自己喜欢的新背景图片。2、在图层1里执行：滤镜 > 抽出。3、用高光器工具按图示涂抹滤色，画笔大小5，用填充工具在中间部分填充蓝色。