推荐阅读
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做手绘有一定的美术基础是比较好的，起码对构图和配色等问题都不发愁，本教程是关于PS手绘临摹死灵骑士。 先看看最终效果： 效果图 1.新建图层,用画笔工具画出大形，注意在画的过程中要反复的比较。 图1 2.新建图层放在线稿层的下方，给背景和死灵骑士上色。 图2
Photoshop鼠绘人物头像技法概述
人物的五官是一件要求很细致的工作——不同人的脸是由相同的“部件”(五官)组成的，而正是这些部件的细微变化造成了人和人长相的不同。本节将带着读者逐步了解人物面部绘制的规律和技法，并在后面小节的实例中带着读者实践具体人物面部的绘制。 用Photoshop 绘制人物在该类绘画中略显复杂，主要原因是人的面部特征不容易把握，也就是“形”的塑造难度比较大。 一、“三庭五眼”的概念 人的面部虽各有不同，但也同时存在一定的共性，这个共性就是人面部“三庭五眼”的结构关系，图7-1为“三庭五眼”的结构示意图。 图7-1 “三庭五眼”的结构示意图 “三庭”即，发际线到两个眉梢之间的虚拟线为一庭;眉梢线到鼻尖虚拟线为一庭;鼻尖线到下颚为一庭，这几条线间的距离大致是相等的，我们常称这几条线中间的部分为“三庭”。 “五眼”即，人眼水平位置的虚拟连线平均分为五份，每一份为一个眼睛的宽度——两眼间的宽度相当于一只眼睛的宽度，眼尾角到脸侧的宽度同样相当于一只眼睛的宽度，我们常称这五份为“五眼”。 绘画时所观察到“三庭五眼”的距离相等性只体现在人脸与观察者正对时。当人的脸部仰视或俯视的时候，所观察到的“三庭”会发生透视的变化，“五眼”基本不变;人脸侧对观察者的时候，所观察到的“五眼”会发生透视的变化，“三庭”基本不变。 眉毛，嘴、鼻子的变化也是多样的，读者要多多观察、思考和积累。
Photoshop鼠绘不可超越的唯美漂亮美女
这副作品又是一副我觉得挺经典的一副作品。大家先看下最后的效果，怎么样啊？可以吧，我发现我的水平又提高啦。呵呵。下面是这副作品的一个比较简略的教程。希望对大家有帮助。大家要有什么问题可以到我们的CG阵线互动社区去提问。大家互相帮助嘛。呵呵。 作者：MAOMAO，工具：PS，用时：10小时 先看最终效果： 绘制过程：
Photoshop鼠绘油画MM实战应用设计教程
最近，出于信心和执着的精神，写了下面的教程，有些地方，可能还不太到位，由于水平有限，而且也是刚开始学的，还望多多包容啦！呵呵 我将会在以后的日子，做出更好的作品来回报给大家，现在，只有期待... 最终效果如下： 绘画步骤如下：
photoshop鼠绘人物：小龙女“李若彤”
1．新建文档高900，宽700像索，选一背景底图，新建图层，钢笔勾形人物形状，分层填充色彩，一种色彩分为一层填充。 2．在皮肤层上用钢笔勾出鼻子形状，加深减淡手法来表现明暗关系； 3．眉毛需要新建图层，勾出眉形，填充褐色，再执行------滤镜------模糊------动感模糊；参数设制如下； 4．接着开始画眼睛，新建图层，勾出眼形，眼外框填充褐色，再建一层，眼内框填充白色，稍稍模糊一下；
photoshop鼠绘MM
虽然是学油画的，可或许是太喜欢游戏的缘故吧，老画些吓人的东西，看到大家都那么喜欢画MM。为了支持版主，决定也跟下风啦.技术所限，水平业余。希望大家别砸鸡蛋，哈哈哈。 (图1) (图2) 其实(图1)是照着网上一个的美女画的。想必很多人都见过，当初选这张图作为素材，主要是觉得它的内容简洁而又不缺乏细节，光影效果较好。 我最喜欢的就是原图的质感对比虽然不算太强但非常丰富。特别是在人的面部那里、头发、皮肤和塑料的耳机。当然，最诱人的还是嘴和眼睛的质感，而脸和手在光影的效果下有两种质感，非常耐看，不过同时又很具挑战性...在画的时候我很尊重客观的对象，可并不是照着一模一样地画下来。....现在很多人都认为画得很真实就是好的作品，其实如果真要追求写实的话，相机会是更好的选择。 高度写实是技术的最高水平，可还远远不是最高境界...真正的好的作品应该是...
Photoshop 鼠绘梦幻冰火天使
本文介绍如何使用Photoshop合成制作一张冰火共存的展翅天使作品，涉及photoshop的抽出、扭曲、云彩、照片移花接木处理等多项综合技巧。 笔者本次给大家带来冰火天使的详尽绘制教程，力求将冰火两重感觉都赋予到天使身上，给大家带来不一样的视觉感受，更多的方法还要请大家多多指教，共同进步。先看效果图。 Photoshop绘制冰火天使最终效果图 本次“冰火天使”这个效果图运用到了PS的几大功能的综合： 1、“抽出”功能制作升腾的“冰气息” 2、“扭曲”功能制作天使翅膀骨架部分； 3、“云彩”、“径向模糊”功能制作火焰部分和背景部分 4、“移花接木”制作天使的身体和头部。 本次教程如同笔者其他教程的风格，仍然是把天使的身体拆分进行制作，大概分为“冰气息升腾”、“身体”、“翅膀”、“翅膀火焰”、“渐变修饰”以及背景部分。请大家整理好思路，做好准备，我们即将开始打造“冰火天使”的过程。
Photoshop 鼠绘紫魅妖姬
最近在一本杂志上看到一个非常妖媚的女子，她拥有超黑而又超密的睫毛、黑黑的眼线、大片的腮红、红红如水晶般的双唇、乌黑的头发。充满着神秘气息的女子，很是抢眼。笔者今天来告诉大家此紫魅妖女的PS鼠绘制作过程。 老规矩，我们先来看看我们要打造的这位紫魅妖姬的样子： 最终效果图 1.首先打开PS，建立一个新的文件，长宽自己来定就可以最重要的是分辨率定为72就可以。正常屏幕观看给72就可以如果要打印出来的话就要根据纸张的大小、材质来定了。多多学习一下打印方面各个参数也是很不错的，对以后的实践工作会带来很大的帮助。（图1-1） 图1-1 2.用钢笔工具把人物的大体轮廓勾画出来，这个图绘制的是正面的效果，正面比较好绘制，把路径保存起来。新建一个图层，填上皮肤的颜色，这里皮肤的颜色RGB值为：239、198、178。（图2-1） 图2-1