推荐阅读
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调色给树林人物照片添加冷色光影效果的照片处理教程
素材图片层次感非常好，很适合制作背光效果；前期直接把图片整体及边角压暗；然后在中间区域渲染高光和透射光；再调整好人物的光影和颜色，得到想要的效果。最终效果原图1、把图片转为中性效果。打开原图素材，创建色相/饱和度调整图层，对全图、红色、黄色、绿色、青色进行调整，参数及效果如下图。
用PS调色调出暖色阳光色彩清新女孩照片的photoshop照片处理教程
分析原图我们知道图片很灰，没有层次。天空部分过曝光，天空以外的不光不足。皮肤不通透，大面积的绿色十分难看。我后期想要暖黄梦幻通透的感觉，我们往这个方向调色。希望大家可以喜欢。这组片子的灵感来源于七七的那组轻婚纱照。夏天来了就很想拍一组大逆光的通透的精灵照。服装上本来想选绿色的欧根纱吊带裙，在某宝转了一圈最终还是选了七七同款轻婚纱，白色纱裙很出片，随便一拍就很好看。翅膀我去年买过50多块钱的，很丑，拍一次就扔了，所以这次选择了更好更贵的这个。配饰我是在淘宝随便搜的新娘发饰，捧花和花篮都是之前买的道具。模特脸上贴的是真的干花，头发上抹的是闪亮七彩啫喱。妆容方面主要是用粉色眼影替代眉笔和鼻影，高光着重画在鼻头和唇峰处，用白色眼线以及粉色睫毛膏。大写加粗：妆容很重要。场地及时间这次是选在天津水上公园拍摄。因为我们化妆太慢了，到公园已经快六点了，而且是多云天气，不是一直都有直射光，所以这组只拍了不到一个小时。后期调色
PS精准把控唯美人像中肤色的photoshop调色技巧教程
大家好我是清颜，今天要为大家分享的是关于肤色的秘密。一、废话啰嗦一下很多业余爱好者，在拍摄人像时，对于人的肤色把控往往不知 所措，越调越脏，之所以这样有些原因是看了太多的教程，什么色相统一，什么高低频，双曲线等等这类的教程，看的太多，用的太 多，但都没有明白真正的核心，今天我来为大家揭秘!曾经我还看到有人把人脸的RGB值给出来了，但是这不是重点， 我今天将用最简单的方法告诉大家人脸的肤色到底该调成什么样的?二、HSL说到底调色无非三要素如果都能玩转它，那么你就是高手，关键不仅在于你只是知道了它们，而是在于你们怎么运用，就像别人摄影可赚钱，你不能而且只会烧钱，一样的道理。为什么别人有妹子拍，而你的相机要“时时勤拂拭，勿使惹尘埃”呢?三、以上纯属废话(哈哈哈)那么在人脸的肤色上我们该怎么把控呢?直接进入案例中，我们来观察一下吧
PS调色调出唯美小清新风格油菜花人物照片的照片处理教程
本篇教程主要告诉大家如何调出小清新风格外景人像，把一张曝光不足的油菜花人像调出唯美的小清新效果。希望大家可以喜欢。这组教程一个月前就已经发布在了微博上，收到了不少小伙伴的喜欢，虽然也有一些质疑的声音，但当我看到有的同学学会了我所分享的换天小方法用上了和我照片一样的同款蓝天，看到有的小伙伴学会了我所分享的排版方法并分享给了更多朋友，内心感到特别满足。我不是人民币做不到让所有人都喜欢我，但我还是要尽最大的努力让更多人能喜欢我认可我。为什么要拍油菜花?大概是因为我本人特别喜欢明亮的黄色，在向日葵还没有开放的季节油菜花也会是一个不错的选择。拍摄之前我了解过南京周边哪里有大片的油菜花地，一个是江北的河岸花海，还有就是高淳的国际慢城。两处都在比较偏僻的地方，路程比较远往返都比较费时间。我选择的这处地方就是无意中在地铁上瞄到了一片油菜花田，地方不算大但还算空旷也没有过多的游客，相信大家都比较容易找到这样的场所。拍摄之前我也在网上看过不少别人拍的油菜花，大概是和油菜花的品种有关。除了少部分在青海拍摄的矮品种油菜花，大部分的油菜花比较高，有相当多的整组构图比较单调。甚至有些人整组都只在花丛中露出一个头，这不是我想要的效果。所以写这篇教程，主要是想和大家分享本次拍摄的五点：1、前期准备2、换天
Photoshop制作简约渐变风格的插画设计教程
制作如下图所示这种插画很简单，网上亦有很多类似教程，但是发现其中大多是针对于有部分基础的人群，制作步骤上对新手有些不友好，所以特别做这个文章，分享给身边有需求的朋友们。首先，大多数教程多是直接开始构件图层，虽然这种小图不会有太多的构图问题存在，但是我还是觉得制作之前应该有简单的构图。下图为我大致的起草构图，颜色仅适用于区分色块和区域，只要鲜明，美丑并不要紧，反正都要覆盖。(PS：构图多是简单图形，相对复杂的无非是主体人物或者动物，网上找照片描边和找素材很好找，但是还是推荐新手多锻炼下造型能力，不要发展成"设计的图每张都好看，但是每张都好像在哪里见过的设计师。”)底层圆形填色：给底层的圆形一个渐变叠加，这里不输入代码，根据色彩感觉自行配色即可，网上教程大多为叫深邃的颜色，彰显孤单寂静的美感，可以去参考一下，这里我个人比较喜欢纯色，所以相比其他的插画提高了饱和度和明度。给第二层石头来个渐变叠加：颜色同样自行配置，然后给剪切蒙版，这里也不提供代码，这里需要特别注意，可能会出现剪切蒙版之后石头不见了的情况。解决方法：一定要在刚才的圆形的图层(底层)打开图层样式，选择混合选项，将其中的“将内部效果混合成组”勾选。
Photoshop结合AI绘制城市扁平场景插画设计教程
本次教程内容来源于 Sail Ho Studio的Cities Of Colors 系列中的一幅扁平插画作品，亮眼的颜色搭配、具有代表性的城市建筑、自然景观以及城市的英文缩写组成了这张独具风格的插画作品。接下来教程将通过整体-细节的方式教你一步步绘制插画，在绘制的过程中，学会效果中形状的绘制以及运用配色的方法。学会以后，你也可以试试创作出属于你的城市的作品。先看看效果图STEP 01 绘制背景绘制背景线条使用矩形工具和圆形工具(无填充，描边1)完成背景线条的绘制。其中圆角矩形的绘制为画一个矩形，选中锚点并向里拖动圆角标志。半圆的绘制为画一个圆，然后选中橡皮工具，按住ALT键框选并删除不想要的部分。填充颜色
巧用Photoshop通道抠出透明玻璃碗的图片抠图教程
最终效果原图1、把原图素材保存到本机，打开PS后，再打开保存的素材图片。2、按Ctrl + J 把背景图层复制一层，再按Ctrl + Shift + U 去色，然后把当前图层命名为“去色”，如下图。3、在工具箱选择“钢笔工具”，在属性栏选择“路径”，如下图。
Photoshop调色给外景人像照片添加清新阳光效果教程
最终效果原图1、把上面的原图素材保存到本机，打开PS软件，再打开保存的素材。2、按Ctrl + J 把背景图层复制一层，选择菜单：滤镜 > 模糊 > 高斯模糊，半径设置为5，确定后按住Alt键 + 鼠标左键点击蒙版按钮，添加黑色蒙版，如下图。3、把前景色设置为白色，选择画笔工具，画笔不透明度设置为20%，如下图。
Photoshop创意合成橙子纹理风格灯泡照片合成教程
最终效果1、把下面的背景图片保存到本机，打开PS软件，再打开保存的素材。2、打开下面的灯泡素材。3、在工具箱选择“钢笔工具”，在属性栏选择“路径”，如下图。4、勾出灯泡的轮廓路径。
Photoshop调色调出惊艳冷色效果的室内人像照片
效果图：原图：拍这组片子的时候没有用闪光灯因为忘记带了，当时房间其实是背光，不是顺光，房间没有阳光照进来，就用的自然光，自然是最美的。我们先把照片导入进PS，因为我是使用RAW底片格式拍摄，所以放进PS里面直接打开Camera Raw，想让一张片子有偏冷的感觉，我们首先就是要控制色温，其次我们通过微调塑造照片的结构 敢于尝试不同感觉，不要怕，拉到底试试看接下来我们在色调曲线面板里面在对图片进行一个处理，让图片暗部在收进去一点。初步调整之后效果