推荐阅读
梦幻照片，PS给森林动漫人物照片添加梦幻柔光效果
我们做一张片子，是需要先理解片子，理解到位了，才能把照片里所要表达的意境表达准确，那么什么是意境呢?我认为“意境”应该这样去理解，它是艺术辨证法的基本范畴之一，也是美学中所要研究的重要问题。意境是属于主观范畴的“意”与属于客观范畴的“境”二者结合的一种艺术境界。这一艺术辨证法范畴内容极为丰富，“意”是情与理的统一，“境”是形与神的统一。 在两个统一过程中，情理、形神相互渗透，相互制约，就形成了“意境”。我们今天要做的片子是要走梦幻的意境的，方向一定要清晰，方向对了，才能达到目的地。 效果图： 我们开始作图，第一步我们进入Camera Raw 小分析下，我们在Camera Raw处理的时候一定要把皮肤调干净，尽量人和景分离，参数建议如下设置：
3ds Max制作死刑裁决游戏漫画宣传画设计教程
大家好，我是Petr Nasirov。我是一个白俄罗斯模型师，今年24岁。“死刑裁决”这个作品是作为“挑战09动漫展”作品制作的，赢得了第一名，在制作这个作品之前，我花了2天的时间研究漫画人物，当我看到“死刑裁决”的图像时我就决定要制造这个模型，因为他看上去很有趣，非常奇特。1、 素材收集素材收集是一个很重要的步骤。你在人物性格研究方面花的时间越多，后期就会越少犯错误在这个阶段，你需要研究所有的细节，人物的结构和他的衣服的设计和材质，确认每一个细节的地方都是合理且正确的。角色的创建是一个复杂的的多阶段的过程。如果你在制作尾声的时候发现一个错误，它可能要花更多的时间来纠正它。最坏的情况，你甚至可能需要修改多边形建模还有纹理。创建《死刑裁决》这个模型的时候，我充分利用了我在谷歌搜索里面找到的素材。关于《死刑裁决》的原设计有很多种，他们的一些元素吸引我，有些对我来说毫无吸引力。 有一张海报为我的作品中的一只手提供了参考，因为我喜欢它的细节和色彩。 另一张海报给了我一个人物的肩膀上的鸟的灵感。 这些收集来的素材，帮助我创建了属于我自己的人物角色。找到的有用素材越多，我的角色就会越丰满、越细腻!2、 基础多边形建模在收集的素材的基础上，先建一个简单的立体多边形出来，然后再在立体多边形的基础上面进行调整。在这个阶段中，我使用标准的3ds Max的材料，设置不同的颜色来模型元素。这不仅有助于我得到人物的基础形状，而且还得到了一些元素的照明效果。把重点放在调整模型上面。3、复杂多边形建模用3ds Max中的修饰工具Turbosmooth创建了一个高聚模型。衣服上的褶皱、身体上的褶皱和其他的一些小细节都只能在ZBrush里面制作。
Fireworks滤镜快速打造3D彩虹拖尾字特效
使用Fireworks中的Motion Trail滤镜可以快速制作出如下图所示的3D效果彩虹拖尾字。 图1 本例在Fireworks 8中文版中制作完成，具体操作步骤如下。 1.启动Fireworks 8中文版后，按Ctrl N新建一个文档，大小自定，然后使用文本工具在画布上单击，输入文本“天极网设计在线”，注意这里共七个字，设置字体为“隶书”，字号为64，结果如图2所示。 图2 2.在文本框中选中“天”，将颜色改为紫色，再选中“极”，改为蓝色，依此类推，将七个字的颜色分别改为紫、蓝、青、绿、黄、橙、红，即七彩虹的颜色，结果如图3所示。 图3
FW制作苹果水晶图形
Mac的风格大家一定不陌生，而且近些年越来越流行 我是做软件SKIN设计工作的，当然更加深有体会。但像这样风格的图标、按钮却不是那么好找。我之前经常为了找几个合适的水晶图标而浪费大把的时间。经过自己简单的分析，我发现这种图标的制作方法其实非常简单。完全可以把自己需要的图形、符号用我自创的方法做的和上图一样，晶莹剔透作图先要选择一个图形图像处理软件，现在有很多这样的软件，还有很多专业的图标制作软件这个是以前在第三方软件区贴的但我用的是Frieworks（FW）,这个软件操作起来很灵活，比较适合做网页的按钮大家如果想用PS的话，当然也可以废话不说了，我就来讲下FW下水晶图标的制作过程1、新建文件，参数自定，画布不要开得比图标小就可以了2、在画布上画出你需要制作的图形，文字也可以（只是文字将来要转换为路径）3、我做的是文字，字体为：Cooper Black(如果没有这种字体，找一个粗一些的，圆一些的，这样做出的文字看起来效果更好，而且比较可爱)，文字大好后就将文字转换为路径，如果是多个文字，转换路径后，还需要将文字解散群组4、选中其中的一个文字，在属性面板中对其填充颜色进行更改，更改为线性渐变5、再点击填充色的取色框对其渐变颜色进行调整，滑块的一边为白色，一边为红色，将红色的滑块拖到图中的位置。再用黑键头工具选中文字，对其渐变色调杆进行调节，改变渐变的方向。6、接下来需要将文字的边框色进行更改。点击属性面板右侧的边框色取色框，将颜色定为#AA0000，这样文字下面的反光效果就做出来了7、接下来要做文字上半部分的高光，这样才有水晶的光滑通透感。用钢笔工具勾出一个图形，如果图形的边缘不满意，可用白箭头改变曲线的曲力。如图8、将文字选中，ctrl+c，ctrl+v这个大家都应该知道是在干什么。然后同时选中文字和刚才绘制出的路径，选择Modify菜单里Combine Paths下的Intersect命令。//这是对路径进行修改的一组命令。第一个join是将路径进行组合，类似于图形之间的Group（群组）第二个Split，这个命令和join是相对应的，就是将路径解散第三个Union是将路径进行融合，和join不同的是，两个路径完全结合变为一个图形，而且除了ctrl+z以外无法逆向操作第四个Intersect命令是取两个相交图形所共有的部分第五个Punch使用后绘制出的图形在先绘制出的图形上打洞第六个Crop和Intersect的效果差不多，具体有什么不同，我暂时忘了//好了，接着将我们水晶字，使用Intersect命令后，我们得到了一个新图形，这就是文字的高光部分。9、对高光部分的颜色进行调节。首先把这部分的边框色去掉，（这部就不用我废话了吧），然后对其填充进行仔细的调节，这里的填充也是渐变填充，从白到白，不过其中一侧的不透明度为80，如图调节渐变方向控制杆，整体不透明度为90。好了，基本上完工了，最后一步，给R加上一个投影效果，这样看起来就更漂亮了这样，第一个字就做好了。后面的字作法和第一个一样。大家自己做吧，我的手已经酸了最终效果图这是源文件
最新发布
详细解析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格式的支持指南以及一份用户服务电子邮件，服务里包括搜索引擎优化集成，网页分析以及最重要的免费托管。