推荐阅读
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。
PS滤镜打造炫光星球
这篇教程教飞特的朋友们用PS滤镜打造炫光星球，教程制作难度一般。主要使用了云彩和扭曲两个滤镜，转发过来，希望飞特的朋友们喜欢这篇教程。先来看看最终的效果图吧： 教程用到的笔刷：星星笔刷、星云笔刷、碎片笔刷具体的制作步骤如下： 1、创建一个新图片，大小为940*700，背景填充黑色，新建一个图层，使用套索工具(羽化50px)绘制一个椭圆选区，然后执行“滤镜―渲染―云彩”，如图所示。 2、按下Ctrl+L打开色阶调整框，应用下图所示的设置。
人物摄影中的基本取景法 特写和大特写
特写一般表现人物肩部以上的头像或某些被摄对象细节的画面。在拍摄特写画面时，构图应力求饱满，对形象的处理宁大勿小，空间范围宁小勿空。通过特写，表现人物瞬间的表情，展现人物的内心世界。 大特写 女性的特写镜头应尽可能隐藏脸部的缺陷，不可影响其形象。对于特写中不能隐藏的缺陷或不足，还可以通过后期处理进行修饰。 有些人当成为了照片的主角后，一再表示“不喜欢被照出来”，这会使摄影师不知所措。若没有任何不愿被照出来的理由，此时只能理解为不满意相片中自身的形象。作为摄影师还得会鼓励模特，尽可能赞扬模特的优点，告诉其隐藏缺点的方法。 照片2-17室内照相馆中的高调人物照片 <照片2-17>是有意识地提高闪光灯的亮度后拍摄的照片。提高亮度，使背景的白色和人物的脸色相同，这样即去掉了皮肤上的细纹或缺点。为了表现回头的背影，人物安排在1/2的右侧。 对于<照片2-18>，在多个角度取景，以表现截然不同的视觉感。人物的特写(Close-up-shot)可以拍摄人的整个头部，也可以截取特定部位，这都有助于构成独特画面。 照片2-18
网页制作中FLASH代码的优化
1.js部分:function swf(src,w,h){html = '';html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="'+w+'" height="'+h+'" id="main">';html += '<param name="allowScriptAccess" value="sameDomain" />';html += '<param name="movie" value="'+src+'" />';html += '<param name="quality" value="high" />';html += '<param name="wmode" value="transparent" />';html += '<embed src="main.swf" quality="high" bgcolor="#cc6600" width="'+w+'" height="'+h+'" name="main" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';html += '<\/object>';document.write(html);}2.调用部分<SCRIPT>swf('http://www.poluoluo.com/benner.swf','1004','159')</SCRIPT>
最新发布
Photoshop通道法抠出人物的动态教程
这是一款简单的抠图教程了，我们主要是利用ps的通道功能来对照片进行换背景图片了，好了费话我也不说多了我们来看看这款抠图制作教程吧。原图：效果图：1、请先阅读下面文字，然后在看教程 ！通道扣图原理：通道有：颜色通道、ALPHA通道、和专色通道。其中ALPHA通道是用来存储选区的，ALPHA 通道是用黑到白中间的8位灰度将选取保存。相反我们可以用ALPHA通道中的黑白对比来制作我们所需要的选区。（ALPHA通道中白色是选择区域）色阶可以同过调整图象的暗调、中间调和高光调的强地级别，校正图象的色调范围和色彩平衡。我们可以通过色阶来加大图象的黑白对比 ,用此
Photoshop消除抠图后的头发遗留的白边
当做完丝去背时，通常因为白色背景的塬故，使得头四周会产生白边，所以都会再执行功能表 / 图层 / 修边 / 移除白色边缘调合，若是黑底就会选择移除黑色边缘调合，虽然这招对大部分的影像都有效，但当若遇到金同时又是白色背景时，当一执行移除白色边缘调合时，不但消除不了白边，反而边缘变的更怪异， 所以当遇到特殊的状况，就得用特殊的解法，其实解决的方法相当简单，只要搭配笔刷来回涂一下就可解决白边问题。效果对比：原图：Step1选择 功能表 / 影像 / 运算，将来源2的色版设为【蓝】，再将混合模式设为【覆盖】。Step2开启色版，选择 工具箱 / 笔型工具，将画面中较明确的边缘描绘起来。
Photoshop扣除复杂背景的美女头发
这一整个七月，梅干几乎都泡在飞肯，一到四都在上课，所以更新速度上就慢了许多，而二、四由Hammer老师所带领的Photoshop进阶班，内容相当的精彩与扎实，上课气氛也相当的轻，还有播放轻音乐，叁不五时Hammer还会HitPOP一下，在第二堂课当中，Hammer老师详尽的解说色版，并且说明头去背的方法，虽然梅干也写过几篇的头去背，但这一篇将有所不同，有别于以往的去背方式，除了裼眉由钣爰恿凉ぞ咄猓另一个较特别的地方就是转负片，为何会如此特别，在待会的文章中将会提到，而转负片那才是去毛，最重要的核心技术所在。对比图：Step1由下图可看到，model并不是在一个乾净的背景下所拍摄，而是在床m上所拍摄，且也没特别的打光。
Photoshop背景橡皮擦抠图的原理+实例
准备写一个系列的教程，其目的就是发掘一些不常用却可以让我们得到很多意外收获的功能。借此抛砖引玉让众多Adobe的Fans们去找Adobe软件中一些不太起眼的功能，让它们为我们在工作中发挥更大的作用。今天我们就来讲讲背景橡皮擦工具，这个工具可了不得，一般我都不告诉他。 言归正传，书接前文，为啥这个工具了不得呢？它咋就能这么了不得呢？我们做过设计的人都知道，有时候处理图片时，要做一些小的样稿供客户做确认，有时扣图扣了半天，却换来样稿被枪毙的消息，心中别提会有多郁闷，其实这些样稿主要就是看看一个大的效果，并不需要做的很精细，所以背景橡皮擦就大有用武之地了。别光说不练，我们来看看背景橡皮插工具到底能做些什么!先来看看工具选项栏中的状况，下图是软件的默认状态下背景橡皮擦的工具栏
PhotoShop通道抠出透明玻璃杯教程
说到去背第一难去的就是发丝去背，紧接著就是透明物体，如：透明玻璃杯，它的外型是比较明确，因此只要运用钢笔工具，就可将它的范围截取出来，但由於它是透明物体，所以在拍摄的过程中，通常都会运用深色背景作衬底，来突显透明的感觉，所以即便将它外型载取出来了，却会发现到杯子还是留下了，原本深色的背景而非透明，若将它放在其它的场景中，则会出现像不透明的塑胶的感觉，所以梅干最近就花了点时间，随手拍了一张透明的玻璃杯，并将它去背且留下它本身透明的材质，便可随意的将它放在其它的场景中。效果对比图：Step1 第一步，先运用 工具箱 / 钢笔工具，将玻璃杯的边缘描绘出来，完成后再按下Ctrl+Enter键，将路径线转选取范围。
Photoshop利用Alpha通道快速抠出凌乱的头发
本教程主要使用Photoshop利用Alpha色版快速抠图发丝，抠头发的教程很多，大家可以都来掌握一下，日后遇到抠图的问题可以随机应变，好了下面一起来学习吧。去背最怕就是遇到毛绒绒的东西，最典型的例子就是头去背，主要就是因为头细且不规则，若用贝兹曲线去背那铁定会疯掉，头去背也是所有去背中最为复杂的，从头去背就可看出功力好不好，以及有没有耐心，往往在报章杂I或是公车的车体广告，时常会看到许多明星的头边缘出现白边，既不美观又干扰画面。另外值得一提的事，若是依东方人的黑头及白色背景，透过色版便可以快速找出二者的对比反差，假设今天是位金美女又遇到白色背景时，无论那一个色版都很难抓出差异适用版本：7.0、CS、CS2、CS3效果对比图：Step1开启档案后，透过色版从红、缘、蓝版，找出背景与头有明显差异的色版，但发现实在难以找出有明显差异
Photoshop工具技巧
任何时候按住Ctrl键即可切换为移动工具，按住Ctrl+Alt键拖动鼠标可以复制当前层或选区内容。 按住空格键可以在任何时候切换为抓手工具[H]( Hand Tool )。 缩放工具的快捷键为“Z”，此外Ctrl＋空格键为放大工具，Alt＋空格键为缩小工具。 按Ctrl+“+”键以及“－”键分别为放大和缩小图像的视图；相对应的，按以上热键的同时按住Alt键可以自动调整窗口以满屏显示( Ctrl+Alt+“+”和Ctrl+Alt+“－” )，这一点十分有用！ 注意：如果想要在使用缩放工具时按图片的大小自动调整窗口，可以在缩放工具的选项中选中“调整窗口大小以满屏显示( Resize Windows to Fit )”选项。 用吸管工具选取颜色的时候按住Alt键即可定义当前背景色。 结合颜色取样器工具[Shift+I]( Color Sampler Tool )和信息面板( Window > Show Info )，我们可以监视当前图片的颜色变化。变化前后的颜色值显示在信息面板上其取样点编号的旁边。通过信息面板上的弹出菜单可以定义取样点的色彩模式。要增加新取样点只需在画布上随便什么地方再点一下( 用颜色取样器工具 )，按住Alt键点击可以除去取样点。 注意：一张图上最多只能放置四个颜色取样点 提示：当Photoshop中有对话框( 例如：色阶命令、曲线命令等等 )弹出时，要增加新的取样点必须按住Shift键再点击，按住Alt+Shift点击一个取样点可以减去它。 度量工具[U]( Measure Tool )在测量距离上十分便利( 特别是在斜线上 )，你同样可以用它来量角度( 就像一只量角器 )。首先要保证信息面板[F8] ( Window > Show Info )可视。选择度量工具[U]点击并拖出一条直线，按住Alt键从第一条线的节点上再拖出第二条直线，这样两条线间的夹角和线的长度都显示在信息面板上。
Photoshop选择技巧
使用“重新选择”命令[Ctrl+Shift+D] ( Select > Reselect )来载入/恢复之前的选区。 在使用套索工具勾画选区的的时候按Alt键可以在套索工具和和多边形套索工具间切换。 勾画选区的时候按住空格键可以移动正在勾画的选区。 众所周知按住Shift或Alt键可以增加或修剪当前选区，但你是否知道同时按下Shift和Alt键勾画可以选取两个选区中相交的部分呢？ 提示：按住Ctrl键点击层的图标( 在层面板上 )可载入它的透明通道，再按住Ctrl+Alt+Shift键点击另一层为选取两个层的透明通道相交的区域。 在缩放或复制图片之间先切换到快速蒙板模式，可保留原来的选区。。
Photoshop使用层的技巧
N = 正常 ( Normal ) I = 溶解 ( Dissolve ) M = 正片叠底 ( Multiply ) S = 屏幕 ( Screen ) O = 叠加 ( Overlay ) F = 柔光( Soft Light ) H = 强光( Hard Light ) D = 颜色减淡 ( Color Dodge ) B = 颜色加深 ( Color Burn ) K = 变暗 ( Darken ) G = 变亮 ( Lighten ) E = 差值( Difference ) X = 排除 ( Exclusion ) U = 色相 ( Hue ) T = 饱和度 ( Saturation ) C = 颜色 ( Color ) Y = 亮度( Luminosity ) Q = 背后( Behind 1 ) L = 阈值( Threshold 2 ) R = 清除 ( Clear 3 ) W = 暗调( Shadows 4 ) V = 中间调( Midtones 4 ) Z = 高光( Highlights 4 ) 有编号的对以下情况有效: 仅在“保留透明区域”关闭的图层中工作 索引色模式( Indexed Mode ) 多图层图片上用直线[N]( Line )和油漆桶[K]工具 ( Bucket Tools ) 减淡和加深工具[O]( Dodge and Burn Tools ) 直接按数字键即可改变当前工具或图层的不透明度。按“1”表示10%不透明度，“5”为50%，以此类推，“0”为100%不透明度。连续按数字键比如“85”表示不透明度为85%。 注意：以上热键同样对当前的绘图类工具有效，所以如果你要改变当前层的不透明度，先转到移动工具或某一选取工具。 按住Alt点击所需层前眼睛图标可隐藏/显现其它所有图层。 按住Alt点击当前层前的笔刷图标可解除其与其它所有层的链接。 要清除某个层上所有的层效果，按住Alt键双击该层上的层效果图标；或者在菜单中选Layer > Effects > Clear Effects。 提示：要关掉其中一个效果，按住Alt键然后在Layer > Effects子菜单中选中它的名字。或者可以在图层效果对话框中取消它的“应用”标记。 在层面板中按住Alt键在两层之间点击可把他们编为一组。当一些层链接在一些而你又只想把它们中的一部分编组时这个功能十分好用( 因为编组命令[Ctrl+G] ( Layer > Group with Previous )在当前层与其它层有链接时会转为编组链接层命令[Ctrl+G] ( Layer > Group Linked ) )。
Photoshop辅助线和标尺的技巧
注意：辅助线是通过从标尺中拖出而建立的，所以要确保标尺是打开的[Ctrl+R] ( View > Show Rulers )。 拖动辅助线时按住Shift键将强制其对齐到标尺上的刻度。 双击辅助线可以打开辅助线＆风格参数设置对话框[Ctrl+K, Ctrl+6] ( File > Preferences > Guides & Grid... )。 双击标尺[Ctrl+R]可以打开单位＆标尺参数设置对话框[Ctrl+K, Ctrl+5] ( File > Preferences > Units & Rulers... )。 提示：也可以在信息面板上的选项菜单中选择标尺度量单位。 标尺的坐标原点可以设置在画布的任何地方，只要从标尺的左上角开始拖动即可应用新的坐标原点；双击左上角可以还原坐标原点到默认点。 利用路径工具创建曲线和斜线的辅助线也不失为一个好办法。只要用钢笔工具描绘路径即可在绘制上或上色时作为辅助线( 路径始终保持可视 )。 提示：使用隐藏路径命令[Ctrl+Shift+H] ( View > Hide Path )切换路径显示与否。 辅助线不仅会吸附在当前层或选区的边缘( 上下左右 )，而且会也以( 当前层或选区的 )水平或垂直中心对齐。反过来也一样：同样选区和层也会吸附到已经存在的辅助线上( 边缘和中心 )。 注意：辅助线不会吸附到背景层上。而且要实现上述功能先要打开“贴紧辅助线” [Ctrl+Shift+ ; ] ( View > Snap To Guides )选项。