推荐阅读
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、按Ctrl+N组合键， 打开“新建” 对话框，名称命名为“熊猫人封面”， 尺寸为872x1200像素，分辨率为120，单击“确定”按钮；2、置入“天空,jpg"素材文件，调整合适的大小并移动至画面的顶部，按回车键确认，右击该图层，在快捷菜单中执行“栅格化图层”命令；
打造光滑甜美人像皮肤效果的PS磨皮技巧
本篇的磨皮教程比较简单，同学们可以来学习一下，相信在ps的修图中，磨皮是很麻烦的事，要做到保持质感，又要不失真，今天这篇文章主要光滑通透的来给人像磨皮。效果图：操作步骤：原图：操作步骤：01使用污点修复画笔工具去掉脸上比较明显的痣、痘痘、法令纹及一些小坑，做完后备份当前图层作为原始图层02复制原始图层，使用高斯模糊做磨皮，这里模糊数值给的6
Photoshop色彩漂亮的海螺制作教程
海螺构造并不复杂，不过构成的段还是很多的，同时需要绘制的面也是很多的。由于海螺的颜色较淡，绘制的时候重点是边缘的高光及暗部渲染出来，这样主体的立体感才会更强。最终效果 一、新建一个1024 * 768像素的文件，选择渐变工具，颜色设置如图1，拉出图2所示的径向渐变作为背景。 二、先来制作海螺的主体部分，需要完成的效果如下图。
PS利用通道计算法快速祛斑磨皮
今天给大家分享一个PS利用通道计算法快速祛斑磨皮的案例教程，主要分为三大步，第一就是先用污点修复工具将较大的斑点去除，第二在用通道计算法祛斑美白，第三就是使用滤镜工具增加图像的质感；好了，下面就来看看具体的操作步骤吧原图效果图1、污点修复画笔工具：可以快速移去照片中的污点和其他不理想部分2、通道：由红、绿、蓝三色组成，再有三色映射而成的RGB3、滤镜：主要是在于制作的各种效果，滤镜里分类比较多，就不能一一介绍其功能效果，小伙伴们可以一一尝试，看看不同的功能做出什么不同的效果1、首先，将素材图片放入PS中，按住Ctrl+J快捷键复制一层，在使用左边工具栏的污点修复画笔工具去除明显一些的斑点；2、进入通道面板，通过对比，我们选择对比最为强力的蓝色通道，并按住Ctrl+J快捷键复制一层；3、执行上方菜单栏的滤镜--其他--高反差保留的指令；4、弹出对话框后设置半径为10像素；5、接下来执行图像--计算的指令；6、弹出对话框后，将混合给为强光，点击确定，在重复两次操作，共三次计算；7、三次计算的效果；8、点击Alpha3通道缩略图，按住ctrl键载入选区；9、鼠标点击RGB通道，并将Alpha3通道隐藏；10、回到图层面板，按住ctrl+I快捷键反选选曲，选中暗部的区域；11、在图层下方找到曲线指令，将曲线往上提亮些，这时候，我们会发现，脸上的斑点就去除了；12、到了这里，会发现皮肤被磨得有些严重，缺少质感，先ctrl+shift+alt+E快捷键盖印图层；13、在执行上方菜单栏的滤镜--滤镜库的指令；14、弹出对话框后，选择“纹理-纹理化”，纹理下拉菜单中选择“砂岩”，点击确定；15、得到最终的效果；结语：到这里，PS利用通道计算法快速祛斑磨皮的案例教程就结束了，PS修图的方式有很多，不同的图片需要的方法也不一样，所以，需要学好修图就要不断的学习
PS打造朝霞映衬下的漂亮山峦图片技巧
本教程的调色方法非常经典。作者把天空部分与山峦部分分开调色。这样可以很精确的控制各部分的颜色。并可以快速调色。最终效果 原图 一、复制一个新图层，改图层模式为柔光后加蒙版将上部天空和下部擦去，只保留中间光区。柔光模式提高了光区的反差。
PS怎么把图层编组？图层编组快捷键是什么？
通过对图层编组，可以有效地整理复杂繁多的图层，在PS对图层的基础操作，对图层组一样使用，下面就一起来看看PS怎么把图层编组？图层编组快捷键是什么吧！在“图层”面板中选中需要进行编组的图层，执行“图层>图层编组”命令或者按下Ctrl+C快捷键，在“图层”面板中可以看到图层已经被编组，然后双击该图层组，对新建的组重命名即可。快捷键：Ctrl+C
学习PS调色技巧之混合模式的使用方法
本教程主要使用Photoshop高级调色技巧之混合模式用法，这一期给大家讲一个更加好玩也更加有用的东西，不同混合模式下的色彩性质分析。今天讲的内容可以说应用非常广泛，并且效果非常出众，可以让大家充分了解到混合模式的魅力。 混合模式大家都有过一定的了解，我也曾经讲过了不少，比如正片叠底模式、滤色模式以及上一期的色相混合模式。 混合模式是PS的一个非常重要的功能，因为PS是基于”层”的概念，而混合模式本身又是依赖于“层”存在的，所以说，一些非基于层概念的图像处理软件也就没有这个功能了，比如LR等。 混合模式过于强大，在抠图、计算、滤镜、调色、曝光等领域中都有很广泛的应用，今天我只取一点：色彩，否则范围太广，等同于白讲。 我今天主要讲以下几种混合模式：
Photoshop制作淡黄色逼真海螺图片效果
海螺的制作难点是尾部凹凸纹理制作，如果用绘画的方法制作要花费很多时间，这里介绍一种比较简单的方法，用渐变做出凹凸的质感，然后用变形工具处理成所需的形状，再调整好高光及暗部即可。最终效果 一、新建一个1024 * 768像素的文件，背景选择白色。新建一个组，用钢笔勾出海螺的轮廓路径，转为选区后给组添加图层蒙版，如下图。 二、在组里新建一个图层，填充黄灰色：#D8D2C6，不透明度改为：90%，作为底色，如下图。 三、现在来制作纹理，在当前组上面新建一个组，新建图层后，用矩形选框工具拉出下图所示的矩形选区。
给物品图片更换指定颜色的PS换色技巧
这次给大家介绍如何利用PS，轻松给图片更换成指定的颜色，方法很简单，却很实用，马起来学习吧，推荐给朋友学习，希望大家可以喜欢。方法一更换图中的背景和柠檬各自的颜色。这个教程，为了编辑后颜色更容易修改，对于原图片是用不加“非破坏编辑”进行。 首先，根据主菜单「图层」>「新建图层」，在照片层上面新建图层。选择新建的图层，主菜单选择「色彩范围」>「取样颜色」在显示的属性面板上， 用「吸管工具」选取背景中的一部分，尽量只选择背景，然后试着左右滑动调整「颜色容差」。
PS调出漂亮淡黄色细腻沙滩海螺图片
淡黄色比较适合写意图片调色。一般用用曲线可以快速调色，色彩不宜太浓，不然图片会有压抑感。局部可以根据自己的喜好加上一些补色和高光等来丰富画面。最终效果 原图 一、Photoshop打开照片，按CTRL+J复制一层，再为其创建曲线调整图层，调整RGB增加照片的暗部，然后分别在红绿蓝的暗部进行调整，参数如图，效果如图。