相信组内有很多人都是匡威的粉丝~
之前做的一个“匡威百年”的PPT，摘一些跟大家分享。
[教程] 如何制作一张3D复古拼贴海报 Part II
先应景儿普及一下3D知识啊
那么3D究竟是什么呢？
D是英文Dimension(线度、维)的字头，3D是指三维空间。国际上是以3D电影来表示立体电影。
人的视觉之所以能分辨远近，是靠两只眼睛的差距。人的两眼分开约5公分，两只眼睛除了瞄准正前方以外，看任何一样东西，两眼的角度都不会相同。虽然差距很小，但经视网膜传到大脑里，脑子就用这微小的差距，产生远近的深度，从而产生立体感。一只眼睛虽然能看到物体，但对物体远近的距离却不易分辨。根据这一原理，如果把同一景像，用两只眼睛视角的差距制造出两个影像，然后让两只眼睛一边一个，各看到自己一边的影像，透过视网膜就可以使大脑产生景深的立体感了。各式各样的立体演示技术，也多是运用这一原理，我们称其为“偏光原理”。
3D立体电影的制作有多种形式，其中较为广泛采用的是偏光眼镜法。它以人眼观察景物的方法，利用两台并列安置的电影摄影机，分别代表人的左、右眼，同步拍摄出两条略带水平视差的电影画面。放映时，将两条电影影片分别装入左、右电影放映机，并在放映镜头前分别装置两个偏振轴互成90度的偏振镜。两台放映机需同步运转，同时将画面投放在金属银幕上，形成左像右像双影。当观众戴上特制的偏光眼镜时，由于左、右两片偏光镜的偏振轴互相垂直，并与放映镜头前的偏振轴相一致；致使观众的左眼只能看到左像、右眼只能看到右像，通过双眼汇聚功能将左、右像叠和在视网膜上，由大脑神经产生三维立体的视觉效果。展现出一幅幅连贯的立体画面，使观众感到景物扑面而来、或进入银幕深凹处，能产生强烈的“身临其境”感。
以上介绍来自百度百科
看完了我们继续我们的教程，3D眼镜准备好了么？
先看下今天的最终效果：
然后我们就开始吧！
第一步
打开你之前做的海报。复制所有图层，合并它们，命名为“green”。注意不要把图层直接合并,因为分层文件接下来我们还会用到。
现在复制“green”图层，命名为“red”。注意保持red图层一直在green图层上面。
第二步
这一步是非常关键的，请仔细看好，这两个叠加图层将在接下来的几步中帮我们完成3D效果。
01.选择red图层，选择“图像”〉“调整”〉“通道混合器”。“输出通道”选择“红”，“源通道”中“红色”值调至100%，其他参数为0%。
02.接着“输出通道”选择“绿”，“源通道”中“红色”“绿色”“蓝色”数值均设为0%。
03.最后“输出通道”选择“蓝”，“源通道”中“红色”“绿色”“蓝色”数值均设为0%。点“确定”。
现在你的red图层看上去应该是这样的：
04.暂时隐藏red图层，选择green图层，选择“图像”〉“调整”〉“通道混合器”。“输出通道”选择“红”，“源通道”中“红色”值调至0%，其他参数均为0%。注意：这次不用动其他输出通道。
设置完成后green图层的样子：
第三步
重新点亮red图层。设置混合模式为“滤色”。你会发现整体图像的颜色又回到了之前的状态：
第四步
这时候~神奇的事情发生了。选择红色图层，向左移动近30个像素。戴上你的3D眼镜，告诉我你看见了什么？：）
没错，现在已经有一些3D效果了，但还不是特别理想。因为3D效果覆盖了整个画面，看起来还是显得平均。
接下来我们处理一下层次……
第五步
先来处理恐龙的3D效果。
01.复制red和green图层，合并它们命名为monster-3D。然后隐藏red和green图层。
找出分层文件里monster图层，复制2个。然后拖到monster-3D层以下。
02.把monster其中一个副本向左移动到与red层恐龙重合的位置。然后跟另一个monster层合并。
03.选中monster-3D层，右键〉创建剪贴蒙版。
好~再戴上3D眼镜看下~现在只有恐龙是立体的了。但是还没有结束。
04.将monster-3D层向下拼合图层，然后点击添加图层蒙版。
05.保持蒙版被选中，前景色为黑色，选择渐变工具：
06.编辑渐变模式为半透明，选择线性渐变，从恐龙脚的位置自下向上拉到文字位置：
第六步
用同样的方法处理标题文字。
01.复制red和green层，拼合图层，命名为“大袭来-3D”。
复制大袭来文字和其阴影图层，拖到“大袭来-3D”层下方。
02.拼合“3D”下方的文字和阴影层，并复制一个。将其中一个向左移动至与“red”层中重合的位置。
03.拼合两个文字层。选择其上面的“大袭来-3D”层，创建剪贴蒙版。
04.向下拼合“大袭来-3D”层。
打开“monster-3D”层，戴上眼镜检查下，效果还不错是吧？
但是我们看到跟恐龙叠加在一起的副标题部分还需要处理一下。
05.把两个文字图层复制并拖到“monster-3D”层上。
06.复制上述的这俩图层，左移至red层相应位置。然后拼合他们和之前的俩层。命名为“文字”
07.然后，选中原海报的所有层，复制，合并。拖该层到“文字”层上方。创建剪贴蒙版。
向下拼合该层，然后命名为“副标题”。
好了~这时你可以放到100%大小检查一下，没问题！
第六步
再用同样的方法处理建筑残破的碎片。
经过上面的练习你应该记得大致步骤吧：
（1）复制碎片图层拖放到“red”“green”以上。
（2）复制“red”和“green”俩图层，合并，命名为Destruction-3D，然后拖放到刚才复制的碎片图层以上。
（3）复制一个碎片图层，左移，移到跟red层里它的形状重合的位置，然后跟原位置的碎片层合并。
（4）将Destruction-3D层创建剪贴蒙版。
向下拼合Destruction-3D。这就是碎片层的3D层。
第六步
再用同样的方法处理建筑残破的碎片。
经过上面的练习你应该记得大致步骤吧：
（1）复制碎片图层拖放到“red”“green”以上。
（2）复制“red”和“green”俩图层，合并，命名为Destruction-3D，然后拖放到刚才复制的碎片图层以上。
（3）复制一个碎片图层，左移，移到跟red层里它的形状重合的位置，然后跟原位置的碎片层合并。
（4）将Destruction-3D层创建剪贴蒙版。
向下拼合Destruction-3D。这就是碎片层的3D层。
第七步
返回kid图层，复制它。将眼镜部分抠图，然后拖到red层之上。
接下来不用说了，用之前的方法，把眼镜部分做成3D的。
至此，本教程基本结束。
当然你可以根据自己的兴趣继续添加好玩的效果。
你也可以运用本教程中提到的各种PS技巧，将自己的照片做成好玩的3D图片。
祝愉快~
[教程] 如何制作一张3D复古拼贴海报 Part I
前言：
插画画过很多~但写这种记录式的教程还是第一次~
欢迎讨论提问吹捧膜拜以及批评指正：）
好~先来看看今天这部分的最终效果：
接下来我将一步步展示给你制作的过程~
对了~你可以在[这里]下载到本教程中用到的图片素材：）
第一步
在photoshop中创建一个新文件：大小A4(21cm x 29.7cm)、分辨率300dpi、RGB颜色模式、白色背景。如下图：
由于后面添加3D效果的时候需要将图片偏移，所以我们需要增加一些“出血”来确保图片的完整。在“图像”〉“画布大小”中，把宽和高增加2cm（23cm x 31.7cm）。
第二步
拖进来一张街景的照片做为一个新层，ctrl+T变换图像至下图所示位置。命名这个层为“City”。
该图片可以在前面下载的压缩包里找到。
第三步
接下来的几步里,我们要替换一个更加诡异的、具有视觉表现力的天空,所以我们需要把建筑物“抠图”。
抠图的方法和技巧有很多种，通常我都会用钢笔工具来完成。
如果目标物体轮廓清晰、与背景明度差距较大，也可以用以下方法：
01.切到“通道”，复制蓝色通道，如图：
02.ctrl+L打开“色阶”，调整至以下效果：
03.这时可以打开其他层通道做对比，用黑色笔刷仔细将建筑物轮廓线以内填满，细节处适当借助钢笔工具。这个区域将是你最后保留的区域（所以天空位置如有黑色应该用白色填充）。
04.关掉其他颜色通道后检查一下，没错应该是这样的：
05.选中蓝色副本通道，点“载入选区”按钮：
06.然后，点选RGB通道如下图:
选好了吗？点“Delete”删除键。
07.现在抠图的工作已经完成，删除“蓝 副本”通道。回到图层面板，这就是我们要的结果:
第四步
01.现在打开天空的图片并拖到我们的场景中，调整大小，放在city图层下面命名为“clouds”。
我们看到主体场景已经出来了，但建筑跟天空的光影关系结合得并不算太好，别急，稍作调整。
02.选择“city”层，双击进入图层样式，点选“光泽”，按照下图参数进行设置。
03.现在，建筑物的明暗更加明显，并且跟天空发出的光源方向基本融合了：
04.但是这样还不够，选回“clouds”层，创建新的填充或调整图层 〉照片滤镜，进行如下设置：
05.现在的结果：
现在的整个场景基本达到了我们要的氛围，差强人意的是街道上过于悠闲的人……
当然我们可以用“克隆图章”工具把他们P掉，但考虑到之后的工作可以用其他前景物进行遮挡，所以为了节省时间暂时不做处理了。
第五步
这一步的主要任务是把恐龙置入场景。这里我选择了一张3D渲染的图片素材（因为实在没找着更好的）。
01.按照下图位置置入并用之前建筑图层的抠图方法把背景去掉。
结果：
02.给被怪物冲过的街道和建筑添加一些残破的效果，把Destruction_1、Destruction_2俩图拖入层中，至于建筑物周围。
03.合并俩层，再来点动感模糊吧……
04.现在给恐龙添加投影。
（1）复制恐龙的图层命名为“Monster shadow”并把该层置于恐龙层下，填充为黑色。
（2）编辑〉变换〉垂直翻转
（3）Ctrl+T 自由变换
但你知道，阳光从后上方射过来，投影肯定有一部分是被身体遮挡，不可能出现如此清晰的剪影。
所以请发挥想象力自行修改一些局部的影子轮廓。
设置阴影层不透明度为60%，高斯模糊为5。
第六步
用上一步骤的方法，加入一些奔跑的士兵。注意影子的位置，它应该是在恐龙后面的。
第七步
选择“矩形工具”，在图下方做一个遮挡，颜色值为#605d39。这是接下来填写文案的位置。
第八步
把主体人物置入画面中，抠图步骤不再赘述。
当然不是每一张你选择的图片都能非常适合场景的环境，无论在颜色还是明度上多少都需要一些调整和修改。
这里我提供直接去掉背景的PSD文件，节省大家的时间。
日后在设计自己的插图时你会发现，其实抠图改图也是一种乐趣。：）
第九步
下面添加一点趣味性，从小枪里发出一缕光束。用钢笔工具勾画，颜色值为#cdac5f，填充50%。
第十步
到这里我觉得有必要再统一一次颜色。从“创建新的填充或调整图层”去“照片滤镜”，按下图设置。
现在我们得到的结果是这样的：
第十一步
到了该添加标题文字的时候了。
现在我决定休息一下，顺便检查整个画面……
做图的过程就是这样，有时你盯着画面一两个小时后会有一定的惯性或审美疲劳，很难发现其中的问题。
这时不妨换换脑子休息一下，或者邀请别人来看下你的画面。
不要吝啬把做图的过程步骤与别人分享，这对自己来说也是很好的进步的机会。（真虚伪……）
话说回来，最后我发现，中间建筑边缘的线条过于平均、天空细节过于丰富跟前景抢视觉，这些都使画面看起来不那么顺眼。
接下来调整一下吧。
01.我希望画面中的建筑剪影高低错落，有节奏感。
查看整个画面，我发现右边那部分是可以改动的，而且很简单，复制一层楼上去就可以了。
首先复制出另一个city图层，用钢笔工具勾出你需要的部分>>>建立选区>>>反选>>>删除多余的。
把这层楼拉高到合适的位置。如下：
02.选择天空图片所在的图层，将其水平翻转，调至合适的位置。
再来看看结果：
好了，图片部分暂时这样。我们开始下一部分—–字体。
第十二步
无论在一张海报还是宣传单或者名片封面的设计中，字体的选择都是成败的关键。
关于如何使用恰当的字体有很多资料可供学习，在这里不是讨论的重点。
关于标题，我需要一款类似于六七十年代武打片或科幻片那种字体。就像《恐龙特急克塞号》。
可是在我有限的字体库里实在找不到合适的，只能用钢笔工具画一个。
第十三步
把字体置入图中。
01.Ctrl+T自由变换〉透视〉斜切。最终如下图：
02.复制该图层填充较深颜色，向右下方稍微移动做为文字的阴影。
03.下面要把恐龙的嘴露出来：复制恐龙图层，勾选被文字遮挡部分，删除其余，拖到文字上方。
04.调整文字位置（向下稍微移动一点就好了），现在的效果：
05.置入副标题和其他文字。这里副标字体为“方正汉真广标简体”颜色为#c3ee85，变换〉斜切；小字为“方正兰亭特黑长_GBK”颜色#dcd4ab。同时把主标题颜色改为#f8f2d2。
第十四步
再次检查图像，整体调整。
01.还记得前面给建筑物做的残破肌理吗？可以再强烈一点。复制>水平翻转，移至适当位置。
02.主体人物枪的光速，复制该图层，拖到原图层下面，动感模糊。
03.光速原图层前面缩窄，高斯模糊15。
做好了吗？
明天我们继续利用这张海报添加3D效果~
请自备3D眼镜：）
Search user interface阅读笔记(一)整合分类与搜索
《Search User Interfaces》是伯克利大学信息学院教授Marti Hearst撰写的关于搜索用户界面的书籍，从以用户为中心的角度介绍了搜索界面设计的各个方面。由于本书内容与我现在从事工作有密切联系，因此阅读兴趣一直很高。苦于没有中文版，只能咬牙坚持浅读一下英文在线版，在此强烈期待一下中文版的面世。作者将本书原版放在网上提供免费阅读：http://searchuserinterfaces.com/book/
书中花了很大篇幅阐述搜索与分类浏览之间的关系和整合方式，刚好淘宝搜索正是一个搜索与分类结合的典型案例，因此本文就结合淘宝搜索的案例聊一下这个话题。 Read more »
【分享会笔记】“所有程序”与“回收站”的讨论
本周团队内部设计师交流会上，月漓同学的原型评审中一个问题引发了一段长时间的讨论。这是一个用户自定义导航链接的交互设计任务，用户可以对List A和List B的链接做排序和隐藏操作，与windows开始菜单非常相似。
月漓的做法如下，鼠标悬停在ListA下的链接a2上，出现一个删除按钮。
点击删除a2后，List A中的a2消失。同时所有菜单中的a2变灰，显示“已隐藏”文案，增加一个“显示”链接。
先来回想一下windows “开始菜单”的操作方式：点击“所有程序”弹出程序列表，选择某个程序点击右键“附到开始菜单”。该程序会出现在“开始菜单”中，在“所有程序”中也不会消失。也就是说“开始菜单”是“所有程序”子集。月漓的方案正是这个思路。
之后有同学提出不同意见，认为已删除和未删除的链接都出现在右侧区域内意义不大，只需要把已删除的链接展示出来即可。把“查看所有菜单”改成“查看其它菜单”，显示已隐藏的链接。理由是用户不用看到重复的信息。
按照这种思路，两者就变成“开始菜单”与“回收站”的关系了。
如果说 “所有程序” 与 “开始菜单”是复制粘贴关系，那么 “开始菜单”与“回收站”则是剪切粘贴关系。
那么这时候应该用“所有程序”还是“回收站”呢？归根结底是信息初始化的问题。
在windows系统里，用户根据需要从 “所有程序” 发送链接到“开始菜单”，这是“初始为空，按需增加”的过程。在互联网产品里，比如用户在开心网上安装一个应用，这个应用在应用列表中并不会消失，只会标记“已安装”。这也是 “初始为空，按需增加”的过程。
月漓这个项目场景则是“初始为全，按需删减”，如果用“所有程序”那么初始情况下会出现两个“所有程序”，难怪有同学提出：信息太重了。
最后，把个人观点总结成一句绕口令：
1、 列表初始内容为空的时候，应该用“所有程序”，信息从“所有程序”复制到列表
2、 列表初始内容为全的时候，应该用“回收站”，信息从列表剪切到“回收站”
注意力经济和声誉经济的价值
最近在看《免费》一书，里面提到非货币经济，有点意思。书中提到非货币市场(如图)，说“ 当钞票不再是市场上最重要的交易信号的时候，‘注意力经济’和‘声誉经济’的地位和价值陡然提升。”突然一下发现周围都是注意力经济和声誉经济。
网络让人之间、物之间、人和物之间的关系越来越错综复杂，人们纷纷的想尽办法去提高注意力和声誉，因为注意力和声誉一旦量化将会成为直接的金钱。举例说明在facebook和myspace中，人们靠认识结交朋友的多少来提高自己的关注度和声誉，同时免费使用facebook和myspace的产品。而facebook和myspace也需要这些会员通过他们的产品来更多的认识朋友传播他们的品牌提高他们的产品、网站的关注度和声誉，这些东西一旦量化就将成为真金白银。同样在电子商务市场（淘宝和ebay）也是如此，当商品数量和店铺数量激增达到庞大的数字时，提高关注度和声誉也将势在必行。为了提高注意力和声誉，评价体系应运而生。通过评价体系卖家可以获得更多的关注和声誉，当然这些就可以转化成他们的生意了（这也难怪刷钻和炒作信誉的出现），同时声誉好的卖家越多也可以提高电子商务平台的声誉。这种互助互利的交换，双方都获得了想得到的利益。
这种看不见直接钱交易的劳动互换，反而威力巨大。想想为什么会威力巨大呢。这里会提到一个经济学里的概念：一个充裕市场的出现将伴随着一个（匮乏）稀缺市场的诞生。对，没错。提高注意力和声誉就是这样一个稀缺市场，它是伴随着互联网中复杂的关系和羊群效应的出现而诞生的。理论上网络的存在可以使得注意力和声誉无限的放大。
随着网络或者说数字产品走向低价或是免费，注意力和声誉将成为互换和互助的重要砝码。当然互换和互助最终也得转换成线下实物的交换和服务，形成最终的价值。
参考资料：
![[大图见此]](http://farm5.static.flickr.com/4086/4833450751_eab0a9bb92_o.jpg){kind=link}
![[大图见此]](http://farm5.static.flickr.com/4097/4828920021_fb84f86a2d_o.jpg){kind=link}