推荐阅读
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教程
先看看效果第一步，用布尔运算画好外形1.ctrl+n新建画布，像素妹建的是800*600的，大家可以随意，但要记住分辨率一定要是72DPI2.用椭圆工具按住shift画出一个正圆，颜色可以先随意填充一个，后期还可以再修改，并分别在锚点处拉出两条参考线，如下图;3.画一个较小的矩形，画之前按住shift，开始画之后可以松手，这样就可以和之前画好的圆在一个图层内，放在圆形的顶部，与圆形相交，并且参考线在矩形中间，如下图;4.用小白工具水平移动矩形左上角和右上角的锚点，左右移动的距离要相等，使其成为一个梯形，如下图;
巧用Photoshop图层和画笔制作抽象人物的PS教程
先看看效果图1.准备您的参考图像来源参考照片，以帮助您的肖像。我们使用从Dreamstime的图象28120087。通过将您的画布分成三份来设置指南。放大你的图像，使眼睛符合指南。调整水平，曲线和海报设置，以帮助显示高光和阴影。2.开始刷牙使用黑色硬圆刷，将大小设置为45px，角度为39，圆度：12%，间距：1%。从眼睛开始，画出更明显的虹膜，眼睫毛和眉骨，每个都在自己的层面上。按下键盘上的X，在黑色和白色画笔之间切换。3.创建音调
Photoshop如何处理风光摄影中大光比问题教程
风光摄影中，人们都喜欢在日出日落的时进行创作，因为那时光线效果非常迷人，逆光使画面表现力增强，天空色彩迷人，整体画面的质感，光感都非常出色。但是，在这个时间段拍摄，有一个不可避免的问题，就是对光比的控制。我们对不同亮度的区域测光，会有不同的画面效果。如下图所示：那么对于这种场景我们需要如何应对?今天我来分享三种有效易学的方法。 方法一使用滤镜用一片gnd或者rgnd平衡曝光，这样在前期拍摄的时候可以在一定程度上减小光比，后期处理时难度可以降低很多，渐变镜推荐使用软渐变，因为城市中楼房参差不齐，用硬渐变很容易误伤前景，一般来说，爬楼或者拍摄大场景风光的时候软渐变一般都可以应对。
打造细腻光感抽象渐变背景的Photoshop教程
渐变应该是这两年的一个视觉风格趋势，将扁平化的平涂填色改为渐变以后，瞬间灵动了不少。在追逐渐变的过程中，我们都很高兴能在PS或AI这类软件中看到有渐变工具，这个工具为我们的创作带了便捷和直达的目的，但同时，很多新手小伙伴也许习惯依赖于软件自带的渐变工具，而不再继续对渐变进一步的探索，结果就是，无论你做多少渐变，如果直接使用渐变工具，总是觉得和那些广受好评的渐变作品有一段距离。这是直接用渐变工具画出的渐变背景，表面上看并无大问题，如果仔细看去会看到有一层层的过渡并不自然的“wave”，相对来说，这也许并不是最理想的结果。下面这一组渐变作品是我研究总结，并增加了简单技巧而创作的抽象渐变背景。下面我们会一一来操作其中一个渐变背景的做法。这类背景可以运用在许多领域，但根据屏幕显色和印刷色的色感不同，普通印刷后的效果可能并没有传递好屏幕中所营造的“光感”，所以这在WEB端的平面设计中会更常用到。灵感来源感谢国外网友分享的Romain Gorisse的作品，本文得益并吸取他的作品灵感而来。 一、设定渐变基础色渐变一定和色彩有着密不可分的关系，所以色彩学是用好渐变的基础。当然，你也可以慢慢来，学习的过程就是次序成长。所以我们在本文中也会涉及到部分色彩学的内容。
Photoshop给建筑图片加上自然的水面倒影效果教程
作者制作倒影的方法非常实用，大致分为三个大的部分：首先复制原图，把画布的高度扩大一倍，并把复制的图片垂直翻转作为倒影部分;然后用涂抹工具对倒影部分的建筑做一些扭曲涂抹;最后用滤镜增加类似波纹纹理，得到想要的效果。最终效果1、打开需要用到的素材图片。2、修改画布大小，将单位改为“百分比”，高度改为“200”;由于制作的倒影是向下延展，所以定位方向向下，鼠标点击定位中的小圆点位置。3、按上述方法设置后，点击确定，得到下图效果所示后，拷贝“天空”层，command+J或ctrl+J获得。4、调出变形工具，按住变形框顶端的中心点向下拉，翻转图片。
星空头像的制作方法，Photoshop制作漂亮的星空头像教程
作者制作星空头像的方法非常实用。前期直接用阈值等提取出人物暗部区域;然后用星空素材剪切到暗部区域;后期再加上合适的背景，并微调头像部分的颜色，得到想要的效果。最终效果1、在PS中打开素材，用套索工具框出人物头部。2、点击图片的小锁解锁背景，给刚框出的选区部分Ctrl + J 复制一层。3、点击图像 > 调整 > 阈值，将复制出来的图层调整成黑白色调的图片。
冰雪艺术字设计教程，Photoshop设计制作3D立体冰雪艺术字
最终效果 1、打开PS软件，按Ctrl + N 新建文件，尺寸为1480 * 1080像素，分辨率为72像素/英寸，如下图，然后确定。 2、在工具箱选择“渐变工具”，颜色设置如下图。 3、在属性栏选择“径向渐变”。 4、由画布的右上角向左下角拉出下图所示的渐变作为背景。
皮质缝纫字体设计，Photoshop制作大气的皮质缝纫字体设计教程
效果字主要分为两个部分：皮质和缝纫线;皮质部分制作稍微难一点，需要给文字加入皮质纹理，并用图层样式做出质感;缝纫部分稍微简单一点，直接用设置好的画笔描边路径得到缝纫效果，后期再用图层样式增加投影等即可。最终效果 1、打开草地图片，把图层命名为“草地”。 2、输入想要的文字，颜色：#e6e6e6，字体为“Merkin”。 3、按住Ctrl键并点击图层面板中的文字图层图标，创建选区。 4、选择菜单：选择 > 修改 > 扩展，15像素，这可以将选区向外扩展15像素。
制作华丽的金色沙粒字，Photoshop怎样制作非常华丽的金色沙粒字
这是网上极为流行的文字效果，非常华丽和细腻;虽然制作不难，不过光影部分的渲染要求极高，不仅要把沙子的颗粒感和颜色都刻画出来;同时还需要在边缘增加高光，底部还需要增加打散的细小颗粒。本人通过不断摸索，找出这种效果制作方法，和大家一些分享。最终效果 1、新建画布。打开PS软件，按Ctrl + N 新建画布，尺寸为700 * 900像素，分辨率为72像素/英寸，如下图。 2、填充背景色。用油漆桶工具把背景填充黑色，如下图。 3、在工具箱选择横排文字工具，字体及大小设置如下图;然后在画布上输入想要的文字，如下图。确定后把文字图层复制一层。 4、把文字副本隐藏;双击图层面板原文字缩略图后面的蓝色空白区域，设置图层样式。