推荐阅读
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非主流系列:大眼女孩
说明：如果你的眼睛不够大。拍照的时候没有用力瞪大眼睛。 下面这个简单的方法可以弥补这样的缺憾。 但眼睛大并不是每一个人都合适。 制作时要注意适可而止。弄不好做出来吓死鬼。 原图效果图 教程
Photoshop合成实例：战争中的城市
我们先看看合成后效果图： 图1 看上去很复杂，其实很简单人人都可以做的出来，就看你敢不敢做能不能想得到。下面是用photoshop合成战争场面效果的制作步骤。 1、随便找一张建筑环境类的图片，如下图 图2 大小尺寸自己定。选图要注意：景的角度及远景，根据构思来选择合适的图片，当然你也可以逆向思维。 2、去除天空背景：抠图这里有很多方法，可以使用钢笔工具、魔棒、蒙板或通道都可以，因为本人比较懒就用魔棒，快嘛，哈哈。(抠图教程推荐：轻松玩抠图！Photoshop抠图完全攻略) 图3 3、去掉天空背景后 图4 选一个合适的天空背景放上。（注意图层顺序） 图5 4、表现建筑被破坏的效果 图6 这里我找了一些玻璃破碎效果的素材。 图7 图中我做了一个炮弹击穿建筑物的效果，如下图： 图8 找一个中间漏空的破碎素材。 图9 放上，然后用橡皮擦掉暴露在中间的建筑物部分，露出天空背景。然后将所有的破碎效果层合层（ctrl+E），因为是被炸过了当然要有点残余火星的效果。 图10 在该层的混合选项里加上内阴影效果，这里我用的是橙色，混合模式为正常。 5、找一个坦克的素材图放到里边。 图11 模式为亮光。一个坦克太孤单，再给他找个伴哈。 图12 因为这个坦克是远处景效果，所以要把它处理的低调一点，模式为亮度。 6、浓烟滚滚 图13 同样，找个素材来放上，模式为亮度。月球 图14 模式叠加。飞机 图15 月光下的飞机填成黑色。 7、我们来给光明的天空加点黑色 图16 渐变为黑到透明。 8、最后为了表现战争场面必然是要有“火”了，那么我们找一张火的素材图片 图17 放到里边，模式为叠加。 图18 OK，整个图的效果就出来了哈。 下面我给出主要部分的图层顺序。 第一次写教程没有经验，有不足还请大家指出。下面我给出PSD分层图，大家慢慢看吧～ 图19
Photoshop模拟制作粘稠液体
用Photoshop模拟粘稠液体如蜂蜜等滴落的效果，用色彩调整来表现粘稠的效果是关键。以下是完成图。 完成图 一、 新建8×10厘米，分辨率为200DPI，背景色为白色的画布。 二、 新建图层1，用工具面板上的圆形选框工具，拉出一个椭圆形。将前景色设置为R：184G：184B：184。选择工具面板上的渐变工具，在属性面板里选择“前景到透明”，设置成“径向透明”形式。由上到下拉出一个渐变。（图一） 图一 三、 复制图层1得到图层1副本，选择菜单栏上的“编辑―自由变换”，将图层1副本缩小，选择菜单栏上的“图像―调整―亮度和对比度”，将亮度加强“30”。（图二） 图二 四、 在图层面板上将图层1与图层1副本链接起来，选择菜单栏上的“图层―合并链接图层”，选择菜单栏上的“编辑―自由变换”，将此图层放大。（图三） 图三 五、 新建图层2，用工具面板上的圆形选框工具，拉出一个出界椭圆形，比图层1略小。选择菜单栏上的“选择―羽化”，在弹出的对话框中将羽化值设置为“30”。将前景色设置为：R：255G：120B：0，选择工具面板上的渐变工具，在属性面板里选择“前景到透明”，设置成“径向透明”形式。由下到上拉出一个渐变。（图四） 图四 六、 选中图层2，用工具面板上的圆形选框工具，拉出一个出界椭圆形，选择菜单栏上的“选择―羽化”，在弹出的对话框中将羽化值设置为“30”。在图层面板上点击右键，选择“通过拷贝的图层”，得到图层2。选择菜单栏上的“图层―图层样式―外发光”，在弹出的对话框中将发光颜色设置为白色：R：255G：255B：255，将大小设置为“150像素”。（图五） 图五 七、 复制图层3得到图层3副本，选择菜单栏上的“图层―图层样式―外发光”，在弹出的对话框中将大小设置为“5像素”。（图六） 图六 八、 选择工具栏上的加深工具，大小设置为“70”，曝光度设置为“22”，将图层3和其副本进行加深，使其效果明显。（图七） 图七 九、 新建图层4，选择图层面板上的钢笔工具，勾出勺的形状，在路径面板上转化成选区。填充R：249G：176B：111。（图八） 图八 十、 选择工具面板上的“减淡”工具，曝光度设置为“30%”，将勺上亮部擦出来。（图九） 图九十一、 选择工具面板上的“海绵”工具，模式设置为“去色”，将勺体部分勾出来。（图十） 图十 十二、 选择工具面板上的“加深”工具，曝光度设置为“23”，将勺体暗部擦出来。（图十一） 图十一 十三、 新建图层5，选择图层面板上的钢笔工具，勾出粘绸液体的形状，在路径面板上转化成选区。填充R：249G：176B：111。（图十二） 图十二 十四、 选择工具面板上的“加深”工具，曝光度设置为“23”，将粘绸液体暗部擦出来。（图十三） 图十三 十五、 选择工具面板上的“减淡”工具，曝光度设置为“30”，将粘绸液体亮部擦出来。（图十四） 图十四 十六、 新建图层6，选择图层面板上的钢笔工具，勾出粘绸液体倒影的形状，在路径面板上转化成选区。填充R：249G：176B：111。（图十五） 图十五 十七、 一样用“加深”“减淡”工具，将粘绸液体倒影的暗部、亮部擦出来。将此图层的不透明度降到70%。（图十六） 图十六 十八、 用“减淡”工具将图层2边缘部分减淡，将图层1边缘也稍微减淡一些。再用“加深”工具将图层2两边部分加深。选择菜单栏上的“滤镜―杂色―添加杂色”，在弹出的对话框中将数量设置为“3%”。（图十七） 图十七 十九、 选择菜单栏上的“图层―图层样式―描边”，在弹出的对话框中将描边颜色设置为：R：0G：38B：95，将大小设置为“3像素”。（完成图） 完成图
妙用Photoshop调色法制作签名原图
原图 效果图 1。打开素材图，调出可选颜色面板，按下图调整各项值 2。复制一个图层，滤色，如图调整透明度，滤镜--模糊--动感模糊，调整数值如下2图，柔和图象 3新建一个图层，将这层涂黑，然后选择颜色 4。用橡皮工具，把红伞这部分的黑色擦掉，擦的时候要注意不要擦出伞的部分外面，擦出去的用画笔补好漏色 5调整对比度，如下图数值，这个时候红色就鲜艳起来了 6调出照片滤镜面板，选择深蓝，调整数值如下 拼合图层，按Q键进入快速蒙版，用画笔把人物涂上，退出快速蒙版，就可以看到人物已经被选中，滤镜---模糊---高斯模糊。调整数值如下。突出主题人物。景深效果完成 7接下来就是做装饰了，在图片中打入伞字，滤镜---风格化---风，调整文字透明度，再把文字图层复制一层，滤镜---像素化---碎片三四次，并锐化两次。 8。新建一个图层，并用矩形选区拉出一个横向选区用画笔随便填色，透明度调到0，再拉一个竖向选区，做法同上。然后用灰色描边，描边选择线型加深，滤镜---像素化---碎片到自己满意的效果，并锐化也是直到自己满意的效果。 再新建一个图层刷上星空笔刷，在适合的位置刷一次就够，然后上字。 最后再新建一层，前景色设为灰色，使用抽丝笔刷刷一下，选斜纹，调整透明度到自己满意的效果，最后使用橡皮工具把刚才做出来的十字装饰上白色当中部分擦掉。签名完成
Photoshop打造被水浸后褶皱特效
一些字画在受潮或者浸水后，会被弄上很多的褶皱，很难再恢复到原来的面貌了。下面我们就用Photoshop的置换滤镜和图层模式来制作这样一种特殊的褶皱效果。 制作工具:Photoshop CS，其他版本步骤类似。 制作过程: 1、新建一个宽度为5.2厘米，高度为4.2厘米，分辨率为300dpi，RGB模式，底色为白色的文件。 2、确认工具箱中的前景色和背景色为默认的黑色和白色，选择菜单栏中的“滤镜”“渲染”“云彩”命令，画面效果如图01所示。 然后选择菜单栏中的“滤镜”“渲染”“分层云彩”命令，多执行几次分层云彩滤镜，使纹理更加明显，达到更好的褶皱效果，分层云彩效果如图02所示。 3、选择菜单栏中的“滤镜”“风格化”“浮雕效果”命令，在弹出的浮雕效果对话框中设置参数如图03所示。 使纹理呈现立体效果，如图04所示。 4、选择菜单栏中的“滤镜”“模糊”“高斯模糊”命令，设置模糊半径为4像素，单击好后，得到制作所需要的褶皱纹理，然后按“Ctrl+Alt+S”，将褶皱纹理存储为“标题1.PSD”。 5、按“Ctrl+Z”键，返回到图像模糊处理前。打开一张准备皱褶的图片，如图05所示。
Photoshop美术创作的技巧
2、新建文件 3、 滤镜／云彩／彩块化／浮雕效果 制作山石纹理； 4、用选择工具或橡皮擦工具制作远山； 5、复制远山图层，利用变形工具，制作远景山体、中景山体、近景山体 ； 6、 对各图层山体作大小、高低、浓淡调整，形成初步的作品构图。 7、用画笔工具／滴溅 绘制云雾，用变形工具调整出云雾气势。 将云雾图层复制若干，按照虚实远近要求，放到需要的地方，并调整、变形、加浓 减淡处理。 8、天空的制作利用白色背景层，将一云雾图层反相处理，复制两次，一浓一淡，制造出构图需要的气势来。江水、船等进行象征性处理；利用曲线调整黑白场，制造出冰雪效果。对整体效果进行最后的调整：突出山石轮廓用虑镜／锐化／锐化边缘几次； 9、各图层组合如下 10、然后着色处理， 根据画面调整色相，最后题字落款。
Photoshop制作MM颓废裂痕特效
素材图 2素材图 3素材图 41.将素材二粘贴到素材一上，设置混合模式为“叠加”，调整大小，然后添加蒙板，用黑色画笔在蒙板上对人物脸部进行涂抹。效果如图：
凌乱图片变炫彩背景
先看两个完成效果。 1,选择色彩比较丰富的图片，在Photoshop中打开，复制背景层。 2，滤镜-模糊-径向模糊3次。 3，复制背景副本，模式改为叠加。 4，把背景副本执行滤镜-锐化-USM锐化。 5，把背景副本再复制一层，去色（CTRL+SHIFT+U）。 6，图层模式改为正片叠底 7，用旋转扭曲滤镜。 8，好了，切下一块就大功告成啦！ 当然，切下来之后你可以调节以下饱和度（ctrl+U）。