推荐阅读
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软件教程标尺如何显示隐藏参考线？
ps是Photoshop软件的缩写，最新版本是cc2018，版本升级了，但对于很多普通用户来讲，基础的操作就已经足够了，那么这些基础操作变化不大，也为新手学习提供了便利，能够快速的适应各种版本。本文讲解的是ps教程中标尺的显示，以及参考线的显示和隐藏，下面通过截图和简单的文字说明，希望能够给予学习中的你提供学习帮助。 标尺的显示 新安装的ps软件，可能隐藏了标尺，那么显示出来的设置如下图所示：点击菜单栏里面的【视图】之后，弹出的下拉列表中点击【标尺】，也可以用快捷方式调出 Ctrl+R 。 标尺刻度调整 标尺显示出来后，默认显示的是【厘米】，一般用户接触比较多的是【像素】，那么鼠标移动到标尺上，单击右键弹出界面上，点击【像素】即可。 改变标尺起点的方法 下图所示，如果想要把标尺的起点移动到参考线标注的位置，也就是图中标注的1、2两个位置对应的像素为0， 只需要鼠标移动到水平和垂直标尺交汇的正方形区域，按住左键拖动到参考线上，与参考线重合即可。 参考线的使用 1、调出参考线的方法很简单，鼠标移动到标尺上，按住左键拖动即可出现。如果添加了很多参考线，导致看不清楚设计的效果，那么可以用快捷方式Ctrl+H隐藏参考线，再次显示已经标注好的参考线，只需要使用快捷方式Ctrl+H即可。
美图秀秀在线网页版如何修改裁剪图片尺寸
美图秀秀目前有电脑版软件，电脑端网页版，以及手机app，都可以完成图片的处理，很多网友比较习惯在线网页版，打开网址就可以修改，但也有一定的缺陷，在处理大图片或者图片排版合成的时候，容易崩溃。本文讲解在线版秀秀如何裁剪修改图片尺寸，主要用于淘宝店铺主图的设计，且看下面截图详解： 1、有部分网友可能找不到网页版美图秀秀，搜索关键词结果里面，一般都会有【官网】标识，点击打开该链接。 2、进入网页版界面之后，点击【美化图片】， 3、打开进入美图秀秀编辑器，弹出的提示框内，有三个选项，一般我们都是用打开图片，这里也可以打开网络图片，只需要输入图片链接即可， 4、一般需要修改的图片，大都是拍摄的照片，打开的时候会提示“图片过大，会导致图片处理速度偏慢，是否进行压缩？”，因我们只是裁剪修改尺寸，无需担心处理速度，点击【不压缩】， 5、进入图片编辑界面之后，比如我们需要把图片裁剪为主图，重点是把图片中的人物或者商品裁剪出来，因淘宝主图最佳比例为1:1，所以先选裁剪比例1:1，图片上拖动选框，尽量把目标框选进去，然后点击【确定】。 6、因为是大尺寸图片，在修改图片的地方，宽度和高度的值会大于800，需要手动更改为800，默认是锁定宽高比例的，只需要更改一个值，另一个自动变更，最后点击【确定】。 7、点击导航菜单上的【保存与分享】，可以点击分享菜单，也可以保存到电脑，这里我们选择保存到电脑，修改文件名称，调整画质，默认是90%，画质百分百越高，图片体积越大，然后点击【保存图片】，弹出的另存为框内，选好目录，点击保存即可。 整个操作并不复杂，为了能够让新手或者小白用户看明白，所以截图相对多一些，如有疑问可以在文章下方留言，笔者会及时回复。
Photoshop快速去掉照片中不需要的元素教程
最终效果原图1、打开原图素材大图，右键选择“图片另存为”保存到本机，然后用PS打开。我们先来分析一下处理流程：把要去掉的椅子分为三个部分，红色区域为“顶部”，主要是花坛区域;绿色区域为“底部”，主要是地面区域;剩下的就是中间区域，在花坛的石头围墙部分。这一步非常关键，如果盲目去修复，后面一旦出现问题，就很难返回操作。2、先来处理“顶部”，需要完成的效果如下图。
Photoshop对模糊偏色照片修复磨皮教程
偏色的手机图片修复起来比较麻烦。人物部分因为像素低显得有点模糊，照片色彩修复并磨皮以后，人物显得有点失真，但比之前偏黄色的手机照片要好看得多。处理的时候大致分为两大部分来完成。首先就是校正颜色，可以选择不同的方法来校正；然后就是细节部分的刻画，需要把人物五官等部分的轮廓刻画清晰一点，可以选择仿手绘的方法来完成。原图最终效果一、打开原图素材，创建曲线调整图层，对蓝色进行调整，参数设置如图1，效果如图2。二、创建可选颜色调整图层，对黄色进行调整，参数设置如图3，效果如图4。
Photoshop快速把黑白照片变成彩色效果教程
彩色转黑白谁都会，但是黑白转彩色就不一定了。今天教大家如何利用选区-色相/饱和度简单两步轻松给黑白图片重新上色。惯例，首先用PS打开想要上色的黑白图片。图像 — 模式 — CMYK颜色。弹出对话框点击“确定”。选择一个选区工具。为了照顾新手这里以快速选择工具为例。(如果您有一定的PS基础，那么套索、钢笔、通道、蒙版等等等等随您喜欢，总之能做出您想要的选区就行)
Photoshop调出数码人像高质量肤色效果教程
本教程主要使用photoshop调出模特人像高质量质感肤色，最终的效果整体的处理还不错，感兴趣的朋友可以一起来学习吧。先看看效果图1、打开需要处理的图像，分析：人像较暗、立体感不够、色调没有冲击力等。2、拷贝图层后，将副本图层模式更改为滤色，同时适当降低不透明度，以取得最佳的效果。3、使用可选颜色调色处理，分别对红黄白调节，如下图所示。4、调后的效果图，如下图
Photoshop合成逼真的机械小蜜蜂教程
效果图：一、选择钟表齿轮的部分1、我想最难的部分就是选择组成蜜蜂身体部分的金属锯齿啦~我们将要选择如下图所示的红色区域哦~这里用的是快速蒙版，但你可以用自己的方法将它们抠取出来。二、摆放金属部分到蜜蜂的身躯1、新建1500×1500 px， 72分辨率的图层，然后将蜜蜂素材放置进去，将如下图所示的金属部分放置到蜜蜂的身上，摆放的位置一定要看起来很自然，如果不自然，我们就需要适当的调整位置啦~2、之后我们就继续添加其他的金属部分，旋转变形，摆放的位置如图所示，这部分是由两个相同的金属拼合而成的。
Photoshop给偏暗的外景照片清新提亮处理教程
这组照片拍摄于九月份的云南大理，因为模特在昆明上班，所以能够拍的时间只有一天，当时准备了五套衣服，最后同一天拍摄了四套。拍摄前已经跟模特商量好了服装，因为第一次在大理拍照，而模特对大理比较熟悉，给我推荐了一位熟悉大理拍摄地的租车师傅，为我们后来的拍摄节约了很多的时间。九月的大理正处于雨季，拍摄当天也是不停的下雨，只有一路拍一路停，估计四套衣服一共拍摄的时间不到四个小时。在此提醒一下大家，前期准备一定要充分，服装、化妆、道具、场地等都需要有个提前的准备。特别是在对环境还有天气无法预料的情况下需要有一定的应变能力。而我之前看别的摄影师在大理拍的片子都是蓝天白云，自己去了的几天都是下雨，表示不服!所以天气不给力只有靠后期来补救。最近全国各地也是阴雨雪天，在此分享此篇教程，希望可以对你们的拍摄有所帮助。一、环境的选择(花絮)拍摄这组照片一共有两个场景，一个是断了的树枝那里，还有一个是石板那里。很多人问我树枝那个地方在那儿，其实大理那样的环境还蛮多的，只需要多多留意，定能找到。但具体的地理位置我也说不上来。以下就是当时的环境。
Photoshop商业模特头像照片美化修图处理教程
室内人物图片美化是一个复杂的过程。首先需要根据需要跟换背景及选好合适的装饰素材；然后对人物的造型、轮廓、脸型，五官等进行液化处理；最后就是最繁琐的磨皮及润色。作者的磨皮方法非常不错，有点类似高低频磨皮，非常高效。最终效果原图一、将背景处理为纯色，用印章工具修复模特头上的杂乱发丝、脸上的瑕疵。鼻尖上的点点高光位也一同去掉。在纯色背景的基础上添加背景光效果，利用魔棒等选区工具很容易做到。二、脸上痘印一开始就要除掉。三、为纯色背景添加背景光。