推荐阅读

用Photoshop制作炫彩魔幻烟雾头像效果
炫彩魔幻烟雾头像效果的制作方法制作大致需要经过下面几个过程:第一步就是把图片处理后,用一些滤镜等找出头像部分的主体轮廓线条。第二步用烟雾或火焰等笔刷沿着轮廓线添加烟雾。最后就是烟雾部分的细化和上色,可以选择自己熟悉的方法处理。最终效果1最终效果2原图一、打开素材用魔术棒工具选择图片背景,反选(ctrl+i)选中人物肖像,复制新的一层(ctrl+j)。二、点击背景层,填充黑色,回到图层一用橡皮擦工具将额外的部分擦去,直到只剩下头部。确保你笔刷的不透明度设置为100%。

自已喜爱的图案转为PS自定义图形
在PS制作中,常常会用到自定义图形工具,可是在PS中自带的自定义图形很少,如何将自已喜爱的图形转成自定义图形呢?这里我将自已的制作过程简单的讲一下;1。打开自已想要设定为图形的图片;这里我随便选了一张,最好是单色的。2。如果图片太小,可用放大镜稍微放大一点,用魔棒点击图形部份;3。点鼠标右键-----建立工作路径------容差0.5.点确定;4. 再点一下左工具栏的钢笔形,点鼠标右键-----定义自定形状-----确定;5.这样后,可删除路径了,以后如果需要这种图形时,就可以直截在自定义工具栏里面选取了,很方便,当然还可以做很多自定义图形,方法相同。

Maya制作手和yoyo球动作的动画教程
这个教程是由Chas Jarret撰写,用以启发在变形的手掌的手指上附加材质,在解决手和 yoyo 之间的运动的问题上它包含一些有趣的技术,一种独创的解决办法,使表面扭曲环绕和卷绕手的重心。 这个方案全面的展示director的外面的并且是在光滑的 colourisedX-ray's的基础之上。但是在这里我们将会专注于对象的动画。最初我们决定射击绿色荧屏上的手臂,手和 yoyo 活动的行动然後对手臂的 rotoscope一个 CG 骨骼。运动的手臂, yoyo 和线将会在 Inferno被处理赋予其有 CG 骨骼的 X光神情合成完成幻影所该含有的种种要素。由于不切实际,使用这个射击方法引起一些不良因素。因此最后我制作、开发那整个的商业都是用三维。用的是MAYA 1.5 和 Renderman 。这不是正常的引起的任何问题除了这个要求一射击 yoyo哪里和附着和在手外套线在它周围排成列的手指的回应。具体到这里这里我选择的方法式达成yoyo的 运动和使那些线变形。 建模手臂和赋予其动画(NURBS曲线建 首先建立了来自 " primitives " 菜单的一个定位器而且命名它 "handLocation" 。我把这个定位器放在手的手掌部位并把它连接到手掌的一个结合点(连结)之下。然后建立另外一个定位器并命名为“yoyoLocation”,然后把强迫限制YOYO顶端的结点指向这个定位器和最开始建立的那个定位器。然后在"constraints"菜单选择“point constraint”。 然后选择yoyo顶部的结点,两者的约束重力全显示在属性栏上,默认的话两者都是1.0,表示每个定位 现在调整yoyoLocation的重力为0,把handLocationde 的重力值增加到1,yoyo 移到手的手掌的位置而且追随它的运动。我一直键入这些值直到手到达到假定释放yoyo的地方的那一刻。 在这一帧我把 yoyoLocation的定位器移动到yoyo的位置。键入转换通道(平移引导)和交换限制压重,以便yoyoLocation的总的影响超过yoyo自身。从这里我可以使 "yoyoLocation"产生 yoyo的运动。然后在动画的最后,手抓住yoyo的那一刻,把其限制压重值 使用复式的限制引导给我一个解决yoyo线和创造它正在向上卷绕的幻影或在yoyo的轮毂外上下运动的方法。然后是一个解决当YOYO附着在手掌时手指所作出的反应的那一刻,手指周围的string的材质??(wrapping)的方法。

Photoshop滤镜打造蓝色魔圈特效
先在Photoshop中新建一个正方形画布的文件,注意一定保证宽度和高度一样。这样我们才好运用后面的滤镜。 新建一个图层,填充为黑色: 选择菜单“滤镜-渲染-镜头光晕”,注意:一定要将光晕中心放在中间的位置! 选择菜单“滤镜-艺术效果-塑料包装”。 设置如下图。
最新发布

7个平面设计小贴士技巧帮助你写好界面文案
精简用语、分点论述、优化文字、加上标题… 今天这篇好文总结了7个帮你写好界面文案的小贴士,让你的界面文案变得简单易读。严格来说,我是一名文字工作者,我靠文字赚钱。但我有一件事大部分人都不知道:我讨厌阅读。别理解错了我的意思,我现在依旧保持着阅读的习惯。我会定期浏览书籍、博客、新闻以及杂志。但当作者们把文章写得越来越拖拉,我就不知道我的眼睛到底在看哪里,脑子也越来越迟钝。这样的文章就像一面文字堆砌成的墙。当我还小的时候,我总认为对于阅读的反感是我自身的一个缺点。但直到近几年我才意识到,这个弱点帮助我成为了一个更好的文字工作者。正如你们所知,我常常为应用和网站中的界面写文案。这是需要字字斟酌的。为界面写文案也是一种设计——为那些讨厌阅读的人群而设计。用户根本不会仔细阅读界面上的文字大量的研究表明用户不会仔细阅读网页上的文字。这道理同样适用于手机应用、游戏以及其他交互界面上。大部分用户习惯于粗略地浏览并且摘取只言片语的信息。你一定会感到惊讶,因为相当多的用户都会选择直接点击“下一步”的按钮。

从这4个维度教你选择用户体验研究方法
用户体验研究方法比较多,非资深用户研究人员在选择用户体验研究方法时可能会存在一些困惑,本文阐述了用户体验研究方法选择的一些原则,希望对大家有所启发和帮助。用户体验研究方法范围非常广泛,从经检验的可靠方法(例如:基于实验室的可用性测试)到最近发展形成的方法(例如:远程在线评估)。尽管几乎所有项目都可以从多种方法组合中受益,但一整套用户研究方法在一个项目都使用那是不切实际的。不幸的是很多设计团队只使用他们一两种自己熟悉的方法,最主要问题是不太清楚在什么时候使用什么方法。为了更好地理解在什么时候使用什么方法,可以从以下4个维度来考虑:态度 Vs 行为定性 Vs 定量使用场景产品开发所处的阶段下图是最常用的20种用户研究方法的分布:1. 态度Vs行为维度

详解超实用的图片搜寻方法之完结篇
上一期我们推荐了不少图库站点,也分享了下载图片的技巧。最后第三部分是最关键的「搜图技巧」。我结合这两年自己的切身体会,简单总结出了以下几点。搜索关键词要有哪些原则?1)具体关键词需要具体到某个人,某件事物。2)贴地气大品牌比小品牌容易搜索;国情不同,需要检索的关键词也不同,国内请搜索微信,国外请搜索 Wechat;3)可替代性想要检索的图片不一定是唯一的,可以用其他相近的关键词或者图片代替。明白哪些是所谓的通用图片1)渲染气氛大于实际意义的图片这些图片与他们自身代表的实际意义相比,可以从图片中传达出一种令人振奋的气氛,所以我们可以把这些图片用在能表达类似情绪的词汇中。比如 “阳光”, “大海”, “攀登” 之类的图片就可以用在 “成功”,“胜利”,“进步” 之类的词语中。

设计大师对未来10年设计领域的预测
10年后,你会在哪里做设计?10年后的设计领域会发生哪些变化?设计师应该如何提升自身技能才能适应未来?今天这篇文章,由Facebook 副总裁,知名设计女神Julie Zhuo 来为你揭秘答案。在如同变色龙般变化无常的科技世界里,设计这个词汇还是十分年轻。交互设计这个名字大概在90年代才开始被大家熟知。早在iPhone出现之前,在我从事第一份工作时,我的团队收集了一份所有我们能找到的之前曾设计过交互应用的人员列表。那时候,列表中的人员连100名都不到。Julie Zhuo(右一)而在今天,几乎所有的科技公司对设计的需求都在剧烈上涨。但这些科技公司依然如同西部荒原那样运营着:快速,松散,以及拥有许多年轻新锐的人才。这个领域里最佳的实践方式,就是尝试做最前沿的事儿,而不是用数十年的经验来精雕细琢。创作伟大的作品的过程就如同制作曲奇饼干的面团,柔韧可塑,不惮于改变。想成为科技行业里的设计师?别犹豫!当下可以说是选择这个行当最好、最令人激动的时代。身处如此翻天覆地的变化中,我实在是迫不及待想要看到10年后科技行业中的设计会以怎样的面貌存在了。我们需要展望未来,并从已经发展成熟的相关设计领域里取取经:比如工业设计,平面设计以及时尚领域。这里是我对硅谷未来10年设计领域的预测:1. 设计师需要有掌控全局的经验而不只是停留在交互界面上,设计应不局限于界面,而在于创造完整的体验,从线上到线下各方面。2. 平均看来,大学的设计类项目将会普遍呈现多学科交叉的形式。新一批从大学毕业的设计师需要同时对平面设计、软件、以及硬件的基础知识有所了解与掌握。

让你的设计拥有持久生命力的7个设计技巧
想让一个设计经典而永恒并不容易,但是要实现这一点还是有迹可循的,今天我们来分析7个技巧。那些真正经典的设计始终能够经受时间的考验,它们长盛不衰,大多还是因为它们符合最基本的设计规则和人的基本审美规律。就像Nike和可口可乐的LOGO设计,它们在过去的几十上百年里有着持久的生命力,就是这份规则的力量造就的。而值得庆幸的是,这种永恒设计的规则适用于几乎任何项目。也许你无法再现Nike的LOGO设计的成功,但是你可以通过合理的设计,创造一个符合当下审美,拥有数年生命力的优质设计。接下来的七个技巧,值得你思考。1、专注于可读的内容具备良好可读性的字体、图片是基础,清晰的内容设计和直观的信息传递,是打造可读内容的关键。听起来这是一个艰巨的任务。字体排版应当确保在不同尺寸下都能清晰地为用户所识别。新奇的字体或者过于炫酷的字体效果也许能够在特定的时候吸引用户,但是如果用户读着费劲、无法轻松识别文本内容的话,那么这种设计就是失败的。图片应当是锐利、高素质和易于理解的。正如同文本排版需要具备可读性易于,图片的视觉效果和信息应当是能够清晰传达的。用户应当能够看明白图片中所发生的事情,明白你想表达的意思。设计的视觉传达要到位,其中最重要的是表达明确的信息和意义,图片和文本等内容应当紧密的结合到一起,营造出综合的体验,帮助用户理解。如果不同的元素在信息传递上脱节,再漂亮的设计也是失败的设计。2、引入交互性

详细解析平面设计师学编程的正确姿势分享
前端作为一种偏视觉化的编程技术,确实是外行比较适合的编程语言。想找工作的设计师,有一定的编程基础也会更受青睐。但是在我和很多设计师在打交道的过程中,发现大部分人对于学习编程存在一些误区。本文作者leadream,微信公众号 codesigner,欢迎同学们关注哟比如很多人虽然想学但又认为编程太难有排斥心理;相对地也有一些人用CSS写了一些样式会觉得前端很简单;还有些人不知道从何下手,就开始啃起了枯燥无味的w3school文档(web技术中文文档)。于此我觉得设计师想学会写代码一定要对编程有正确的认知,既要对技术保持一颗敬畏的心,又不能从潜意识里排斥它。我做了两年前端开发,同时也做过许多设计的工作。基于自己的经验,对于设计师学编程这件事我有一些自己的想法和建议想分享给你。术业有专攻可能有些设计师想精通编程,成为一个全栈设计师,但我不太赞成这种想法。毕竟“术业有专攻”,每个人一生的精力有限,根据“一万小时理论”(想要成为某个领域的专家需要持续学习一万小时),要想成为设计大咖已经要花费很多时间了,想同时在技术这一领域有所造诣短时间也是达不到的。但是因为前端经常做一些视觉化的开发,比如写外观样式和交互动画,加之CSS和HTML语法看起来比较简单,常常会给设计师造成一种假象:前端不是很容易学吗。可是,不同于以前网页设计师仅仅做一些视觉还原的工作,现在的前端工程师要做的工作范围极广,写写样式调调动画只是其中一部分。从这个职位属性的变化——从设计师到工程师——就可以看出来,一名合格的前端工程师除了能够还原页面视觉,还要有工程化的思维,对数据结构有深刻的认识,有时候还需要一些计算机网络的知识,对后端也要有一定了解。这几年前端技术发展飞快,各种框架及工具层出不穷,新技术不断出现,想要追上却力不从心。所以说,前端入门容易但想要学深学透却“难于上青天”。说了这么多,其实是想告诉你要明确学习编程的目的。如果你想从设计师转行成为一个前端工程师,那么可能就要心无旁骛地去从计算机科学这门学科的基础知识开始学习了。但我相信大部分设计师的目的是想成为“T”型人才——在设计领域是专家,而对于技术领域也有一定程度的涉猎。所以,学习编程对我们来说就是为了增加自己的附加值。

案例解析10个设计心理学技巧该怎么用
研究刺激用户的心理诱因,将有助于设计师利用它们来做出更成功的产品。下面总结的这10个心理学技巧,将有助于创造让用户上瘾的产品,每个设计技巧都附上了实战案例演示,帮你更方便理解。一起来看。1、熟悉度偏见▲ Airbnb为了让潜在客户更容易了解服务,每个功能都做了明确解释。心理学上有个概念叫Familiarity bias(熟悉度偏见),就是说大家倾向于更相信自己熟悉的东西。比如,面对一道不会的选择题,人们更倾向于选择自己熟悉的那个答案,而不是正确答案。人们自然而然会偏向他们熟悉的东西,人们喜欢信任他们所知道的,但害怕变化而产生的不舒服,这就是为什么最好的新产品都是用最熟悉的模式。熟悉的瞬间能够建立信任,而不熟悉的模式则可能产生混乱(至少在最初)。 pull-to-refresh 选项在Twitter上首次引入时,许多人感到困惑。 现在,这个互动几乎是使用最普遍的。经常反复接触后,用户已经开始对一些当初不喜欢或者不理解的东西产生好感甚至溺爱。当然,并不是所有的功能都必须是创新的才能使他更为显著。当iPhone第一次发布的时候,这完全是一个外来观念:这是一个完全触摸屏的手机,没有物理键盘,更是创造了像“捏小拉大”这样的手势专利。然而这种交互手势是人们非常熟悉的。苹果设计了一种类似物理日历的日历,虚拟键盘和实际的物理按钮很接近。苹果选择使用熟悉的模式,而不是抽象的代理物。用这种方式设计iPhone界面,让用户一用上就立即感到熟悉,这些充满现实世界里的互动和隐喻,帮助人们在学习如何使用新设备的过程中,同时能更快地适应新的设备。当苹果的模式开始普及并广泛应用后,苹果公司才可以用抽象化的界面来推出扁平的设计。

给平面和交互设计师的实用报价指南
这篇文章以最常见的“平面设计项目”和“交互设计项目”为例,由表及里,为您详细分析设计项目如何计费。创意和爱情一样,是很难用价格来衡量的东西。俗话说,谈钱伤感情,但是和设计师合作就像谈一场恋爱,不投入哪里有回报?这时候你一定头疼了:我并不是舍不得花钱买好创意,但我希望我花的每一分钱都值啊!来看看下面这篇文章,你就会懂得如何与设计师谈一场“物超所值”的“恋爱”。项目估价、报价不仅体现了客户的预期,更体现了设计师的专业能力。经验丰富的设计师通常能通过预估工作量来推算出报价,然而大多数客户并没有足够的经验,因而很难做出合理的估价。1. 平面设计项目平面设计项目大致上可以分为品牌形象、包装设计、广告设计、书籍画册设计这四类。品牌形象:Logo 设计、VI设计(视觉识别系统,包含Logo设计);包装设计:礼品类、日用品类、电子产品类等,根据品牌类型来分,不包括品牌建立;广告设计:路牌、报纸、杂志广告的创意设计、海报设计等;书籍画册设计:产品手册、企业宣传画册、书籍装桢等。

让设计师更好与产品团队合作的10个技术知识
如果作为设计师的你已经下定决心,要加入一个真正的产品团队,那么懂一点技术相关的知识绝对是加分项,不如今天就从最基础的开发模式起步吧。“敏捷开发”(agile)是一个行业专用术语,它常常出现在雇主和招聘人员口中。而对没有在软件工程领域工作过的设计师来说,恐怕很难理解这到底是什么意思。所以有意往软件工程领域发展的设计师,你可能需要了解什么是敏捷开发。作为一个网页设计师,下面分享下我眼中的“敏捷”设计方法。这不是一篇全面的设计指南,也不是什么关于“scrum”或“agile”的不二真理,但如果你正在准备参加一个互联网产品或软件的面试,本文可以帮你建立一些基本的认知。我会就“敏捷开发”是什么、如何运作来做介绍,当然也包括其他相关术语,如“产品需求池”、“迭代需求列表”、“每日Scrum Meeting”以及“潜在可交付产品增量”等概念。当我们谈论“敏捷开发”时,我们在谈什么?在2001年的一次软件开发者的团体讨论中,“敏捷开发(Agile)”一词首次出现。他们一致认同需要一种全新的工作流程,并为此设立了12条原则,将之整合为一份宣言。这份关于敏捷开发的宣言描述了一种工作流程、一种方法论。敏捷开发下图演示了一个敏捷开发的典型过程,在一系列的“sprints”中完成(不知道“sprints”是什么?点击查看《谷歌内部方法!快速做创新设计并验证的DESIGN SPRINT》。

设计师必须要学会的4个沟通方法
一般情况下,对设计一窍不通的客户和设计师交流起来,总会感到有些吃力。因为当你想找设计师时,要么对视觉风格没有概念,要么没想好自己要什么。这都会让你和设计师双方感到步履维艰。看到这里的你,是不是也感同身受?所以接下来,让我们来拆解一些设计过程中常发生的对话,帮助你避免和设计师们沟通失败again。1. 给予明确的创意方向对话一:你说:“我看到成品就知道是不是我想要的了。”设计师听到的:“ 先创造点东西出来吧,然后我就知道‘这TM根本不是我想要的’了。”你会不给建筑师任何资料,就让他凭空帮你建造房屋吧?当然不会!虽然说,如果建筑设计师无需任何提示就能设计出你的梦想房屋很棒,但这些天才设计师根本就不知道,你究竟是需要五间卧室?至少两间半浴室?还有一个能停放三辆车的车库?Balabalabala……缺少这些关键信息的话,可是会大幅影响设计进度,让你永远无法搬进新家了哦。这就是问题的关键:设计师的职责是解决问题。如果你想让他们帮你解决问题,那就需要你清晰地阐述问题,以便让设计师用更好的方法去解决它们。比如:你想通过最后的设计达到什么特定的目的?或者,这些目的的优先级是什么?为了加快设计进程与明确方向,你也可以提供给设计师相应的设计说明书。比如:对于印刷品,你应该规定纸张大小,颜色样式,出血限制和适用的文件格式;对于网页设计,你应该提供像素大小,适用的文件格式和文件大小限制;