推荐阅读

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>
最新发布

CS5百变画笔系列22:逼真的金属章鱼触角
本期教程中我们将画笔和“液化”滤镜结合,来绘制出逼真的金属章鱼触角效果。制作中使用“曲线”命令来丰富触角上的吸盘效果,“液化”滤镜则将笔直的图像绘制成为形状扭曲、形态不同的扭曲触角。下期教程中我们将画笔和“模糊”、“扭曲”等滤镜结合,来绘制出漩涡状的星云特效。希望大家能够关注下期教程《CS5百变画笔系列23――耀眼的漩涡状星云》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“新建”命令,在“新建”对话框中对参数进行设置。(2)选择“圆角矩形”工具,并绘制路径。(3)将“工作路径”载入选区。

CS5百变画笔系列23:耀眼的漩涡状星云
本期教程中我们将画笔和“风”、“极坐标”、“旋转扭曲”滤镜结合,来绘制耀眼的漩涡光效。制作中还使用了使用颜色调整和图层混合设置等操作来将星云的颜色调整的更加丰富。下期教程中我们将画笔和“渐变”、“渐变映射”等命令结合,来绘制出真实的火焰燃烧特效。希望大家能够关注下期教程《CS5百变画笔系列24――燃烧的火焰特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“新建”命令,新建“光晕”文档。(2)将“背景”图层填充为黑色。(3)选择“画笔”工具,并对其进行设置。

CS5初学者必读(3)图像分辨率精解
很多初学者都问我,什么是分辨率?“分辨率”是指图像文件包含细节和信息的数量,图像文件的大小与分辨率及像素有着密切的关系。当用户在创作高质量的图像作品时,了解如何度量和显示图像的像素数据是非常重要的,因为它们决定了最后输出作品的质量。在许多PS专业书籍中也对分辨率的感念作了精确的解析,但是大多都是生涩的感念,对于许多初学PS的朋友们来说,非常难以理解。在这里作者将使用较为通俗的方式来讲述,希望对初学PS的朋友能够有所帮助。下面请大家下载练习文件后和我一起开始关于分辨率的学习。如果用一句话来概括:分辨率就是单位面积内包含的像素数量。电脑中的位图图像由像素组成。(1)在Photoshop中,执行“文件”→“打开”命令,将素材“插画.jpg”文件打开。(2)使用“缩放”工具将文件放大至1200%这时候可以看到图像中出现了一个个类似马赛克的色块,每一个色块就是一个像素点。位图图像就是由这一个个的像素点组成。(矢量图像是另外一回事,不懂的同学我们下次再讨论。)既然位图图像由像素点组成,那么图像中像素越多,图像的细节就越清晰、色彩越艳丽。

CS5百变画笔系列24:燃烧的火焰特效
本期教程中我们将使用“渐变”和“扭曲”滤镜结合,来制作出一组特殊的图像扭曲笔刷样式,该笔刷样式可制作出燃烧的火焰外形。其中火焰具有层次感的颜色则是由“渐变映射”调整出来的。下期教程中我们将设置画笔绘制出光点,并和“路径描边”等命令结合,来绘制连体星光特效。希望大家能够关注下期教程《CS5百变画笔系列25――靓丽的连体星光文字》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“新建”命令,新建名称为“火焰笔刷”的文档。(2)新建“图层 1”,建立矩形选区并填充黑色。

CS5百变画笔系列25:靓丽的连体星光文字
本期教程中我们将通过调整画笔的“角度”和“圆度”参数制作出星光图像,然后结合路径描边操作来制作出连体的星光形状文字。下期教程中我们将使用笔刷的混合模式调整和“渐隐”命令结合来绘制动感发光线条效果。希望大家能够关注下期教程《CS5百变画笔系列26――动感发光线条特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,打开素材文件“星光.psd”文件。(2)选择“画笔”工具,设置“画笔笔尖形状”项目。(3)设置前景色为白色,进行绘制。

CS5百变画笔系列26:动感发光线条特效
本期教程中我们将使用笔刷的混合模式调整和“渐隐”命令结合,来制作出一组扭曲的发光线条效果。其中“渐隐”命令可以更改任何滤镜、绘画工具、橡皮擦工具或颜色调整的不透明度和混合模式,在实际工作中,使用频率还是非常高的。下期教程中我们将设置方头画笔绘制出视觉效果逼真的挖空墙面效果。希望大家能够关注下期教程《CS5百变画笔系列27――颓废的挖空墙面》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS3,执行“文件”→“打开”命令,将素材“背景.psd”文件打开。(2)执行“滤镜”→“渲染”→“分层云彩”命令。(3

CS5百变画笔系列27:颓废的挖空墙面
本期教程中我们将使用方头笔刷设置散布效果,配合剪贴蒙版来制作出看似被挖空的墙面效果。将墙面素材设置为剪贴蒙版后,方块图像的具有了墙面纹理效果,添加图层样式使方块具有了立体凸出的效果。下期教程中我们将使用画笔在通道中进行绘制,制作出破碎的撕边效果。希望大家能够关注下期教程《CS5百变画笔系列28――破碎的撕边效果》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,打开素材文件“墙面.psd”文件。(2)选择“画笔”工具,选择“方头画笔”画笔库。(

CS5百变画笔系列28:破碎的撕边效果
本期教程中我们使用混合器画笔工具在通道中绘制图像,并添加“喷色描边”滤镜来制作出边缘具有撕裂效果的图像。下期教程中我们将使用多个自定义的画笔来绘制出网纹背景特校。希望大家能够关注下期教程《CS5百变画笔系列29――多彩扭曲网纹背景》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS3,执行“文件”→“打开”命令,将素材“风景.psd”文件打开。(2)切换到“通道”面板,创建新通道“Alpha 1”通道。

CS5百变画笔系列29:多彩扭曲网纹背景
本期教程中我们将使用多个自定义的画笔来绘制出网纹背景特效,其中“液化”滤镜的使用使网纹产生了特殊的扭曲效果,增强了画面的动态感。下期教程中我们将设置画笔的样式调整出云朵笔触,并使用路径描边功能制作出逼真的云朵效果。希望大家能够关注下期教程《CS5百变画笔系列30――蓬松漂亮的心形云朵》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“打开”命令,将素材“网纹背景.psd”文件打开。(2)新建一个文档,大小为“564px*564px”,分辨率为“96px”,用“矩形工具”绘制出如下图案,再执行“编辑”→“定义画笔预设”命令。(3)完成后,切换到素材文件“网纹背景.psd”文件,选择“画笔工具”并对其进行设置。

CS5百变画笔系列30:蓬松漂亮的云彩
本期教程中我们将设置画笔的样式调整出云朵笔触,并使用路径描边功能制作出逼真的云朵效果。这个实例是画笔教程的最后一个实例训练。下期教程中我们将使用图层样式来制作出各种按钮效果,希望大家能够关注下期教程《CS5经典样式系列01――靓丽的水晶时钟标志》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“打开”命令,将素材“人物.psd”文件打开。(2)新建“图层 1”,选择“自由钢笔工具”绘制路径。(3)选择“画笔工具”,切换到“画笔”面板,并对其各项参数进行设置。(4)单击“形状动态”项目,设置其各项参数。