推荐阅读
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中界面的应用技巧
1、使用缩放区域（缩放区域在Photoshop窗口的左下角或是导航器浮动面板中）可准确输入想要缩放的程度。小贴士：在输入值之后按下Shift+Enter键能够让这个区域保持活动。2、在默认情况下，状态栏上会显示文档大小，要改变状态栏上显示的信息，可以点击状态栏上的“显示”选项按钮，并在弹出菜单中选择相应选项。你也可以点击状态栏，来显示当前文档的打印大小。按下Alt点击能够看到图像的尺寸和分辨率，按下Ctrl点击则能够查看标题信息。小贴士：在状态栏菜单中选择“文档配置文件”，你就能够看到Photoshop中所有打开的文档的色彩情况。3、双击Photoshop的背景空白处（灰色显示区域）即相当于“打开”命令[Ctrl+O]（文件>打开）。文档窗口4、要改变画布边缘色，你可以按下Shift，点击颜料桶工具，用前景色（灰）来填充画布边缘。注意：要替换默认的颜色，可以把前景色设置成25％灰度（R192,G192, B192），再次按下Shift点击画布边缘。5、使用“F”键可以使显示方式在三种不同的全屏模式间转换，或者使用工具条底部的全屏模式按钮。小贴士：按下Shift+F也可以在全屏模式下触发这个菜单。按住Shift点击工具栏上的屏幕模式按钮，也能够将所有打开的文档以选中模式显示。
关于PS抠图的初步认识介绍
1 抠图的本质 所谓抠图，就是将要与不要的图形区分开，也可以说：抠图的本质是更换背景。其具体表现有下述三种情况：1、更换为透明背景。这是名副其实的抠图。它实际上只能是：将不要的部分透明化（并不是真的换了一个透明背景）。如；创建选区，再拷贝-粘贴。2、更换为纯色背景。为上述真正意义上的抠图奠定基础。如：利用KnockOut软件或在PS中利用快照。3、更换为实用背景。它不拘泥于“抠”，而着眼于抠图的应用目的。如：在PS中利用快照。2 抠图的要点和关键要与不要的图形区域的边界（简称“抠图边界”）是抠图的关键部位，需要特别细心和认真对待。3 抠图的方法和工具方法和工具总是联系在一起的。抠图的方法大致可划分为下述三大类：1、创建选区。创建选区的目的在于将要与不要的图形区分开（至于选区边界的羽化，通常总是需要的，以下不再提及），以便通过拷贝-粘贴或删除等工具，将不要的图形区域透明化。
关于PS中文字的25条应用技巧
5、想要对几个文字图层的属性同时进行修改，例如字体、颜色、大小等等，只要将想要修改的图层通过按住Shift键关联到一起，再进行属性修改即可。 注意：这个特性的应用可以在“选项”浮动面板以及“字符”或“段落”浮动面板中进行操作。 6、尽管在文字图层中的编辑>填充命令和颜料桶工具都不能使用，但Alt+空格键（使用前景颜色填充）和Ctrl+空格键（使用背景颜色填充）仍然是可用的！ 7、合理利用文字工具，在图像窗口中右键点击文字图层来显示一个相关菜单，里面具有很多有用的格式安排选项。 注意：在ImageReady中右键菜单的实用选项要比在Photoshop中所出现的更多。 8、有些字体可能不支持粗体或者斜体，那么你可以试着对它们使用字符浮动面板菜单中的仿粗体或是仿斜体。 提示：你也可以通过右键点击文字图层来选择仿粗体和仿斜体。 9、在你需要同时改变文字或段落图层中的大小和行距时，按下Shift和Ctrl键。 10、当你处在输入/编辑模式下时，使用“视图”菜单有什么作用呢？“显示额外内容”命令能够将文本选定隐藏。 11、为了限定Adobe的应用程序使用的某些字体，请将它们放进C:\Program Files\Common Files\Adobe\Fonts\。 12、使用以下的点击或是拖动方法来启用一些高级的文字选择特性：
关于PS中动作/批处理的15条技巧介绍
注意：要改变一个特定命令步骤的参数，只需要双击这个步骤，显示出相关的对话框：任何输入的新的值都会自动被记录下来。 2、要想从某个指定的步骤返回播放，只需要选中需要开始播放的步骤，接着点击“动作”浮动面板下方的“播放选定的动作”按钮即可。 3、如果你正在记录下的一个动作可能会被用于不同的画布大小，那么请将你的标尺单位转变为百分比。这样就可以确保所有的命令和画笔描边能够按相关的画布大小记录――而不是基于特定的像素坐标。 小贴士：要很快地改变标尺单位，只需要右键点击“标尺”[Ctrl+R]（视图>标尺），接着选择你需要的测量单位。你也可以通过双击标尺来访问标尺的设置，或是通过“编辑>首选项>单位与标尺”菜单[Ctrl+K, Ctrl+5]。 4、当你在记录或编辑一个动作时，你可以插入一个菜单命令，只需要在“动作”浮动面板中选择“插入菜单项目”即可。 小贴士：对于将步骤类属记录到动作中，这是一个很好的方法，例如，菜单命令则能通过预设的参数而不被记录下来。 5、按下“Ctrl+Alt”并在“动作”浮动面板中选择“存储 动作”就能够将所有的动作保存为一个文本文件。这在你审查或打印一个动作内容时就非常有用。 注意：这个文本文件是不能重新载入到Photoshop中的。 6、关于动作，它有一个确实很强大的功能就是它能够播放其它的动作，甚至是在不动的动作设置中。对于包含那些能够分割到动作的“子程序”中重复的命令部分，这个特性是很理想的，因为这样能够让动作更容易编辑与维护。当你在记录一个动作的时候，选择其它的动作并点击“播放”按钮，这个播放命令就会被作为一个动作步骤记录到当前的动作中。 7、使用“文件>自动>创建快捷批处理”命令能将一个动作保存为一个快捷批处理。一个快捷批处理是一个很小的可执行文件，打开它能够自动打开Photoshop并将设计好的动作应用到任何你拖动到其之上的图像。
关于配置中的15条技巧
2、Photoshop要求一个暂存磁盘，它的大小至少要是你打算处理的最大图像大小的三到五倍――不管你的内存 究竟有多大。 例如，如果你打算对一个5MB大小的图像进行处理，你至少需要有15MB到25MB可用的硬盘 空间和内存大小。 3、如果你没有分派足够的暂存磁盘空间，Photoshop的性能则会受到影响。Photoshop所占用的聂存受到可用暂存磁盘空间的限制。因此，如果你有1GB大小的内存，并指示Photoshop能够使用其中的75％，但仅有200MB能够用作设计时的暂存磁盘，那么大多数情况下，Photoshop就会使用200MB。 注意：要获得Photoshop的最佳性能，将你的物理内存占用的最大数量值设置在50％――75％之间。[Ctrl+K, Ctrl+8]（编辑>首选 项>内存与图像高速缓存）。 你不应将Photoshop的暂存磁盘[Ctrl+K, Ctrl+7]（编辑>首选项>增效工具与暂存盘）与你的操作系统设置在同一个分区，因为这样做会使Photoshop与你的操作系统在争夺可用的资源，这样就会导致整体性能的下降。 4、在打开Photoshop时按下Ctrl和Alt键，这样你就能在Photoshop载入之前改变它的暂存磁盘。 5、要将所有的首选项还原为默认值，就在打开Photoshop或ImageReady之后立即按下Ctrl+Alt+Shift。此时就会出现一个对话框，询问你是否确认需要重置。 6、通常，到你选择一个历史记录接着对图像进行更改时，所有活动记录下的记录都会被删除，或者更准确地来说，是被当前的记录所替代。然而，如果你启用了“历史记录”浮动面板中的“允许非线形历史”选项，你就可以选择一个记录，对图像做出更改，接着所做的更改就会被附加到“历史纪录”浮动面板的底部，而不是将所有活动记录下的记录都进行替换。你甚至还可以在不失去任何在其下方的记录的情况下删除一个记录。 注意：在历史纪录之间的水平线颜色指示了它们的线性关系。用白色进行分割表示线形历史纪录，而黑色则表示非线形历史记录。 一个非线形历史不仅非常占用内存，它也十分地令人难以理解。
关于photoshop图层的42条技巧
图层的基本操作技巧 1、如果你只想要显示某个图层，只需要按下Alt键点击该图层的指示图层可视性图标即可将其它图层隐藏，再次按下则显示所有图层。 2、按下Alt键点击当前层前的画笔图标就可以将所有的图层与其取消链接关系。 3、要改变当前活动工具或图层的不透明度可以使用小键盘 上的数字键。按下“1”则代表10％的不透明度，“5”则代表50％。而“0”则是代表100％的不透明度。而连续地按下数字，例如“45”，则会得出一个不透明度为45％的结果。 注意：上述的方法也会影响到当前活动的画笔工具，因此，如果你想要改变活动图层的不透明度，请在改变前先切换到移动工具或是 其它的选择工具。 4、按下Alt键点击“图层”调板底部的“删除图层”图标，则能够在不弹出任何确认提示的情况下删除图层，而这个操作在通道和路径中同样适用。 小贴士：这条技巧同样也能够用在图层蒙板和剪切路径中，现在适当的缩略图上点击一下，接着按下Alt键后点击“删除”图标，这 样就能够在不出现任何确认提示的情况下将蒙板或路径删除。 5、按下Ctrl后点击“图层”调板底部的“删除图层”图标，就能够同时将所有相关的图层都同时删除。 注意：如果所有的图层都是相关联的，这个技巧则不能使用，因为你不可能将一个图像中的每个图层都删去，因为一个图像中至少需 要有一个图层。 6、当你当前在使用“移动”工具，或是按下Ctrl键时，在画布的任意之处右键点击都能够在鼠标 指针之下得到一个图层的列表，按照从最上面的图层到最下面的图层这样按顺序排列，在列表中选择一个图层的名称则能够让这个图层处在活动状态。
Photoshop CS3 扩展版新功能介绍
“快速选择”和“调整边缘”工具 快速进行选择。松散地在某个图像区域上绘图， “快速选择”工具会自动为您完成选择。然后使用“调整边缘”工具微调您的选择。 智能滤镜 从图像添加、调整和删除滤镜， 不必重新保存图像或重新开始以保持质量。使用非破损智能滤镜可以可视化更改而不必更改原始像素数据。 高级复合 通过自动对齐基于相似内容的多个 Photoshop 图层或图像， 创建更加准确的复合图像。自动对齐图层命令快速分析详细信息并移动、旋转或变形图层以完美地对齐它们， 而自动混合图层命令混合颜色和阴影来创建平滑的、可编辑的结果。 简化的界面和调板管理 最大化用于编辑的屏幕空间， 同时保持必备工具可以访问。调板现在以方便的、自动调节的停靠方式进行排列， 可以扩大到原来的大小或缩小为图标， 或者甚至缩小为监视器边缘的一个小巧的、自动展现的带区。 更好的原始图像处理 使用 Adobe Photoshop Camera Raw 插件以更快的速度和出色的转换质量处理原始图像， 该插件现在增加了对 JPEG 和 TIFF 格式的支持; 新工具包括 Fill Light 和 Dust Busting; 与 Adobe Photoshop Lightroom? 软件兼容; 及支持超过 150 种相机型号。 使用 Adobe Bridge CS3 的更快的、更加灵活的资源管理 使用 Adobe Bridge CS3 软件， 更加有效地组织和管理图像， 该软件现在提供增强的性能、一个更易于搜索的“滤镜”面板、在单一缩略图下组合多个图像的能力、放大镜工具、脱机图像浏览等等。 增强的消失点 使用增强的消失点将基于透视的编辑提高到一个新的水平， 这使您可以在一个图像内创建多个平面， 以任何角度连接它们， 然后围绕它们绕排图形、文本和图像来创建打包模仿等等。 增强的 32 位高动态范围 (HDR) 支持 创建和编辑 32 位图像并将多个曝光组合为保留场景的完全范围 (从最深的阴影到最亮的高光) 的单一 32 位图像。新的图像处理和对齐算法提供出色的结果。 黑白转换 可以轻松地将彩色图像转换为丰富的黑白图像， 并使用新工具调整色调值和浓淡。使用包含的黑白预设进行试验， 或者创建和保存您自己的自定义预设来达到最佳结果。 性能峰值 体验在基于 Intel 和 PowerPC 的 Macintosh 计算机上和在 Microsoft Windows XP 和 Windows Vista 系统上的本机性能。
Photoshop路径钢笔基础使用方法动画图解
Photoshop处理的是点阵图，而钢笔工具是Photoshop里面唯一矢量工具。刚接触这个工具可能会让你感到有点吃力，但是当你理解其运作原理后，你就会逐渐感受到其妙处。希望这一点技巧对你使用这个工具会有一点帮助。 首先，用鼠标按住这个钢笔工具的按钮。你将看见另一个工具栏的弹出，它们都属于钢笔工具。现在逐一介绍它们的用法。转换点工具：可以将一条光滑的曲线变成直线，反之亦然。
教你玩转Photoshop的“自由变形”工具
大家都知道在PS中编辑(Edit)菜单下有一个变换菜单，它的子菜单包含缩放、旋转等等，初学者在对这些菜单的理解上往往会以强记的方式，其实这样学习效果并不好。 这里我根我自己的一些经验和体会，对“自由变换”作了一个小结，以此献给初学者。 自由变换的快捷键：Ctrl+T 辅助功能键：Ctrl、Shift、Alt。 其中Ctrl键控制自由变化；Shift控制方向、角度和等比例放大缩小；Alt键控制中心对称。 一、三键均不按下，用鼠标拖动 1.鼠标左键按住变形框角点=>对角不变的自由矩形(可反向拖动，形成翻转图形)； 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由矩形； 3.鼠标左键在变形框外拖动=>自由旋转角度，精确至0.1度。(5.0版本通过“info”信息面板“F8”；6.0以上版本可直接在选项栏中定义) 二、按下Ctrl，用鼠标拖动 1.鼠标左键按住变形框角点=>对角为直角的自由四边形； 2.鼠标左键按住变形框边点=>对边不变的自由平行四边形； 3.Ctrl对角度无影响。 4.特例（如图），当某角点拖动至侧对边外时（不好意思，具体位置和角度未计算）会出现如图扭曲。 1.鼠标左键按住变形框角点=>等比例放大或缩小(可反向拖动，形成翻转图形)； 2.鼠标左键按住变形框边点=>(同一，即无影响)； 3.鼠标左键在变形框外拖动=>15°增量旋转角度，可作90°、180°顺逆旋转。 四、按下Alt，用鼠标拖动
Photoshop通道在图像处理中的应用详解
如果问“什么是 photoshop 中最重要、最不可缺少的功能？”相信很多人的回答是“图层”。其实，在 photoshop3.0 之前，根本没有图层的功能。在图像处理中，最重要的功能是选区范围。只有正确地运用选区范围，才能够进行精确的合成。如果无法选区，也就无法作出相应的操作或处理。 为了记录选区范围，可以通过黑与白的形式将其保存为单独的图像，进而制作各种效果。人们将这种独立并依附于原图的、用以保存选择区域的黑白图像称为“通道”（ channel ）。换言之，通道才是图像处理中最重要的部分。 然而，真正懂得Photoshop通道的人并不多。对基本概念的一知半解，造成了技术上的断层，以致某些难点无法突破，这是由学习上的本末倒置所造成的。本文试图通过常用的图像处理方法，来探讨Photoshop通道的本质、运算及其特殊形式，帮助读者从中获得启发，理解本质，掌握应用。 一、通道起源――传统照相合成技术及其数字化 1 ．遮板的应用 我们知道，照相排版行业的全面数字化不过是最近几年的事情。在此之前，图像合成工作者的工作量之大，内容之枯燥令人难以想象。他们必须将自己关在暗房里，在放大机下面作遮板，以便在底片曝光时有所选择。这种遮板其实就是有选择地在一张透明底片的不同部位涂上黑色染料，让光线不能透过。在曝光时，使遮板与底片重叠放置，这样，遮板上黑色区域下面的底片图像就因为被不透明的黑色遮住而不能被曝光，而只剩下透明部分对应的图像，也就是说完成了对照片的选择曝光。在进行了反复几次相同牟僮髦后，就能运用不同的遮板完成高难度的照片合成了? 通道的概念，便是由遮板演变而来的。在通道中，以白色代替透明表示要处理的部分（选择区域）；以黑色表示不需处理的部分（非选择区域）。因此，通道也与遮板一样，没有其独立的意义，而只有在依附于其他图像（或模型）存在时，才能体现其功用。而通道与遮板的最大区别，也是通道最大的优越之处，在于通道可以完全由计算机来进行处理，也就是说，它是完全数字化的。 2 ．通道――传统技术的数字化 计算机可以不知疲倦的 24 小时工作，而且效率极高。因此，人们不遗余力地将一切可能的信息交由计算机处理，数字化的浪潮席卷全球，图像处理行业也不例外。 如何将一张鲜活的照片变成我们硬盘上的“ 0 ”与“ 1 ”呢？在此之前，让我们来看看数字化信息的特点。首先，顾名思义，数字化信息最大的特点就是任何形式的信息都可以用数字完整、准确的表达出来，无论它是一条记录、一通电话、还是一段录影。数字化的这个特点是很容易理解的，我们称之为“解析”。