推荐阅读
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 10精彩实例制作三
大家好，我们又见面，今天做什么呢？因为上一节已经说了要做个帆船，现在想改也晚了，呵呵。我 认为做实例是学软件最好的一个办法，我总是先实践后学理论，所以补考的时候老是能看见我，哎不说这些伤心事了，做个漂亮的图形就什么都有了，好现在就开始做帆船。其实每一节所用到的东西都差不多，只是希望大家能多动手，熟练掌握这些可爱的工具们。先看效果,如图3-1所示。 其实帆船的制作是很简单的，因为帆船的工具只有贝兹工具（bezier tool)、形状工具（shape tool)和渐变填充工具（fountain fill tool）。背景用到了交互式调和工具、交互式透明透明工具以及交互式投影工具（什么，看不见？呵呵，这算是本人的一个小发明，到后面我会告诉大家它在哪了，效果还不错呢！）。 今天的制作分成2部分，一个是船体的制作，一个是背景的制作，希望大家在制作过程中,对这些工具有个更深的了解，掌握了它们才能掌握corelDRAW. 具*作步骤: 1.单击图标创建新图形文件。 2.单击工具箱中的图标,绘制一个封闭图形,然后在单击工具箱中的图标调整图形位置,然后对节点加工，对要圆滑的点，可以选择图标，进行圆滑处理，最终效果如图3-2所示.这样就完成了船底座的样子了！ 3.接着绘制底座上面的图形，具体方法如步骤2所示，先看图3-3所示。什么？不像？你做好了以后组合起来看看就好了，这样就算是把整个船的底座搞定了，具体的配色我们放在后面，本人最头疼的就是配色了，美术功底太次了，看来今年暑假要报个幼儿美术班学学了。
corelDRAW 10精彩实例制作四
大家好,我们又见面了,想我了吗?(这几天给女朋友打电话打多了,说顺了呵呵.).这一段一直不知道要做些什么,今天早上在pconline看见了用FreeHand做足球的实例,就想用corelDRAW试试看,既然大家都是矢量图制作工具,谁怕谁呀!呵呵,好了不废话了,大家先看效果图,如图4-1所示. 今天的这个制作大家要细心一点,因为足球上的花纹要大家自己画,也可以练练自己的基本功,今天的这个制作用到了不少的基础工具,大家在以前的学习过程中都已经接触到了,用到的有渐变填充工具,交互式投影工具,以及一个笔触工具(用corelDRAW自带的图形做背景--草).今天大家在学习中会遇到一个新的工具,透镜中的鱼眼工具(fish eye),具体的制作过程我们在下面一一讲述,好了现在开始开始吧. 具*作步骤: 1.单击图标创建新图形文件. 2.单击工具箱中的多边形工具画出一个正五边形,用鼠标左键单击100%黑色为其填充颜色,然后经过复制移动,和工具的应用做出如图4-2所示的结构. 3.然后用工具画一个正圆,包住图4-2的图形,并对它进行渐变填充,单击工具箱中的图标,进行对 图像的颜色填充.设置如下,类型:射线形 水平:-25% 垂直:24%,颜色调和自定义,颜色位置如下: 第一种颜色: 40%黑. 第二种颜色:20%黑. 第三种颜色:10%黑.第四种颜色: 白.
CorelDraw 10实例教程(六) 笔记本
本利中我们将利用各种几个对象的组合，制作一个笔记本的效果，如图63所示。 制作本利主要用到了编辑圆形和圆弧对象的轮廓像属性的操作，并在创作中大量运用了排列、对齐、调整间距的操作。 图63 效果图 创作步骤 1. 打开一幅页面，在工具箱中单击 按钮，选择矩形工具，在页面中绘制一个矩形对象；按“Ctrl+C”键复制一个矩形对象，再按“Ctrl+V”键粘贴矩形对象。 2.选中粘贴的矩形对象，选择“Arrange”-“Transformation”，在绘图窗口中弹出“Transformation”面板，在面板中单击 按钮，使他处于按下状态，在面板中显示翻转对象的选项，如图64所示。 图64 对对象进行翻转操作 3. 在面板中设置“Scale”选项的“H”和“V”选项输入框中的数值为“100%”，使对象以原来的大小进行翻转，单击 按钮，时它处于按下状态，在水平方向上翻转对象；单击选中9个方位选框中的右边中间的复选框，单击“Apply”命令按钮，对矩形对象进行翻转；在页面中景翻转后的矩形对象向右移动一段距离，如图65所示。
CorelDraw 10实例教程(五) 王冠
本例中我们将通过对若干不同形状对象的编辑、组合，制作一个王冠，如图54所示。 制作本例主要用到了焊接、剪切等编辑方法，为图像添加系统预值的渐变填充，以及为对象添加底纹填充等操作方法。 图54 效果图 创作步骤 1. 新建页面，并将页面横置；在工具箱中单击 ，选择椭圆工具，在其属性栏中单击 按钮，设置椭圆工具的属性为绘制椭圆形状。 2. 拖动鼠标，在页面中绘制若干大小不同的椭圆对象，并对这些椭圆对象进行移动、旋转等操作，摆放到合适的位置，得到图55所示的效果。 图55 绘制椭圆图像 3. 选中左面五个竖直放置的椭圆对象，按“Ctrl+C”剪进行复制，在按“Ctrl+V”剪进行粘贴，使粘贴的对象保持被选中的状态，在属性栏中单击 按钮，将选中的对象在水平方向上翻转，然后将他们移到适当的位置上。
CorelDraw 10实例教程(四) 星光点点
本例中我们将利用正五边形对象变形得到的五角星，应用轮廓效果，得到具有层次感、立体感的星星图像，将他们点缀在页面中，得到如图41所式的效果。 图41 星光点点的效果图 创作步骤 1.新建页面，在工具相中点击按钮，选择多边形工具，弹出如图42的属性栏。 图42 多边形工具的属性栏 2.载属性栏中单击按钮，设置多边形工具的属性为绘制多边形，在输入框中填入数值“5”，设置多边形的边数。 3.按住“Ctrl”键，在页面中拖动鼠标，绘制正五边形，如图43所示。
CorelDraw 10实例教程(三) 眼药水
本例将通过对文字对象的编辑，制作“眼药水”图字，如图29所示。 制作本例时，首先对输入的文字对象进行编辑，为各个字符设置不同的字体和字号，用不同的颜色填充；导入另一个文字对象，应用渐变填充，然后添加若干线条，填充后除去轮廓线；添加一个矩形线框，设置其属性，完成效果制作。 图29 效果图 创作步骤 1. 打开一幅页面，单击按钮，选择文字工具，在它的属性栏中单击按钮，弹出如图30的对话框，在对话框中单击选中“Artistic Text”复选框，单击“OK”按钮，指定文字对象排列方式为横排。 图30 设置文字对象水平排列 2. 在页面中单击并输入“新乐乐（R） 眼药水”,将文字对象放置在适当的位置。 3. 单击按钮，选择“Shape”工具，单击文字对象，在每个字符的左下方显示出节点；按住“Shift”键，选中“（R）”三个字符左下方的节点，如图31所示。
CorelDraw 10实例教程(二) 绘图大师
本例中我们将通过文字对象应用立体化和阴影效果，制作“绘图大师”，如图14所示。 图14 效果图 创作步骤 1.开一幅页面，选择“Layout”>“Page Background”,在弹出的对话框中设置页面背景，在对话框中显示相关的选项；单击选中对话框右上角的“Bitmap”单选钮，单击旁边的“Browse”命令按钮，从弹出的对话框中选择位图图像作为页面背景，并设置图像尺寸；单击“确定”命令按钮，得到如图15所是的页面。 图15 设置页面背景 2.工具箱中单击按钮，选择文字工具，在它的属性栏中设置文字的排列方式为横排；在页面中单击，然后输入“CorelDRAW (R) 10”、“绘图大师”、“随心所欲”四个文字对象，将它们放在一旁备用。 3.选中“CorelDRAW (R) 10”,在文字工具的属性栏中设置适当的字体和字号，在绘图窗口有变得调色板中选择蓝色填充对象，将它放置在页面中，得到如图16所示的效果。
CorelDraw 10实例教程(一) 举重若轻
本例将通过多种特殊效果的混合应用，制作"举重若轻"图字，如图1所示。 制作本例时，首先导入图标对象并绘制曲线对象，应用填充效果；然后导入文字对象，应用填充和调和效果，并改变其轮廓先属性；在文本框中输入文字，然后转换为艺术字对象，并应用轮廓效果，最后设置页面背景，完成效果。 图1 效果图 创作步骤 1.打开一幅页面，选择"Tools">"Symbols and Special Characters",在绘图窗口中弹出如图2所示的浮动面板；在面板顶部单击下拉列表框，从弹出的下拉列表中选择"Webdings",然后从下面的列表框种选择适当的图标对象，导入页面中。 图2 选择到入夜免得图标对象 2.再次单击面板顶部的下拉列表框,从弹出的下拉列表中选择"Zapfdingbats"，然后从下面的列表框中选择图表对象的大小，并将它们摆放到适当的位置。 3.单击按钮，选择"Freehand"工具，在页面中弹击、拖动鼠标，绘制直线和曲线对象；选中所绘制的直线和直线对象，选择"Arrange">"Group",将它们组合在一起；选中组合的线条对象，单击按钮，按住鼠标弹出隐藏的工具菜单，单击按钮，指定线条的宽度，得到如图3所示的效果。
用CorelDRAW绘制鼠标
1. 启动CorelDRAW，新建一文件。由于制作完成后可再次调整大小，因此在开始时只需将鼠标各部分的比例调整恰当即可。 2. 绘制鼠标轮廓。用贝塞尔工具勾勒出鼠标的轮廓。鼠标是左右对称的，可先绘制出左半部，然后复制一份，水平镜像，将端点对齐并进行组合。组合后用造型工具(F10)结合相交的结点，绘出轮廓如图1所示。 3. 绘制鼠标滚轮。滚轮部分的结构简单，先绘制一矩形，将圆角设为100，作为滚轮；用椭圆工具绘制滚轮周围饰片；然后绘出分隔槽。最后调整位置，使其与鼠标轮廓中心对齐，左右对称。效果如图2所示。 4. 整个鼠标的基本轮廓绘制完毕，接下来就是填色了。整个作品的最终效果都取决于填色的成功与否，这是最关键也是最难的一步。填色可分为鼠标体的填色和滚轮部分的填色。 (1)滚轮部分的填色：最外面的椭圆设置如图3所示。稍小的椭圆填色只需将选项中的角度设为0，其他同上即可。滚轮左右饰片填色用标准填色，分别为（C10、M10、Y0、K0）和（C20、M20、Y0、K0）。然后将内椭圆及左右饰片均设为无外框，去掉轮廓，以平滑过渡。圆形的滚轮在光照下形成一高亮点，填色如图4所示，轮廓外框宽度设为0.8mm。最终效果如图5所示。为方便以后移动，可将这一部分群组。
CorelDRAW制作办公室名片
名片是现代社会中应用的最为广泛的一种交流工具，也是现代交际中不可或缺的一个展现个性风貌的必备工具。从一个小小的名片可以看出一个人甚至一个企业的群体文化来。为帮助广大的朋友能利用自己的能力和工具制作出一个有个性的名片，本人在此介绍一下在办公室中如何制作一个商业名片的方法，当然，这种方法也是针对街头打印服务店的商业行为的应用。 1、选用 CorelDRAW 软件，版本不限，在此是使用简体中文汉化版的CorelDRAW10为标。 2、打开CorelDRAW软件，系统自动建立一个“图形1”文件。选用工具箱中的矩形工具，在系统给定的纸张上面画一矩形，调整大小为90 x 55mm(假设此为一张名片的成品外框），然后再在其内部重新画一个矩形，大小设为80 x 45mm（此将其假设为名片的有效印刷区）。选中两个矩形，按“C”、“E”键或点“安排”菜单“对齐与分布”，将两个矩形居中对齐。 3、为了编辑的方便，选择“窗口”“卷帘工具”“对象管理器”，点一下右边的小三角形，选择“新建图层”，这时在对象管理器的窗口中会多出一个图层2的项目出来。用鼠标选取图层1，将其前面的笔形按钮点一下，则该图层1即处于不可编辑状态，如图1。 4、进入图层2，在前面所绘的矩形上（里面小一点的那个），排上我们想要的文字或图形信息，如图2。接下去就是排版的事了。 5、重点击一下图层1的笔按钮，将里面的小矩形除了，双击选择工具，将窗口的所有对象全部选中，剪切、粘贴，所有的对象则全部都放在图层1上面了。 6、选中刚才做好的名片，按Ctrl+G或安排菜单中的群组，将他们组成一个对象以便后续工作的操作方便。将名片移到屏幕上的纸张（A4）左上角，按Alt+F7或选择“排列”菜单中的“变换”“位置”以弹出“变换”选项框选中对象，在位置水平项中设定数值为100，再按一下“应用至再制物件”即在右边复制出一个相同的名片来，两者中间则相距10mm，如图3。