&ul&&li&先找到一张原图：&img src=&/dab99dc4eab2b319f69a_b.jpg& data-rawwidth=&1532& data-rawheight=&1022& class=&origin_image zh-lightbox-thumb& width=&1532& data-original=&/dab99dc4eab2b319f69a_r.jpg&&&/li&&li&用Ps打开，ctrl+shift+U去色&img src=&/9c8507449eae453f7ebc065e85ad5c5a_b.png& data-rawwidth=&1026& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1026& data-original=&/9c8507449eae453f7ebc065e85ad5c5a_r.png&&&/li&&li&ctrl+j复制图层，ctrl+i反色&img src=&/210ff68ceaeb_b.png& data-rawwidth=&1011& data-rawheight=&687& class=&origin_image zh-lightbox-thumb& width=&1011& data-original=&/210ff68ceaeb_r.png&&&/li&&li&将反色后的图层（在上层的图层）混合模式改为颜色减淡或线性减淡，然后会发现画布上是一片白&img src=&/b634b23dae8a3fe_b.png& data-rawwidth=&174& data-rawheight=&690& class=&content_image& width=&174&&&/li&&li&对上侧的图层，应用滤镜-其他-最小值&img src=&/b88b7b3c8fbf41aeb29994cdc58d7782_b.png& data-rawwidth=&625& data-rawheight=&624& class=&origin_image zh-lightbox-thumb& width=&625& data-original=&/b88b7b3c8fbf41aeb29994cdc58d7782_r.png&&&/li&&li&最小值的参数设置为大概2.0像素&br&&img src=&/60bbbd1357133dcf7f25a2f41cf0682d_b.png& data-rawwidth=&1216& data-rawheight=&717& class=&origin_image zh-lightbox-thumb& width=&1216& data-original=&/60bbbd1357133dcf7f25a2f41cf0682d_r.png&&&/li&&li&在图层面板新建一个色阶调整，深化描边，去除空白部分的杂色，参数大概如下&img src=&/cea3a344f31_b.png& data-rawwidth=&1231& data-rawheight=&815& class=&origin_image zh-lightbox-thumb& width=&1231& data-original=&/cea3a344f31_r.png&&&/li&&li&找一张稍带有褶皱的纸的素材，用同样的方法去色后，用正片叠底的混合模式叠在手机图的上方：&img src=&/f46e51c3894b3acd184e_b.png& data-rawwidth=&1196& data-rawheight=&810& class=&origin_image zh-lightbox-thumb& width=&1196& data-original=&/f46e51c3894b3acd184e_r.png&&&/li&&li&用画笔中的铅笔样式，画一些装哔的线条，画笔颜色其实随意了，（按住shift画能画直线，为了模仿手绘的不精细，可以再调节画笔大小自由画一些散乱的线）：&img src=&/4a81e122e339e8427981ae_b.png& data-rawwidth=&1468& data-rawheight=&934& class=&origin_image zh-lightbox-thumb& width=&1468& data-original=&/4a81e122e339e8427981ae_r.png&&&/li&&li&下载一个手写字体，写一句貌似很装哔但毫无意义的话（鄙人用的造字工房情书，个人使用可免费）：&img src=&/f3c6bebfa3b5e83d8fbd_b.png& data-rawwidth=&1198& data-rawheight=&819& class=&origin_image zh-lightbox-thumb& width=&1198& data-original=&/f3c6bebfa3b5e83d8fbd_r.png&&&/li&&li&然后再添加一层渐变映射的调整图层，渐变颜色改为蓝色到白色的渐变&img src=&/c_b.png& data-rawwidth=&1631& data-rawheight=&887& class=&origin_image zh-lightbox-thumb& width=&1631& data-original=&/c_r.png&&&/li&&li&出图：&img src=&/d8bfd8af5b_b.jpg& data-rawwidth=&1532& data-rawheight=&1022& class=&origin_image zh-lightbox-thumb& width=&1532& data-original=&/d8bfd8af5b_r.jpg&&&/li&&/ul&
先找到一张原图：用Ps打开，ctrl+shift+U去色ctrl+j复制图层，ctrl+i反色将反色后的图层（在上层的图层）混合模式改为颜色减淡或线性减淡，然后会发现画布上是一片白对上侧的图层，应用滤镜-其他-最小值最小值的参数设置为大概2.0像素 在图层面板新建一个色…
&b&题主自答&/b&&br&&br&&br&我本来想过两天多看看大家的回答后再做总结，但因为可以修改，也憋不住还是提前自答一下我的问题吧。&br&&br&我先说说我的经历：&br&我从小学美术，后来考进了一所中专开设的电脑美术专业，在那里差不多1998年左右学会使用flash 4.0并跟着Flash走了10多年。并在2000年左右学过网页三剑客，学过dreamwear表格布局,并在那时候就开始接各类企业网站制作的外包进行制作。怎么滴也算网页制作这个领域的老司机了吧。&br&&br&但我毕业后从一家电商公司去到了广告行业后我的职业人生改变了。2005年前后市面上大量的出现了基于整站flash技术的网站开始遍布。对我影响最大的是一个叫做 2advanced 的网站，那时候我才意识到做网站这种富媒体应该要把它当做一个艺术作品来制作。2ad也是一个网页设计制作的studio，在他们的作品集中，我看到过模拟非常真实的宇宙飞船效果，以及酷炫屌炸天的视觉编程粒子特效。&br&&img src=&/v2-4a583cd492f353f8e08ff4_b.jpg& data-rawwidth=&379& data-rawheight=&300& class=&content_image& width=&379&&&br&2ad v4版本 2004年&br&&br&&img src=&/v2-729b167ff71b40d49dc329bee061e116_b.jpg& data-rawwidth=&690& data-rawheight=&517& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&/v2-729b167ff71b40d49dc329bee061e116_r.jpg&&2ad v5版本 2006年&br&&br&那个年代也有非常牛逼的几位日本网站设计制作的艺术家，比如 中村勇吾(Yugo Nakamura)&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&YUGOP.NET IS UNDER MAINTENANCE&i class=&icon-external&&&/i&&/a&，和&a href=&///?target=http%3A///link%3Furl%3DdmZkxvU7HfCFlmu1JaJNDyIjtNT3NNImMwovN59vD8W& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&roxik城戸雅行/&i class=&icon-external&&&/i&&/a&&br&一时间我认为这个才是网页设计（制作）的巅峰。&br&&br&&img src=&/v2-e701ee99efce35eb377148a_b.png& data-rawwidth=&550& data-rawheight=&310& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&/v2-e701ee99efce35eb377148a_r.png&&&br&Yugo Nakamura作品&br&&br&&img src=&/v2-726d18cdf7c2c1a925afb8cdc6f17a41_b.jpg& data-rawwidth=&684& data-rawheight=&402& class=&origin_image zh-lightbox-thumb& width=&684& data-original=&/v2-726d18cdf7c2c1a925afb8cdc6f17a41_r.jpg&&roxik作品&br&&br&&br&&br&&b&&u&你可能认为这个跟前端有什么关系？这些个都是用flash做的，甚至你认为这个跟开发都没关系，都是美术设计和动画的活，因此你始终带着你目前所处领域对职能的认知看待我说的“当年”这件事了！&/u&&/b&&br&&br&&br&时间转回到十多年前，flash这东西在中国刚风靡的时候出现了一群人叫做“闪客”（这个名字由闪客帝国网站的站长“编程浪子”高大勇定义的），这群闪客既会美术又会动画还会编程也会做音乐。他们只是使用这个叫做flash的工具制作一切他们想表现的东西。他们大部分人用flash做MV卡通，也有人做网站。一时间Flash成了多媒体的代名词。之前大家都使用authorwear的幻灯片和dircor来制作多媒体，在flash4.0后，几乎flash可以做所有你想到的东西。所以学画画的，学编程的都来搞这个了，引发了一阵狂热，因为当时互联网带宽也有限，除了那些纯文字的网站以外，你突然能看到个会动的就很厉害，更何况flash中动的还那么酷炫。我也为此买了不少动画设计、as的书去学。但比起动画我更喜欢as，因为我感觉控制起来更好玩。虽然在美术中专以及后来我大学念的多媒体都学过动画设计专业，我甚至能逐帧的绘制如同迪斯尼卡通级别的逐帧动画。&br&&br&哦对了，顺带提一下，我接触网页那会儿，还没有css呢，记得css这个东西被发明出来后大家一阵兴奋。&br&&br&诺干年后（2012），我去到了我如今的公司VML(当年的 im2.0)上班，也是因为对这两个人的崇拜，第一张是闪客帝国站长编程浪子高大勇，闪客一词的发明者；第二张是闪客小小，他启发过无数人走进了视觉编程游戏开发行业，就因为他的棍子武术的小人通过简单的编程语句实现了游戏开发，最主要的是他跟nike的官司后来赢了，成为了中国一个成功的艺术创作维权案。&br&&br&当时勇哥是我们公司CTO,小小是公司顶层技术研发。&br&&img src=&/v2-6dd4a832cfa112dcc82a7e3_b.jpg& data-rawwidth=&500& data-rawheight=&724& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/v2-6dd4a832cfa112dcc82a7e3_r.jpg&&&br&&br&&br&&br&闪客里面这些做网站的人就是我们这群早期的网页设计（制作者），我们一般都会接了网站的单子自己消化从页面设计、UI美工、动画、重构、后端（当时是用asp语言）的所有工作,看似像不像今天的全栈工程师？甚至比全栈更牛的就是连美术都不需要，美术程序一个人搞定。&br&&br&再后来，由于flash网站的体量越来越大，要求越来越高，行业出现了细分：设计的活、flash动画的活、flash程序开发的活、后端的活都逐渐分开了。而我选择了flash开发的活，因为我之前所说我更喜欢用程序去构建视觉。所以在整个工作流里我们被定为“前端开发工程师”这个工作。会涉及到flash+dom+css这几项工具。&br&&br&&br&再后来，flash被乔布斯宣判了死刑，adobe最后也放弃了这个他们从macromedia重金购买的产品。但是公司不管，商业运作才不管你技术怎么变革呢，趋势就是企业minisite广告在移动互联网时代也要从PC站进入到移动端，利用当下流行的app（诸如微信、新浪微博）等社交工具引流提高交互效果。我们也被迫转型H5（即放弃flash）。&br&&br&最初因为我们也都是从网页三剑客时代过来的。也经历过漫长的网页制作史，最初用Table切图-&div+css切图才到了flash RIA时代。但在脱离flash后，动画效果的僵硬（因为程序控制动画非常不直观，以及想要处理复杂动画需要非常多的tween叠加），美术创意那边始终不买账，他们认为flash时代能做的你们现在做不了那就是你们技术上有问题水平不行，因此我们也就一直在找这个衔接——即可视化美术UI、以及布局和动画跟程序交互脱离这件事情。这样我们就可以让昔日的动画师做回自己的工作，而不用让程序凭借不直观的感觉通过代码去调整复杂的动画效果。&br&&br&在最初我们尝试了序列图，雪碧图这些实现动画效果（我想大家都经历过，甚至很多前端现在都在用）但由于文件太大，最后决定使用了adobe flash CC自带的creatjsTool,让美术以及动画师做完后导出，事实上动画师这个工作他属于美术人员他们压根不懂代码，甚至不管你技术怎么实现。但他们的专业是优良的动画感受，动画节奏的把握，以及如同迪斯尼动画品质的（预备动作、开始动作，结束动作，缓冲动作）中变形的拉伸以及通过动画模拟物理等等，这些才是动画师的专业，所以我看到答案中那些管我们叫动画师的人我觉得他们工作中一定也是不属于自己的事就是别人的事的做事风格吧，事实上动画师不会写代码。&br&&br&但我们用了creatjs后发现在动画师使用mask以及变换后在手机端特别的卡，最后我们选择了flash2x+egret方法。&a href=&///?target=http%3A//web.flash2x.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Flash2x Tool&i class=&icon-external&&&/i&&/a&.&br&&br&在选择egret之前，我们也尝试过&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&lufy's legend&i class=&icon-external&&&/i&&/a&，以及pixi.js，这些canvas框架都非常完整的继承了flash中的可视化编程模块思想（即显示列表）并保持跟Flash as3中类似的api结构，但由于flash2x团队没有支持pixi所以放弃了传说中效率最高的pixi. lufy由于长期不维护自己的项目因此我们也没有去使用。白鹭团队是之前adobe传教士7yue离开adobe后的加盟公司，并由之前负责as的人维护更新，并在2015年拿到了小米雷军的顺为资本的风投。因此选择了egret.&br&&br&在使用中，我们尝试了egret的整套工具流，发现他自己的egret-inspector,因此觉得感觉跟chorme中开发者工具在dom中修改dom树和css也差不了太多。这也就回答了大家觉得canvas不如dom中css所见即所得方便的问题。同样操作inspector的参数后，页面也会发生相对应的修改。&br&&br&&img src=&/v2-74a95dde461b_b.jpg& data-rawwidth=&523& data-rawheight=&422& class=&origin_image zh-lightbox-thumb& width=&523& data-original=&/v2-74a95dde461b_r.jpg&&&br&再后来，由于canvas因为是全屏刷新渲染的问题，因此对于H5网站的耗电问题一直是所有canvas引擎的坑。因此白鹭借鉴Flash中的局部自动脏矩形的经验，重做了egret引擎，也就是所谓的egret3.0版本。但由于更新了底层不兼容了flash2x，这也让2x项目的主创人员小可非常不悦，因此他决定自己写个引擎不依赖于其他引擎了，这样就不会由于其他引擎迭代中修改了最初架构设计中底层而导致不兼容的问题，这个引擎就是annieJs http://&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AnnieJS&i class=&icon-external&&&/i&&/a&。&br&&br&再后来在flash2x的群里大家逐渐发现彼此都是广告领域的人彼此意识到这个工作流游戏开发不会用，前端webapp开发也不会去使用，我们管我们的圈子叫“互动圈”-即互动广告H5开发（暂且这么叫吧，但事实上这个名称在招聘类网站根本搜不到工作的）。&br&&br&那看看我们公司在广告这个领域是做些什么样的网页前端吧：&br&&img src=&/v2-220bdd3f18bcd9e63b6188_b.jpg& data-rawwidth=&750& data-rawheight=&1200& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&/v2-220bdd3f18bcd9e63b6188_r.jpg&&比如基于threejs的淘宝双11邀请函。(已下线)&br&&br&&img src=&/v2-bf9de9eabe29e652bda171595fbca34e_b.jpg& data-rawwidth=&392& data-rawheight=&650& class=&content_image& width=&392&&比如基于flash+egret的百事新年活动。&a href=&///?target=http%3A//.cn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&2017把乐带回家&i class=&icon-external&&&/i&&/a& (用手机ua打开这个链接)&br&&br&&img src=&/v2-ebc8a27ddba88f20f359d_b.jpg& data-rawwidth=&400& data-rawheight=&705& class=&content_image& width=&400&&比如基于dom+css3d的adidas的某个产品宣传网站&br&&br&&br&&br&但我认为其实在WebApp这个领域，也根本没必要把你的所有数据暴露给SEO的，比如你做个饿了么H5没必要让搜索引擎搜到你app中的XX黄焖鸡的话，因此完全也可以使用canvas引擎制作。因此html其实最大的优势只是在于语义化这件事。因此我咨询了下flash2x的小可这个问题，他的回答如下：&br&&br&&img src=&/v2-3fac9b9da0_b.png& data-rawwidth=&773& data-rawheight=&670& class=&origin_image zh-lightbox-thumb& width=&773& data-original=&/v2-3fac9b9da0_r.png&&&br&虽然不排除我们彼此间的flash情怀，但事实上flash的确还是留下了很多不错的制作富媒体应用的思路，这个不可否认。&br&&br&在公司内部，我们名片都印成“web前端开发工程师”,但我们彼此都发现如果去其他招聘web前端开发工程师的地方找工作，我们根本没法对号入座。我们也都关注所有的前端微信公众号以及这个圈子里有啥新技术，一旦有了我们都会去使用。但事实上最后能用到工作场景中的技术只有一部分。最初我们使用Jqurey+backbone+requirejs，然后用typescript或者es6构建项目模块化，也会使用gulp,webpack自动化脚手架、模块管理器跟打包工具等等，我们也学习angular，react,vue,service work,flex布局，响应式布局甚至微信小程序，但由于公司项目着重点不同因此MV框架中渲染成dom+CSS的结果我们没法结合到实际项目中，但是redux思路被我们很早就用上了，当时学redux的时候我们就惊讶的发现就是flash时代的singalbus,但是singal早了不止10年，但这个思路我们一直沿用着backone里的events。在我想尽办法结合MV框架的时候，我同事的话启发了我，他说MV框架是给那些处理数据的前端使用的，我们是处理效果的前端，用他根本没意义。&br&&br&那么问题来了，看下图：&br&&img src=&/v2-dd4dfd74feb91d3a4a964a_b.png& data-rawwidth=&1603& data-rawheight=&964& class=&origin_image zh-lightbox-thumb& width=&1603& data-original=&/v2-dd4dfd74feb91d3a4a964a_r.png&&&br&找了张鹅厂的。但事实上大家对前端的JD需求都是这样的。&br&&br&正如前面几贴里有人回答，我也是做跟你一样领域的，我平时自学他们要求的那些不就完事了么。那问题出现了，技术学习一般需要这个流程： 写过hello world -&做过demo-&实践过项目-&踩过坑-&烫平一切。这样一来如果公司应用场景并不好的情况下，一般自学或者关注某个新技术而没在项目中使用的话达到做过demo已经是不容易了。这样一来用人单位如何信任你是个他们认为资深的前端工程师呢？&br&&br&因此我的结论就是隔行如隔山，或许换岗也只能在原先的行业里游走，跳出这个行业根本看不清方向。就比如我一个开发IOS已经8年多的老技术说的，他去高德地图面试，结果人家说了个术语他居然从没听过。我认为领域或许是技术的一个壁垒。除非企业非常信任你能超强的学习能力，在没人教的情况下很快就能得心应手，否则一般转行意味着减薪降职。&br&&br&那么事实上呢？众所周知，其实新岗位一直都在迭代，以前的页面重构师（往往是女生的切图员）也在被迫接受学习js成为前端。新技术层出不穷后导致了新岗位也在不断诞生，比如看似又回到从前但完全不是一回事的全栈工程师。在这样的背景下不得不坚持学习。1年前我们都在说前端领域3个月不学习基本上没法和别人沟通了。但事实上我现在也逐渐意识到即使学了本质上也很难跟别人沟通，因此你跟别的前端就如同在一个平行宇宙你们能看到对方但彼此其实是摸不到的。这层阻碍是由于行业差别导致的岗位差异导致的。&br&&br&因此我其实很不认可，坊间各类《前端学习路线图》，比如下面这个&br&&img src=&/v2-d579e88ef09c7fadb599_b.jpg& data-rawwidth=&1024& data-rawheight=&627& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-d579e88ef09c7fadb599_r.jpg&&&br&&br&如果照这上面的结构初学者去学，一定可以当一辈子“初学者”了。哈哈。往往专家就会让初学者往左走100米，往前走100米，然后往后走100米，再往右走100米，然后跟他说你已经了解到了这100平方里的知识架构了。但其实如果初学者往东走400米或许可以走更远。但事实上万一往东走400米后发现是条死路的情况依然还是有的。就比如以前学flash后不愿学其他的最后死在flash这一条道上的人。所以走100平方或许不是坏事，我暂时就不多做评论了，各有利弊吧。&br&&br&但从“大前端”的概念来看，说到底JSer所需要接触的领域也越来越多，但对于公司内项目的应用场景肯定是有限的。其实可以根据项目需求的场景进行学习。把一个领域学精才是王道。&br&&br&所以以我现在对前端这个领域的观察来看前端应该分三类：&br&&br&&p&&b&1、侧重数据层前端：&/b&&/p&&p&行业：webAPP，一人多职的负责公司网站前后端的全栈（全栈我不认为只是因为公司为了省钱，但不排除这种情况）;&/p&&p&这类前端更需要了解全栈知识（前后端，数据库），懂nodejs，懂php，懂数据库。要懂最新的双向绑定MV以及组件化框架，比如angular,react，vue。还要懂数据库。&/p&&p&这类前端的高阶技术需要掌握数据结构，以及各种和数据有关的算法。&/p&&p&需要数学知识：概率学、微积分等等。&/p&&br&&p&&b&2、侧重表现层的前端：&/b&&/p&&p&行业：H5游戏、H5展示、数据可视化方案、广告活动配合的手机移动站点&/p&&p&这类前端需要了解canvas绘图，flash动画以及各类canvas引擎的表现技术，webGL,GLSL语言。&/p&&p&高阶需要掌握计算机图形学知识。&/p&&p&需要数学知识：离散数学和线性代数、平面几何、立体几何、射影几何’、绘图函数等等。&/p&&br&&p&&b&3、侧重hybird的前端：&/b&&/p&&p&行业：初创型互联网企业以及app跨平台方案供应商&/p&&p&这类前端要了解原生APP的开发方法。以及市面上各种打包方式，比如react-native，微信小程序，以及weex等技术。&/p&&p&高阶需要掌握 c语言或者汇编语言等底层的开发技术，并编写灵活的打包方案。&/p&&br&&br&&br&&b&事实上第三类的前端也覆盖第一类前端，而第二类的前端被知乎笼统的归纳为“游戏设计师”。&/b&&br&&br&相关链接：&br&&a href=&/question/& class=&internal&&为什么业内不流行基于移动端的Web APP去使用H5整站 canvas技术？&/a&在这贴里我已经详细的剖析我们团队的工作流程和制作方法，有兴趣的请点击探讨&br&&br&小可的文章《如何优雅的用Flash开发Html5交互项目》&a href=&/p/& class=&internal&&知乎专栏&/a&&br&&br&——————————————————————————————&br&补充一 &br&&br&知乎网友：职位不中要，你管他叫什么呢？老板给你钱了么，给你了抬头不重要吧。&br&&br&答：对，在很多小公司初创型公司，一个人身兼多职很正常，但这就出现了个问题，人的经历是有限的，尤其在行业细分越来越严重的时候，如何选择自己的将来或许是一个需要考量的问题。我曾今在小公司上过班，经历过几乎就给一个网站设计的抬头，结果连修电脑的事情也管这样的工作。虽说这并没什么给钱就行了，但未来呢，你怎样在你的简历里描述你做过的这份工作呢？要知道在海投海选的招聘市场里，你的简历或许在还没有到达技术经理的邮箱就已经被HR的助理给筛掉了。道理很简单他们觉得你之前的工作经历跟他们不符合。这也就是我这篇里题目以及长篇大论的缘由。但是事实极有可能并不是你没做过他们描述的工作，只是他们通过抬头误解了你的工作。这其实就引出了另一个很复杂的问题，技术类工作简历怎么写的问题。有时候真的很难办，因为人的经历有限。懂的多未必是好事，这也给招聘方带来挑战。&br&&br&总之随着时代的进步，岗位也在发生变化或许之后web前端的变化会更大都有可能。只有跟上，别掉队了。&br&&br&——————————————————————————&br&补充二 &br&&br&知乎网友：你这类或许应该叫做“页面重构师”更合适。&br&&br&答：我理解的页面重构这一职业起源于最初的大学计算机系不教photoshop，相反艺术院校的多媒体专业只教网页三剑客而造成了毕业生去了公司后发现程序员不会切图，然后就诞生了一个只负责切图的工种。这种工种本身也不会写代码只会用dreamwear的所见即所得拉表格布局，后来在div+css的浪潮中逼着他们适应了看html的标签，并学了通过css控制页面。这种工种虽不会写代码但可以和.net程序员轻松合作制作整站。但随着web2.0时代的到来，越来越多的内容通过cms、blog等工具生成后端的工作量逐渐变大。再加上SPA时代的到来，并让很多公司看到了单页的好处，所以要求前端就必须会js。&br&&br&但事实上归根到底就还是要回到高等教育中的职业教育问题，我们都知道目前的大学教育体系来自于中世纪教会，教育本质上是一种约束机制。再加上社会的变化，本质上大学的教育内容早就跟社会脱节了。大学中的系和专业的分类，最终导致了培养出来什么样的职业人类。&br&&br&我的同事就常说，人的职业就跟游戏里一样是分属性的，这个基础属性在你毕业时候就已经写好了，毕业后的努力都只是在这个属性上加成，就比如你的天生职业是个“肉盾”，你拼命的练习“远程”，远程的技能是可以提高，然后你找了一个远程的工作但怎么都比不过别人。我们称他为选错行了。&br&&br&但事实上社会的进步导致了跨界需求越来越大，甚至很多界是曾经根本不存在的。这时候公司就会想到去邻进专业的职业类型里招人。这时候摆在求职者面前的是继续学习这条路。回到上一段的比喻，如果肉盾的你，训练了远程技能或许短时间没用。但不等于未来没用。产业的进步一定会产生新的机会，我把这一种属性的提高叫做“升阶”。这时候人的比较就更复杂了，这就是我文中提到的那个向东走400米，还是走100平方的道理一样。走400米那叫升级，你单项的级别比别人高，但不排斥科技进步导致的变化。这个玩过即时战略游戏的玩家应该心里都清楚。&br&&br&学校对人基础属性的决定因素或许越来越大，但社会对跨界人才的需求也会越来越饥渴。这就是目前甚至以后企业招人越来越难的情况。大家都只注意自己在升级，而不考虑升阶（比如提升科技）。因此出现了前阵子的热帖 &a href=&/question/& class=&internal&&如何评价真阿当的文章：《2016年前端技术观察》？ - 前端开发 - 知乎&/a&，阿当老师的保守那贴也都提到了，他其实就是站在过去看现在，但当下是目前这种划分结构也不代表未来，所以如果我们保持觉得如今的技术架构不去学习，不久我们就会变成他，认为过去很好很满足，之后发明的一切都没用的看法。&br&&br&仅仅我个人观点，仅供参考。&br&&br&&br&&br&&b&后面待补充......&/b&
题主自答 我本来想过两天多看看大家的回答后再做总结，但因为可以修改，也憋不住还是提前自答一下我的问题吧。 我先说说我的经历： 我从小学美术，后来考进了一所中专开设的电脑美术专业，在那里差不多1998年左右学会使用flash 4.0并跟着Flash走了10多年。…
&b&更新：16年7月29日&br&&br&因为从事的是电影制作行业，去年10月，我在知乎回答了这个问题，没想到那么多人收藏，非常的感谢大家。&/b&&b&因为15年-16年因为特别忙，也没有更新过。&/b&&b&后续建立了途门TOXMEN旅游影视团队，去了美国和日本拍摄。所以一路都是在创业和出差中度过，基本就没时间来知乎回答大家的问题和回复大家私信，再次表示抱歉..所以建了一个微信群，可以加入进来一起讨论学习（文章末）&br&&br&&/b&&p&&b&最近准备停止手上的一些事，好好来更新一些内容，也在思考未来拍点什么，做一些什么事儿。&/b&&b&好吧，先上传一些在工作时候拍摄一些作品。&/b&&b&个人觉得摄影和调色本来就是感觉和审美的事儿，&/b&&b&&b&所以在这里提供一些拍摄时候的想法和思路，从另外一个面去解读一下摄影和调色，&/b&拍照和调色之前最最最需要记住就是“&u&感受现场的气氛&/u&”，所谓&u&“感受现场气氛&/u&”&br&就是不要到了你喜欢的地方见了你想拍的人就马上对着猛拍，静下来多多感受现场的气氛和感受自己的心情状态，举个“栗子”我有一朋友，每次“活动”只要见到&br&喜欢的就马上按快门猛拍，这个时候其实错过了体会风景，吓跑了拍摄对象，或者让被拍的人产生厌烦感。如果他不那么急，先欣赏一下风景，不枉费自己跑那么&br&远，多和被拍人物聊聊天体会一下人文风情，融入他们生活拍摄，每按下快门1/1XX秒的时候能正确理解自己在做什么，每定格一张照片的时候自己真正激动的心情..&br&&/b&&/p&&br&&p&&b&所以在这篇次更新中我暂时先抛开一些专业术语和一些调色数据，就简单说一说拍摄这件事的感觉。&/b&&/p&&br&&br&&br&&b&———————————————————————————————————————————&/b&&br&&b&&br&&br&&b&15年10月12日更新.感谢那么多人赞同~&/b&&br&&br&本來今天準備給大家更新的，因为最近比較忙，除了馬上要拍攝幾個新片子以外，我們APP也剛上線，正在推廣，所以空餘時間較少，如果很倉促來分享經驗會不負責任。&br&所以让我好好準備一下我会非常认真的来分享经验，请期待~&br&&br&&br&&br&———————————————————————————————————————————&br&&br&&br&&br&最早我在“你P的最滿意的圖片是哪些？”回答了問題，然後有人邀請我來這裡回答問題。&br&剛好下班來回答這個問題。感覺這個提問比較適合我來回答。&br&&br&所以我把那邊的答案直接搬過來在這裡回答吧~&br&因為本身是電影後期製作行業的，平時調色機會非常多，多數情況下電影調色都使用“達芬奇-DaVinci Resolve“ &a class=& wrap external& href=&///?target=https%3A///& target=&_blank& rel=&nofollow noreferrer&&Blackmagic Design: Home&i class=&icon-external&&&/i&&/a& 這個是達芬奇調色的官網，有興趣的朋友可以看看。在使用達芬奇調色過程中學習到很多調色經驗，尤其是&u&二級調色&/u&經驗。&br&&br&調色這個東西真的比較深奧，而且第一的答案寫了很多干活。&br&那我就來講講調色的概念（用非常易懂的方式來講）這些概念雖然是電影調色的經驗，其實可以套用在很多照片裡面。&br&這裡我套用達芬奇調色一些經驗來給大家講講。這裡我使用&/b&&b&&a href=&///?target=https%3A///juanmelara& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/juanmelara&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&的一些概念來給大家講講。&br&&br&第一張：這個是原始素材，通俗點來講就是灰灰的片子，沒飽和度（整體不鮮艷），看上去就像是人眼上面蒙了一張灰色的布...暗部的細節也非常有寬容度，調色空間非常大！&br&&img data-rawheight=&483& data-rawwidth=&1219& src=&/3983b03dcfa42f7cc0931_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1219& data-original=&/3983b03dcfa42f7cc0931_r.jpg&&第二張：這裡調色師傅們就要開始在這個灰灰的片子上面做點什麼壞事啦！首先他們會加重整個片子的飽和度和對比度！注意對比上圖很明顯看出來暗部細節沒有那麼多的細節啦！然後人物膚色飽和度增加了，其他物體顏色飽和度也增加了。（學過畫畫的人肯定知道，畫畫首先是用幾筆畫輪廓，輪廓畫好了就可以加深陰影部分了，調整細節）&br&&img data-rawheight=&502& data-rawwidth=&1277& src=&/7dedf2e653ec289b749a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1277& data-original=&/7dedf2e653ec289b749a_r.jpg&&第三張：這裡就是加入&u&暗部色調&/u&，暗部整個片子的色調的定位。可溫暖，可悲傷，可陽光，可陰暗，整個色調的感覺可以由你自己的發揮。這個並不難。&img data-rawheight=&477& data-rawwidth=&1239& src=&/e5bfa4ed496aba3cf81a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1239& data-original=&/e5bfa4ed496aba3cf81a_r.jpg&&第四張：這裡就是加入&u&亮部的色調（高光色調）&/u&，這個色調你可以配合暗部色調來調整。也是由你發揮...主人...&img data-rawheight=&504& data-rawwidth=&1267& src=&/cdfe1bfc9b2f6fe74a11_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1267& data-original=&/cdfe1bfc9b2f6fe74a11_r.jpg&&第五張：最最最最重要一部分！大家看上圖是否覺得很不自然呢，尤其是這個大叔的臉部感覺像得病一樣。現在調色最重要就是給臉部還原顏色了，這個時候你就需要自己把握人的膚色！膚色一定要還原真實，因為真實以後整個效果也就出來了。&img data-rawheight=&487& data-rawwidth=&1218& src=&/fe14bcfaec1729_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1218& data-original=&/fe14bcfaec1729_r.jpg&&第六張：調整完以後就是統一整個高光和暗部的顏色，這樣可以讓整個片子更協調。&img data-rawheight=&490& data-rawwidth=&1240& src=&/f705f8a7ccd8f5ed5a4b7bf90b5f7ad8_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1240& data-original=&/f705f8a7ccd8f5ed5a4b7bf90b5f7ad8_r.jpg&&第七張：噹噹！最後調整一下細節，搞定，色調調整完成。看上去有沒有很COOL，其實你也可以調出電影的色調的。只要整個概念能熟練掌握！&img data-rawheight=&503& data-rawwidth=&1274& src=&/bea27a0e8d6d95759aacb48a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1274& data-original=&/bea27a0e8d6d95759aacb48a_r.jpg&&&br&概念同上！&br&&img data-rawheight=&487& data-rawwidth=&1239& src=&/be45eb56adff483a734cc_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1239& data-original=&/be45eb56adff483a734cc_r.jpg&&&img data-rawheight=&489& data-rawwidth=&1240& src=&/b2010cafa84aa_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1240& data-original=&/b2010cafa84aa_r.jpg&&&img data-rawheight=&483& data-rawwidth=&1237& src=&/22188bcefad8f64d6cd4b3_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1237& data-original=&/22188bcefad8f64d6cd4b3_r.jpg&&&img data-rawheight=&478& data-rawwidth=&1248& src=&/6c64cd97e32fcec415b94b6d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1248& data-original=&/6c64cd97e32fcec415b94b6d_r.jpg&&&img data-rawheight=&499& data-rawwidth=&1264& src=&/57a932bed6cd40f4aa64a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1264& data-original=&/57a932bed6cd40f4aa64a_r.jpg&&&img data-rawheight=&483& data-rawwidth=&1241& src=&/ea0ff4cec6e90bd8f1ba97_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1241& data-original=&/ea0ff4cec6e90bd8f1ba97_r.jpg&&&img data-rawheight=&483& data-rawwidth=&1234& src=&/f5af2e707867_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1234& data-original=&/f5af2e707867_r.jpg&&&br&&br&———————————————————————————————————————————&br&雖然上面是用&/b&&b&DaVinci Resolve調色。&br&但是照片也可以哦~&br&工具強烈建議使用&u&LIGHTROOM。&/u&&br&為什麼使用LIGHTROOM，因為LIGHTROOM是ADOBE公司最專業的照片調色工具。&br&最最最最重要的是，LR可以二級調色！當然PS也可以咯，只是沒有LR方便。因為真真真的很方便。&img data-rawheight=&782& data-rawwidth=&1907& src=&/8a19ee5a7b7fed857276b_b.png& class=&origin_image zh-lightbox-thumb& width=&1907& data-original=&/8a19ee5a7b7fed857276b_r.png&&&br&&br&&/b&&b&&u&&b&不過我相信，肯定有些同學並不喜歡這種色調，因為這些色調如果不是電影，只是圖片的話，其實看著比較詭異..不過我是個很固執的人，我個人還是覺得調起來很爽的，因為這個方法真的可以套用很多場景上面，這條路是能讓你理解二級調色的真正含義。&br&&/b&&/u&&/b&&br&&br&&img src=&/15bbb93bcf01107dac177_b.jpg& data-rawwidth=&2268& data-rawheight=&4535& class=&origin_image zh-lightbox-thumb& width=&2268& data-original=&/15bbb93bcf01107dac177_r.jpg&&&br&&br&&img src=&/ff87be382d400a7d98991_b.jpg& data-rawwidth=&800& data-rawheight=&1600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/ff87be382d400a7d98991_r.jpg&&&br&&img src=&/bea74b9e90c45fb51f01f_b.jpg& data-rawwidth=&800& data-rawheight=&1600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/bea74b9e90c45fb51f01f_r.jpg&&&br&&img src=&/e82a93a8b219a55e4eaf25_b.jpg& data-rawwidth=&800& data-rawheight=&1600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/e82a93a8b219a55e4eaf25_r.jpg&&&br&&img src=&/e3550c0acb783dc671b50cfa7ebaf1c6_b.jpg& data-rawwidth=&800& data-rawheight=&1600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/e3550c0acb783dc671b50cfa7ebaf1c6_r.jpg&&&br&&b&&u&&img src=&/edce315d4_b.jpg& data-rawwidth=&800& data-rawheight=&1600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/edce315d4_r.jpg&&&br&&br&好了&br&因為今天寫這個簡單教程的時候，我還沒吃飯，所以以後再告訴怎麼用LR&/u&&u&做二級調色~&/u&&br&&br&&br&&br&&br&好了先不廢話，發點我作品，然後通過我作品，順帶給大家講講一些概念。&br&先來一個鎮樓了，因為非常喜歡拍人文系列的照片。&br&所以運氣好，2011年作品被選上美國國家地理雜誌網站。&br&下面的照片色調都是不那種詭異的”電影色調“，他只是我隨拍，通過二級調色概念來後期的圖。&br&&/b&&img data-rawheight=&720& data-rawwidth=&636& src=&/84bd937ae5dabb1ab577f145_b.jpg& class=&origin_image zh-lightbox-thumb& width=&636& data-original=&/84bd937ae5dabb1ab577f145_r.jpg&&&br&&b&原片（顏色死板，主角細節不足，雲層顏色灰蒙蒙)&/b&&br&&img data-rawheight=&2720& data-rawwidth=&4080& src=&/a3ec08d85a6f3d11c91c0d46d368b2eb_b.jpg& class=&origin_image zh-lightbox-thumb& width=&4080& data-original=&/a3ec08d85a6f3d11c91c0d46d368b2eb_r.jpg&&&b&後期后(增加雲層細節與顏色，增加船夫細節，提高曝光，色調重置）&/b&&br&&img data-rawheight=&2720& data-rawwidth=&4080& src=&/1da0ea356baea4d76b22_b.jpg& class=&origin_image zh-lightbox-thumb& width=&4080& data-original=&/1da0ea356baea4d76b22_r.jpg&&&br&&b&原片（逆光拍攝，顏色非常死板，主角細節不夠明顯）&/b&&br&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/a10bd3dafbf6e36be309f98c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/a10bd3dafbf6e36be309f98c_r.jpg&&&b&後期（增加照片寬容度，分離雲層顏色，提高主角曝光，增加衣服細節，讓照片戲劇化成分提高）&/b&&br&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/db632f28662f4fdcb39868_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/db632f28662f4fdcb39868_r.jpg&&&b&宿務島&br&原片 （曝光不足，顏色灰暗，因為相機刷過機，刷成灰片格式）&/b&&br&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/d1d2dd3a1f1a8e486ca55_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/d1d2dd3a1f1a8e486ca55_r.jpg&&&b&後期（因為是傍晚，環境色豐富，增強環境色，調整曝光）&/b&&br&&img data-rawheight=&1575& data-rawwidth=&2362& src=&/639b315bbcde17a54716c4_b.jpg& class=&origin_image zh-lightbox-thumb& width=&2362& data-original=&/639b315bbcde17a54716c4_r.jpg&&&b&薄荷漁船&br&原片（灰蒙蒙的色調，雲層很厚，感覺很悶）&/b&&br&&img data-rawheight=&922& data-rawwidth=&1387& src=&/56b158edfdca7eb8f204_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1387& data-original=&/56b158edfdca7eb8f204_r.jpg&&&b&後期（輕微調色整體云的顏色，加強云的層次感，增加主角的曝光，突出漁夫）&/b&&br&&img data-rawheight=&3437& data-rawwidth=&5155& src=&/8dbceab0d03f45b9aae1ce0d78ff4eaa_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5155& data-original=&/8dbceab0d03f45b9aae1ce0d78ff4eaa_r.jpg&&&b&原片（光纖非常昏暗，顏色單一，主角和建築混為一體）&/b&&br&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/3ef29fb57d56229b0cfefc_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/3ef29fb57d56229b0cfefc_r.jpg&&&b&後期（加強5個窗戶的飽和度，增加照片故事性，讓觀者感覺窗戶有靈性，加強主角的曝光，統一色調）&/b&&img data-rawheight=&2667& data-rawwidth=&4000& src=&/f47f95b589c3e365b312_b.jpg& class=&origin_image zh-lightbox-thumb& width=&4000& data-original=&/f47f95b589c3e365b312_r.jpg&&&b&原片（原片飽和度太高，顏色比較雜亂，不能凸顯主角）&/b&&br&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/21f4d1bbb5e3aefaaa2e33b_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/21f4d1bbb5e3aefaaa2e33b_r.jpg&&&br&&b&後期（搖滾，片子後期做的比較硬一點，降低其他不必要元素飽和度，讓照片更加MAN一點，修改黃色光纖色調）&/b&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/c95fe4512242_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/c95fe4512242_r.jpg&&&br&&b&工作空閒時間繼續更新了..&/b&&br&&b&&br&原片（一如既往的是數碼相機的通病：照片缺乏厚重感，顏色寬容度非常低，層次感差）&/b&&img data-rawheight=&2720& data-rawwidth=&4080& src=&/27ef9bdf26ade_b.jpg& class=&origin_image zh-lightbox-thumb& width=&4080& data-original=&/27ef9bdf26ade_r.jpg&&&br&&b&後期（增加照片層次感與厚重感，降低周邊顏色，突出視覺重點，重新調整色調）&/b&&br&&img data-rawheight=&2720& data-rawwidth=&4080& src=&/fb862a8fdee23d47f61b06e6fe2dd694_b.jpg& class=&origin_image zh-lightbox-thumb& width=&4080& data-original=&/fb862a8fdee23d47f61b06e6fe2dd694_r.jpg&&&b&原片（這張照片忘了是否開灰片模式了，缺點就是沒有食慾...）&/b&&br&&img data-rawheight=&3840& data-rawwidth=&5760& src=&/f847c1dabf5c4ff9aa980_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5760& data-original=&/f847c1dabf5c4ff9aa980_r.jpg&&&b&後期（增加層次感，顏色偏暖，增加食慾......)&/b&&br&&img data-rawheight=&2928& data-rawwidth=&4416& src=&/64d34e1fa_b.jpg& class=&origin_image zh-lightbox-thumb& width=&4416& data-original=&/64d34e1fa_r.jpg&&&b&原片（雜亂的檯面，沒食慾...)&/b&&img data-rawheight=&3840& data-rawwidth=&5760& src=&/d02e0fec5ef3_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5760& data-original=&/d02e0fec5ef3_r.jpg&&&b&後期（二次構圖，概念同上）&/b&&br&&img data-rawheight=&2329& data-rawwidth=&2329& src=&/ce51fdadd0ca61b84dfb12597cdfd66f_b.jpg& class=&origin_image zh-lightbox-thumb& width=&2329& data-original=&/ce51fdadd0ca61b84dfb12597cdfd66f_r.jpg&&&b&原片（缺乏戲劇感，主角不突出）&/b&&img data-rawheight=&5616& data-rawwidth=&3744& src=&/e49c2bdad294ef2162880_b.jpg& class=&origin_image zh-lightbox-thumb& width=&3744& data-original=&/e49c2bdad294ef2162880_r.jpg&&&b&後期（二次構圖，增加主角曝光，減少其他元素曝光，色調上增加戲劇化）&/b&&br&&img data-rawheight=&3468& data-rawwidth=&3468& src=&/fb92f35abbae06e724eb95af_b.jpg& class=&origin_image zh-lightbox-thumb& width=&3468& data-original=&/fb92f35abbae06e724eb95af_r.jpg&&&b&原片（創意片子就應該讓片子的飽和度更高一點~）&/b&&br&&img data-rawheight=&3840& data-rawwidth=&5760& src=&/70eaf6edc5ce_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5760& data-original=&/70eaf6edc5ce_r.jpg&&&b&後期（提高飽和度，曝光）&/b&&img data-rawheight=&2290& data-rawwidth=&1728& src=&/60dfcd07ddb09a80264ae9_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&/60dfcd07ddb09a80264ae9_r.jpg&&&b&後面我就不發原片了，太特麼難找了..都是一個思路後期的作品..&br&&br&後期（增加飽和度，提高色彩寬容度，增加主角曝光）&/b&&br&&img data-rawheight=&3744& data-rawwidth=&3744& src=&/6ac349e79_b.jpg& class=&origin_image zh-lightbox-thumb& width=&3744& data-original=&/6ac349e79_r.jpg&&&b&後期（灰片拍攝，片子本來很灰，再減去了其他周邊的環境色，記住光纖進入房間是窗子，所以曝光細節調整可以根據窗子延伸出來，暖暖的色調凸顯暖男）&/b&&br&&img data-rawheight=&3840& data-rawwidth=&5760& src=&/1df5ce5dac104e8da2d9e67_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5760& data-original=&/1df5ce5dac104e8da2d9e67_r.jpg&&&b&後期（當時現場就我們一個團隊拍攝他，而且是在酒店會議室，我拿了一張黑布就去了，當然還帶了一個燈光，原片灰灰的，增加曝光，寬容度）&/b&&br&&img data-rawheight=&5616& data-rawwidth=&3744& src=&/76c71af0d82e488fd9da815fafeda5a7_b.jpg& class=&origin_image zh-lightbox-thumb& width=&3744& data-original=&/76c71af0d82e488fd9da815fafeda5a7_r.jpg&&&b&後期（雲層同上沒有層次，調整云的層次，讓天和地分離開，但是切記不要曝光過高，這樣容易影響主角在片子里的視覺，最後認真調整主角膚色和曝光就ok）&/b&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/d60f2dfb76_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/d60f2dfb76_r.jpg&&&b&後期（這個調色思路是烘托主角氣氛，幾乎沒有調整色調，更多的是去調整顏色，因為主角確實很酷）&/b&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/7bab55cc6d4d0fe1139cf40c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/7bab55cc6d4d0fe1139cf40c_r.jpg&&&b&後期（這個思路同上，但是降低了主角周邊的飽和度，凸顯主角）&/b&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/d896d96a7dc90a02e50d1ccc1f3a9493_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/d896d96a7dc90a02e50d1ccc1f3a9493_r.jpg&&&b&後期（原片飽和度肯定沒有那麼高，提高了飽和度與曝光，控制色調冷暖）&/b&&br&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/f0c394c49_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/f0c394c49_r.jpg&&&b&後期（在寺廟底下父親帶著孩子在乘涼，原片其實非常昏暗，後期思路很簡單，提高父親和孩子的曝光即可）&/b&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/32fe939d819e814ef442_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/32fe939d819e814ef442_r.jpg&&&b&後期（相機拍出來的晚霞肯定和肉眼看的有很大差別，後期盡量稍微提高一下曝光和飽和會好一點）&/b&&br&&img data-rawheight=&3744& data-rawwidth=&5616& src=&/2e0c47eb8ee_b.jpg& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/2e0c47eb8ee_r.jpg&&&b&後期（這組是香港系列，顏色寬容度提高，加入一點主觀色彩）&img data-rawheight=&10131& data-rawwidth=&1669& src=&/61de3a627ee81be75225a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1669& data-original=&/61de3a627ee81be75225a_r.jpg&&&br&&/b&&br&&b&———————————————————————————————————————————&/b&更新&br&&img src=&/a8aad92c6a6a_b.jpg& data-rawwidth=&5616& data-rawheight=&3744& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/a8aad92c6a6a_r.jpg&&&br&&p&《Santa Monica》&/p&&br&&p&这张作品拍摄于洛杉矶Santa Monica，GTA5里面那海边公园：）如果你玩过GTA5一定还记得在那里肆无忌惮的咳咳咳...你懂的..老崔也没在这里。真实的Santa Monica是一个很和谐的地方，阳光和沙滩会让你欲罢不能。话说回来，大家应该都遇到过逆光拍摄，逆光拍摄其实非常麻烦，就算用多点测光数码相机也不会去搞定逆光那一面，唯一解决的方法就是二级调色，把作品上逆光的人物用LR做局域补光就可以，这样画面也有层次感。&/p&&br&&img src=&/c933e24eafe88dc10a8222_b.jpg& data-rawwidth=&5234& data-rawheight=&3489& class=&origin_image zh-lightbox-thumb& width=&5234& data-original=&/c933e24eafe88dc10a8222_r.jpg&&&br&&p&《Go!West》&/p&&br&&p&记得以前看过一部电影《荒野生存》让我对美国西部恋恋不忘，逃避这个世界的压力就一定要去美国的西部荒漠，等待日出的房车，人们在篝火取暖，看着头顶的星河，深林的味道弥漫过来。没有雾霾，一眼到低....在美的地方也逃不过一件事，就是相机曝光层次的问题，首先二级局域降低天空曝光，提亮房车曝光，降低天空饱和度，因为是在美国西部荒野（尤马城附近）营造一种整体偏冷的质感，所以需要把整体的片子饱和度在降低一档，但是切记一定冷暖结合。&/p&&br&&img src=&/eea9e000cb0baf9de5027b9d_b.jpg& data-rawwidth=&5616& data-rawheight=&3744& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/eea9e000cb0baf9de5027b9d_r.jpg&&&br&&p&《男孩与海》&/p&&br&&p&这张作品来源于美国西海岸，圣巴巴拉，加州的天气真的是万里无云，天气好到令人发指，一个USA BOY幸福的奔向大海，感觉一言不合就会和大海同归于尽的感觉...话说回来虽然天气好，拍照非常容易没有层次，这个这怎么解决呢？答案很简单，就是根据光线的位置和照射范围增加主角的曝光度，让主体物跳出来，当然增加主体物曝光一定不要太夸张，适可而止，一点点的增加可以让画面画龙点睛。&/p&&br&&img src=&/95192c18bbdbbdadade021f5569eef45_b.jpg& data-rawwidth=&5616& data-rawheight=&3744& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/95192c18bbdbbdadade021f5569eef45_r.jpg&&&br&&p&《路的那一端》&/p&&br&&p&拉斯维加斯返回洛杉矶的路上，一望无际的荒漠与山丘，开着车行驶在路上，忽然会出现一条无人经过小路，停下抽支烟，看看远处的雪山。最美好的自驾旅程。很多人肯定会说天空曝光过高吧？其实不然，有些时候可以来一点高反差对比，冷暖对比，让画面更互补。&/p&&br&&img src=&/a1ff0c75bdd2dcbe7074caae8e368e9d_b.jpg& data-rawwidth=&5507& data-rawheight=&3637& class=&origin_image zh-lightbox-thumb& width=&5507& data-original=&/a1ff0c75bdd2dcbe7074caae8e368e9d_r.jpg&&&br&&p&《红海》&/p&&br&&p&洛杉矶MONICA，镜头那端是渺小的人类，他们在等待着日落，红海。还记得一次用这张作品做了BP PPT的封面...红海啊，oh my..&/p&&br&&img src=&/4f32f8cde60d333bc3456_b.jpg& data-rawwidth=&5616& data-rawheight=&3744& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/4f32f8cde60d333bc3456_r.jpg&&&br&&p&《Life and boat》&/p&&br&&p&1号公路小镇的港口，这个小镇的人几乎每家都会有一艘船，幸福指数非常高。所以提高一点饱和度，让这个港口看上去非常五彩斑斓，最重要一点是降低黑色色阶，这样暗部就像自动开了HDR那样通透，但是不会有HDR那种厚重感，整个气氛就会让人很干净幸福。&/p&&br&&img src=&/cc30350edb_b.jpg& data-rawwidth=&5616& data-rawheight=&3744& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/cc30350edb_r.jpg&&&br&&p&《公路大海晚霞》&/p&&br&&p&一号公路，无尽的海岸线，太阳躲进云层，整个天空非常有层次，如果自驾一号公路，非常建议大家从旧金山出发到洛杉矶，这个时候汽车右边就是大海，这里自驾是让我最放松的时候，开100000公里也不会累!这个时候也是摄影的黄金十分钟，成次感非常好，快门调慢一点，让汽车的车灯拖出轨迹，非常漂亮。调色记得冷暖互补。&/p&&br&&img src=&/46c7bc95b48d3a3bdcbea1d_b.jpg& data-rawwidth=&5472& data-rawheight=&3648& class=&origin_image zh-lightbox-thumb& width=&5472& data-original=&/46c7bc95b48d3a3bdcbea1d_r.jpg&&&br&&p&《远处》&/p&&br&&p&旧金山的船上，也是黄金十分时候，因为夜幕降临，船上的点缀灯也显得更有气氛，还可以看见外面的晚霞，主角和副主角在静静的观赏日落，这个时候建议调色多用暖色调，画面会显得非常安静。&/p&&br&&img src=&/2469fcbb53b29b27d8b6_b.jpg& data-rawwidth=&5472& data-rawheight=&3648& class=&origin_image zh-lightbox-thumb& width=&5472& data-original=&/2469fcbb53b29b27d8b6_r.jpg&&&br&&p&《回岸》&/p&&br&&p&旧金山的船上，船长驾驶船开回码头，乘客在沉思着什么？我选用的气氛是很统一的暖色调，采用二级调色，让主角提高了一点曝光。&/p&&br&&img src=&/cab5304aedf9a3a_b.jpg& data-rawwidth=&5616& data-rawheight=&3744& class=&origin_image zh-lightbox-thumb& width=&5616& data-original=&/cab5304aedf9a3a_r.jpg&&&br&&p&《自拍》&/p&&br&&p&去圣地亚哥的路上发现了一处非常棒的露营地点，和一群朋友周末开车来这里晒晒太阳，吹吹海风真的非常美妙吧。如果你们聚会的时候想摆拍，个人意见是增加一点厚重感（男人）提高一点锐度，降低黑色色阶，质感会非常好。女生糖水片当我没说..&br&&br&&/p&&i&不做器材党&/i&&br&&br&&br&&p&接下来就分享一些IPHONE+VSCO+INSTGRAM拍摄的作品，&br&&/p&如果你才初学摄影和调色，建议这三个玩意绝对可以满足你找感觉和提高审美的过程。&br&&img src=&/616fac885700ca0eca84_b.jpg& data-rawwidth=&2448& data-rawheight=&2448& class=&origin_image zh-lightbox-thumb& width=&2448& data-original=&/616fac885700ca0eca84_r.jpg&&&i&《Little Havana》迈阿密 Iphone6p+VSCO&/i&&p&&img src=&/7fbf11e80a291bdd9083_b.jpg& data-rawwidth=&2448& data-rawheight=&2448& class=&origin_image zh-lightbox-thumb& width=&2448& data-original=&/7fbf11e80a291bdd9083_r.jpg&&&i&《seamen&/i&&i&》迈阿密 Iphone6p+VSCO&/i&&br&&/p&&p&&img src=&/723dbf74efa1ad_b.jpg& data-rawwidth=&1918& data-rawheight=&1918& class=&origin_image zh-lightbox-thumb& width=&1918& data-original=&/723dbf74efa1ad_r.jpg&&&i&《Yo》迈阿密 Iphone6p+INTGRAM&/i&&img src=&/36dc9abfe4f0_b.jpg& data-rawwidth=&1683& data-rawheight=&1683& class=&origin_image zh-lightbox-thumb& width=&1683& data-original=&/36dc9abfe4f0_r.jpg&&&i&《freeman》洛杉矶 Iphone6p+INTGRAM&/i&&img src=&/8ee0a947e2a6bee_b.jpg& data-rawwidth=&3648& data-rawheight=&3648& class=&origin_image zh-lightbox-thumb& width=&3648& data-original=&/8ee0a947e2a6bee_r.jpg&&&i&《Eternity》一号公路 Iphone6p+VSCO&/i&&img src=&/0fd3f9b47a_b.jpg& data-rawwidth=&2448& data-rawheight=&2448& class=&origin_image zh-lightbox-thumb& width=&2448& data-original=&/0fd3f9b47a_r.jpg&&&i&《Moment》一号公路 Iphone6p+INSTGRAM&/i&&/p&&p&&img src=&/d401f4ed66f9bfe_b.jpg& data-rawwidth=&1532& data-rawheight=&1532& class=&origin_image zh-lightbox-thumb& width=&1532& data-original=&/d401f4ed66f9bfe_r.jpg&&&i&《Zing》大峡谷 Iphone6p+INSTGRAM&/i&&/p&&img src=&/15e4d8b08b6f6eeb11b404_b.jpg& data-rawwidth=&1924& data-rawheight=&1924& class=&origin_image zh-lightbox-thumb& width=&1924& data-original=&/15e4d8b08b6f6eeb11b404_r.jpg&&&p&&i&《Tranquillity》荒漠 Iphone6p+VSCO&/i&&/p&&p&&img src=&/a7df8da57accfe3fcf679f_b.jpg& data-rawwidth=&2344& data-rawheight=&2344& class=&origin_image zh-lightbox-thumb& width=&2344& data-original=&/a7df8da57accfe3fcf679f_r.jpg&&&i&《unique》荒漠 Iphone6p+VSCO&/i&&/p&&p&&img src=&/18a2f439dd55dcf8ae34af5f7b0c8b2f_b.jpg& data-rawwidth=&2448& data-rawheight=&2448& class=&origin_image zh-lightbox-thumb& width=&2448& data-original=&/18a2f439dd55dcf8ae34af5f7b0c8b2f_r.jpg&&&i&《Blue》一号公路 Iphone6p+VSCO&/i&&/p&&p&&img src=&/a70da421ea8d875d32b4_b.jpg& data-rawwidth=&1340& data-rawheight=&1340& class=&origin_image zh-lightbox-thumb& width=&1340& data-original=&/a70da421ea8d875d32b4_r.jpg&&&i&《Smithereens》旧金山 Iphone6p+VSCO&/i&&/p&&p&&img src=&/2dc8f0d0c8d41b9b3c97ef_b.jpg& data-rawwidth=&2448& data-rawheight=&2448& class=&origin_image zh-lightbox-thumb& width=&2448& data-original=&/2dc8f0d0c8d41b9b3c97ef_r.jpg&&&i&《My work》华纳兄弟 Iphone6p+VSCO&/i&&img src=&/7b5fc1bb7587fc1bff7cd8a8c6aa6dc5_b.jpg& data-rawwidth=&2448& data-rawheight=&2448& class=&origin_image zh-lightbox-thumb& width=&2448& data-original=&/7b5fc1bb7587fc1bff7cd8a8c6aa6dc5_r.jpg&&&i&《believe》洛杉矶 Iphone6p+VSCO&/i&&/p&&br&&p&&a href=&///?target=http%3A///g/AVP8xZtqEQeysJIf& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/g/AVP8xZt&/span&&span class=&invisible&&qEQeysJIf&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& (二维码自动识别)&/p&
更新：16年7月29日 因为从事的是电影制作行业，去年10月，我在知乎回答了这个问题，没想到那么多人收藏，非常的感谢大家。因为15年-16年因为特别忙，也没有更新过。后续建立了途门TOXMEN旅游影视团队，去了美国和日本拍摄。所以一路都是在创业和出差中度过…
见识了这么多人性化的设计，可你见过人性化到让你鼻子一酸热泪盈眶的设计么！！？&br&&img src=&/1dc667afa318ae1c7f818_b.jpg& data-rawwidth=&1& data-rawheight=&1& class=&content_image& width=&1&&&br&日本的牛奶纸盒。&br&看上去没什么大不了的，我们这的也一样。&br&&br&&br&&img data-rawwidth=&280& data-rawheight=&295& src=&/7fb9df6e3ccc1ac2a04b4b_b.jpg& class=&content_image& width=&280&&&br&&br&&br&打开的地方，在开口处，为了防止顾客弄错而打开错误的一侧，标示着“开口”。为了方便盲人，在非开口的一侧有一个豁，一摸可知。&br&&img data-rawwidth=&280& data-rawheight=&210& src=&/bd797dceeef6f_b.jpg& class=&content_image& width=&280&&&br&&br&这好像也没啥特别的！&br&&br&但是，如果你打开另一边。。。。。&br&这里写着10个字。&br&&br&&img data-rawwidth=&600& data-rawheight=&800& src=&/990fbefa428cf0b750c9a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/990fbefa428cf0b750c9a_r.jpg&&&br&&br&&br&第一次看到的时候我瞬间内心一阵暖流。&br&&br&这是什么字？为什么会在这里写？&br&&br&在日本，为了充分利用资源保护环境也为了节省垃圾桶的空间，纸盒子喝完以后，应该完全打开，洗干净，剪开成一张纸并且晒干再统一回收的。&br&&br&&img data-rawwidth=&545& data-rawheight=&184& src=&/b37ad67bb0fc2f4ed9ddf1_b.jpg& class=&origin_image zh-lightbox-thumb& width=&545& data-original=&/b37ad67bb0fc2f4ed9ddf1_r.jpg&&&br&&br&但是这个过程过于麻烦，所以喝完直接就扔的人也不少。&br&只有认认真真去做回收的人，才会打开盒子的另一个口，才会看到这句话。&br&&br&“谢谢你对回收资源做出的努力”&br&&br&&img data-rawwidth=&600& data-rawheight=&800& src=&/9cfecaadceccbf_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/9cfecaadceccbf_r.jpg&&&br&&br&&br&“谢谢你把我打开，细心收拾好?”&br&&br&&img data-rawwidth=&600& data-rawheight=&800& src=&/2fa1dba670e5fd18395ce84_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/2fa1dba670e5fd18395ce84_r.jpg&&&br&&br&&br&&img data-rawwidth=&540& data-rawheight=&960& src=&/b92ddff5f58e6081ff2b_b.jpg& class=&origin_image zh-lightbox-thumb& width=&540& data-original=&/b92ddff5f58e6081ff2b_r.jpg&&&br&&br&&br&是不是看到以后，觉得自己为了环境保护花的时间很温暖，很值得呢？&br&&br&——————————————————&br&在外包装的细节上与顾客交流，这是日本设计无数人性化的特点之一。&br&&br&打开蘑菇力包装，开口处写着&br&&br&“请慢用”&br&&br&&img data-rawwidth=&600& data-rawheight=&800& src=&/6c3d8ccf60c7c215071c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/6c3d8ccf60c7c215071c_r.jpg&&&br&&br&&br&吃完以后，盒子最里面写着&br&&br&“无论何时，都请再来享受一刻小憩”&br&&br&&img data-rawwidth=&600& data-rawheight=&450& src=&/93e91455dfdda_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/93e91455dfdda_r.jpg&&&br&&br&&br&宅男利器卷纸。&br&用完以后，纸芯上印着&br&“谢谢您每次的光顾”&br&&br&&img data-rawwidth=&599& data-rawheight=&804& src=&/b4ca8ba359af38b7724491_b.jpg& class=&origin_image zh-lightbox-thumb& width=&599& data-original=&/b4ca8ba359af38b7724491_r.jpg&&&br&&br&&br&拉面店。&br&喝完最后的拉面汤才看得到碗底写着&br&&br&“谢谢 ~(=^?ω?^)? ”&br&&br&&img data-rawwidth=&450& data-rawheight=&253& src=&/cdfbed04e8e39d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&450& data-original=&/cdfbed04e8e39d_r.jpg&&&br&&br&&br&“明天也等着你呢”&br&&br&&img data-rawwidth=&599& data-rawheight=&338& src=&/e21e6ba9a52e02fba6344ea3_b.jpg& class=&origin_image zh-lightbox-thumb& width=&599& data-original=&/e21e6ba9a52e02fba6344ea3_r.jpg&&&br&&br&&br&&img data-rawwidth=&280& data-rawheight=&210& src=&/6b969aefe087a2e_b.jpg& class=&content_image& width=&280&&&br&&br&&br&————————————————&br&&br&酸奶。&br&&img data-rawwidth=&244& data-rawheight=&183& src=&/8c53aff3fd652b29f9a3ea13_b.jpg& class=&content_image& width=&244&&&br&&br&&br&知道你们都爱舔盖儿。舔完了教你个小知识。&br&&br&“大猩猩的学名叫大猩猩猩猩”&br&&br&&img data-rawwidth=&600& data-rawheight=&800& src=&/dd49e376fae_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/dd49e376fae_r.jpg&&&br&&br&&br&“祝你有美好的一天！”&br&应该是早餐酸奶。&br&&br&&img data-rawwidth=&600& data-rawheight=&800& src=&/20f102d172efb601fa78dcd_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/20f102d172efb601fa78dcd_r.jpg&&&br&&br&&br&“加油哦！”&br&&br&&img data-rawwidth=&600& data-rawheight=&800& src=&/4b3b1fe9_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/4b3b1fe9_r.jpg&&&br&&br&&br&“这里最好吃对不对！”&br&&br&&img data-rawwidth=&600& data-rawheight=&450& src=&/5a7c960f93bb21e3d85d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/5a7c960f93bb21e3d85d_r.jpg&&&br&&br&偶尔也卖个萌。&br&“木有段子了。求段子。”&br&&br&&img data-rawwidth=&600& data-rawheight=&800& src=&/9ef6b2a19f9ba56205efccfa_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/9ef6b2a19f9ba56205efccfa_r.jpg&&&br&&br&&br&&br&白舔了。
见识了这么多人性化的设计，可你见过人性化到让你鼻子一酸热泪盈眶的设计么！！？ 日本的牛奶纸盒。 看上去没什么大不了的，我们这的也一样。 打开的地方，在开口处，为了防止顾客弄错而打开错误的一侧，标示着“开口”。为了方便盲人，在非开口的一侧有一…
真的不想回答这个题啊，可是好多人邀请…………&br&这个要是全部用ps来做的话，基本上是一个&b&体力活&/b&&br&因为用到技术的知识点不多，拿素材来拼啊。好了，下面是方法。&br&素材：找个飘逸的白裙子美女，一些牛奶喷溅的素材&br&（收集于互联网，仅作交流学习之用，侵权请联系作者删除）&img src=&/f7cfdc8ecefa3d4ddda4864_b.png& data-rawwidth=&509& data-rawheight=&760& class=&origin_image zh-lightbox-thumb& width=&509& data-original=&/f7cfdc8ecefa3d4ddda4864_r.png&&&br&（后面做的时候我后悔了，这美女衣服穿的太多了，增加了处理难度，囧）&br&&img src=&/3ea3e5ee5e47de4d4aa50a_b.png& data-rawwidth=&623& data-rawheight=&428& class=&origin_image zh-lightbox-thumb& width=&623& data-original=&/3ea3e5ee5e47de4d4aa50a_r.png&&第一步是抠图，抠出来裙子的部分，因为裙子有层次的分别，所以我把它按照3块不同的位置抠出来的，方便后面调整，我用不同的颜色区分了一下，可以看一下&img src=&/9fbdb9bd6c40d47d5faa96e_b.png& data-rawwidth=&421& data-rawheight=&605& class=&origin_image zh-lightbox-thumb& width=&421& data-original=&/9fbdb9bd6c40d47d5faa96e_r.png&&&br&然后我们每个部分分别来处理下,拿前面这一片来举例&img src=&/a27e71ed2d20ac43498f54_b.png& data-rawwidth=&364& data-rawheight=&236& class=&content_image& width=&364&&&br&因为裙子本身带了一点环境光的颜色，我们要先处理掉它的色彩，方便我们后面的融合。&br&那么就 去色，然后稍稍用曲线提亮一些，使之更像牛奶的颜色。&img src=&/be1ae748f4dcf7eec47f1d30704adff9_b.png& data-rawwidth=&481& data-rawheight=&272& class=&origin_image zh-lightbox-thumb& width=&481& data-original=&/be1ae748f4dcf7eec47f1d30704adff9_r.png&&&br&然后我们用一个滤镜来模拟牛奶的反光质感。选择滤镜——滤镜库——艺术效果——塑料包装（早期的版本这个没有整合，可以很容易的找到）&img src=&/4cbdae157f4e7cc770b73ff_b.png& data-rawwidth=&514& data-rawheight=&391& class=&origin_image zh-lightbox-thumb& width=&514& data-original=&/4cbdae157f4e7cc770b73ff_r.png&&&img src=&/02accf727d8269f75ceeda_b.png& data-rawwidth=&497& data-rawheight=&263& class=&origin_image zh-lightbox-thumb& width=&497& data-original=&/02accf727d8269f75ceeda_r.png&&&br&这样就差不多了。&br&这个算是第一个知识点，用滤镜来模拟一个牛奶的效果。&br&下面就是拼图了，从素材里面挑出合适的，按照原来裙子的大致形状来修饰边缘，这一步可以随意一些，适当的保留一点飞溅的奶花，更真实一点了，这样一片就做好了&img src=&/7d6bc395bf1deb50128ec_b.png& data-rawwidth=&413& data-rawheight=&276& class=&content_image& width=&413&&然后是后面的，裙子，操作方法是一样的(真的是体力活……）&img src=&/2d91906acf3afea8327a2_b.png& data-rawwidth=&435& data-rawheight=&589& class=&origin_image zh-lightbox-thumb& width=&435& data-original=&/2d91906acf3afea8327a2_r.png&&&br&因为他们之间有前后关系，所以我们在裙子的里面做点阴影压暗一些&img src=&/fdfde7520fcdb_b.png& data-rawwidth=&434& data-rawheight=&572& class=&origin_image zh-lightbox-thumb& width=&434& data-original=&/fdfde7520fcdb_r.png&&&br&还有最里面的部分同样要做一些压暗的处理&img src=&/fa7fea47fbca4bbd_b.png& data-rawwidth=&638& data-rawheight=&812& class=&origin_image zh-lightbox-thumb& width=&638& data-original=&/fa7fea47fbca4bbd_r.png&&好了，这样就基本完成了，看下效果&img src=&/a9cf7409a13cfe8eb57865e_b.png& data-rawwidth=&424& data-rawheight=&570& class=&origin_image zh-lightbox-thumb& width=&424& data-original=&/a9cf7409a13cfe8eb57865e_r.png&&&br&下面要修饰几个细节，在牛奶和人身体接触的部分会产生一些阴影，我们来手动的加上&img src=&/d3f050bfbca_b.png& data-rawwidth=&588& data-rawheight=&804& class=&origin_image zh-lightbox-thumb& width=&588& data-original=&/d3f050bfbca_r.png&&最后一步就是色彩的调和了，我们做的牛奶这色彩与原图的色调融合的不是特别好，所以我们把背景原图复制一层，做高斯模糊，放到最上面一层，混合方式改成颜色，不透明度调整为50%&img src=&/40dbd83ee21b0e9362a50c_b.png& data-rawwidth=&756& data-rawheight=&713& class=&origin_image zh-lightbox-thumb& width=&756& data-original=&/40dbd83ee21b0e9362a50c_r.png&&妥妥的搞定了，我把这个PSD文件和牛奶溅射素材放到这里&br&&br&___________________________________&br&链接: &a href=&///?target=http%3A///s/1qWmlRBY& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度云 请输入提取密码&i class=&icon-external&&&/i&&/a& 密码: depn&br&-------------------------------------------------------------&br&&br&有兴趣自己下载看下&br&然后我发现做好的牛奶裙子用渐变映射来改成巧克力，金色银色什么的也很好玩&img src=&/a0db41c2c7ecac_b.png& data-rawwidth=&699& data-rawheight=&661& class=&origin_image zh-lightbox-thumb& width=&699& data-original=&/a0db41c2c7ecac_r.png&&&img src=&/f01ee50b587aff6c1018e_b.png& data-rawwidth=&703& data-rawheight=&584& class=&origin_image zh-lightbox-thumb& width=&703& data-original=&/f01ee50b587aff6c1018e_r.png&&&img src=&/0e421bbbb3e_b.png& data-rawwidth=&426& data-rawheight=&579& class=&origin_image zh-lightbox-thumb& width=&426& data-original=&/0e421bbbb3e_r.png&&&br&好吧，自己探索着玩玩去吧！&br&&br&p.s.为了避免口水和过多的私信，特声明如下：&br&&img src=&/450c2e21ec820eb4c4c2ca3f131523da_b.jpg& data-rawwidth=&630& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&630& data-original=&/450c2e21ec820eb4c4c2ca3f131523da_r.jpg&&
真的不想回答这个题啊，可是好多人邀请………… 这个要是全部用ps来做的话，基本上是一个体力活 因为用到技术的知识点不多，拿素材来拼啊。好了，下面是方法。 素材：找个飘逸的白裙子美女，一些牛奶喷溅的素材 （收集于互联网，仅作交流学习之用，侵权请联…
深夜码字，如有问题请见谅。不来秀作品，说点干货的干活，下面提到的这些我都研究过。&br&&br&怎么都是夸FORM的。。。&b&ORIGAMI项目应用问题你们可以直接看第5个。哈哈哈&/b&&br&&br&&b&//--------更新---由于问题关注度有点高，这里进行一定的修改，并添加最近出现的新工具的使用感受。/&/b&&br&&br&1.&b& AFTER EFFECTS .-上手难度 3 颗星（注意是动效角度难度）&/b&&br&你想在短时间内制作复杂演示效果。 请使用AE,曲线/锚点等使用MOTION V2脚本进行快速调整（在曲线界面中 鼠标拖动选择关键帧--&拖动脚本上的滑块--&对比缓动曲线 获得你想要的曲线效果，比其他脚本好用的在于曲线你可以进行自定义，表达式也好修改--&不会改的话学点JS咯），你熟练AE的话能很快得到比较好的效果。AE缺点就是不可交互+精准度很难控制，当然有一个点就是。。你想要什么效果 AE都能实现。但是程序上能不能实现就难说啦。&br&&br& 2. &b&&a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pixate&i class=&icon-external&&&/i&&/a&&/b&&b&,
图层类交互原型软件。&/b&&b&-上手难度 2 颗星&/b&&br&&br&&br&最近被&i&GOOGLE&/i&购买了，然后免费了（说实话GOOGLE 可以说是产品杀手，进去的产品。。。我不敢苟同楼上们的那些说法）。&br&
优点：可交互，共享性强，有团队讨论以及回复模块（此处有点像justinmind）【有windows版本】，对GOOGLE MATERIAL DESIGN的支持比较好，MD相关预设会越来越多哦。&br&
缺点：图层类软件你们都懂得，用AE做可交互已经很烦了，更何况再加上一个交互模块，而且没有时间线啊。图层一多会非常的繁杂，层级管理不是很明确。&br&&br&关于和SKETCH结合
，回复中网友说的很明确：如果用sketch的话，会发现Pixate和Sketch都是基于1:1下的开发尺寸来作为标准尺寸。可以使用另一种方式实现直接从sketch粘贴。在sketch里选择要导入的pixate切片或画板资源，在右侧栏的Export下选择对应的倍数和和格式后直接拖拽预览图到pixate，就不需要先导出保存再导入了。（虽然相对Framer/origami有点麻烦，不过在可接受范围）&br&&br&&br&&b&3. FRAMER STUDIO. &/b&&b&-上手难度 5 颗星（对不会代码的设计师）&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Framer - Prototyping Tool for Designing UI, Interaction and Animation&i class=&icon-external&&&/i&&/a&&/b&&br&&br&其实我并不想推荐，不过作为写的起前端扛得起大旗的交互大神必用咯。&br&
优点：你想干什么 就能干什么。而且分享起来特别简单，所以有很多案例，我们可以直接把代码拷过来用。关于这个你们可以去FRMAER的facebook群组看看就知道啦。基于coffeescript开发的你还能导入。。嗯。。sketch、PS文件。很方便。能够精确控制每一个图层的属性。毕竟人家是强大的JS，你还想怎样。&br&
缺点：你是视觉，你是交互，你大学/培训班 研究过JS么。如果不会，请略过。&br&如果你会JS而且你写代码的速度很快，那恭喜，这绝对好用。其实说白了 就是套代码模板。&br&&br&/分享性最高的是这款了，而且代码入门其实很快/&br&&br&&b&4.FORM. &a href=&///?target=http%3A///form/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&RelativeWave&i class=&icon-external&&&/i&&/a&&/b&&br&节点类软件。如果用过nuke的人 ，那就很熟悉咯，被&i&GOOGLE&/i&买了。&b&-上手难度 4 颗星&/b&&br&&br&
优点：节点类软件，原型的可维护性强，支持从sketch里粘贴或导入了。GOOGLE的孩子，MD设计规范里的那些动画预设它最新版本里包括了。而且还有好多MD相关的PATCH了。还出了IOS SDK，用来创建自定义PATCH什么的，这块学的其实是QC...准备跟开发快速融合.优点还包括能够调取设备的相机等以及设备的震动控制。手机端的预览程序可以独立开启并直接把FORM文件共享。&br&.&br&
缺点：暂时不能在电脑上预览。跟开发交接起来还是比较麻烦。&br&&br&&br&&b&5.ORIGAMI+QC&/b&：&a href=&///?target=http%3A//facebook.github.io/origami/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Origami — Design Prototyping&i class=&icon-external&&&/i&&/a&&b&目前比较好用的。&/b&节点类软件。FACEBOOK的天才们出的。&b&-上手难度 4 颗星&/b&&br&&br&
优点：&b&可导出有一定使用价值的代码。&/b& 可维护性强。&b&可在设备+电脑上都能预览。现在靠谱点的就这个啦。用的人也相对多些。你可以直接从SKETCH粘帖过来。目前最新版本支持直接导入SKETCH文件。&/b&只有在使用&b&POP ANIMATION&/b& 的PATCH时才可导出代码哦。不过开发那边真的能用这些代码。关于和开发沟通这个下面再写吧
。&br&&br&
缺点：有一些BUG不忍直视。不能分享。有时给你的IOS工程师装了QC也没卵用。为什么？因为QC绝对烧死CPU+吃内存啊。就算你把FPS调到最低，如果图层够多够复杂，会把工程师电脑卡死的。XCODE都死了工程师怎么活嘛。还有就是 目前功能上缺陷比较多（比如swipe不能选择具体方向等，可以用自定义的PATCH进行定义，但是初级人员就用不了啊），有时你需要各种综合各种条件各种patch才能获得一个简单的效果。&br&&br&&b&关于ORIGAMI和开发的结合问题 ：（新手可能看不懂，看不懂的话先看看顶一下本帖什么的。。。）&/b&&br&1、ORIGAMI只能够导出POP animation PATCH相关的代码(CLASSIC ANIMATION和BOUNCY ANIMATION都是不能的哦--听说下个版本会有)，代码里面的位移（POSITION TRANSITION）信息都是绝对位置，所以适配上你和开发需要进一步讨论解决方案。我的建议是&b& QC中的定位系统严格统一&/b&为TOP LEFT或CENTER等。这个对适配问题很重要，如果你的外部GROUP的定位用的CENTER，而里面图层用的各种各样的其他参考坐标系，那么你导出的位移信息基本没卵用了。&br&&br&2、如果有DELAY的话，请把DELAY放在POP ANIMATION PATCH的前面，如果不放在前面，代码导出的主要属性变化部分是空的（这应该是个BUG啊）。听说下个版本会导出delay的数值。&br&现在是我把DELAY用文档形式给开发，开发自己输入。还有一些循环动画也是不可导出的，这些也是以文档形式给的（其实就是让IOS哥哥坐在我旁边，用我的另一个显示给他看效果，一个显示器看我的QC工程直接沟通了，并没有用什么卵文档。如果你是大公司，流程化嘛肯定需要咯）。&br&&br&3、你的ANCHOR POINT就算是TOP LEFT，图层旋转是不会绕他的左上角旋转的。不过缩放是会缩放的。这个很坑啊。还有代码导出并没有导出ANCHOR POINT信息。&br&不过解决方案有的。但是都很麻烦。就是AE中的空白层类似的概念 。留空切图。。。&br&&br&4、很给力的东东叫&b&PAINTCODE.&/b& 可以直接把SKETCH粘贴的图层转为代码。并且PAINTCODE的官方提供了能够和ORIGAMI结合的PATCH，稍微研究一下（研究一两个小时，看看PAINTCODE的那个APPLE WATCH教程，跟我要网址吗?自己百度/谷歌去），就能够从PAINTCODE里解决ORIGAMI的一些鸡肋的问题。&br&&br&&b&6.HYPE 3 PRO.&a href=&///?target=http%3A///hype/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Tumult Hype 3&i class=&icon-external&&&/i&&/a&&/b&&b&-上手难度 3 颗星&/b&&br&&br&人家是做HTML5的啦。不过，如果你不会用framer，那可以用这个，这个还有时间线，不过我喜欢从SKECTH里直接粘贴过来，然而hype不支持粘贴过来。不过做HTML界面确实很给力啊。简直就是神器。用来做原型的人还是少数咯。不过Hype原声支持输出动画以及GIF等文件格式。缓动曲线的支持也很好。&br&&br&&b&7.FLINTO/PRINCIPLE.&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Principle - Animated Design&i class=&icon-external&&&/i&&/a&&/b&&b&-上手难度2颗星&/b&&br&&br&关于这两个为什么一起介绍。。接触的人都应该知道了。这两个工具的原理/实现/操作基本都非常相似。界面跟SKETCH很像，如果是SKETCH资深用户上手很快。能够快速实现各种滚动/转场/点击反馈效果。手机/电脑端的预览都非常的流畅。&br&&br&缺点：新出的，功能还在完善阶段，有一定的BUG，对复杂的逻辑运算以及一些BOUNCE/OVERSHOOT等效果的支持比较弱，跟开发对接也相对比较麻烦。不过快速做展示还是绰绰有余的。&br&&br&&b&8.还未发布的并且值得关注的：creolabs(&/b&&b&&a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Creolabs: Native App Design and Development Reinvented&i class=&icon-external&&&/i&&/a&)&/b&&br&从预览视频可看出 ，这款软件能够快速制作高保真原型，原型在IOS原生代码下运行，对开发有一定的参考价值。&br&&br&&br&&b&9.&/b&&b&&a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Silver Flows&i class=&icon-external&&&/i&&/a&,&/b&&br&还未发布，不过直接能够在SKETCH中快速制作高保真原型，该有的功能都有（有可能替代目前SKETCH自带的鸡肋MIRROR功能）。直接拥有SKETCH插件和独立软件界面，如果发布应该会广泛使用。详情可查看medium上的介绍文章&br&&a href=&///?target=https%3A///swlh/introducing-silver-lightweight-mobile-prototyping-in-sketch-3-cee46d267f1f%23.pqefppxz4& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Introducing Silver : Lightweight Mobile Prototyping in Sketch 3&i class=&icon-external&&&/i&&/a&&br&。&br&&br&&br&&br&&br&&br&有夸FORM的，有夸AE的。作为MOTION DESINGER 还是最爱AE。&br&&br&但从交互设计师的角度，关于哪个更好用，哪个淘汰，关我鸟事，哪个好用时老子用哪个。从目前看，ORIGAMI还是不错的。不过这些软件更新够慢的。全都有问题的时候，只能选自己爱用的好了。&br&&br&---------------完。一个字一个字打得，就这样吧，有问题再补充。
深夜码字，如有问题请见谅。不来秀作品，说点干货的干活，下面提到的这些我都研究过。 怎么都是夸FORM的。。。ORIGAMI项目应用问题你们可以直接看第5个。哈哈哈 //--------更新---由于问题关注度有点高，这里进行一定的修改，并添加最近出现的新工…
好想回答：是抠图做的啊…………&br&会疯掉的吧。&br&好了，来讲个好玩的做法。&br&1.打开图片新建一层，填充你想要的一个背景颜色&img src=&/e9b312f012c83e21f69d65_b.jpg& data-rawwidth=&242& data-rawheight=&229& class=&content_image& width=&242&&&br&2.修改这个“图层1”的混合选项，就是做效果的那个菜单的第一个。&img src=&/fa355b0c84003d60eaec47_b.jpg& data-rawwidth=&375& data-rawheight=&620& class=&content_image& width=&375&&&br&来调参数。就是这个混合颜色带的地方&img src=&/ea099af4d2e76d56844b_b.jpg& data-rawwidth=&666& data-rawheight=&538& class=&origin_image zh-lightbox-thumb& width=&666& data-original=&/ea099af4d2e76d56844b_r.jpg&&我们希望背景层也就是“下一图层”的暗部凸显出来。就把他暗部的往右拉拉，看看图片}