推荐阅读

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 CS5智能识别去除照片上的人物
随着 Adobe 新系列设计套装的更新,我们迎来了期待已久的 Photoshop CS5 。各种新的功能让我们的工作流程变得更迅捷。我们今天将要去了解和使用的一个新功能叫做内容识别(Content Aware)。这个功能让我们能够快速的填充一个选区,用来填充这个选区的像素是通过感知该选区周围的内容得到的,使填充结果看上去像是真的一样。在下面这个例子里我们将要从照片里移除一个人,移除的过程不会超过5分钟,然后我们还会为图像增强一些效果,完成这些总共大约需要10分钟。 效果图:原始图片:下面,我们将要把左边的男人去掉,用到的就是 Photoshop CS5 中的新功能-内容识别。 第一步 在不同的图像中使用内容识别填充会得到不同的结果。像天空一样的以渐变背景出现的图像,比如例子中的这张,处理起来需要一些技巧。废话不多说,我们在 Photoshop CS5中打开刚刚下载的图片。(图01)第二步

Photoshop CS5调整边缘工具抠图的详细教程
原图2.选用“快速选择工具”将人物选中。3.单击属性栏的“调整边缘”按钮――操作窗口打开。3-1.来,咱们先看看这个“视图模式”复选框内都是些什么东东。鼠标依次在每个选项上停留一下,就会弹出该选项的注释。共7个模式,嗯,很人性化的设计,它为用户在不同的图像背景和色彩环境下编辑图像提供了“视觉上的方便”。由于我们选择的素材背景色为暗绿,所以就选择“白底模式”吧。4.此为“白底模式”编辑状态下的视图;哈哈,感觉已经抠出来了。至少在白色背景下,这样的搭配感觉很协调(那么,如果换个背景色呢?)。

PS CS5操控变形功能自由修改足球运动员的动作
随着软件的更新,平面软件也向着准三维效果迈进。Photoshop在这方面一直在努力,从早期的3D变换滤镜,到后来的3D系列功能,操作越来越简单,效果越来越强大。这不,在Photoshop CS5中,出现了操控变形功能。它赋予图像以“灵魂”,不需要建模和贴图,就能实现伪三维动作变形。1、操控对象的建立技巧我们先来看一看如何建立操控对象。操控对象应该是抠取好图像的图层,具有较为复杂的外形,运动部分之间最好不要连接,并离开一定距离。在本例中,我使用一个运动员来说明问题。这是一张已经抠好图的运动员图像,运动员的身体比较舒展,这是最容易进行操控变形的动作,没有四肢与身体的连接现象,容易分离和弯曲缩放,类似于在三维软件中将来绑定骨骼的模型如果直接对这个图层应用操控变形,当然是可以的。不过如果想在将来进行进一步修改的话,我们最好将这个图层设置为智能对象。这样我们可以对它进行反复变形,而不会出现变形造成的画质损失现象,将来在需要对变形进行细调时,可以将变形图钉重新显示出来进行微调,非常方便。使用菜单:“图层”-“智能对象”-“转换为智能对象”命令,将该图层转换为智能对象,在图层的缩略图下方,会出现一个智能对象小图标。使用菜单:“编辑”-“操控变形”,对其进行操控变形设置。此时我们的鼠标将变成一个图钉的样式,使用它来定义变形关节。在图层右侧,会出现两个小圆圈,说明我们正在对这个图层应用操控变形。

CS5新增功能实例精解1. 新增的“Mini Bridge中浏览”命令
2010年4月Adobe公司传来喜讯,Photoshop推出了CS5版本,软件中增加了很多动人的新增功能。为了让大家快速掌握这些功能的使用方法,在此我为各位朋友整理了几组实例操作,供大家学习和研究。在Photoshop CS5版本中,软件的界面与功能的结合更加趋于完美,各种命令与功能不仅得到了很好的扩展,还最大限度地为用户的操作提供了简捷、有效的途径。在Photoshop CS5中增加了轻松完成精确选择、内容感知型填充、操控变形等功能外,还添加了用于创建和编辑3D和基于动画的内容的突破性工具。下面将带领读者一起体验Photoshop CS5中的新增功能。开始阅读之前,请先下载练习文件然后配合下面的操作进行学习。在Photoshop CS5中,单击应用程序栏中的图标,在展开的菜单中选择“CS5新功能”选项,更换为相应的界面。此时任意单击菜单,在展开的菜单中,Photoshop CS5的新增功能部分显示为蓝色,更加方便用户查看新增的功能,如图1-1所示。图1-1借助更灵活的分批重命名功能轻松管理媒体,使用Photoshop CS5中的“Mini Bridge中浏览”命令,可以方便的在工作环境中访问资源。(1)执行“文件”→“Mini Bridge中浏览”命令,打开“Mini Bridge”调板,如图1-1所示。图1-1(2)在“Mini Bridge”调板中,单击并拖动其右下角,可调整调板的大小,如图1-2所示。

CS5新增功能实例精解2. 增强的“合并到HDR Pro”命令
使用“合并到HDR Pro”命令,可以创建写实的或超现实的“HDR”图像。借助自动消除叠影以及对色调映射,可更好的调整控制图像,以获得更好的效果,甚至可使单次曝光的照片获得“HDR”图像的外观。(1)启动Photoshop CS5,执行“文件”→“自动”→“合并到HDR Pro”命令,在打开的对话框中单击“浏览”按钮,如图1-1所示。图1-1(2)此时打开“打开”对话框,选择需要合并的图像,如图1-2所示。图1-2(3)然后单击“打开”按钮,返回到“合并到HDR”对话框,如图1-3所示将选择的文件载入。图1-3

CS5新增功能实例精解3. 精确的魔棒工具完成复杂选择
使用“魔棒”工具,轻击鼠标就可以选择一个图像中的特定区域,轻松选择复杂的图像元素,再使用“调整边缘”命令,可以消除选区边缘周围的背景色,自动改变选区边缘并改进蒙版,使选择的图像更加的精确,甚至精确到细微的毛发部分。(1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-01\“人物.jpg”文件,如图1-122所示。图1-122(2)在工具箱中选择“魔棒”工具,设置其选项栏后,在灰色的背景上单击,选择背景图像,如图1-123所示。图1-123(3)按下键盘上的<Ctrl+Shift+I>键,反转选区。并使用“矩形选框”工具,加选选择的人物部分的选区,如图1-124、1-125所示。图1-124