推荐阅读
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通道选区抠出透明婚纱的技巧
婚纱抠图方法有很多,通道抠图是个不错的选择。大致过程:先需要用钢笔等工具把人物部分抠出来包括婚纱部分。然后把抠出的人物图层复制一层,在通道选区婚纱部分较为清晰的通道并调出选区,回到图层面板后把选区反选按删除高光部分以外的图像,得到的图像就是我们抠出的婚纱部分,后期再适当调亮即可。 最终效果 原图 一、打开原图素材,按Ctrl + J 把背景图层复制一层,把背景图层影藏,然后用魔术棒加橡皮工具把背景部分去掉。 二、把抠出的人物图层复制一层,然后在背景图层上面新建一个图层填充黑色作为参照层。
PS滤镜库的概述
滤镜库是多个滤镜组的合集,这些滤镜组中包含了大量常用的滤镜。1、“滤镜库”对话框,该对话框中可以选择一个或多个滤镜应用于所选图层,同时还可以进行参数调整,以达到想要的效果;下面将对“滤镜库”对话框中主要参数进行详细介绍:效果预览窗口: 这里可以看到滤镜应用后的效果,同时在预览窗口的下方可以缩小/放大预览窗口。滤镜组:滤镜库包含多个滤镜组,在每个滤镜组中有一个或者 多个滤镜可以应用。滤镜组下三角按钮:单击下三角按钮在列表中可以选择不同的滤镜。参数设置面板:选择滤镜后可以在该区域对当前使用的滤镜进行参数设置。应用的滤镜:显示已经应用的滤镜。当前使用的滤镜:显示当前使用的滤镜。新建效果图层:单击“新建效果图层”按钮可以创建一个新的效果图层,通过多个滤镜重叠可以达到-一个理想的效果。
PS像素化滤镜组的概述与定义
“像素化”滤镜组中的滤镜是通过使单元格中颜色相似的像素结成块,来对一个选区做清新的定义,可以制作出彩块、点状、晶格和马赛克等特殊效果。“像素化滤镜组”包括“彩块化”、“点状化”、“晶格化”、“马赛克”、“ 碎片”和“铜版雕刻”等滤镜。使用“彩块化”滤镜可以将纯色或者颜色相近的像素结成相近颜色的像素块,常用来制作手绘图像、抽象派绘画等艺术效果。1、打开图像文件;2、在菜单栏中执行“ 滤镜>像素化>彩块化”命令后;使用“彩色半调”滤镜可以将图像中每种颜色分离,分散为随机分布的网点,如同点状绘画效果。1、在菜单栏中执行“滤镜>像素化>彩色半调”命令,在弹出的“彩色半调”对话框中进行参数设置,在“彩色半调”对话框中,“最大半径”参数用于对生成的网点的最大半径进行设置;“网角(度)”选项组可以对图像各个原色通道进行设置;“马赛克”滤镜使像素结为方形块,块颜色为选区中的颜色。1、在菜单栏中执行“滤镜>像素化>马赛克"命令,在弹出的“马赛克”对话框中进行参数设置,“单元格大小”参数可以设置每个多边形色块的额大小;
PS杂色滤镜组的概述以及使用方式
“杂色”滤镜组中的滤镜可以为图像添加和移除杂色效果。“杂色”滤镜组包括“ 减少杂色”、“蒙尘与划痕”、“去斑”、“添加杂色”和“中间值”滤镜。“蒙尘与划痕”滤镜可以通过修改具有差异化的像素来减少杂色。1、在菜单栏中执行“滤镜>杂色>蒙尘与划痕”命令,在弹出的“蒙尘与划痕”对话框中进行参数设置,“半径”参数用于设置柔化图像边缘的范围;“阈值”参数可以设置用来视为杂色的像素差异值,数值越高,消除杂色的能力越弱;添加杂色”滤镜可以在图像中添加随机像素,使其混合到图像中产生色散的效果。1、在菜单栏中执行“滤镜>锐化>智能锐化”命令,在弹出的“智能锐化”对话框中进行参数设置;下面将对“ 添加杂色”对话框中的主要参数进行详细介绍:数量:用于对随机添加杂色的数量进行设置。分布:用于对随机添加杂色的分布类型进行选择,包括“平均分布”和“高斯模糊”两个单选按钮。单色:勾选该复选框后,杂色只会对原有像素的亮点造成影响,像素的颜色不会发生变化。
PS通道抠图:透明婚纱照片抠图技巧
透明的婚片抠图方法有很多。本教程用到的是通道选区法。大致过程:先选取一个画质较好的通道复制一层,用调色工具把对比度加大,然后用画笔涂掉杂乱的背景,即可得到初步的效果。后期用选区复制,再调整细节即可。最终效果 原图 一、ps打开原图素材,按Ctrl + J 把背景图层复制两层,分别命名为“1”,“2”,如下图。 二、关闭图层“2”,选择图层1,按Ctrl + Shift + U 去色。
对半透明玻璃杯和水花抠图的PS技巧
本文的抠图比较复杂,需要抠出玻璃杯和洒出的水花,因为杯子和水花都是比较透明的物体。抠图的时候先用魔棒及钢笔等把小水花、杯子、大水花提取出来;然后再把它们的高光及暗部分别提取出来。推荐给思缘的朋友学习,希望大家可以喜欢。最终效果 原图 1、把上面的玻璃杯素材保存到本机,打开PS软件,再打开保存的素材,如下图。
PS渲染滤镜组的概述以及使用方式
“渲染” 滤镜组中的滤镜 可以在图像中创建3D形状、云彩图案、折射图案或者模拟光的反射,是Photoshop中一个十分重要的特效制作滤镜。“渲染”滤镜组包括“分层云彩”、 “纤维”、“光照效果”“镜头光晕”和“云彩”等滤镜。“分层云彩”滤镜可以将云彩数据和现有的图像像素以“差值”方式混合。1、打开图像文件;2、在菜单栏中执行“滤镜>渲染>分层云彩”命令后;“镜头光晕”滤镜可以模拟亮光折射到相机镜头所产生的光晕效果。1、在菜单栏中执行“滤镜>渲染>镜头光晕”命令,在弹出的“镜头光晕”对话框中进行参数设置;下面将对“镜头光晕”对话框中的主 要参数进行详细介绍:预览窗口:在该窗口中可以拖曳调节镜头光晕的中心位置。亮度:用于设置镜头光晕的亮度大小。镜头类型:用于设置不同类型的镜头。
用钢笔工具对美女长腿照片抠图的PS技巧
本教程主要使用Photoshop巧用钢笔工具给人像美腿抠图。新多新手问我:教父老师,PS钢笔抠图有什么技巧吗?钢笔抠图怎么用等等话题,今天就简单写了这篇教程。大家有疑问的可以在设计探索网下面给我留言。题外话:请确保你有足够的耐心看下去。 开始了,我们今天要扣的这张图是: 别看着留鼻血。看下面的教程,不要再看上面的大腿了。 PS钢笔抠图写在前面: 1、我们扣每张图前得先搞清楚用什么工具、用什么方法扣最合适?可能你现在还不会分析,你把设计探索网教父老师,也就是我的系列抠图教程看完了应该会思路清晰很多。今天这张图为什么适合用钢笔扣呢?
PS魔术橡皮擦工具的概括以及使用方式
使用魔术橡皮擦工具可以将图像中选中的像素及相似的像素更改为透明或者背景色,如果在未锁定透明,像素的图像中使用,更改的像素将变成透明,但是一旦锁定透明像素, 更改的像素将变成背景色。1、首先在工具箱中选择魔术橡皮擦工具,在魔术橡皮擦工具属性栏中进行参数设置;2、使用魔术橡皮檫工具檫除图像的对比效果;操作提示:背景橡皮檫工具和魔术橡皮檫工具的区别背景橡皮擦工具功能上与魔术橡皮擦工具类似,都是将像素涂抹成透明像素,但是从操作上讲两者存在明显的不同,前者利用类似于画笔涂抹的操作方式,后者则是典型的区域型操作方法。
怎么使用PS感知移动工具?
内容感知移动工具同同样可以选择和移动局部图像,当图像被选择和移动后,出现的空洞可以被自动填充。1、打开图像,在工具箱选择内容感知移动工具;2、按住鼠标左键圈住主体,并向上移动;3、完成上述操作后查看效果对比;4、在内容感知移动工具属性栏中单击“适应”下三角按钮,在下拉列表中可以选择区域保留的严格程度;