推荐阅读
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){
最新发布
用Coreldraw打造可爱大眼MM头像
最终效果图:下面我们来看一下制作的过程吧：1、画MM的脸先用贝塞尔工具画出大致形状，然后用形状工具选中全部节点，按ctrl+Q转换为曲线后通过增加节点调节为如下形状，填充颜色为C:0 M:20 Y:20 K: 0。注意脸的形状是下面尖，上面圆，左边有耳朵。2、画MM的头发用贝塞尔工具画出头发的基本形状，然后用形状工具选中全部节点，按ctrl+Q转换为曲线后调节为如下形状，按shift+pagedown置于面部之后，填充黑色。头发的线条圆润一些会显得乖巧。用贝塞尔工具画出挡在脸前面的头发，用形状工具选中全部节点，按ctrl+Q转换为曲线后调节为如下形状，填充黑色，注意调节头发尖尖的位置。
CorelDRAW设计茶道人生书籍封面实例教程
本文运用CorelDraw x4来制作“茶道人生”书籍的封面，该封面与封底的创意，使用了简单的配色，突出幽雅的设计理念，呼应图书主题。并且加入了茶叶与茶用器具素材，突出图书中心内容，吸引读者，提高市场的占有率。非常适合初学者学习。最终平面效果图最终立体效果图一、设计规格 １． 开本尺寸：１６开本 ２． 版心：１８４cm×２６０cm ３． 用纸：封面用纸２５０g铜版纸，内页用纸６０g胶版纸 ４． 页码：２７０页
Coreldraw贝塞尔工具打造可爱俏皮的卡通杯子
先看下完成图吧：制作步骤：进入论坛讨论: http://www.missyuan.com/viewthread.php?tid=4178641、画杯身。用矩形工具画出如下矩形，用形状工具选中，ctrl+Q转换为曲线后调节为如下形状。选择工具菜单中的交互式填充工具(快捷键为G)，从左到右拉出一个渐变，颜色为从K: 20到白色再到K: 10，形成立体的效果。2、画杯口。用椭圆工具画一个椭圆，放在杯身顶部，渐变填充为从K: 20到白色再到K: 20。
在CorelDRAW中的对象概述与选择对象
在开始绘图之前，首先来了解一下对象的概念。在CorelDraw中绘制的所有形状都称之为对象，包括文本对象和位图对象，如图2-1所示。它们都具有各自独立的属性特征，用户可以通过改变其属性特征来对图形整形。图2-1 CorelDRAW中的各种对象不管用户使用什么工具绘制图形，所绘制出的图形和线条都是由“路径”组成。来理解一下路径的概念，路径没有宽度和颜色，但若将轮廓添加到路径则可使它具有宽度和颜色。例如我们在工具箱中选择“矩形”工具在绘图页面中绘制一个矩形，可看到系统默认路径为黑色的细轮廓线。这样便于我们在一开始绘图，就明确路径的走势。当然对于某些绘图的特殊需求，也可以将轮廓设置为无轮廓。注意：如果查看设置为“无轮廓”的路径，只能在线框视图中才可预览。读者可以通过执行“文件”→“打开”，打开本书附带光盘“龙.cdr”文件。然后执行“查看”→“线框”命令，读者会发现对象的轮廓线将被显现出来。如图2-2所示。图2-2 在线框模式下预览无轮廓对象那么构成路径的基本元素又是什么呢?答案是节点和线段。节点是路径上的一个点，线段是两节点之间的路径部分，如图2-3所示。所有的路径都是从节点开始并结束的，通过调整节点的属性和位置可以改变路径的方向和形状。但对于一些特殊的对象，例如椭圆、矩形或文本等则是以特定的方式成形。用户若想通过调整节点来改变它们的形状，必须将其转换为可编辑节点的“曲线对象”才能进一步整形。读者可以在创建完成这类对象之后，使用属性栏提供的“转换为曲线”按钮，将其快速转换成曲线对象，然后再进行复杂的编辑工作。图2-3 路径示意图
CorelDRAW的实用技巧绘制五角星教程
国内的平面设计师应该有很多一部分用CorelDraw的同!但本人一直没看到有关于CorelDRAW的贴子，所以我这也就是抛个小砖…重在引大师们的玉…首先说到CD的 “选择性粘贴”,很多行内人认为条行码用CDR9更加做方便，因为觉得CDR9做出来的条行码是可编辑的。其实CD12以上的版本也可能做到：具体步骤：先将条行码插入/再选中复制/再编辑/选择性粘贴/图片(元文件)/确定。就可以了!这样就可以“取消群组”了。再说说关于“有棱角渐变”新建有棱角图形： 选择“轮廓图”由外向内拉伸
CorelDRAW矩形工具的使用方法和应用技巧
在CorelDraw中，我们可以通过以下几种操作方法，从而绘制矩形或方形。接下来将为读者详细介绍矩形工具的使用方法和应用技巧。1. 以对角线方式绘制矩形(1)启动CorelDRAW，新建一个工作文档。保持属性栏的默认设置，选择工具箱中的“矩形”工具。(2)参照图2-7所示，将光标定位在绘图页面内需要绘制矩形的起点，按下鼠标左键沿对角线方向拖动鼠标到合适的位置。(3)读者在拖动鼠标的同时，可以通过其属性栏的“对象大小”参数或状态栏，观察绘制矩形的尺寸。然后释放鼠标，创建矩形对象。技巧：在使用“矩形”工具，按住鼠标放绘制矩形的同时，按住鼠标右键不放,并移动鼠标从而调整绘制矩形的位置。如果按住键的同时使用“矩形”工具沿任意方向向外拖动鼠标，则可以绘制出以鼠标单击点为中心点的矩形。图2-7 绘制矩形2. 创建圆角矩形(1)确定矩形处于选择状态，在属性栏中对矩形的大小和边角圆滑度参数进行设置，定义矩形的大小和圆角程度。如图2-8所示。
Photoshop鼠绘绘制毛茸茸的可爱小鸟图片教程
通过教程可以学习如下几点：对光影的理解对形体的理解对质感的熟悉程度先看看效果图：身体-- 新建文档，800X800px-- 在工具栏中使用钢笔工具，按下图画出鸟身体的一半(颜色随意)，这里需要注意的是A,B两点的控制线需保持水平(如下图)，这是为了下一步的镜像合并。
8用Photoshop鼠绘绘制展开效果的中式折扇图片的鼠绘教程
本教程主要使用photoshop绘制展开效果的中式折扇教程，夏季炎热的天气让我们每个人都来绘制一般自己喜欢的扇子吧，喜欢的朋友一起来学习吧。效果图：配上素材一张：1，新建画布，大小适当即可。2，前景色随便调一个喜欢的颜色，alt+ delete 填充背景色。3，背景调好后 接下来我们做扇骨，用圆角矩形工具画个 长度宽度合适的长条。
巧用动画功能制作液体融合动画效果的Photoshop教程
先看看效果图具体的制作步骤如下：01、打开PS，新建画布，画布大小根据自己来定02、单击图层最底下的第四个小图标。选择渐变填充。选择一个自己喜欢的渐变色，做个径向渐变。颜色仅供参考。(这一步最要制作GIF的背景，可以根据自己喜爱来调节，也可以直接拖拽一张图片进来做背景)