推荐阅读
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制作玻璃的奥运“中国印”
08年奥运会新会徽，将中国具有5000多年历史的印章和书法等艺术形式与体育运动特征结合起来，巧妙地幻化成一个向前奔跑、迎接胜利的运动人形，非常生动传神。下面我们用Photoshop来制作一款玻璃“中国印”。先看一下效果：制作工具：Photoshop CS 制作过程： 1、新建一个文件，打开标志图片如图01所示，使用工具箱中的“魔棒工具”选择标志，将其拖拽到文件中，自动生成图层1，并将其填充黑色，效果如图02所示。2、按Ctrl键单击图层1，调出标志选区，切换到通道面板，在面板底部单击“将选区存储为通道”按钮，将选区保存为通道，如图03所示。3、在通道面板中选择Alpha 1，取消选区，执行菜单栏中的“滤镜”“艺术效果”“塑料包装”命令，在弹出的对话框中设置参数如图04所示，图像效果如图05所示。4、执行菜单栏中的“滤镜”“素描”“铬黄”命令，在弹出的对话框中设置参数如图06所示，画面效果如图07所示。5、执行菜单栏中的“选择”“载入选区”命令，在弹出的对话框中设置参数如图08所示，图像效果如图09所示。
让你的照片不再平凡:70多种照片边框的制作方法
图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片： 图片：
水晶枫叶
1-前景色定义为RGB绿色，使用“自定形状工具”画出一个枫叶的形状，起名为“枫叶”。 2-点击“图层”面板下方的“添加图层样式”按钮,选择“内发光”一项 3-设置和效果[为了大家观看方便我把背景色换成了黑色。(使用“内发光”是为了使风叶的边缘的颜色更自然一些)说是水晶还不如说是塑料的比较形象……
水晶贝壳
本教程主要是使用PS模拟制作3D物体，并通过质感的模拟达到逼真效果。所使用到的滤镜有内置的“玻璃”，外置的KPT5.0的“KPT ShapeShifter”。并对其中的图层使用蒙版、图层样式和图层混合模式。提示：虚拟现实的物体特别是3d物体是photoshop的长项，如果想摸索出一种效果，除需要对软件工具的精通、对现实生活中物 体的了解外还需要大量的时间。所以虽然学习他人的经验可以大大缩短学习时间，但那毕竟是别人的东西，一定要在制作图片和 学习他人的东西时抓住瞬间的灵感，制作出属于自己的东西来。先看效果图和终稿的图层顺序。本教程的核心思想是“三图层的图层混合”。需要用的2张素材图片在文件尾，是让大家简单看一遍后再做！ 1.打开原始图片，使用路径将贝壳选中，通过ctrl+enter，得到选区，进行复制和粘贴。将背景层重命名为“原图”，新复制出的图层重命名为“贝壳”，在两层间新建一个图层，填充白色，重命名为“背景”。 2.对“贝壳”层“去色”，并进行“亮度/对比度”的设置，降低亮度，提高对比度，然后保存成.PSD格式 3.把“贝壳”层暂时隐藏，打开一张水“波纹”的图片，复制到贝壳图层下（这里注意，图片的左上角一定要和整体图片的左上角对齐）。对其使用“滤镜”―“扭曲”―“玻璃”；纹理选择“载入纹理”，选择在第二步保存的那张PSD格式的图片。设置参数和效果见下面图例。顺便说一下，从CS起这个滤镜的“载入纹理”这个功能就被取消了，解决办法是在7.0以前的版本中复制这个滤镜到CS安装文件里的“增效工具”下，“滤镜”文件夹里。 4.按ctrl键，鼠标点击“贝壳”图层，得到选区，对“波纹”层使用蒙版。 5.在“贝壳”层上新建图层“发光”，按ctrl键，鼠标点击“贝壳”图层，得到选区，选择滤镜里“KPT5”中的KPT ShapeShifter（翻译过来是“形状工具”，我更喜欢叫它“材质滤镜”）。首先点击Environment（环境图），在弹出的对话框中选择一张反射图片做环境渲染图片。然后将Top Mask、Shadow和Glow工具中的眼睛关闭。然后调整Main Shape中的Bevel Scale，让表面凸起来。 6.对“发光”层，再次使用“玻璃”滤镜，设置如图例。7.更改“发光”、“贝壳”、“波纹”三层的图层混合模式，得到初步效果。 8.考虑到环境色的问题，对“发光”层使用样式，分别设置“投影”、“内阴影”、“外发光”、“内发光”。9.为突现水晶的晶莹剔透，需要添加背景映衬图。将前景色设置为浅蓝色，背景色设置为黑色，使用径向渐变工具在“背景”层上拖拉出一个光圈，为了增加真实效果对该层使用了“编辑”―“变换”中的“透视”。 10.这个时候发现水晶下的阴影并不是很自然，于是在“波纹”层下新建图层，使用黑色柔角画笔在边缘涂抹，得到阴影,完成。
Photoshop打造灿烂无比的绚丽烟花
5、再次复制图层1，选择移动工具，在执行菜单栏中的“编辑”→“变换”→“再次”命令，复制白线的同时再次变换角度，添加第三条白线，效果如图06所示。 7、在图层面板中将烟花所在的所有图层进行链接，然后按Ctrl+E键合并链接图层为图层1。 8、在图层面板中，将图层1复制生成图层1副本，将图层1隐藏。执行菜单栏中的“滤镜”→“模糊”→“高斯模糊”命令，在弹出的对话框中，设置半径为7像素，如图08所示，图像效果如图09所示。
今夜无眠，良宵美景
第一步、图片的构成 开始以前，让我们先来分析这幅图都是由哪些元素构成的：有点夸张的月亮、可爱的星星、两只猫咪、屋顶&烟囱、音符若干、普通的星星。 第二步、月亮升起来了 首先，我们来画月亮，月亮的画法很简单，仔细观察，其实是两个圆构成。 1、选择“椭圆选取框”工具或者直接按M键； 2、按住shift键，在画布上拖出一个规则的圆； 3、继续，按住alt键，这时，鼠标的形状变成+_拖出另一个圆形选取。如下图： 4、选取油漆桶的颜色为：#e0e017； 5、按alt+backspace键，这时你会发现月亮变成下图的样子了： 6、为月亮加上内斜角和发光效果，参数如下： 7、然后选中月亮，按F8，将月亮转化成元件，待用。 第三步、星星出来了 1、使用钢笔工具，勾出如下图所示的轮廓来： 2、选中星星轮廓，属性中油漆桶工具的设置如下图所示： 3、为星星轮廓家上一个效果：投影，突起浮雕，内斜角。具体设置参数如下图所示：
教你用Photosho制作奥运福娃台历
最终效果： 制作工具：Photoshop CS 制作过程： 1、新建一个文件，选择工具箱中的“圆角矩形工具”，在选项栏中设置半径为15像素，在画布中绘制路径，效果如图01所示。 2、将路径转换为选区，新建图层1。选择工具箱中的“渐变工具”，设置前景色和背景色从右上角之左下角绘制渐变，效果如图02所示。 3、在图层面板中，复制图层1为图层1副本，并将图层1副本拖至图层1的下方，选择工具箱中的“移动工具”，将复制的图层1副本向右上角适当移动，效果如图03所示。 4、执行菜单栏中的“图像”“调整”“亮度/对比度”命令，在弹出的对话框中设置参数如图04所示，图像效果如图05所示。 5、选择工具箱中的“多边形套索工具”，按图06绘制选区，然后按Delete键删除选区内的图形，图像效果如图07所示。 6、再复制图层1生成图层1副本2，将图层1副本2拖至背景层的上方，选择工具箱中的“移动工具”，将复制的图形向右上方移动，效果如图08所示。 7、在图层面板中，再复制图层1生成图层1副本3，放到图层1的下面。执行菜单栏中的“滤镜”“模糊”“高斯模糊”命令，在弹出的对话框中设置参数如图09所示，图像效果如图10所示。 8、在图层面板中，按住Ctrl键单击图层1副本，载入选区，如图11所示，执行菜单栏中的“选择”“反选”命令，按Delete键删除当前选区中的图形，图像效果如图12所示，执行菜单栏中的“图像”“调整”“去色”命令，图像效果如图13所示。 9、在图层面板中将除背景以外的图层链接合并为图层1，将图层1复制为图层1副本并隐藏。 10、新建图层2，选择工具箱中的“举行选框工具”，在画面中建立一个长方形选区并填充黑色，效果如图14所示。 11、按住Alt键移动复制黑色矩形，效果如图15所示。按上述方法复制更多的矩形，效果如图16所示。 12、新建图层3，选择工具箱中的“钢笔工具”，在如图17所示的位置绘制路径，选择工具箱中的“画笔工具”，设置直径为2，在路径面板中单击“用画笔描边路经”按钮，图像效果如图18所示。 13、复制图层3为图层3副本，选择移动工具，移动复制的图形，效果如图19所示。 14、新建图层4，放到图层3的下方，选择工具箱中的“套索工具”，在铁丝内的空白区域选取一个选区，设置前景色为白色，选择工具箱中的“渐变工具”，设置为从前景到透明渐变，设置类型为对称渐变，自选区中心向外侧拖动，效果如图20所示。 15、将铁丝扣所在的图层链接合并为图层3，复制图层3，选择移动工具，进行移动复制，效果如图21所示，将所有铁丝扣层链接合并为图层3。 16、双击图层2，打开图层样式对话框，选择斜面和浮雕样式，设置参数如图22所示，图像效果如图23所示。
PS奇丽的鲜花制作教程
1，新建一个黑色背景的文件，再新建一个图层，用画笔画一根直线。 2，滤镜，分格化，风，多吹两次出下图。 3，ctrl+T，右键，选择变形。 4，拖动结果，做出下图。 5,复制几个排列成下图，并把除背景层之外的图层合并。 6，再来ctrl+T，右键，选择变形，做出下图。 7，用路径工具画出花蕊伸长部分。。 8，把花瓣的图层手复制一份缩小做成花蕊的中心部分，并画面花的茎杆。。 9，做到这步就差不多了，接下来就把花瓣，花蕊分别用图层样式里的颜色叠加成你喜欢的色，然后加上外发光，但有点要注意，比如叠成淡紫色，那么外发光就要发成深紫色，叠成Y100的黄，发光就要发成偏橙黄。然后用做花瓣的方法做出叶子加上点背景（本来想听上面有位兄弟的建议做个好点的背景，但是太晚了，想睡了）就大功告成。收工，睡觉先。
Photoshop笔刷打造光影粒子
4、上色。首先按住Ctrl单击粒子发生器的图层，然后在按Shift+Ctrl再单击粒子图层，载入选区。 然后按图层面板上的添加蒙板命令按钮添加蒙板，这时效果如下。 5、添加发光效果。为粒子图层和粒子发生器图层添加发光效果图层样式。 然后选择蒙板层，执行高斯模糊滤镜，半径设置为4，使之具有梦幻效果。 6、为粒子发生器添加发亮效果。在蒙板曾上面创建一个层，然后使用渐变工具，颜色自己定，使用渐变颜色由自己喜欢的颜色到透明，使用径向渐变，绘制一个小的圆形，然后设置该图层的“颜色叠加”图层样式，混合模式为叠加，颜色为白色，不透明度100％，降低该图层的填充为65％。 7、对粒子进行修饰。利用涂抹工具和橡皮擦工具对粒子进行修饰，同样添加颜色叠加图层样式，模式为叠加，颜色为白色，不透明度为100％。最后降低图层的填充。 8、对粒子发生器进行涂抹。复制粒子发生器图层，然后使用涂抹工具从左上到右下进行涂抹，增加动感。 添加外发光图层样式，设置如下。 最后再添加一个背景层，填充任何颜色都可以，最终的图层面板如下所示。 最终效果如下。
Photoshop制作被撕裂的旧海报
效果：制作工具：Photoshop CS 制作过程： 1、打开一幅海报素材，效果如图01所示。 2、在图层面板中复制背景层为背景副本图层，设置背景副本图层的图层混合模式为“柔光”，图像效果如图02所示。 3、设置该图层的不透明度为50%，图像效果如图03所示。 4、打开一幅素材图片，效果如图04所示。 5、选择工具箱中的“多边形套索工具”，在素材图片中选取多边形选区，效果如图05所示。然后执行菜单栏中的“选择”“羽化”命令，在弹出的对话框中，设置羽化半径为25像素，如图06所示。 6、选择工具箱中的“移动工具”，将选区内的图像移动到画布中，效果如图07所示。按Ctrl+T键添加自由变形框，调整图像的大小和位置，效果如图08所示。 7、执行菜单栏中的“图像”“调整”“亮度/对比度”命令，在弹出的对话框中设置参数如图09所示，图像效果如图10所示。 8、回到素材图片中，利用工具箱中的“多边形套索工具”再选择一个选区，效果如图11所示。接着执行菜单栏中的“选择”“羽化”命令，设置羽化半径为25，然后选择移动工具将选区内的部分拖到画布中，调节其位置和大小，图像效果如图12所示。 9、按照上面的方法，在选择不同的区域拖到画布中，效果如图13-14所示。 10、选择图12的图像，执行菜单栏中的“图像”“调整”“色阶”命令，在弹出的对话框中，设置参数如图15所示，图像效果如图16所示。 11、将所有拖入的破裂的图像合并为图层1。 12、选择工具箱中的“魔棒工具”，设置容差为32，在如图17所示的位置单击建立选区. 13、打开一幅旧墙壁的素材图片，效果如图18所示。 14、执行菜单栏中的“选择”“全选”命令，将图像载入选区，然后回到文件中，执行菜单栏中的“编辑”“粘贴入”命令，图像效果如图19所示。 15、在打开一幅素材图片，按照前面的做法，选择部分如图20所示，拖到画布中，如图21所示，然后设置图层的混合模式为“强光”，图像效果如图22所示。 16、再按照需要添加一些裂纹，图像的最终效果如图23所示。