推荐阅读

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初学者必读(4)颜色通道
很多初学CS的朋友对“通道”的使用原理不是很了解,在这里我就向读者讲述“通道”的基本原理――颜色通道。在Photoshop中颜色通道的作用非常重要,颜色通道用于保存和管理图像中的颜色信息,每幅图像都有自己单独的一套颜色通道,在打开新图像时会自动进行创建。图像的颜色模式决定创建颜色通道的数目。(1)启动Photoshop CS5,执行“文件”→“打开”命令,将素材“彩色瓶.jpg”文件打开。(2)执行“编辑”→“首选项”→“界面”命令,打开“首选项”对话框,对其进行设置。(3)执行“窗口”→“通道”命令,打开“通道”调板。(4)在通道调板中“RGB”通道为复合通道,“红”通道、“绿”通道和“蓝”通道为原色通道,显示各通道颜色的分布状况。

CS5经典样式系列01靓丽的水晶时钟标志
本期教程中我们将设置图层样式效果来制作出一个立体水晶时钟标志特效,制作中所使用到的图层样式大都是表现立体效果和颜色效果的。下期教程中我们将使用图层样式来制作出一个按钮效果,希望大家能够关注下期教程《CS5经典样式系列02――华丽的主页按钮特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“打开”命令,打开素材文件“红色背景.psd”文件。(2)选择“矩形”工具和“椭圆”工具进行绘制。(3)选择“路径选择”工具,将路径组合。

CS5经典样式系列02华丽的主页按钮特效
本期教程中我们将设置图层样式效果来制作一个表面有丰富纹理的按钮特效,制作中主要使用“图案叠加”图层样式载入自定义的图案效果,使按钮表面产生斜纹效果。下期教程中我们将使用图层样式来制作出一个按钮效果,希望大家能够关注下期教程《CS5经典样式系列03――圆形石材按钮特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“打开”命令,打开素材文件“深蓝背景.psd”文件。(2)新建“图层 1”,选择“圆角矩形工具”进行绘制。(3)选择“矩形选框工具”对“图层 1”进行修整。

CS5初学者必读(5)Alpha通道
在上一节的内容中,向用户讲述了颜色通道,在这一节中将向读者介绍“Alpha” 通道, Alpha通道是计算机图形学中的术语,指的是特别的通道,意思是“非彩色”通道,主要用来保存选区和编辑选区。下面通过一组操作来展示Alpha通道是如何工作的。(1)执行“文件”→“打开”命令,将素材“插画背景.psd”文件打开。(2)在“图层”调板中,将“大树”图层中的图像载入选区。(3)在“通道”调板中,将选区存储为通道。

CS5初学者必读(6)位图与矢量图
很多初学者搞不清楚位图与矢量图之间的区别。经常会问一些搞笑的问题。比如:Photoshop可以处理图像,不能绘制矢量图形。矢量图形绘图软件,不能修改位图图像,等等。借这个机会为大家详细讲述两种图像的区别。这两种图像在Photoshop中都能进行创建和处理,Photoshop文档既可以包含位图数据,也可以包含矢量数据。下面我们通过一组操作来学习这些知识,开始操作之前请先下载练习素材。位图图像是由一个个的像素点组成的。(1)启动Photoshop CS5,执行“文件”→“打开”命令,打开一张“人物”位图图像。(2)使用“缩放”工具,将图像放大。可以看到位图图像呈现出马赛克状态。我们看到的一个个有颜色的小方块称之为像素,位图图像是由一个个的像素点组成的。(3)打开信息调板,使用“吸管”工具在不同的像素点上移动,可以看到每个像素都具有特定的位置和颜色值。

CS5经典样式系列03圆形石材按钮特效
本期教程中我们将设置图层样式效果来制作一个表面具有石材纹理的按钮特效,制作中首先使用“内发光”、“内阴影”、“光泽”图层样式制作出按钮的立体效果,最后使用“胶片颗粒”滤镜制作出石材颗粒表面,产生石纹效果。下期教程中我们将使用图层样式来制作出一个多彩的透明塑料按钮效果,希望大家能够关注下期教程《CS5经典样式系列04――多彩透明塑料按钮特校》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,打开素材文件“灰色背景.psd”文件。(2)新建图层,选择“椭圆”工具进行绘制。(3)为“形状 1”添加图层样式“投影”效果。

CS5经典样式系列04多彩透明塑料按钮特校
本期教程中我们将设置图层样式效果来制作一个表面为透明塑料效果的按钮,制作主要使用“内阴影”、“渐变叠加”图层样式,和不透明度以及填充的调整制作完成的。下期教程中我们将使用图层样式来制作出一个金属机械风格的按钮效果,希望大家能够关注下期教程《CS5经典样式系列05――金属机械风格按钮特校》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“新建”命令,新建“按钮”文档。(2)选择“圆角矩形”工具进行绘制。(3)选择“多边形”工具绘制出三角形,并与之前的圆角矩形组合。

CS5经典样式系列05金属机械风格按钮特校
本期教程中我们将设置图层样式效果来制作一个表面为金属效果的按钮,制作中主要使用了为图层应用多次图层样式效果的方法,具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个水晶风格的按钮效果,希望大家能够关注下期教程《CS5经典样式系列06――苹果水晶风格按钮特校》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,打开素材文件“灰色背景.psd”文件。(2)选择“圆角矩形”工具设置并绘制。(3)为“形状 1”图层添加图层样式。

使用PS CS5的“内容识别”功能快速修图的方法
代号为“White Rabbit(白兔)”的Photoshop CS5已经发布了,笔者提前装上简体中文版,体验它带来的新感觉。今天我们就先来试一试Photoshop CS5的内容识别功能。这个功能针对修图过程中最为常见的问题对软件进行了优化,Adobe的设计者给予它新的智慧。Adobe Photoshop来在持续增强功能的同时也在不断增强易用性。Photoshop CS5的内容识别 如果我们用Photoshop在图中挖走一块,就会留下难看的空白。如果想让空缺的部分延续原来的画面感觉,在以前的PS版本中,我们可以用仿制图章或者修复画笔,将周围的相似图像复制到挖掉的部分。如果软件用得熟练,还可以利用图层结合蒙版来做这个工作。这需要我们深入学习软件,并花一些时间和精力做这个工作。 Adobe的软件工程师针对这个问题一直在努力将功能傻瓜化、快捷化。从早期单纯复制的“仿制图章工具”,改进为复制后自动融合的“修复画笔工具”,后来又发展为大块大块打补丁的“修补工具”,针对修复小斑点开发了“污点修复画笔工具”。现在,Photoshop CS5为我们带来了革命性的工具――内容识别,它轻松地将填充命令和污点修复画笔的能力提升到一个新的高度。 所谓内容识别,就是当我们对图像的某一区域进行覆盖填充时,由软件自动分析周围图像的特点,将图像进行拼接组合后填充在该区域并进行融合,从而达到快速无缝的拼接效果。下面我们用两个实例来体验。 实例一:智能填充轻松去除画面元素 我们选择一张很容易找到的图像来练习,这是Windows Vista系统的壁纸,在网上很容易找到。可以看到,一个大草捆放在图像的重要位置,我们用智能填充的方式对它进行去除。 使用“矩形选择工具”,选择这个大草捆(如图1)。要注意选择的范围不要过大,那样会造成取样点太多,最后修复的效果不理想;选择的范围也不可以过小,如果选择区从草捆中间穿过,或者有边角没被选上,会增加填充结果不理想的可能性。