推荐阅读
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 渐变新玩法
打开PS，新建300X200 像素的新文档，调整渐变色：用渐变色填充：下一步 滤镜――>像素化――>马赛克再一步 滤镜――>锐化――>锐化 效果不明显可多锐化几次最后效果：
Photoshop完美打造一元硬币
先看一下效果： 1、 新建600*600，300分辨率，默认前背景色。复制背景层。再新建图层1，用椭圆选框工具按住SHIFT键拉出正圆，填充黑色。在收缩选区10像素，清除。用椭圆路径工具拉出正圆，沿路径输入文字（隶书）“中国人民银行”。输入其他需要输入的文字。注意字体和文字大小、位置。1元的1字是用路径勾出，再描边路径。完成后如图。 2、合并除背景图层以外的所有图层，并将合并后的图层命名为硬币。用魔棒工具点取在硬币图层黑圈以外的白色部分，按DELETE键清除，并复制硬币图层。 3、在硬币副本图层上执行滤镜―素描―基底凸现，细节15，平滑1，光照左上。 4、高斯模糊1像素。 6、在硬币副本图层上建立曲线调整图层，如图设置。 7、合并调整图层后给硬币副本图层添加投影效果。这样硬币就算基本完工了，按各自喜好添加背景及自由发挥。 8、硬币的背面制作雷同。 正反效果图： 最终效果图：
别具一格！简单符号图形的制作
图案填充是我们在制作图像时经常用到的方法，这篇非常简单的小教程，主要帮助大家复习一下定义/使用图案，以及图层编组的知识。即使对初学者而言，不到五分钟就能完成如下图所示的符号图形。（图00） 图00 1.首先，我们先来制作用以填充的图案。打开Photoshop，新建一个文档，100×100像素即可，背景为透明。在新文档的图层1中，用文本工具拖出一个大致为正方形的文本框，将文本颜色设为黑色，设定好字体属性后，用0和1填满文本框。需要的话，打开字符属性栏，调整行距。（图01）图01 如果希望最后的图像效果更清晰一些，那么要对文字保留锯齿效果，也就是将消除锯齿方式设为无。在这里，我使用了一种像素字体，将字体设为该种字体最合适的大小，在字符属性面板中，将自动行距适当减小。有时候，图案中过高的行距可能会造成最终图像中部分细节缺失。如果发现文本右端无法对齐（这种情况和所用字体有关），可以打开段落属性面板，将文本对齐方式选择为全部对齐，这样文本框内的文字便能满足图案的要求了。（图02）图02 如果定义的图案非常清晰，那么最终的图像效果也会强调像素特征。相反，如果消除了文字的锯齿，最终生成的图像也会柔和一些。 2.接下来就是定义图案的过程。用矩形选框工具选择全部数字，然后使用编辑>定义图案命令，将选区内的图像定义为图案，命名。随后关闭图案文档。（图03）
点睛之笔数码影像和文字设计
首先， 字体的造型、大小和排列可以烘托照片的气氛。每一种字体，都有各自的气质。比如宋体刚直，楷体端庄，黑体醒目，手写体活泼……网络上还能够下载到其它各种风格独特的字体。这些字体用本身的表情来向读者更好地展现作者想表达的含义。但要注意的一点是，使用的字体必须和照片的情绪相吻合。比如这张作品，画面上的主体仿佛即将离开，画面上英语的手写体也好像随意而书。作者将手写体的字反复重叠，虚虚实实地横向排列，强烈地带出视觉的动感。并且作者将原来竖构图作品叠加组合成了横构图，让画面不会显得拥挤。这就是中国绘画构图中也提到“密不透风，疏可跑马”。说的就是张弛有序。机会（处理前)机会（处理后） 文字另外一个很大的作用莫过于点题。对于作者来说有时希望能够把自己的情绪更为直接地告诉读者，或者希望读者能够按照自己的思路去思考，从而产生共鸣。比如，《If you go away》、《怒放》和《机会》都用一些词来总结了图片的含义。也许只是一些小情绪，但却能够对作者的意图一目了然。表达，这不就是影像的最终目的吗？花肆（处理前）
Photoshop历史记录画笔的使用
我们很早就接触过Photoshop的历史记录功能，也知道历史记录是线性的，改变以前的历史将会删除之后的纪录。换句话说我们无法在保留现有效果的前提下，去修改以前历史中所做过的操作。但有一个工具可以不返回历史记录，直接在现有效果的基础上抹除历史中某一步操作的效果。这就是历史纪录画笔工具〖Y/SHIFT Y〗。 这个工具在使用的概念上与其他工具有所不同，但只要弄清了过程就不难掌握。首先我们打开一幅图像，这是一幅元宝巧克力的照片。如下左图。下载范例文件2006031003.jpg然后调出历史记录调板。对图像依次进行反相、去色、色调均化3个操作，形成的效果如下中图，同时历史记录调板中也罗列了这3步骤的历史。如下右图。
生化危机―PS特效笔刷应用实例
步骤 1、打开图像文件。步骤 2、载入锈蚀效果笔刷（点击进入下载页面）。步骤 3、在图层面板中创建新的组，并在该组中创建图层。步骤 4、选择笔刷工具，并将前景色设为黑色，选择下载的笔刷实现如下效果。 步骤 5、设置图层不透明度为“40%”左右，复制该图层并将图层混合模式设为“叠加”，不透明度“100%”。步骤 6、重复之上步骤，在不同位置添加不同的锈蚀效果。 步骤 7、为手指添加腐蚀效果。创建新的图层，利用笔刷工具绘制锈蚀块，自由变换调整锈蚀位置。 步骤 8、移动到适当位置。
艺术像素风格图片特效三步走
在WEB设计中我们经常看到艺术像素风格图片特效，其实在Photoshop中三步就可以做出来，非常简单，效果还很不错。首先在Photoshop中打开需要处理的图片，按自己的喜好做一些色彩调节等艺术化处理。我们重点说后面的艺术像素风格特效的处理，1、复制这个图层。并且改变图层为“叠加”效果如下：2、执行滤镜－像素化－马赛克 参数设置大一点 为 70 效果如下：3、执行滤镜－锐化－锐化
Photoshop简单方法巧妙提亮照片画面
本例中我们用介绍一种用Photoshop提亮照片画面的简单办法。步骤很简单，大家看图就能明白。 原稿： 效果图： 1、打开图像文件，解锁，在图像层下方新建图层，并用白色填充。 2、为图像层添加蒙版。
秋日私语 Photoshop绘缤纷水晶枫叶
1、在Photoshop中将前景色定义为绿色（#00ff00），选用“自定形状工具”，画出一个枫叶的形状，起名为“枫叶”。 2、点击“图层”面板下方的“添加图层样式”按钮，选择“内发光”一项。 3、设置和效果。为了大家观看方便，我把背景色换成了黑色。使用“内发光”是为了使风叶的边缘的颜色更自然一些。 5、选择钢笔工具，把枫叶的主经络钩出来。 6、将路径转为选区，填充深绿色（比浅绿深的绿色就是深绿，哈哈 开玩笑。其实这里的颜色并不重，要到后面会调整的）。 接着将此层复制出来一层，将两个图层的“混合模式”都设置为“柔光”。
Photoshop初学者几点小技巧总结
双击Photoshop的背景空白处(默认为灰色显示区域)即可打开选择文件的浏览窗口。 2，随意更换画布颜色 选择油漆桶工具并按住Shift点击画布边缘，即可设置画布底色为当前选择的前景色。如果要还原到默认的颜色，设置前景色为25%灰度(R192，G192，B192)再次按住Shift点击画布边缘。 3. 选择工具的快捷键 可以通过按快捷键来快速选择工具箱中的某一工具，各个工具的字母快捷键如下：工具快捷键工具快捷键 选框 M 移动 V 套索 L 魔棒 W 喷枪 J 画笔 B 铅笔 N 橡皮图章 S 历史记录画笔 Y 橡皮擦 E 模糊 R 减淡 O 钢笔 P 文字 T 度量 U 渐变 G 油漆桶 K 吸管 I 抓手 H 缩放 Z 默认前景和背景色 D 切换前景和背景色 X 编辑模式切换 Q 显示模式切换 F 注：不同版本的Photoshop工具箱工具不尽相同 另外，如果我们按住Alt键后再单击显示的工具图标，或者按住Shift键并重复按字母快捷键则可以循环选择隐藏的工具。 4. 获得精确光标 按Caps Lock键可以使画笔和磁性工具的光标显示为精确十字线，再按一次可恢复原状。