推荐阅读

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){
最新发布

PS打造精美的3D风格火柴盒
现在使用魔术棒工具点击黑色的区域,因为正片叠底的缘故,现在可以选出一个新的区域,填充颜色“baa36d”,命名图层为“颜色”。暂时把“颜色”图层隐藏起来,我们迟点才用到。现在回到“边缘”图层,使用选择>修改>收缩,收缩5像素后按“DELETE”键删除。再次收缩10像素,使用黑色填充选区。再次收缩2像素和删除。现在火柴盒边已经基本完成。返回到“颜色“图层,设置为可见,混合模式设置为”线性加深“。 使用PrintScreen按键截取整个屏幕,在PHOTOSHOP中新建一个空白文档,选择编辑>粘贴。放大1600%查看PS工具栏位置,靠近看钢笔工具的图标。接着使用ALT+PRINTSCREEN组合键对工作窗口进行截图,同样在PS中新建空白文档并粘贴。使用图像>调整>色阶对图像的对比度进行调整。使用魔术棒或者选区工具清理钢笔图案的背景(抠图)。然后把抠出的钢笔图案复制到火柴盒面设计文档上。觉得满意后,合并所有可见图层,保存为“design.jpg”。设置前景色为#551100,使用多边形工具画一个6边形。以十字形辅助线为中心,使六边形左右两端顶住画布两侧,并命名为“六边形”。

PS打造一幅水墨画风格海报效果
创建一 750 x 550px 画布。用灰色(#D7D7D7)填充背景。 将老虎从素材图中扣出,并复制到画布中。 选择老虎层,滤镜 >> 艺术效果 >> 水彩。画笔细节设为“14”,阴影强度设为“2”,纹理设为“1”,得到如下效果。创建新图层并将其置于老虎层下方。载入之前下载的水彩笔刷,将前景色设为 #000000 ,笔刷大小为 450px,绘制如下效果。

Photoshop打造黑夜中的望远镜遮罩
相信学过Flash的人一般都用图层遮罩做过黑夜中的望远镜效果,PS的剪贴蒙版就像Flash中的遮罩层一样~不过遮罩层是在下方~~这个教程里的效果就是用剪贴蒙版实现的.. 1.打开要处理的文件,新建一个层(快捷键Ctrl+Shift+N),然后用矩形选框工具在画布上画出两个圆~~随便填充一些颜色(如果要保持两个圆一样大,可以画出一个圆,填充颜色,再按住Ctrl+Shift+Alt键不放,将其拖到右边).... 2.按下Ctrl+[,将圆的所在图层放到下面,并把图层透明度降为50%..(快捷键:在移动工具为前提下,快速按下键盘上的数字5) 3,选中图片所在层(图层1),按下Ctrl+J将其复制出一层,然后把透明度降为15%..这是为了让画面有一点点图案可以看清楚,做到后面就明白了。 4.再新建一个图层,填充黑色,按下Ctrl+Shift+[把它放到最底层...然后选择图层1,点击菜单"图层-创建剪贴蒙版"...效果就出来了。 5.接下来是做动画效果了,新建一个帧,把那两个圆(图层2)拖到右上角去..

Photoshop 制作生冷坚硬的铁板
生冷坚硬的铁板,通过锤、錾等工具的锤锻,再加上抛磨、烧色等手段,就能变成一别有韵味的浮雕效果。下面我们就用PS打造这样一款铁板效果。 先看一下效果: 最终效果图 制作工具:Photoshop CS 制作过程: 1、新建一个文件,选择工具箱中的“直线工具”,在其属性栏中单击自定形状右侧的小三角按钮,设置弹出的对话框如图01所示,设置粗细为2。 图01 直线工具 2、切换至通道面板,新建一个通道Alpha 1,设置前景色为白色,使用直线工具并按住Shift键的同时分别在水平和垂直方向上绘制中间无直线的双向箭头,如图02所示。 图02 绘制双向箭头

丙豪世家--照片处理中颜色的搭配理论
第二章:丙豪世家--照片处理中颜色的搭配理论第一节.照片底色和照片主体色1,在拿到照片的时候,我们需要仔细观察照片的构成,例如照片背景的颜色(照片底色)以及人物衣服的颜色(照片主体色),作为照片底色,我们在视觉上通常应该使用各种手段将它推远,让人物突显出来。而作为照片主体色,我们要将它拉近。只有这样,我们表现的主体人物才能更好的夺取人们的视线。做到上一点,就需要我们了解配色关系的影响是什么样的。 一般明亮和鲜艳的色比暗浊的色更容易有醒目效果。因此,配色时为了取得突出的人物效果,必须首先考虑照片底色和照片主体色的关系。主体色要和底色有一定的对比度。这样才可以很明确的传达我们要表现的东西。我们要突出的主体色必须让它能够吸引观者的主要注意力。如果不是这样就会喧宾夺主。 如何能做到这一点?那么,我们就需要运用丙毫世家在本教程第一章和第二章中所了解的基本知识对颜色的明度、纯度、或者改变颜色的属性来达到上述目的。

PhotoShop利用图层对齐快速排列图片
出于制作的需要,我们经常要将一些图层排列在同一水平或垂直线上,此教程教我们如何快速排列图片。正文:1、新建文档,选择油漆桶工具,给背景填充一种图案。2、打开一张图片,用移动工具点住它拖到背景上来。

PS简单模拟砖墙上的粉刷文字效果
嘿嘿,潜水很长时间了,看到有人问墙上文字怎么做?这里我简单的做了一下,只做抛砖引玉,希望大家把各自的方法都讨论一下,共同提高1、新建一个矩形,在网上找些砖墙的图片贴上去,如下图:2、打上文字,并设置混合模式为“冻结”(即叠加),如下图:3、复制文字图层,新建层进行粘贴,并设置混合模式为在“饱和度”,如下图:好了,基本上就完成,如果想做出更好的效果,就需要多动动脑筋了,呵呵其实这个效果主要就是用混合模式来实现,只是简单的选择就能实现某些特殊的效果,大家多试试喽嗯,好像是不怎么真实,换了一个素材试一下:

Photoshop通道应用之一:通道中有什么
通道的重要性就不用讲了,美国人称:"通道是核心,蒙板是灵魂",足以说明通道在Photoshop中的重要地位。 很早就有朋友们要求我讲讲通道基础知识及其应用常识,由于工作忙一直也没有写,总觉得欠了朋友们的帐,通道本身原理本向并不复杂,但恰当地应用通道则是一件比较复杂也很灵活的事情。 从现在起,开始陆续介绍通道的原理及其应用基本常识,我尽量做到系统一些,全面一些,这样可以兼顾初学通道与深入研究的朋友,相信这个系列会给你以后处理照片带来新的认识和高度。