推荐阅读
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>
最新发布
PS合成创意的人身狮子王
创建一个新的层(按Ctrl + SHIFT + n )。用钢笔工具(P)沿着王位上部分弧形进行描绘并转换为选区填充为绿色。打开该图层混合选项面板,并按照下图所示调整相应参数!
PS合成被魔法师冰封的恐怖恶魔
现在我们需要融合头部素材,给头部图层添加图层蒙版,使用黑色的画笔在周围擦去你想隐藏的画素,这样可以让部分脸部显现出来,覆盖在后面加入的冰元素上。同理,隐藏眼睛部分,因为我们需要露出天空覆盖的感觉。如果你不确定什么该隐藏什么不该隐藏,看下面的预览图。 创建一个新图层,使用画笔工具(B),选取墨绿色的颜色画出2个瞳孔的画素,完成这一步,你可以完成以下图片:在这一步中,我们需要在人物的头部和手部添加一些冰。打开冰元素的图片,选择---色彩范围,设置颜色容差170,色彩范围十亿个很实用的工具,你可以选取相近的色彩。
PS合成子弹穿透物体的瞬间
a、复制主板层(按Ctrl + J)。b、按键盘上的“向上”键。c、多做几次1.2步(这取决于你要的厚度,是做2-3个还是8-9个或是更多…)。d、合并所有层保持第一层在顶部的位置(查看下图)。e、使用高斯模糊来模糊合并层>数量= 1。f、加深一点合并层(很多方法可以实现)。g、模糊一点图层顶部的边缘。h、合并所有层 做完之后!它就不再是二维图像(下图看到了吗,电路板的底部边缘厚了吧)。
PS合成玩转地球的女魔法师
现在打开background图片,把它拖到女孩图片里,并命名为“BACKGROUND”(背景)。正如你所看到的,背景比这个女孩的照片小。为了让它变大,点击“BACKGROUND”图层,按Command + T键,并按住Shift使它变大。按住Shift是要保持图片的比例不变。把“BACKGROUND”图层放在“GIRL”层的下方,然后点击眼睛使“GIRL”层不可见。在融合这两个图像之前,我们将在背景层上工作。 复制“GIRL”层,命名为“FLYING HAIR”(飞舞的头发),并置于“GIRL”层(它仍然是不可见的)的下方。现在改变混合模式为正片叠底(如果正片叠底看起来太暗,也可以使用变暗的混合模式)。给这层添加矢量蒙版,用一个黑色的笔刷涂抹这层中除了头发以外的所有部分,使它们不可见。 剪切后你的图片应该看起来像下图。现在使用图章工具(S),选择一个柔软的圆形笔刷,设置20%的不透明度。按Alt并点击她脸上亮的区域,就复制了这部分皮肤。然后在有阴影的区域涂抹(区域在下图已标明)。时不时的更改克隆的来源以获得更自然的结果。首先,我们将移除黄色的灯光。添加一个新的色相/饱和度调整图层,并对它使用剪贴蒙版。设置编辑黄色,饱和度降低到-54。
PS合成漂亮的森林女皇
在不需要的背景涂上黑色,这样人物可以从背景中分离出来,人物露出来的部分保持白色。使用CTRL+T,对人物自由变形,,让她的比例合适,参照样图,并保存此图层名为美女。 按下CTRL+T,自由变形(参照下图--译者)。然后添加蒙版,选择小号的柔软画笔(前景色为黑色),擦去王冠遮住脸部的部分。这样我们就能再次看见人物的脸了。
Photoshop给狗狗图片加上柔美的暖色逆光效果
建立新的“调整图层”,“图像”>“调整”>“阴影/高光”。通过调节“阴影”中的,“数量”,“色调宽度”,“半径”,达到重新调整需要在阴影中添加亮度多少的目的。后期中常用这个办法让阴影中呈现更多细节。通过细微的调整使图片呈现最逼真的光影效果。
用Imageready制作漂亮MM拍球动画
这个Imageready小实例制作了一个MM拍球的有趣动画效果,先看下完成图吧:图:最终效果 制作步骤: 1、打开Imageready,找不到程序在哪儿的可以从Photoshop里面打开,工具栏最下面那个像箭头的按钮就是。图:打开Imageready 2、打开一张素材图片,美女的POSE很适合处理成拍球的动作。图:打开素材图片 3、用多边形套索工具选出一部分手臂,选区从关节处断开。图:选出一部分手臂
Photoshop制作秋风吹落树上的叶子动画
教程主要是介绍使用PS制作Gif动画效果,制作的时候先在Photoshop里面作好动画的几贞图片,然后再用IR制作成连贯的动画效果。原图最终效果 1.选择多边形套索工具(shift+L),套出一片枫叶(选区必须闭合) <图1> 2.复制选区(ctrl+J),按住ctrl+鼠标拖拽到原枫叶下方位置 <图2> 3.按住ctrl+alt+鼠标拖拽,继续复制出枫叶的凋落走向 <图3> 4.完成整个枫叶凋落过程以后 CS2版本用户:shift+鼠标点击第一片枫叶和最后一片枫叶,将其选中,然后按ctrl+G编组 CS2以下版本用户:点击图层缩略图前的链接按钮,将所有的枫叶图层链接起来,图层-新建-图层组来自链接图层 <图4> 5.同样的方法,作出另一片枫叶的凋落路线 <图6> <图7> 6.点击“在ImageReady中编辑”(shift+ctrl+M)按钮,窗口-动画,点击图层前的小眼睛,隐藏所有图层 <图8>
Photoshop CS3的IR制作帅哥抛番茄动画
自从Photoshop CS3将动态软件Imageready也包括了进来,我们做动态图更加方便了,下面就来练习做一个抛掷物体的动态图,先看一下效果: 图1 制作步骤: 1、打开一张图片,帅哥的动作很适合用来做抛掷效果。图2 2、打开一张番茄图片。图3