推荐阅读

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笔刷系统新功能试用手记
很多朋友说自己没有绘画基础,不知道如何画出漂亮的图画来。Photoshop CS5开发的混合器画笔工具可以让不懂绘画的人轻易画出漂亮的画面。如果是美术专业的朋友使用它,更是如虎添翼。混合器画笔工具?初次听到这个名字,你可能不知道它是什么,那就实践一下吧。我们找到一张风景照片,将它转化为水粉画风格。如图所示,在工具条上找到混合器画笔工具。一个奇特的小窗口出现了,里边是一支画笔。如果单击这个窗口,可以更换画笔的姿态,比如让较扁的画笔转动一个角度,在绘画时可以通过捻动笔杆改变各个方向涂抹时的笔触效果。如果仅使用鼠标,在点击拖移时,这个画笔会实时动作。我使用了专业的绘图板,所以Photoshop CS5自动感知了我的画笔状态,包括倾斜角度、压力等等,并在这个预览窗口中实时展现出来。使用画笔在画面的右下角进行涂抹,可以发现新版软件对绘图板的支持有了升级,我们可以用侧锋涂出大片模糊的颜色,也可以用笔尖画出清晰的笔触。属性栏上点“画笔预设”按钮,打开画笔下拉列表。我们可以在这里找到自己需要的画笔。可以看到Photoshop CS5为我们准备了几款专用的描图画笔。为了让大家看得更清楚,我在这里设置了较大的预览图。 看到那些油画笔头样式的画笔了么?利用这些画笔,我们可以很轻易地描画出各种风格的效果。属性栏中的“切换画笔面板”按钮,可以让我们打开画笔面板,更方便地选择需要的画笔。“当前画笔载入”按钮,可以重新载入或者清除画笔,我们也可以在这里设置一个颜色,让它和我们涂抹的颜色进行混合。具体的混合结果可以通过后面的数值进行调整。“每次描边后载入画笔”和“每次描边后清理画笔”两个按钮,控制了每一笔涂抹结束后对画笔是否更新和清理。类似于画家在绘画时一笔过后是否将画笔在水中清洗的选项。

CS5经典样式系列06苹果水晶风格按钮特效
本期教程中我们将设置图层样式效果来制作一个类似苹果操作系统水晶风格的按钮特效,制作中主要使用了为“渐变叠加”图层样式效果的方法。具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个红色立体图标效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列07――热烈的红色立体图标特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,打开素材文件“光点背景.psd”文件。(2)新建“图层 1”,选择“椭圆选框”工具绘制出正圆。(3)选择“渐变”工具,在选区内拉出渐变。

CS5经典样式系列07热烈的红色立体图标特效
本期教程中我们将设置图层样式效果来制作一个红色立体图标特效,制作中主要使用了为“投影”、“内阴影”、“斜面和浮雕”、“等高线”等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个墙体雕刻按钮效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列08――科幻风格的墙体雕刻按钮特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,打开素材文件“红背景.psd”文件。(2)设置前景色,选择“圆角矩形”工具,设置并绘制。(3)对“形状 1”进行自由变换操作。

CS5经典样式系列08科幻风格的墙体雕刻按钮特效
本期教程中我们将设置图层样式效果来制作凹凸感很强,就像墙体上雕刻出的按钮效果,制作中主要使用了“斜面和浮雕”、“等高线”等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个黑色塑胶材质的按钮效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列09――黑色塑胶发光按钮特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“打开”命令,打开素材文件“按钮背景.psd”文件。(2)新建“图层 1”,选择“圆角矩形工具”进行绘制。(

CS5经典样式系列09黑色塑胶发光按钮特效
本期教程中我们将设置图层样式效果来制作充满时尚感和现代感的黑色发光按钮效果,制作中主要使用了“描边”、“斜面和浮雕”等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个模拟灯光照射的方框按钮效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列10――方框射灯按钮特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,打开本书附带光盘“背景.psd”文件。(2)设置前景色为白色,切换到“通道”调板新建“Alpha 1”,选择“自定形状工具”。(

CS5经典样式系列10方框射灯按钮特效
本期教程中我们将设置图层样式效果来制作一个模拟灯光照射效果的按钮,制作中主要使用了“渐变叠加”、“投影”等图层样式效果。灯光是通过设置“投影”图层样式中颜色的混合模式制作而成的。具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个有色玻璃按钮效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列11――Windows XP风格有色玻璃按钮特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“打开”命令,打开素材文件“按钮背景.psd”文件。(2)选择“矩形工具”,在打开的工具选项栏中选择“形状图层”按钮进行绘制,创建“形状 1”图层。(3)连续复制“形状 1”图层两次,分别得到“形状 1 副本”和“形状 1 副本 2”图层,并使其隐藏。

CS5经典样式系列11Windows XP风格玻璃按钮特效
本期教程中我们将设置图层样式效果来制作一个玻璃材质效果的按钮,制作中主要使用了“内发光”、“外发光”、“渐变叠加”等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个磨光金属按钮效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列12――怀旧风格磨光按钮特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,打开本书附带光盘“绿色背景.psd”文件。(2)选择“椭圆”工具进行绘制。(3)双击图层缩览图,设置打开的“拾取实色”对话框。

CS5经典样式系列12怀旧风格磨光按钮特效
本期教程中我们将设置图层样式效果来制作一个金属磨光材质效果的按钮,制作中主要使用了“渐变叠加”、“斜面与浮雕”等图层样式效果。其中磨效果是通过设置“渐变叠加”图层样式中的“角度”样式制作而成的。具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个透明波浪底纹导航条效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列13――透明波浪底纹导航条特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“打开”命令,打开素材文件“黄色背景.psd”文件。(2)新建“图层 1”图层,选择“椭圆工具”,在打开的工具选项栏中选择“填充像素”按钮,按下<Shift>键的同时进行绘制。(3)为“图层 1”图层添加图层样式,单击“内阴影”项目,并设置其各项参数。

CS5经典样式系列13透明波浪导航条特效
本期教程中我们将设置图层样式效果来制作一个波浪底纹导航条效果,制作中主要使用了“渐变叠加”、“图案叠加”等图层样式效果。导航条中的磨沙纹理和波浪都是通过这两种样式制作而成。具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个玉石材质按钮效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列14――真实的玉石材质按钮特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,执行“文件”→“打开”命令,打开素材文件“黑灰背景.psd”文件。(2)选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。

CS5经典样式系列14真实的玉石材质按钮特效
本期教程中我们将设置图层样式效果来制作半透明的玉石材质按钮效果,制作中主要使用了“图案叠加”、“渐变叠加”等图层样式效果。玉石的半透明效果则是通过两层“渐变叠加”层设置混合模式制作而成,具体的方法读者可跟随教程同步制作并逐步了解。下期教程中我们将使用图层样式来制作出一个玉石材质按钮效果,希望大家能够关注下期教程《Photoshop CS5经典样式系列15――闪亮的折射玻璃按钮特效》!开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。(1)运行Photoshop CS5,打开本书附带光盘“花纹背景.psd”文件。(2)选择“椭圆”工具进行绘制。(