推荐阅读
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动作示例：批量实现文件“邮票效果”
9、在邮票文档中，新建一图层，用自定形状工具在文档拖拉并产生邮票形状的路径，“Ctrl+Enter”转化路径为选区，“D”键复位前景及背景色，“Ctrl+Del”为选区填充背景色白色，“Ctrl+D”取消选区。 10、在当前邮票框图层中，“W”键用“魔棒”选取邮票框外围选区。(图4)，选择图片图层，“Del”删除路径。“Del”删除选区内图象。[注意：请按两次删除，路径在动作执行时会保留。必须删除]；“X”键交换前景色和背景色。 11、“T”选择“字体工具”,在文档的右上角位置单击鼠标左键，按键盘组合键“Ctrl+T”弹出字体工具设置面板，设置字体为“宋体，18号”，宽度缩放为“120%”,“消除锯齿”项设为“锐化”，其余选项默认。 12、竖排输入“中国邮政”，敲一字按一回车。小键盘“Enter”确认输入。 13、同样，在邮票左下角输入文字“80分”，字体形状及大小见下图（图5）。 14、按着“Ctrl”键，在图层面板中依次选取除背景图层外的所有图层，“Ctrl+E”合并已选图层。“Ctlr+A”全选图象，“图象-裁切”裁切图象，“Ctrl+D”取消选区。 15、双击图层面板中合并图层的灰色区域或点击面板下方的“图层样式”按钮，在弹出的“图层样式”面板中点选“投影”项，将投影的“不透明度”设为“25%”，“角度”为“120”度，其余默认。点击“好”结束图层样式的编辑。(图6) 16、“Ctrl+Shift+E”合并可见图层，“Ctrl+Shift+S”另存储文件为“JPG”格式到一个新建的空文件夹中。文件名不用做改动。 17、“Ctrl+W”关闭当前文档，“Ctrl+W”关闭图象文档，在弹出的“是否保存改动”提示面板中选“否”。 18、按下动作面板下方的“停止”按钮。结束“邮票效果动作”的编辑。 以下来运用自动批处理改变所有的图片。 19、“文件
Photoshop动作运用实例教程(图)
图片如下： 新建一层 2.用路径工具随便画一条曲线并在空白层描边路径。 图片如下：路径工具 3.描边路径并找到动作面板删除原有的默认动作。 图片如下：描边路径 4.创建新的动作。 图片如下：
Photoshop动作命令
一起来“动作”所谓“动作”，实际上是由自定义的操作步骤组成的批处理命令，它会根据你定义操作步骤的顺序逐一显示在动作浮动面板中，这个过程我们称之为“录制”。以后需要对图像进行此类重复操作时，只需把录制的动作“搬”出来，按一下“播放”，一系列的动作就会应用在新的图像中了。例如在本例中，我们会进行一组通用照片的基本处理，以后就不必在每张照片上花很多的时间做重复的操作了。这里笔者先给大家理清一下思路，例如，笔者在照片处理时，通常是进行以下的操作：“更改照片尺寸为800像素→更改颜色模式为CMYK→曲线调整”，这几步动作就是我们所要录制的内容。下面来具体看看。1. 在PS中打开一幅图片。2. 点击菜单命令“窗口→动作”，调出动作浮动面板。图13. 按下动作浮动面板上的新建按钮（图1），在弹出的“新动作”对话框中可以定义该组动作的“名称”，方便日后查找；建议你每组颜色都改变一下颜色设置，便于管理和使用（图2）。设置完成后按下“记录”按钮。图24. 注意哦，现在你在PS里的操作步骤都将“记录在案”了，下面我们按上面说的几步做。5. 首行选取菜单命令“图像→图像大小”，在弹出的菜单中将宽度和高度按设置要求将照片尺寸变为800像素，按下确定。6. 选取菜单命令“图像→模式→CMYK颜色”。7. 按下Ctrl+M，调出“曲线调整”对话框，调整图像明亮度，完成后确定。
Photoshop教程 用PS动作快速将小图片变成大图片教程
10%放大后的效果 1：在PS里打开要放大的图片； 2：新建动作； 3：在图片上方单击右键选择图像大小 后在出现的对话框中设置如图红框所示，注意两个地方：一是要勾选“重定像素”，并把插补方法设定为“两次立方”，二是把文档大小的单位设置为百分比，并且只采用110这个百分比，这将把图像增大10%。信不信由您，当以10%的增量增大图像时，由于某种原因，似乎不会使图像变模糊和柔和。很奇怪也很有趣。 4：按“确定”按纽，图像就增加了10%，动作完成，接着按动作下方的 停止播放/记录 按纽，即动作完成， 5：选中做好的 10%放大图片 动作，再单击下面的播放选区，每单击一次，图片就增大10% ，如果有其它的图片要放大，直接应用这个动作就可以了，很方便吧。
Photoshop动作Action嵌入操作技巧
Photoshop中的Action“动作”可以帮助我们快速完成一系列重复性的任务，在使用“动作”时，实际上是播放了单个文件或一批文件的一系列命令。例如，如果经常要处理类似的大量数码相片，需要将照片调整为统一尺寸，并自动调整颜色、对比度、亮度、色阶等，这里就可以将所有这些命令录制为动作，然后为这些文件播放这些动作即可。 Photoshop提供了大量的预设动作，可以直接拿来使用，这些预设动作能够帮助用户完成许多常见的工作，例如创建图像效果或文字效果、制作纹理或画框等等。 现在假设我们要通过动作来批量处理大量照片，要录制的动作中除了对照片调整尺寸、颜色、对比度和亮度之外，还包括为图片制作如图1所示的“照片卡角”效果，这时就可以在录制完基本的图像调整命令之后，将动作预设中的“照片卡角”动作一起录制进去，也就是标题中所说的“向动作中添加动作”。图1 照片卡角效果 其实实现的方法并不是很麻烦，下面我们通过以Photoshop CS2中文版为例介绍一下完整的操作步骤。 录制基本图像调整动作 1.启动Photoshop CS2中文版，打开要处理图片中的一幅，选择菜单命令“窗口>动作”，让“动作”调板显示在前，单击调板右上角箭头，打开调板菜单，选择“新建动作”命令，如图2所示。图2 2.在“新建动作”对话框中输入新动作的名称，例如“照片基本调整并加卡角”，这样可以方便日后查找该动作。在下方可以根据需要选择所在的组，设置功能键以及显示颜色，如图3所示。设置完毕单击“记录”按钮，这时。图3 3. 选择“图像>调整>自动色阶”，再选择“图像>调整>自动对比度”，再选择“图像>调整>自动颜色”，这样就将所需要的基本图像调整命令录制到动作“照片基本调整并加卡角”中去了。这时在“动作”调板中可以看到已经录制的动作，如图4所示。图4 添加预设动作 4.单击“动作”调板右上角箭头，打开调板菜单，选择下方的“画框”，在调板中显示出“画框”动作组。注意这时不要停止录制，向下拖动调板右侧滚动条找到“画框”动作组并单击左侧箭头将其展开，然后单击“照片卡角”动作，并单击调板下方的“播放选定的动作”按钮，如图5所示。图5 再向上看看新建的动作，发现多了如图6所示的“在组‘画框’中，播放动作‘照片卡角’”。图6 5.选择菜单命令“文件>存储为Web所用格式”，选择保存类型为JPEG，质量设置为“最佳”，品质为100，如图7所示然后单击“存储”按钮。图7 6.当出现“将优化结果存储为”对话框时，选择一个保存的位置，然后单击“保存”按钮。保存完毕选择“文件>关闭”，当出现提示是否保存对源文件的更改时，单击“否”。 7.单击“动作”调板下方的“停止播放/记录”按钮，完成动作的录制。这时可以看到新建的动作*包括如图8所示的若干命令。图8 使用动作批处理照片 最后我们可以使用录制好的动作来处理照片了。 8.选择菜单命令“文件>自动>批处理”，打开“批处理”对话框，如图9所示设置源文件夹(内有待处理的照片)和目标文件夹(存储处理后的照片)，在此将两个文件夹设置为不同，以避免覆盖源文件。另外要注意选中复选框“覆盖动作中的‘存储为’命令”，这样在执行批处理时就不会出现提示存储的对话框了。单击“确定”，Photoshop就开始自动干活儿了^_^图9 提示：我们平时在使用动作的时候，可以先看一看Photoshop中有哪些可用的预设动作，以免重复性劳动浪费我们宝贵的时间。
Photoshop动作详解-基础知识
2、新动作建立后，可以看到“动作面板”上的“录制”动作按钮已选中变为了红色，说明下面我们进行的操作将被录制。 3、点击右侧的“调板按钮”，在弹出的菜单面板中选择“插入停止”，在随即出现的窗口中输入信息，如“此动作由XXX制作”。勾选窗口下方的“允许继续”选项。 4、按着 Ctrl 键，双击PS灰色区域，新建一文档。在新文档中，按“Ctrl+Shift+N”新建一层，并用矩形选区工具画一矩形，Alt+Del 键填充前景色。“Ctrl+D”取消选区。 字串9 5、按“动作面板”上的“停止”按钮或 ESC 键，结束动作的编辑。 6、点击“动作面板”上的“播放”按钮，将弹出你所编辑的对话框，选“继续”，然后你将看到PS已自动运行了你刚才所执行的操作。 || 动作的编辑 当然，你也许并不喜欢那个弹出的对话框，你可以点击该命令左侧“执行控制”的小勾，再按“播放”或你所定义的快捷键，PS将不再执行弹出对话框的命令。 ――可以用“执行控制”选择所要执行的命令。 你已经有了一个新奇的想法，想自由控制用何种颜色填充。好，请点击填充命令左侧的“参数控制”的灰色区域，将出现参数控制的矩形灰色图标。点击“播放”，PS播放到“填充”的命令时，将弹出该命令的参数选项。 字串8 ―― 可以用“参数控制”在执行动作过程中自行修改命令参数。 如果你想存储刚才你所做的文档,并想把存储命令也加入到命令中。请你选择最后一个命令。然后按下控制面板的“录制”按钮，然后选择菜单“文件――存储”，存储结束后，点击“停止”按钮。停止动作的编辑。再次执行命令，文件将自动存储。这就是命令的编辑。同样，你可以对命令进行移动、复制、删除等。 移动：点选命令，拖动。 复制：点选命令，拖到“新建动作”按钮上放开。或按着 Alt 键拖动命令项。 删除：点选命令，拖到“删除”按钮上放开。 （按着 Shift 键可选中连续多项命令，按着 Ctrl 键可选中不连续的多项命令） 也许你想让PS自动给你建立刚才那样相同的10个文件。 第一种方法：请点击“新建动作”按钮，新建动作2，选中动作1，按“播放”，按“停止”，选中动作2下刚才执行动作1的命令项，再复制9个同样副本（复制一个后，shift 选中两个，复制。选中四个...）。点击“播放”动作2。如果50个呢，在新建一个动作，运行动2。 ―― 可以用一个动作去执行多个动作。使用此方法可以实现许多效果。 第二种方法：直接运行该动作10或50次。最好用快捷键哦。 www.54tyro.com 用重复执行的方法可以制作许多特殊的效果。例如一些图案的绘制。（图4） 对于整个动作的编辑其实就和编辑一条命令的操作是一样的。|| 动作的执行 点击“播放”或你已定义的快捷键。 按 Ctrl 双击命令项，或选中命令项，按 Ctrl +“播放”，将只执行该条命令。 执行过程中可按“停止”或 ESC 键暂停动作的编辑。|| 动作的其它操作 以下均为“调板选项”中的菜单项。 1、回放选项，含有执行动作的三种方式： 加速 ― 正常执行，你看不到PS每一步操作的结果。 逐步 ― PS将显示每一步操作的结果。 暂停 ― 你可以选择每个步骤之间间隔你所设定的时间。 2、清除全部动作：将清除动作面板中的全部动作。
Photoshop Action 动作集总揽
Large Round Button: 根据当前色建立大的圆形钮。Small Rectangular Button: 根据当前色建立小的矩形钮。Small Rectangular 2 Button: 根据当前色建立小的矩形钮(较宽)。Medium Rectangular Button: 根据当前色建立中等的矩形钮。Large Rectangular Button: 根据当前色建立大的矩形钮。Photo Button(selection): 根据选择域在图像上建立按钮效果。Emboss Photo Btn(selection): 根据选择域在图像上建立浮雕效果。Depressed Button-18 pixel: 建立直径为18像素的具有下压效果的圆形按钮。Depressed Button-36 pixel: 建立直径为36像素的具有下压效果的圆形按钮。 Commands总目(常用命令集) Cut(selection): 剪切。Copy(selection): 复制。Paste: 粘贴。Show Brushes: 笔刷设置窗。 Show Color: 颜色设置窗。Show Larges: 图层控制窗。Show Info: Info信息窗。Show Actions: 动作集控制窗。似乎多余。Show Navigator: 缩放控制窗。Image Size: 图像大小设置框。Revert: 恢复到上次存储时的状态。Crop(selection): 图像裁切。Flatten Image: 将图像各层合并到底层。Purge All: 清除所有内存记忆，如复制在剪贴板上的内容。Select Similar(selection): 选取相近的颜色区域。Grow(selection): 选取相近的且连续的颜色区域。Flip Horizontal: 水平翻转。Flip Vertical: 左右翻转。Rotate 90 CW: 顺时针旋转90度。Rotate 90 CCW: 逆时针旋转90度。Rotate 180: 旋转180度。New Snapshot: 在历史记录中产生一张快照。New Snapshop/Clear History: 在历史记录中产生一张快照并清除历史记录。 Frames总目(各种边框效果) Spatter Frame: 泼溅边缘效果。Strokes Frame: 笔刷边缘效果。Waves Frame: 波纹边缘效果。Ripple Frame: 海浪边缘效果。Drop Shadow Frame: 阴影边框效果。Photo Corners: 像框效果。Cut Out(selection): 挖剪效果。Recessed Frame(selection): 凹陷效果。 Vignette(selection): 挖剪效果。Frame Channel-50 pixel: 在图像边缘之外建立50像素宽度的选择域。图像区域增大。Wood Frame-50 pixel: 50像素宽度的木质边框。Brushed Aluminum Frame: 铅笔刷边框。Foreground Color Frame: 根据当前色产生的边框。Wild Frame-50 pixel: 50像素宽度杂色边框。 Image Effects总目(图像效果处理) Aged Photo: 老照片色调。Blizzard: 大风雪效果。Light Rain: 雨丝效果。Lizard Skin: 蜥蜴皮肤。Neon Nights: 霓虹灯效果。Oil Pastel: 油画效果。Quadrant Colors: 四色效果。Sepia Toning(grayscale): 将灰度图像转换成褐色色调。Sepia Toning(layer): 转换成深咖啡色调。Soft Edge Glow: 边缘柔光。Soft Flat Color: 整体柔光。Soft Focus: 柔焦。Soft Posterize: 柔和色调分离。Colorful Center(Color): 保留中间影像饱和度的效果。Horizontal Color Fade(Color): 水平色调渐淡效果。渐趋于黑白。Vertical Color Fade(Color): 垂直色调渐淡效果。渐趋于黑白。 Production总目(图像尺度及格式的变换) Letter Canvas 150: 转换成21.59cm,27.94cm，分辨率150dpi图像。Letter R Canvas 150: 转换成27.94cm,21.59cm，分辨率150dpi图像。Tabloid Canvas 150: 转换成27.94cm,43.18cm，分辨率150dpi图像。Tabloid R Canvas 150: 转换成43.18cm,27.94cm，分辨率150dpi图像。Legal Canvas 150: 转换成21.59cm,35.56cm，分辨率150dpi图像。Legal R Canvas 150: 转换成35.56cm,21.59cm，分辨率150dpi图像。640x480: 将尺寸调节到640x480。Export as Gif89a: 输出成gif格式，具备透明层效果。Conditional Mode Change: 模式转换，可供选择。Batch Processing: 批处理指令，详情见《PHOTOSHOP批处理及ACTION》Reduced Color Palette: 索引色转换。Fit Image: 等比缩放。Custom RGB to Grayscale: 将RGB图像转换成灰度图像。Custom CMYK to Grayscale: 将CMYK图像转换成灰度图像。
Photoshop Action动作轻松制作波纹文字
这次在制作波纹文字的同时,加入了动作记录的使用.通常情况下我们制作简单的效果,可以利用动作记录,来记录制作效果的步骤,然后在需要这种效果时,我们可以通过执行动作记录,自动完成效果制作,省去不少时间,闲话少说,开始制作.