推荐阅读

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简单为婚片制作拼图艺术效果
效果图一、我们就拿来那个影楼风格教程中调好的照片为素材吧。打开素材,矩形选框工具伺候。二、CTRL+J,选区生成了新的图层-图层1,这时候画布看不出变化,因为图层1图案跟背景完全一样。接着添加图层样式,描边、投影,如图:

PhotoShop将图片转换成流行艺术风格
效果图分离颜色: 首先,我们要做的就是去除图片上所有的阴影,这样就形成了由色彩组成的形状。接下来我们一步步学习这个技巧。第一步: 打开你要编辑的图片,并将图片的尺寸调整(图像>图像大小)到你所需要的。这样就可以提高低分辨率图片的品质。第二步:复制图层(图层>复制图层或Ctrl+J),并将新图层的混合模式改为“明度”。第三步:对最顶端被选中的图层进行反相(图像>调整>反相或Ctrl+I)。

用PS灭点工具解决画面透视问题(实用)
以前一直觉得Photoshop图章工具很强大,最近发现它在去除一些建筑、街道等场景照片上的物体时,难做出真实的效果。原因是它们透视关系很复杂,如果用自由变换的透视变形来处理,一块一块贴上去也非常麻烦。其实这Photoshop CS2/CS3版本针对这个问题专门增加了一个灭点工具,可以非常轻松地解决画面的透视问题。本期使用的工具:灭点滤镜、自由变换认识神奇的“消失点”“消失点滤镜”工具是Photoshop CS2中提供的一个全新的滤镜工具,将选区内的图像进行克隆、喷绘、粘贴操作后,自动变形以符合透视规律,大大节约了修改照片所需的时间。在随后的CS3版中,还添加了“修改网格角度”功能,以方便我们对立体图形进行置换。图1整块拼接加自由变换

教你消除Photoshop里的锯齿和羽化
我们使用椭圆选框工具,分别关闭和打开消除锯齿(也称抗锯齿),创建两个差不多大的正圆形选区,然后填充黑色看看。怎样快速填充黑色还记得吗?先〖X〗然后〖ALT DELETE〗。填充之后取消选择〖CTRL D〗,效果如下左图。仔细观察着两个圆的边缘部分,就会看到第一个圆的边缘较为生硬,有明显的阶梯状,也叫锯齿。而第二个圆相对要显得光滑一些。在前面的课程#02中我们曾经学习过产生锯齿的原因是点阵图像的特性导致的。因为点阵图像用正方形的小点来描述图像,所以在描述曲线及一些角度的直线时就会产生锯齿。那为什么第二个圆没有锯齿呢?真的没有吗?我们把图像放大〖空格 CTRL 单击〗或〖CTRL +〗一些来看看。如下右图。可以看到第二个圆其实也有锯齿,但是锯齿的边缘变得柔和了。有一种从黑色到背景白色的过渡效果。因此看起来比第一个圆显得光滑一些。这就是消除锯齿的效果了。所谓消除锯齿并不是真正消除,而只是采用了“障眼法”令图像看起来光滑一些。只要图像是点阵的,锯齿就永远存在。矢量图像从结构理论上来说是没有锯齿的,但是由于显示器的物理特性是

PhotoShop制作残旧蒙版边框
这是一篇国外教程,主要是利用画笔来制作一种残旧的蒙版边框效果,教程写的很详细,基本不需要我们讲解了!看看制作过程吧~大家不用仅仅按照这个效果制作,完全可以发挥自己的想想来制作更好看的~~~看下两种效果图 制作步骤如下:1、首先我们新建一个画布,大小540*540像素(随便哈,主要根据你照片的大小来制作。)我们新建一个图层叫相片边框。 2.点击圆角矩形工具,按住Shift画一个圆角正方形,填充色为黑色,注意下图中红色圈圈标注的地方(填充像素、

鲜为人知的PS对齐与分布命令
Photoshop中的对齐有两种模式,一种是视图菜单中的对齐到命令,另一种是图层菜单中的对齐命令。 视图菜单中的"对齐到"命令可以使图形与四种元素进行对齐,这四种元素分别是:网格,参考线,切片,文档边界(如图1)。 在使用时我们应将视图菜单中的对齐命令选中,这样“对齐到”命令才能有效,然后在对齐到命令的子菜单中选中要对齐到的元。注意:一定要保证选中的元素在视图中为可见状态。这样当我们移动图形靠近此元素时,图形会自动与该元素进行对齐.我们还可以通过改变网格的尺寸,参考线和切片的位置来影响对齐的效果。总之,这是一种非常灵活的对齐方式。图1 图层菜单中的对齐有两种方式。 第一种方式:当有选区存在时,图层菜单中显示的是"与选区对齐"命令,先画出一个选区,然后选中与选区对齐的图形所在的图层,接下来就可以选择各种对齐位置了,共有六种对齐位置,分别是顶边对齐,垂直居中,底边对齐,左边对齐,水平居中,右边对齐。效果如图2所示。对齐时以选区为准,改变所选图形的位置。图2 当有链接图层而没有选区时,图层菜单中显示的是"对齐链接图层"命令,以后的操作步骤与"与选区对齐"命令相同,只不过在对齐时以当前激活图层为准,改变链接图层的位置。 第二种方式:选区和链接图层同时存在,这时图层菜单中出现的是"与选区对齐"命令,这说明"与选区对齐"命令的优先级高,执行命令后,所有链接图层,包括当前激活图层都要以选区为准进行位置移动。 图3图4