推荐阅读
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){
最新发布
Corel TEXTURE探密(一)
在Corel公司旗下的众多产品中，大名鼎鼎的CorelDRAW在矢量图界所向披靡，PHOTO-PAINT直追Photoshop，而Corel R.A.V.E也在动画制作上分了一杯羹，而其它的一些工具就不是那么著名，但的确也有过人之能。如CorelTRACE，就是个转换矢量图形的好工具，不但方便，而且效果很好。Corel TEXTURE则是生成纹理的行家里手。如果你经常为纹理而发愁的话，你就不该错过这款工具了。 Corel TEXTURE是相对于CorelDRAW之外的独立程序，你随时都可单独安装。如果带上纹理库的话，大概需要34M左右的硬盘，算不得很庞大，但有了它，就像有了个纹理的百宝箱，要生成一些常用纹理非常方便。 这篇文章分为两个部分，在第一部分你将看到用Corel TEXTURE中的魔力纹理（Texture Wizard）创建纹理的过程。在最后一步，我们还将用它来检验创建各种常用纹理。在学习了各种道具是如何影响纹理的形态后，你就能发现如何找到自己所需要的纹理。在第二部分中，我们会在第一部分的基础上继续学习，你会看到如何结合CorelDRAW，给纹理图加上一副图像，使它变的活灵活现的。 当我刚开始接触设计时，曾满世界的找纹理，买来大堆的材质光盘。但过了一段时间，我开始发现，无论我找来多少，总是很难有满意的。相信很多人和我一样，都有对着好几个G的纹理和一桌子的素材光盘迷茫的时候：不知道这些纹理到底能做什么。很奇怪，是吗？为什么我们收集了几乎是能想的出各种类型的纹理，在用的时候还是没有合意的呢？难道是我们收集的还不够多吗？Corel TEXTURE很好的解决了这个问题。它几乎可将你脑子中能想到的纹理全部搬出来。通过控制几种选项，你可一直观地看到纹理上发生的变化，从而简单有效的生成各种纹理，这样，你就可以为你的作品创建精确的纹理效果。在这个过程中，你也通常会得到很大的快乐。（不管怎么说，总是比你花上一个小时去找一些也许根本不存在的图片而弄的垂头丧气要好些吧！） 1.现在我们就来开始学习如何使用 Corel TEXTURE。打开程序，点击新建按扭，屏幕上就会出现“开始新纹理”的对话框。这里分为三项：空白纹理、预设纹理和魔力纹理。它们的工作原理是一样的，不过是开始略有区别。我们从魔力纹理开始，程序会逐步给我们指导。（图01） 2.选择Texture Wizard后，点击新建，出现欢迎界面，点击继续。（图02）
Corel TEXTURE探密(二)
11.接下来，我们来看看表层是如何工作的。点击图层顺序中最上面的一层，右边的对话框就会变成表层选项对话框（图12）。这一层控制着纹理的具体细节部分，结合遮光层控制光照效果。其控制选项有四项，分别为Roughness——粗糙程度，Brilliance——光泽感，Metallicity——金属质感，Graininess——颗粒。移动滑杆，观察预览窗口中的变化。点击对话框上面的下拉菜单，可以从中选择现有模式。这里，我们将Roughness设为0.11，Graininess为0.05。 12.下面我们来看看光照效果。点击表层之上的三个小灯泡，调出光照对话框。这几个灯泡的作用是照亮纹理表面。点击对应的1、2、3号灯泡开关，就可以选择打开或是关闭光源。虽然在一般情况下我们不需要特别的照明就能清楚的看到纹理，（凡事都有例外，当你在下一步我们将要看到的“形态和结构”对话框中添加除“Flat”以外的任何形态，或任一边缘时，都需要最少一个光源的支持）但在加入高光和暗调时，多个光源就会发挥作用。移动Ambient滑杆可改变光照强度。移动指针会改变光源位置，从颜色面板中拖动色标到指针上可改变灯光颜色。（图13） 13.这是控制纹理形成的最后一项了——形态和结构。这一层处于图层顺序的最下方。在这一层，你可以为纹理添加各种形态。Corel TEXTURE 10已将纹理形态增加到8种，不可谓不丰富！你还可以为纹理边缘添加不同程度的浮雕效果。关于这一部分的具体细节，我们将放在“高级纹理”部分讨论，现在我们只是简单的保持原貌。不过，如果在上一步连一个光源都没有选择的话，这里的特效就无法实现了。不同的光照，对纹理形态影响甚大。（图14） 14.现在，你对这些图层已有了大概的了解，该是把纹理窗口转化成图片预览的时候了。在Corel TEXTURE 屏幕上方的菜单栏中选择Texture / Render to Window ，纹理的完整预览就出现了。这个预览是你最终保存和导出时的图像，如果满意，选择Texture / Render to File，在对话框中选择导出文件的路径和图像格式，你可以选择bmp、jpg、pcx、tga、tif五种格式，以适用不同需要。祝贺你！第一个纹理已经诞生了！（图15）
CorelDRAW制作三维效果图形
在现代的图形、图像处理过程中，人们往往更加注意三维效果的应用。说到制作三维效果，我们首先想到的就是3DS MAX等强大的3D图形制作软件，其实我们利用CorelDRAW一样可以实现三维效果。 1、启动CorelDRAW 9.0，在属性栏中将“绘图窗口”选为横向放置，或者将高和宽做相应的调整。然后使用基本绘制工具，完成创建效果的准备工作。单击“椭圆工具”，在“ 绘图窗口”中部单击鼠标，按住Ctrl键并拖动鼠标到预定的位置，然后放开鼠标，再放开Ctrl键，绘制一个正圆。 2、用选择工具选择第一个圆，通过编辑菜单中的“再制”命令复制这个圆。用选择工具选择第一个圆，然后在圆的上方右击，从弹出的菜单中选择“属性”，在“属性”对话框里选择“填色”标签，从填色栏里使用“底纹填充”，选择“样本”中带有粗糙纹路的底纹作为填充。之后，使用选择工具选择第二个圆，从调色板中选用黑色来填充第二个圆。 3、使用选择工具选择第二个圆，然后在工具栏里选择“互动式填充工具”，这时可以发现在圆的外框里出现一个点，用鼠标选中该点，然后做相应的移动(向左上角移)即可将圆内的黑色改变为渐变色(如图1)。 图1 4、轮廓的存在将使图形的三维效果大受影响，所以，我们将所有图形的轮廓全部除去。使用选择工具选中小球，单击工具栏中的“轮廓工具”中的“轮廓画笔对话框”，选择颜色为浅灰色。圈选黑色球和底纹球，单击工具栏中的“轮廓工具”中的“轮廓画笔对话框”，选择颜色为白色。 5、用“椭圆工具”制作另一个较小的白色圆，在“外框工具”中将该圆的外框设置为无，用来作为三维图形的高光部分。 6、使用“安排”菜单下的“排序”选项来完成以下步骤，将所制作的圆合并，即将黑色圆放置于底纹填充圆的上面，以及将高光圆放置于黑色圆的上面。
CorelDraw10之和风插画盛夏之花
近期哈日风气盛行，吾苦于无钱追逐名牌和高科，又不甘身边的准GF嘲笑吾老土，特写上此篇《和风插画》以表不甘落伍的心迹。 打开CORELDRA新建一个纵向A5大小的页面。 用椭圆工具(F7)画出一个椭圆，并涂上粉红色将椭圆转换成曲线 (CTRL+Q) 用形状工具(F10)在椭圆的正上方增加两个节点，并去除正中间的节点。 用鼠标拖动新增的两个节点中间的线段，再用鼠标拖动椭圆底部中间的节点，使椭圆变成心形。
CorelDraw10之和风插画鱼の初
在对象管理器的空白处单击右键，在弹出菜单中点击新建图层，并改其名曰“鱼”。 使用椭圆工具(F7)按(ctrl)拖出一个正园，点击选中工具栏的饼形按钮，在起始和结束角度中填上270和90数值，在对象大小填上31.5mm和63mm。 将半园变换成曲线(ctrl+Q),复制多一个半圆，把它缩小约三分一并紧跟在大半园的后面。 将标尺的0位移至大半圆的左上角，从Y轴标尺上拉出辅助线，在对象位置的X填上10mm。复制多一条辅助线，在此辅助线的X填上20mm,如此类推再做出一条距离0位30mm的辅助线。 用刻刀工具沿着刚才画的辅助线将半园划分成四份，并分别涂上各种颜色。 使用刻刀工具时，要注意两点 ：
CorelDraw10之和风插画季の元素
在对象管理器，将“鱼”图层暂时隐藏起来，新建“元素”图层。这部分我们将要准备一些鱼身的装饰图案。 树 用椭圆工具(F7)生成几个圆形，经过移动修改后焊接在一起（菜单：排列->整形->焊接），然后填上绿色。用交互式阴影工具做出阴影部分，羽化：10 不透明度：50。 月亮 用椭圆工具(F7)按(ctrl)生成正圆形，用(+)复制多一个圆，移至适当位置修剪出月亮的形状（菜单：排列->整形->修剪）。 用形状工具(F10),增加节点，并通过拖动节点生成月亮的脸，详细的节点拖动这里不累赘了，请自己体验一下，善用各种曲线编辑按钮。 用矩形工具(F6)生成一个长方形，改变长方形的圆角值：100。(ctrl+Q)把方形变成曲线，用形状工具(F10)将方形的直线段变弯，放进月亮里面调教好大小和角度，作为月亮的眼睛。
CorelDraw10之和风插画季の鱼
将树和花复制，并在对象管理器中，把树和花的阴影部分改成白色。用交互式填充工具把树填上绿色至黄色。 圈选已经修改好的树和花分别群组(ctrl+G)。点选花和树，点击菜单：效果->图框精确剪裁->置于容器内，当画面出现(箭头)时将其指向鱼的红色部分。这样树和花就被放置在图框内，超出部分是看不见的。 在对象管理器点选已经精确剪裁的那一项，单击右键点选弹出菜单的编辑内容，这时画面只剩下一个图框、树和花。复制多个树和花，调整大小使其满布于图框。（移动复制：按鼠标左键拖动树，在不放开左键情况下，点击右键） 在对象管理器中，点选其中一个树和花单击右键，在弹出菜单中点选完成编辑这一级，画面马上回复。 用同样的方法，将树（黄色至橙色渐变）和月亮放进鱼的黄色图框中进行编辑。编辑完成后将黄色图框改成红色白色渐变。 将雪地和雪花放进蓝色的图框编辑，完成后改变图框颜色。
CorelDraw10之和风插画和风整合
复制多个“花”，并将它调整大小位置，使它铺满整个页面，一点缝隙也不留。双击矩形工具(F6)建立一个和页面一样大小的方形。用对象管理器将刚才铺在页面的花，剪裁在矩形里面。（菜单： 效果->图框精确剪裁->置于容器内） 复制多一条鱼，调整大小位置。复制三朵花，将阴影改为黑色，放置适当的位置。（注意鱼、花和底图三者之间图层的关系，最好将它们放在同一个图层）好了，至此整个插画完成。 后记: 吾一边忙着把它E给哈日族的准GF,一边在脑际幻想被海吻或海吻她Flash，还不时发出yin笑和淌出口水.... 两天后收到MM的回邮，说附件中的syt.cdr是什么文件，她的电脑打不开。吾一拍额头，笨...，有多少MM的电脑会有corrldraw啊！！吾马上将文件导出为jpg格式，再把信寄出。
corelDRAW 10精彩实例制作一
大家好,本人是一个平面设计爱好者,和各位网友一样在一直在不断的学习.近期开始学习corel公司 开发的corelDRAW,在学习过程中制作了不少的作品,现在拿出来,希望能给朋友们一点启发.现在先介绍一下本内容的主角corelDRAW,它是一种矢量绘图软件和彩色图文出版软件,现在最新的版本是corelDRAW 10,它在继承原来版本传统功能的基础上,进一步优化了用户界面,增强了各种绘图工具的功能和绘图的精确性,具体的就不再罗嗦了,大家也许比我还清楚,呵呵. 本章主要是通过实例的制作过程让大家对各个工具的具体应用又个了解. 下面我们就来制作我们的第一个实例--刀(第一次就动刀动枪的是不是不太好,不过效果还不错,不过好像有点夸张了,呵呵!)效果如图1-1所示. 刀的绘制主要是刀体和刀柄的制作,主要应用了贝兹工具,渐变填充工具和交互式调和工具,其中交互式调和工具是本例的重点,尤其在处理高光部分时有以假乱真的效果. 具*作步骤: 1.单击图标创建新图形文件. 2.单击工具箱中的图标,绘制一个封闭图形,然后在单击工具箱中的图标调整图形位置,如图1-2所示.
corelDRAW 10精彩实例制作二
大家好，我们又见面了，不知道大家上回做的刀还在吗？看着自己的努力成果，心里是不是很舒服，我也是！今天我们来做一支笔，制作比较简单，只是希望通过本节让大家能熟练应用weld（焊接）这个工具。 效果如图2-1所示。 本例主要包括笔身和笔冒的绘制，在创建过程中主要应用了weld(焊接），fountain fill tool（渐变填充工具），interactive transpareney tool（交互式透明工具）和drop shadow tool（交互式阴影工具）。希望大家通过本节的学习，对这些工具能有一些了解。 具*作步骤: 1.单击图标创建新图形文件。 2.单击工具箱中的图标，绘制一个纵向的圆。 3.单击工具箱中的图标，绘制一个细长的矩形，要求矩形的短边与椭圆的长轴相等。如图2-2所示。 4.选中椭圆，按住Ctrl键，然后再按住鼠标左键，然后水平移动椭圆，直到将椭圆移动到矩形的另一端，先单击鼠标右键，再释放鼠标左键，这样椭圆的复制就和移动就制作完成了，如图2-3上图所示。