推荐阅读
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教程
前期的调色主要在LAB模式下完成,后期回到RGB模式下使用可选颜色,色彩平衡,色相饱和度和曲线等调色命令来完成,喜欢的朋友可以一起来学习吧。效果图：原图： 1.打开照片，按Ctrl + J 复制一层，转换为“Lab颜色” 不拼合，设置如下图。2.在“通道”面板里点击“明度”图层，然后Ctrl+a(全选)→Ctrl+c(复制)设置如下图。
PS前端切图完整教程
部分看了文章的设计师，来找我说怎么切图。sorry？在我的理解，这就是切图啊，但是他们所指的“切图”是，怎么把设计图制作成html页面，下面我们通过详细案例讲解PS前端切图完整教程。在我看来，现在人们对于前端都是有误区的。认为前端是切图的，（也确实是这么叫的，本人情感上很不愿意听前端被叫做“切图的”）所以也会误认为我的这篇文章是写给设计师的。其实不然，这篇文章适用于计算机出身的前端甚至后端、对于PS等设计软件没有基础的人使用的，用来把设计师交于前端工程师的设计图稿或者psd源文件提取、整理，转化成布局页面时使用的图片。再者，前端这个职业，很不希望被人认为是切图的，现如今的前端工作，并不是单纯的切一下ps图那么简单的事情。本篇文章所展示的也只是前端工作中的沧海一粟、九牛一毛。微微一运功，把家底都抖出来了。不过，作为一个设计出身的前端来说，摸ps就和摸键盘一样了，所以可能教程中还是有没用过ps的人看不懂的地方，一共分两大项：切jpg图、切png图。我用的是PS CC 版本，教程中用到的除了界面和摆放位置不一样外，其他应该和低版本的都一样了。1．打开ps导入图片的步骤是铁定的了2．选择左边工具栏里的“切片工具”
用PS打造怀旧紫蓝色外景女生照片
效果图调色主要分为两个部分，首先降低全图及主色饱和度得到初步的中性图片；然后用曲线及其它调色工具给图片增加一点蓝色即可得到想要的主色。 最终效果 原图 一、Photoshop打开素材图片，创建色相/饱和度调整图层，对全图、黄、绿色进行调整，参数设置如图1 - 3，效果如图4。这一步快速把图片主色转为中性色。
Photoshop调出暖黄色锦衣卫图片效果
这组图是在石家庄正定南城门那边拍摄的，当时天气很好，我们大概两点左右开始拍的，阳光不是很强烈，但是足够用了。今天我们就一起来完成暖黄色的效果。这套服装是明制飞鱼服，在前期和小哥哥讨论策划的时候，查阅了很多关于明朝锦衣卫的故事，然而比较有感觉的是小哥哥找到的一首诗“寒月化五龙，飞鱼瞻玉京。诏狱丧易牙，绣春照雪明。卿本西城月，是非笔墨生。辽东九万里，饮马二人行。生死何所道?但惜故人情。他年尔来访，觞尽壶自倾。”读久了，还是感觉那个年代，即使宦官当政，还是有那么一批人，他们忠义，洒脱，恣意，在那个时代坚持着自己的初心。所以，当时就想着我想要表现的就是远离皇城，戍边卫国的忠义形象。那里漫漫黄沙，天空和土地是一个颜色，艰辛且艰苦。在拍摄过程中，因为考虑在戍边，所以一些打斗动作会比较多，从表情和肢体我们都抠的比较细，好在小哥哥有武术基础，过了几招就快的进入了情景。同时在战后表现了一些远离故土，思念爱人等等比较细腻的感情。首先，我们分析下原片的问题：1、 整体有些偏冷2、 光线还好，脸部高光有些缺失细节，暗部有些黑3、 背景杂乱，有些避不开的bug4、 镜头未持平，画面有些歪
PS制作梦幻重影效果的美女头像照片
本教程主要使用Photoshop设计梦幻的美女人像重影效果，非常简单实用的一个小教程，今天作者同学借梦幻女神的教程，帮同学们掌握快速抠头发丝的技巧。这类双重曝光的效果最近也很流行，运用得好摄影小白也能成高手，周末轻松学起来。 重影效果总是让人有一种凝神之美。而通过PS的一些简单的功能就可以做到。此前也有不少教程已详细说过了关于重影的制作方法，今天我们要学的这个重影教程重在营造“梦幻般”的氛围。我想，做设计前都需要有个心里的预期，设计过程就服务于这个预期，而不是漫无目的。 在网页设计时，特别需要大图背景作为渲染整个网站的风格气氛，那么，感染力强的图片就是绝佳的选择。 一、素材准备 下面是我提供的素材，你也可以展开你的想象去寻找素材。
漂亮OL模特照片润肤美白的PS教程
素材图片局部有点偏暗，调亮的时候需要把高光及暗部分开，重点增加暗部亮度，多增加一些细节。然后再适当加强高光及整体颜色。最终效果 原图 一、拷贝图层。 二、阴影/高光，让头发暗部细节显现。
PS打造户外唯美红褐色虚化背景美女照片
素材图片主色为较暗的黄绿色，调色的时候可以分步把黄色转为较淡的橙黄色，绿色转为红褐色，然后把暗部颜色调淡，主色调柔美即可。 最终效果 原图 一、打开素材图片，创建可选颜色调整图层，对黄、绿，黑进行调整，参数设置如图1 - 3，效果如图4。这一步给图片增加红褐色。
PS调制浅黄色的室内可爱美女头像照片
褐色图片调色并不复杂，大致过程：先用通道替换等统一图片的颜色，然后用调色工具调出自己想要的主色，再把暗部转为褐色即可。最终效果 原图 一、打开素材图片，按Ctrl + J 把背景图层复制一层。进入通道面板，选择绿色通道，按Ctrl + A 全选，按Ctrl + C 复制，选择蓝色通道，按Ctrl + V 粘贴。点RGB通道返回图层面板，效果如下图。 二、创建可选颜色调整图层，对青、白、黑进行调整，参数设置如图2 - 4，效果如图5。这一步主要给图片的高光部分增加淡黄色。
给图片添加一个扩散形边框
一、打开将要添加杂色边框的图片，然后双击背景图层解锁，再新建一个图层，把前景色设为黑色，按Alt+Delete填充图层，并把该图层拉到最底下（就是原背景图层的下方）。 二、选中图层0（也就是刚才的背景图层），按快捷键Ctrl+T执行图形的自由变换，在上面的属性栏当中把W设为85%，H设为87%，然后按回车键确定。
PS制作马赛克照片墙拼图样式头像照片
本篇教程要制作一种马赛克效果的拼图，但又不是单纯的马赛克，中间还会有若隐若现的人像，整体看上去很高级，发朋友圈引来很多赞的那种，制作起来也是很简单，是那种只要你动手，就可以学会的那种，很有效果，很好学，具体还是得通过教程来练习一下吧，那一起来制作一下吧。效果图：操作步骤：先创建合适大小的画布，尺寸任意将下好的图片素材(贾斯丁比伯104张，为什么104张，练习起来就知道了)统一保存到一个文件夹里回到ps，执行文件—自动—联系表