推荐阅读

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

“图解” 图层混合模式
图层的不透明度决定它显示自身图层的程度:如果不透明度为 1% 的图层显得几乎是透明的,而透明度为 100% 的图层显得完全不透明(这里注意不要弄反了)。图层的不透明度的设置方法是在图层面板中“不透明度”选项中设定透明度的数值,100%为完全显示(图1)。 除了设置图层的不透明度以外,还可以为图层指定填充不透明度。填充不透明度影响图层中绘制的像素或图层上绘制的形状,但不影响已应用于图层效果的不透明度。填充方法是在图层调板的“填充不透明度”文本框中输入值(图2)。 使用混合模式可以创建各种特殊效果,需要注意的是图层没有“清除”混合模式,Lab 图像无法使用“颜色减淡”、“颜色加深”、“变暗”、“变亮”、“差值”和“排除”等模式。使用混合模式很简单,只要选中要添加混合模式的图层,然后图层面板的混合模式菜单中找到所要的效果(图3)。 各类混合模式选项详解: 正常,编辑或绘制每个像素使其成为结果色(默认模式)。

PHOTOSHOP CS6新亮点(1)基本功能
PHOTOSHOP CS6测试版发布了,到底有哪些新的功能呢?这恐怕是当前许多朋友急切地想知道的。博士大概摸了一下,初步计划从几个应用方向与大家一道分享交流,本篇先从基本功能谈起。欢迎朋友们补充和指正。 一、主界面 1、颜色主题 用户可以自行选择界面的颜色主题,暗灰色的主题使界面更显专业。2、上下文提示 在绘制或调整选区或路径等矢量对象,以及调整画笔的大小、硬度、不透明度时,将显示相应的提示信息:是否显示该信息以及信息相对于光标的方位通过该选项确定:3、文本阴影

PHOTOSHOP CS6新亮点(2)摄影绘画
一、内容感知技术在继续延展 继CS4的“内容感知缩放”,CS5的“内容感知填充”功能之后,CS6中又有如下两个基于内容感知的应用问世: 1、补丁工具中增加了“内容感知”的修补模式: 2、工具箱中新增了混合工具: 混合工具基本相当于内容感知修补与内容感知填充的结合体,在源位置进行内容感知填充,在目标位置进行内容感知修补。二、剪切工具裂变为二----剪切工具和透视裁切工具 就工具而言,剪切工具和形状工具是变化最大的两个工具,裁剪工具的升级终于解决了该工具一直存在的一个重大问题。 早期版本的剪切工具中,“透视”仅仅是其中的一个选项,新版中将其独立出来成为专门的透视裁切工具。 回想一下旧版裁剪工作的机理: 当选择裁剪工具后,选项栏的内容如下:

PHOTOSHOP CS6新亮点(3)印刷设计
面向印刷设计的应用本来是PS早期版本的重点,随着数码影像技术的兴起,从2002年的7.0开始,面向摄影的应用开始成为新宠,十年来,面向摄影的功能开发一直是PS升级的重点。十年之后的今天,摄影方面的功能明显已经处于过饱和状态,阿刀笔蓦然回首,发现了十年前被打入冷宫的印刷设计。于是,本次升级中,印刷设计再次得宠,成为本次升级的重点之一。主要表现在以下几个方面: 一、专门设置了“印刷”工作区,可见阿刀笔此次对印刷设计的重视非同一般。 二、文字的地位显著上升 1、菜单栏中专门设置了“文字”主菜单 在菜单栏这样一个显赫的位置,让文字挤进来占有一席之地,这是多么不容易的事。 2、给文字新增了“字符样式”和“段落样式”两个配套的调板。 字符样式和段落样式本身没什么高深的技术含量,与WORD中的字符样式和段落样式大同小异,但作为两个调板出现同样不容小视。3、颜色设置面板中为文字增加了一个非常细微的选项 “混合文本颜色使用伽马”,这个选项本质与其上面的“用灰度系数混合RGB颜色”是相同的,具体来讲,就是先将图层分别转换到指定的伽马空间,然后再进行混合,最后再把混合的结果转换回原来的伽马空间,其目的都是为了使颜色在混合过程中更加自然。连这么微小的细节都没有忽略,阿刀笔本次升级对文字的照顾可谓无微不至。 三、路径、形状等矢量工具的功能有了突破 1、子路径的堆叠顺序可以灵活调整 因为每条子路径都可以设置独立的组合模式,因此它们的堆叠顺序直接影响它们的组合效果。在旧版中总是按照绘制的先后顺序进行堆叠而且不可调整,因此我们必须要弄清楚哪条是老路径,哪条是新路径。在新版中,子路径的堆叠顺序可以自由调整,这无疑更加丰富了子路径的组合效果。2、完美地解决了虚线绘制这一历史问题 如何绘制各类虚线,一直是大家所关注的,此前也有不少朋友想出一些诸如双重画笔之类的解决方案,但都不方便。其实,阿刀笔也在进行着这方面的努力,在旧版中试图用“样式”解决这个问题:这种方案其实是通过为形状图层添加了一个描边样式来实现的,且不说虚线的效果有多难看,更为重要的是,它注定有一个致命问题:通过它绘制的线条总是封闭的,无法绘制出通常意义上的开放线条。 新版中的解决方案不再依赖于描边样式,而是采用了独立于样式的解决方案,使这一问题很好地得到了解决。不仅可以绘制出开放的线条,而且还可以对线条进行更为有效的编辑,诸如描边的位置、端点和拐点的处理方式,以及虚线中破折号与间隔的长度等。如下图所示:

Adobe Photoshop CS6 预览版简单评测
好友JASKNI如约地更新了Photoshop CS6 预览版的评测,网上虽然有不少关于Photoshop CS6 功能介绍的视频,但大多泛泛而谈且真假难知。如今JASKNI亲自测试,撰文谈谈他所体验到的Photoshop CS6的一些变化,或者这更实际更直观。今天J大概试了一下新版本,感觉很不错,有点儿像用 Windows 8 开发者预览版本时候的心情和体验。下边我就大概写写对这款已经无与伦比的图像处理软件 C Adobe Photoshop 最新版本的体验。 安装过程,没有任何惊喜,和 CS5 版本一样,有32位与64位可以选择。安装的过程很快,很平常,没什么好说的。不过J想说一下的是,硬盘。大家应该都感觉到了,现在的电脑已经不是 CPU,内存决定性能的时代。如果都是 i5, i7 处理器,DDR3 的高端内存的话,很多地方的体验靠这些参数是完全体现不出优势的,硬盘才是最大的瓶颈。这个在 Windows 8 的使用过程中就有非常明显的体现,在遇到系统缓慢的情况,打开任务管理器,看到的都是硬盘使用率为100%,而 CPU 与内存基本没多少起伏。在这里也早日期待 SSD 的白菜价时代快些到来吧!

Photoshop CS6去模糊悬而未决
说起新软件的变化,最直观的当属用户界面。Photoshop CS6将会采用色调更暗、类似苹果摄影软件Aperture的界面风格,取代目前灰色风格。可以预料,这种变化肯定会招致很多人的反对,所以至少在目前的Beta测试版中,Adobe提供了新旧风格的切换选项,而正式版如何设定可能还要看反馈情况。 新主题还在图标样式做了一些调整,看起来更加新潮,但变化不是很大。 3D功能增强是Photoshop CS6的最大看点,也是该功能自2008年的Photoshop CS4引入以来变动幅度最大的一次,单是工具箱里就会有三处:颜料桶中新增“3D Material Drop”(立体素材填充),吸管里增加“3D Material Eyedropper Tool”(立体素材吸管工具),文字输出则加入“3D Text”(立体文字)。 参数设置面板中的3D选项也多了起来,包括交互式渲染、交互式阴影质量、富光标、坐标轴控制等等。

Photoshop CS6下载及安装教程
Photoshop是Adobe公司旗下最为出名的图像处理软件之一,集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,深受广大摄影爱好者、平面设计人员和电脑美术爱好者的喜爱。Adobe Photoshop CS6号称是Adobe公司历史上最大规模的一次产品升级,Adobe Photoshop CS6充分利用无与伦比的编辑与合成功能、更直观的用户体验以及大幅工作效率增强。是专业摄影师,图形设计师,Web 设计人员最理想的选择。与CS5等先前的版本一样,还没等正式发布,网上已经有了下载信息。欢迎各位朋友跟帖交流安装使用方法、经验、心得体会。欢迎试用体验,正式使用请购买正版软件。1、Adobe Photoshop CS6V13.0 汉化绿色版:http://www.ps123.net/photoshop/HTML/28772.html2、Adobe Photoshop CS6 Extended 官方预发行版http://www.ps123.net/photoshop/HTML/28770.html3、苹果版CS6:http://www.ps123.net/photoshop/HTML/28771.html4、Adobe Photoshop CS6简体中文补丁(完美汉化)。http://www.ps123.net/photoshop/HTML/28775.html5、Adobe CS5 Cleaner Tool|Adobe完全卸载工具http://www.ps123.net/photoshop/HTML/28774.html下面是视频教程:说明:1、汉化绿色版:这是官方预发行版的绿化版,文件较小(约150M),去除了那些不常用的组件,已经汉化,注册激活都很简单。仅支持32位WinXP/Win7操作系统,不支持64位Win7,不含Bridge,有些自动功能受限(如自动色调、HDR、照片拼接等)。2、官方预发行版:这是一个安装版,文件较大(约1.95G)该版本组件比较完整(含Bridge等),是英文版的,内附注册机,支持32位WinXP/Win7和64位Win7操作系统。3、汉化问题:网上提供的用zh_CN汉化包取代en_GB的汉化方法汉化程度不够,有许多未被汉化的界面,采用简体中文补丁能更好的汉化。4、与CS5共存的问题:可以在不卸载CS5的情况下,安装使用CS6。5、不能安装的问题:这种情况一般是因为以前的版本如CS3/4/5没有卸载干净造成的,用常规方法难以彻底清除。可用Adobe完全卸载工具Adobe CS5 Cleaner Tool解决。6、苹果版CS6是dmg文件,约1G,英文界面。安装:一、Adobe Photoshop CS6V13.0 汉化绿色版安装步骤:1、文件夹放置位置:解压后将最好将Adobe_Photoshop_CS6这个文件夹放置在“D:\Program Files\Adobe”这个文件夹内,以便于今后的管理。如果你的D:\Program Files\内没有Adobe这个文件夹,请在D:\Program Files内新建一个Adobe文件夹,将解压后的Adobe_Photoshop_CS6文件夹放在Adobe文件夹内。当然你也可以放在其他盘的目录下,不会影响最终的使用。2、绿化:打开Adobe_Photoshop_CS6文件夹,双击“@PS绿化工具”,开始绿化,如果360等杀毒软件弹出阻止,请解除阻止。选在桌面添加Adobe Photoshop CS6图标。3、配置文件本地化:绿化完毕后,再双击“@配置文件本地化”。4、激活:激活要添加以下行到系统hosts文件中。hosts文件的路径是C:\Windows\system32\drivers\etc\hosts方法:在C盘中找到C:\Windows\system32\drivers\etc\hosts这个文件,右键选择用记事本打开,将127.0.0.1 practivate.adobe.com添加到最后一行下面。5、注册:双击桌面上的Adobe Photoshop CS6图标,弹出Adobe软件许可协议窗口,点继续,弹出输入序列号窗口,将序列号1330-1152-1635-8311-0579-3839依次填入对应的空格内,点继续,注册完成。二、Adobe Photoshop CS6 Extended 官方预发行版安装步骤1、解压setup.zip,打开解压后的setup文件夹,双击Set-up.exe,开始初始化。2、初始化完成后弹出许可协议,点接受,后要求输入序列号。3、序列号的获得:点keygen.exe,选Adobe.Photoshop CS6 Extended v13.x PRE,即可得到序列号。4、输入序列号:将序列号复制粘贴到对应的空格内,语言选Englishi,点下一步。5、安装位置默认C:\Program Files\Adobe,我习惯将应用软件安装在D盘上,因此将其改在D:\Program Files\Adobe。6、组件选择:默认情况下,只安装Adobe.Photoshop CS6,点ADOBE PHOTOSHOP CS6,右侧栏出现Adobe的三个组件,可选择安装。7、安装:点右下角的安装,安装开始。8、完成:安装完成后,点完成退出。9、激活:添加以下行到系统hosts文件中,用记事本打开 C:\Windows\system32\drivers\etc\hosts,将以下内容添加到后面:127.0.0.1 activate.adobe.com127.0.0.1 practivate.adobe.com127.0.0.1 ereg.adobe.com127.0.0.1 activate.wip3.adobe.com127.0.0.1 wip3.adobe.com127.0.0.1 3dns-3.adobe.com127.0.0.1 3dns-2.adobe.com127.0.0.1 adobe-dns.adobe.com127.0.0.1 adobe-dns-2.adobe.com127.0.0.1 adobe-dns-3.adobe.com127.0.0.1 ereg.wip3.adobe.com127.0.0.1 activate-sea.adobe.com127.0.0.1 wwis-dubc1-vip60.adobe.com127.0.0.1 activate-sjc0.adobe.com127.0.0.1 practivate.adobe.com10、汉化:用Adobe Photoshop CS6简体中文补丁可完美汉化。

PhotoshopCS6新功能揭秘:照片处理更出众
北京时间4月24日,做为全球图形图像业领导者的Adobe公司发布了全新的Adobe CS6系列软件。这其中最为引人注目的,也是广大摄影师和摄影爱好者最为关注的软件当属Adobe Photoshop CS6。在全新的Photoshop CS6中,Adobe对软件进行了彻底的升级,以下就随蜂鸟网的编辑第一时间去探寻最新版本的Photoshop CS6中最为引人关注的全新功能。•全新的界面设计 Adobe公司总是会在更新两代软件之后对软件的界面进行重新设计和调整。Photoshop CS6采用了全新的黑色界面,相对于习惯于Photoshop CS5灰色界面的用户第一次使用稍显不惯。Photoshop CS6采用了全新的黑色界面设计 全新设计的界面增加了Timeline时间轴面板,让Photoshop CS6对于处理视频文件更加方便,可以直接通过时间轴在视频上添加平面元素。•Mercury图像引擎 Adobe从发布Photoshop CS4开始,Photoshop软件开始正式支持显卡3D加速运算以获得更好的图像处理执行效率。在Photoshop CS6中,Adobe开发了全新的Mercury图像引擎来提高性能,并支持64位运算。借助Mercury引擎,液化命令执行效率更高 “液化”是摄影师在平时处理照片经常用到的一个工具。在Photoshop CS6中,借助Mercury引擎的支持,可以让液化命令执行效率更高,运算速度更快,节省计算液化命令运算时间,提高液化命令执行效率。•全新裁切工具 在以往Photoshop中,裁切工具并未内置裁切比例,让摄影师在使用裁切工具后期剪裁照片时,需要通过复杂的参数输入获得需要的裁剪比例。在Photoshop CS6中,裁切工具得到了彻底的进化。在新的裁切工具中可以通过选择比例对照片进行裁切

Photoshop CS5教程:制作真实的皮甲质感
制作步骤: 1、运行Photoshop CS5,执行“文件”→“打开”命令,打开素材“线素材.psd”和“凸点纹理.psd”文件。 2、选择“线素材”文档,执行“编辑”→“定义画笔预设”命令,将线条定义为画笔。 提示:曲线的绘制方法在前面的教程中都出现过,这里就不再复述,大家可打开素材文件直接使用。

应用PhotoShop CS5去除卡通图片上的人物
Photoshop cs5的功能很是强大。希望对大家有帮助。下面开始见识一下吧打开一张图片用套索工具也可以用快速选取选择要去掉的快捷键SHIFT+F5 ,填充,默认就是内容识别