推荐阅读
Photoshop制作风化喷溅人物图片效果教程
作者制作动感喷溅的方法非常实用，过程：先把人像单独抠出来，方法任意，并更换想要的背景；然后把抠出的人物图像复制一层，用液化或变形工具在需要加效果的区域做变形处理；最后用蒙版及喷溅笔刷增加喷溅效果即可。 最终效果 原图飞溅效果图制作思维也非常简单：就是将主体对象与背景分离，然后再运用蒙版、泼溅画笔等针对对象进行润色，将图像作变形处理，或者做成你想要的那种效果。一、先用PS打开主体人物的图像，将这个本该为背景的图层转为普通的图层，图层下方再建一个透明的背景图层。二、将主体对象从背景中“抠”出来，这和普通的去背的方式是一样。根据不同的主体对象和背景的关系，我们选用合适的办法抠图。 由于背景和模特在身体部分的色彩关系并不十分清晰，因此，在这里我选用钢笔工具来抠图。而发丝的部分由于会相对复杂，所以，我会把发丝放到下一步再进一步完善，这里就大致抠出一个轮廓即可。
2种方法简单讲抠图
抽出抠图方法（简单、快速）: 1.打开图片，按"ctrl+alt+x"抽出，弹出“抽出”对话框。 2.用画笔擦出所需抠出的`头发部位，“强制前景色”设为黑色，点击确定。 3.头发部位抠出后，“复制”背景层，添加蒙板，擦除头发附近的背景色。头发以下部分，则可以用“钢笔”抠出路径后，"ctrl+enter"（路径转选区）——羽化1-2像素——反选cttrl+shifl+I ——用黑 画笔擦除即可。 教你如何抠那些`飘逸的头发。首先，要思考的问题是：像抠这类的图，分二个部分.第一：抠图人物的`外轮廓， (注：不要抠到飘逸头发的地方，也就是说`尽量不要抠到`有透出少许背景图的地方。)一般的简单图只要这一步就好。） 详细步骤: 1.打开一张图片,抠出`人物轮廓，注，不需要抠到`头发里含少量背景的步位。 2.此时出现了`路径，复制`背景层，加上`蒙版，按"ctrl+enter"，出现了“选区”，按ctrl+shift+I 反选，羽化1-2像素， 再用“画笔”工具，用黑画笔（即前景色为黑色的时，的画笔） 擦掉不需要的部分。第二：抠出头发部分。这里采用 通道+ 色阶调整 + 反相 +画笔 （目的是让和背景分开，白的更白，黑的更黑，让它黑白分明）。找图人物的`头发 1.复制一层，进入“通道”，按ctrl+1、ctrl+2、ctrl+3找出一个，黑白对比`比较明显的通道。 2.复制一个此通道 (如红通道)，然后用“色阶”ctrl+L 进行调整,让黑白明显分出。 3.为了让黑白更明显分出，按ctrl+I 反相 , 此时出现了，黑白二种色，。 4.用白画笔，把不够白的地方擦白，，不够黑的地方擦黑。（即白色是要的，黑色是不要的） 5.按ctrl+Alt+~ （取出高光）， 再按cltr +shift+~ 返回图层,ctrl+J 就可. 再加上自己喜欢的背景就可。
Ulead Photo硬派6制作大放送(八)图像混合魔法
Ulead Photo硬派6制作大放送(八) 图像混合魔法 在Photoimpact6中新增加了几种图像的混合方式，下面我们就来看一下奇妙的图像混合魔法。在填充对话框和对像属性对话框中，都可以来设置图像的混合方式，在Photoimpact中称作合并。 下面是一张照片，我们可以用Photoimpact将照片中的人物和不同的背景组合在一起，并且选择不同的图像混合方式，产生特别的效果。图42 人物图像 因为照片的背景是白色的，所以我们可以比较容易的使用魔术棒工具将背景与前景分离，魔术棒工具是隐藏在标准选取工具下面的，所以要先按住标准选取工具知道出现隐藏的工具条，然后选择魔术棒工具 ，使用魔术棒工具在白色的背景上点击一下，选中背景图像，再选择菜单上的选定范围à反转，这样就可以选中前景的人物，然后选择选定范围à转换为对像，将选中的部分转化为独立的对像。并且选择编辑à复制，将它复制到剪贴板上。 打开另一张背景图像，将剪贴板上的图像粘贴到背景上去，这样仅仅是使上面的图像覆盖住了下面的图像，并不会给人留下深刻的印像，但是我们可以改变一下图像的混合方式，选中上面图像，然后点击鼠标右键，选择属性，打开对象的属性对话框，我们将在合并的下拉菜单中选择覆叠，如图43所示。图43 图像的混合方式 再移动调整一下人物图像的位置，就产生了如图44所示的图像效果。图44 覆叠的效果如果希望这个效果更加强烈一些。我们还可以给背景添加上照明效果，使用箭头工具在基底图像上点击一下，选中基底图像，选择效果à创意à照明，打开照明效果对话框，我们在下面的各种照明效果的缩略图中选择镜头闪光效果。在左上角的预览图像中我们可以用鼠标拖动调整闪光光晕的位置。然后点击确定并且选择将当前帧效果应用到图像。在照明对话框中的设置如图45所示。图45 添加镜头闪光 现在就产生了如图46的效果。这样的效果是不是很cool呢。图46 完成后的效果 再打开另一张做为背景的图像，并且将剪贴板上的图像粘贴到背景上去，这次我们在合并的方式中选择强光，这种混合方式似乎是在图像上照射上一束耀眼的强光，和覆叠的混合方式相比，有更多的不透明部分，感觉更加强烈。但是依然可以清楚透出基底图像上的明暗对比同时我们可以选中属性对话框中的柔化边缘选择并且设置8-10像素的柔化值，这样可以是图像的边缘和基底图像混合并且产生出发光的效果。强光合并方式所产生的效果如图47所示。图47 强光合并方式效果 现在我们再将人物的图像粘贴到一副蓝天白云的背景上面，然后将图像的混合方式改成柔光，这样就图像就会有更大的透明度。柔光方式所产生的效果如图48所示。图48 柔光混合方式效果 你也可以尝试一下其他的混合方式看看会产生什么样的效果。
最新发布
详细解析WEB设计中的视觉层次
视觉层次是什么?领导和客户经常说的一个点就是，xxx，这个设计总感觉少了点什么东西，太”平”了，没有层次呀，你再改改吧~~你脑中可能一片雾水，层次听过也知道，但怎么做呢?那什么是视觉层次呢?其实视觉层次没有明确的官方定义，但我们可以理解为通过点、线、面、色彩、图形等造型元素来表达平面构成与空间构成的方式，合理的点、线、面、色彩、图形的排布会让平面和空间更加合理，即有视觉层次。视觉层次通过很多方面来体现，比如颜色、元素的大小和对比等，由于本人是做游戏视觉的，以下会多用游戏网站来给大家讲解如何在做网站时把视觉层次做好。但设计是相通的，所以时于其他行业的设计也是适用的。画面元素的层次在做设计的时候，如果你只是把素材啪啪的放上去，而不去处理元素之间的层次关系。比如元素之间的光源和透视，那么做出来的东西肯定会显得平乱花，如下图：大家可能会有疑问，该放的元素我也已经放了呀，怎么还是会显得没有层次呢?咱们可以从-些好的摄影作品中去学习他们的处理元素的手法。视觉层次和摄影中透观其实是-个道理，这会让你受益匪浅。上图这些都是我对照片的-些解析，大家从图中可以看出，摄影师处理视觉层次的-些手法。一般摄影照片中都会存在前中远三景，并通对这三者的不同处理方法来实现视觉层次。如果把前景作为视觉中心(如图一图二)，那么前景一定最大最清晰明亮可见的，远景一定是最模糊视觉上最弱的。如果把中景作为视觉中心点(如图三)，那么前景和远景在视觉上是最弱的。这样处理的话，整个照片就显得很有层次。看着也自然。因为人眼也是这样看事物的。至于如何加强或弱化，无非就是大小、明暗、清晰度。说了这么多，那么这些跟咱们的设计有毛关系呢，这些如何用到咱们的网页设计中呢?让我们看看优秀的设计师们是如何处理的吧~
运用视觉表现建立网页的信息层级
作为视觉设计师，我们的作用除了最基本的满足用户审美需求，还会有品牌传达，信息传达，功能传达等，其中想要信息有效的传达给用户，需要我们建立信息层级，而不是一股脑的丢给用户自己理解，要做到这点有哪些视觉方法，这些方法的背后是否有理论依据，是本文的主题。首先看下面两张图，左图为相机拍摄的效果，右图为人眼不移动时看到的效果，可以发现人眼对信息的获取并不是一次性完成的，它不能同时产生多个焦点从而把视线停留在更多的地方，设计师需要考虑的是让用户通过眼球移动，按照一定的顺序获取信息，帮助获取和理解的过程高效自然。这个设计方法希望解决的主要是两个问题：1、用户获取和理解信息的效率建立良好的信息层级，能让用户在有限的时间里，快速获取和理解有用、感兴趣的信息，并产生下一步行为;2、设计师的专业性设计师有意识的分析信息优先级，了解哪些视觉表现手法可以建立信息层级及每一种方法背后的理论依据，不仅仅凭感觉做设计。一、前期了解&分析在开始设计前，除了对项目本身的背景目标有所了解外，视觉设计师针对具体的页面也需要了解一些内容以帮助后面的设计有指导方向，包括页面定位、氛围营造、信息优先级和用户核心行为。
如何简化输入让网页表单变得更亲切
大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢?页面的布局、逻辑组织、视觉样式等都是值得关注的细节，其中简化输入是最近常被提及的，在这里我分享下自己工作中的心得。1、 更高大的输入框增加输入框高度，加粗字体，可以让网页上的输入框看起来更容易填写和阅读。随着电脑显示器尺寸变大，这样的输入框也显得更大气。2、 添加选取器与其让人输入不如提供选择，选取内容只要点几下，就自动填充进输入框，不但可以减少输入障碍，还能预防出错。可以把任何希望的数据做成选取器，比如日期、颜色、地址或者历史记录等等。举个例子：前面的“对方开户姓名”输入框，需要填写对方的姓名，如果对方名字里有汉字不认识该怎么办呢?于是我们可以加上一个生僻字的选取器，如图：打开字库，可以根据模糊读音选取汉字填入输入框。另外，姓名输入框有校验，选取完成后不要忘记对输入框内容进行再一次校验。
23个Facebook Paper中的设计细节分析
Cocoachina：Facebook的 Paper 自前几日上架App Store后就成为开发者设计师们热议话题，在App Store里也获得了很高的用户好评率，当然也有不喜欢这款应用的用户，包括那些讨厌Facebook的用户和被众多手势操作迷惑的用户。不过在我看来，Paper中一些细节设计和交互设计还是给人带来很大的惊喜，以下是我认为值得与其他设计师分享的设计细节。（温馨提示：动态gif 图稍大，等一下就可以流畅看咯）Facebook（脸谱）推出的移动新闻阅读应用Paper在发布后的短短一周，其下载量在苹果应用商店迅速攀升，并获得了包括《连线》在内的多家美国科技媒体的好评。Paper是在美国当地时间2月3日，即社交网络巨头Facebook成立十周年之际，正式发布的。Facebook创始人马克·扎克伯格（Mark Zuckerberg）曾表示，自己梦想着有一天Facebook能了解足够多的用户情况和生活习惯，以便推送用户乐意看到的精准信息，扎克伯格将此称为“全球最好的私人定制报纸”。值得注意的是，目前只有美国区的苹果商店上架了该应用，可以免费下载，但不提供iPad版本，Android平台何时上线未知。内容做成了一张张卡片早在1月底，Facebook就宣布将在其成立10周年之际推出新产品，市场也早已风传Facebook要推新闻阅读应用，但没有想到其界面和设计是如此令人赞不绝口。《连线》杂志称其为目前看来是最好的Facebook。科技博客The Verge则评价称，是最好的Facebook应用。说到细节，就不能不提Dribbble，来看看上面有哪些逆天的icon，还有哪些大牛级别的设计师吧。涨姿势时间：来了解下Facebook Paper 的设计主管：Mike Matas。
8款开发师方便快捷的的CSS开发工具
当你开发一个网站或Web应用程序的时候，有合适的工具，绝对可以帮助您节省大量的时间。在这篇文章中，我为大家收集了超有用的 CSS 开发工具。对于 Web 开发人员来说，找到有用的CSS 开发工具，就像找到一个魔灯，可以让他那些艰难的任务变得有趣。CSS 开发工具帮助开发人员创造更加时尚，更有创意的网站。Pure CSS 来自雅虎，是一组 CSS 模块，您可以作为基础在每一个 Web 项目中使用。它使 CSS 开发更容易，整个框架看起来很干净，专业。如果你还没有用过的话，尝试一下！在大的项目中，保持 CSS 文件的简洁和紧凑是非常重要的。不过不要担心，CSS Trashman 可以帮助你。这个在线工具检查您的网站，压缩样式，让你下载一个超级干净的版本的网站 CSS 文件，这样你就可以安全地删除它们。Bear CSS 是一个美丽的网站，也是一个超级有用的工具。只需创建一个 HTML 文档，并把它上传。Bear CSS 会自动在 HTML 元素的基础上生成一个可下载的 CSS 文件。CSS 精灵技术是一种减少 HTTP 图片请求的好方式。Glue 是一种简单的命令行工具，转变一组图像到一个文件中，因此您可以轻松地在您的网站上使用 CSS 精灵技术，超有用！
浅谈留白在网页设计中的合理使用
优秀的网页设计需要关注许多方面，而空白的运用肯定是其中之一。空白是围绕设计元素，如图像、文本的空白空间，使布局干净和精致。可千万别理解成是使用白色，或者把背景设置为白色。比如画画、画画需要留白。艺术大师往往都是留白的大师，方寸之地亦显天地之宽。南宋马远的《寒江独钓图》，只见一幅画中，一只小舟，一个渔翁在垂钓，整幅画中没有一丝水，而让人感到烟波浩渺，满幅皆水。予人以想象之余地,如此以无胜有的留白艺术，具有很高的审美价值，正所谓“此处无物胜有物”。BrightByteWho’s your SantaCory GibbonsMetta Skincare
以纯文本和背景图式的网页欢迎页面设计
文字与背景图片是每个现代网站都具有的重要元素,这两项首先映入用户眼帘，使他们熟悉网站标志、简介和导航。搭配合适的照片或图画，创造所需氛围。文字与图片在网站的视觉和内容方面同时发挥作用，它们的组合极为有效，甚至只用这两种元素就足以建立一个与众不同魅力十足的欢迎页。它们在一起可以打破任何限制，巧妙地相互结合与补充，脑海中的任何想法，都可以通过它们实现。今天我考虑尝试一种更为极简主义的方式，让页面除了这两项基本元素之外再别无他物。我深入了解收集了一些网站案例，它们的首页都只包含背景图和精巧的文字。极简风格欢迎页：文字与图片Life of Pi少年派的奇幻漂流冒险氛围十足。欢迎页面华丽的朦胧风格，和粗边框中的朴素白色文字都令人着迷LevanteLevante用优雅的女性化字体来装饰轮播大图。顶部细长的深色导航条，用整齐的浅色字与主页相互映衬
10大Web设计趋势详细分析
如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势?12月份对即将过去的一年中网页设计发展进行回顾，总会发现很多让我们感到欣喜的变化。去年我们同样预测了2013年互联网设计出现的10大趋势，比如交互设计、个性化排版、全屏大图吸引浏览者注意力等。其中很多预计的趋势在2013年确实成为设计的主流，并且估计在2014年仍将延续。1. 个性化排版我个人是个性化排版的支持者，自然也希望看到越来越多的网络设计尝试个性化的风格，其中比较突出的一点是个性化字体的增多：用自己独特设计的字体代替标准印刷体，让设计更加独特。比如“Stuff and Nonsense”这个网站提供设计字体服务，让字体在体现个性的同时保留专业印刷风格。我们期待着在2014年设计出的网站能够更多地从细节体现个性。2. 扁平化设计去年的10大趋势中，我们提到了“借壳”设计(skeuomorphism)，指模仿现实事物尽可能把手机元素(如图表、背壳等)设计得更加具体、拟物。而“扁平化”的极简主义则是和“拟物性”相背行，在iOS7中明显感到更加简化的图表替代了原本精致的描绘，更加突出应用的实际效果，反应使用应用的感受，而不是局限在某个应用的外在形象上。苹果公司在今年竭力推进扁平化设计，几乎所有可以修改的设计都加入了扁平化的元素。苹果公司向来是电子产品设计的导向标，推动其他产品设计纷纷追随iOS7的设计风格，同时网络设计也开始大批量地采用扁平化思路。预计这种风潮在2014年仍将持续。3.大背景图打败幻灯片动态显示
10个优化网页工程师简历的小技巧
是不是要开始准备求职了呢?要知道几乎所有的雇主都希望找到更好的雇员。那么如何保证你的简历会在简历库中脱颖而出呢?其实和网站开发性能调优一样，你需要有效的“优化”你的个人简历。相信大家对于简历的优化都有自己独到的见解和经验，也都会明白打磨个人简历的重要性，这里今天这篇文章中我们列出了10个重要的优化小技巧，希望能够帮助大家写出更好的简历，找到自己中意的公司和职位!01：要聪明的选择简历中的关键字不要只使用固定形式的关键字，对于技术日新月异的今天，你需要添加多种不同形式的关键字到简历中，一般高科技类的招聘人员会使用不同的方式来搜索简历库中的简历，一定要保证你的简历能够尽可能多的在搜索结果中出现，比较好的方式是添加一些比较流行的关键字，比如，jQuery，Dojo，Kencha等等02：要尽可能的增加社交曝光率在社交媒体泛滥的今天，有很多的知名社交网站或者技术社区可以帮助大家来扩展自己的知名度。国外的比如*，国内比如CSDN，iteye等等，如果你能够在这些网站中攒够足够的知名度的话，肯定会吸引一些用人单位的关注。03：创建自己的博客最有效的方式来展示你的技巧和能力的方法之一就是创建自己的博客。一个知名的博客可以帮助大家更全名的了解你的专业度和知识。当然，写博客最重要的是在于坚持，但是相信对于坚持的结果绝对大于你的付出，国内很多知名的技术博客，例如：酷壳，前端观察，CSS88，GBin1等等，这些博主都在自己的领域拥有一定的知名度。04：参加各种竞赛参加一些web相关的编程比赛绝对是提高自己web上知名度的一个好方法。很多比赛都吸引了大量眼球，这个方式能够让你的名字出现在很多雇主视野中，比如，baidu的云开发等等
使用好的网页制作软件提升网页设计效率
随着电子商务的兴起，电商网站如雨后春笋般群体突起，每个网站都想在众多的平台中脱颖而出，当然了，这毫无疑问是网站建设中最重要的一件事。当网站建设越来越细节化，保持更新的难度似乎也越来越大，因为总有细枝末节我们无法顾及。万维网成长迅速，所有的电商平台都被带动了，贸易越来越“云”化，传统的电脑似乎成为了一朵沉闷乏味的昨日黄花，被手机和平板电脑取而代之，如果你一味的坚持传统，那我只能送你一句话：长江后浪推前浪，前浪迟早要死在沙滩上。今天我们给大家介绍的“免费网站代码制作器”不是一个新概念，但它现在处于成熟期，市场上这种工具种类繁多，很难选择。网页制作器使用方法非常简单，功能也很强大，最重要的一点是——免费！对于那些网站建设新手和还在学校学习的童鞋来说，有个东西练手实在是太重要了，为了让你们以后能够做出高大上的网站，我们不得不把这个工具分享给大家！这是多么大无畏的精神，我都被自己感动的落泪了…用这款软件制作网站只需要几分钟，并且可以正常运行，你需要做的步骤很少。首先点击“开始”，选择“模版”（如果你想自己做也可以不选择模版）。如果你选择了模版，别担心，模版也是可以编辑的，并且模板的类型多种多样，从文艺小清新到杀马特非主流应有尽有，任你挑选。不仅仅有网页版，还有手机版呦~下一步就要用到你的智慧啦——制作主页面，你可以选择喜欢的元素在顶部菜单中排成一排，这样嵌入、修改起来很方便，这些元素可以是音频、图片、幻灯片或者单独的HTML框架等。如果你懂一点儿代码知识，你可以通过编写代码来修改网站细节，这样的修改非常快速。当网站建设基本完成后，点击“完成”按钮，会跳出一个对话框，让你给这个网站起个名儿，起好之后就算大功告成了，你就可以在网络中查找到它了~你会收到一份PDF格式的支持指南以及一份用户服务电子邮件，服务里包括搜索引擎优化集成，网页分析以及最重要的免费托管。