推荐阅读
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>
最新发布
糖果质感的特效字
做完的效果图1、新建立一个文件：2、设置一种自己喜欢的渐变填充效果，并且打上自己喜欢的文字： 做完的效果图1、新建立一个文件：2、设置一种自己喜欢的渐变填充效果，并且打上自己喜欢的文字： 3、然后单击样式面板中的＂蓝色玻璃＂ 6、设置渐变颜色： 7、设置等高线、投影、描边：这样就做完了。
乌龟壳纹理的特效字
最终效果图 1、建立文档，输入文字。 最终效果图 1、建立文档，输入文字。 2、双击文字层，在弹出的层效果窗口中设置参数如下： 3、允许pattern overlay，并选用下图同样的材质图案。 4、应用到文字层后，效果如下： 5、将文字层复制到新层，Ctrl 鼠标左键点击层选择文字，按Q键允许快速遮罩（quick mask），在滤镜菜单中选择Texture > Stain Glass，设置如下： 结果如下： 6、按Q键取消快速遮罩，并按Delete键删除选取部分。 7、设置新层的层效果，参数如下： 8、最后效果如图：
晶莹剔透的透明效果文字
最终效果图 1.新建一个360ｘ190像素的文档，背景色为白色，输入你几个文字（中英文都可以）这里以英文为例子。如下图： 2.双击图层或者右键单击图层在弹出的菜单中选择Blending Options。选择投影菜单（Drop shadow)，将模式（Blend Mode）调为正片叠加（Multiply），在后面的拾色框中选择你需要的颜色，不透明度（Opacity）为70%，角度（Angle）为90度，后面的作用于所有层（Use Global Light）不选取，距离（Distance）为10PX，扩展（Spread）为0%，大小（Size）为7PX。下面的品质（Quality）就按默认值。 距离（Distance）：设定阴影的偏移距离。 扩展（Spread）：设定投影效果的边缘强度，数值越，效果越明显，过渡就越生硬。 大小（Size）：可以设定阴影的模糊程度。如下图： 最终效果图 1.新建一个360ｘ190像素的文档，背景色为白色，输入你几个文字（中英文都可以）这里以英文为例子。如下图： 2.双击图层或者右键单击图层在弹出的菜单中选择Blending Options。选择投影菜单（Drop shadow)，将模式（Blend Mode）调为正片叠加（Multiply），在后面的拾色框中选择你需要的颜色，不透明度（Opacity）为70%，角度（Angle）为90度，后面的作用于所有层（Use Global Light）不选取，距离（Distance）为10PX，扩展（Spread）为0%，大小（Size）为7PX。下面的品质（Quality）就按默认值。 距离（Distance）：设定阴影的偏移距离。 扩展（Spread）：设定投影效果的边缘强度，数值越，效果越明显，过渡就越生硬。 大小（Size）：可以设定阴影的模糊程度。如下图： 3.接着打开内阴影（Inner Shadow），模式（Blend Mode）也调为正片叠加（Multiply），后面的拾色器拾取新的颜色（与上一步的颜色不同），不透明度（Opacity）为85%，角度（Angle）为90度，距离（Distance）为7PX，阻塞（Choke）值为25%，大小（Size）为13PX。品质（Quality）按默认值。如下图： 4.下面是外发光（Outer Glow），模式设定为屏幕模式（Screen），不透明度（Opaction）为60%，降噪（Noise）为0%，在降噪下面有两中填充的选择，一种是直接的单色填充，一种是过渡性的，在这里我们选直接的单色填充，手法（Technique）里选择柔和的（Softer），扩展（Spread）为0%，大小（Size）为13PX。 如下图： 5.现在是内发光（Inner Glow）模式选择为正片叠加（Multiply），不透明度（Opaction）为50%，降噪（Noise）为0%，选直接的单色填充，手法（Technique）里选择柔和的（Softer），光源（Source）选边缘（Edge），阻塞（Chake）为0%，大小（Size）为5PX，品质（Quality）按默认值。如下图： 6.轮到很关键的一步了~现在执行斜面和浮雕（Bevel and Emboss），样式（Style）选择内斜角（Inner Bevel）手法（Technique）选择平滑（Smooth），选择上（Up）投光，大小（Size）为7PX，柔和值（Soften）为2PX，角度（Angle）为90度，高度（Altitude）为67度，高光模式（Highlight Mode）选择屏幕（Screen）模式，拾色框选择白色，阴影模式（Shadow Mode）选择正片叠加（Multiply），拾色框选黑色。 如下图： 7.在斜面和浮雕下面有两个选择分别是轮廓（Contour）和材质（Texture）。这里我们选择轮廓（Contour）在里面调整等高线（Contour），具体如下图： 8.打开填色（Satin）菜单，模式选择叠加（Overlay），拾色框里选择一个新的颜色，不透明值为100%，角度（Angle）为90度，距离（Distance）为23PX，大小（Size）也为23PX，等高线（Contour）类型中选择一种最合适的。如下图： 9.到这里是最后一步，颜色叠加（Color Overlay），模式为正常（Normal），在拾色框后选个颜色，不透明（Opacity）值为100%。如下图： 10.最后做完的效果如下图，但是这种效果对不同的字体要做出不一样的调整，不能硬套，这上面介绍的只是一种字体下的做法，其他的就让大家继续去研究了。
绿色水晶字的制作
最终效果图1、首先新建一个300*300的文件，在上面写一个字母（我这里的字体是“文鼎特圆简 平滑 宽度增加50%”）如图：2、设置前景色为#A7A7A7，背景色为#F1F1F1，按住Ctrl点击字母H所在的层，选取H的轮廓，再新建一层，用线形渐变工具，从下往上拉渐变，如图所示： 最终效果图1、首先新建一个300*300的文件，在上面写一个字母（我这里的字体是“文鼎特圆简 平滑 宽度增加50%”）如图：2、设置前景色为#A7A7A7，背景色为#F1F1F1，按住Ctrl点击字母H所在的层，选取H的轮廓，再新建一层，用线形渐变工具，从下往上拉渐变，如图所示： 3、用一个深一点的灰色，外描边一象素，如图：4、依次选择“选择”>“修改”>“缩小选区” 半径设3象素。如图：5、设置前景色为#99FF66，背景色为#33CC00，然后新建一层，从下往上拉一个线形渐变，如图： 6、用“椭圆选取工具”拉一个椭圆选区，新建一层，做白色到透明的渐变，如图那样：7、按住Ctrl点击绿色渐变所在层，然后Ctrl shift I反选选区，再单击激活白色到透明渐变的那个图层，按Delete键，删除多余的部分，然后给绿色渐变那一层用深绿色描边，如图：8、最后激活H所在的文字层，栅格化图层，然后高斯模糊4象素，如图： 9、最后再做点点缀，就好了。。看看效果吧
PS制作腐蚀金属块上的镂空字
最终效果图 1.新建一个文件,图象大小为600X400象素，颜色模式选择RGB模式，分辨率设置为300，选择白色背景。2.先新建图层1，取名‘长方体’并将此图层填充为白色，执行菜单-滤镜-渲染-3D变换，在3D变换设置面板中选择左侧的立方体工具，在中间的画布区域中拉一个立体四方型，完成后再用左侧工具条中的直接选择工具来拖动四方型上四个角的节点，将四方型的形状调整至如（图1）样式。图13.选择左侧工具条上的‘轨迹球工具’，来旋转四方型轮廓，在旋转过程中如果长方体被转到了画布以外的话，可以用‘全景相机工具’来将长方体拖回画布中。完成旋转后如（图2）。然后再点击设置面板右侧的选项按钮，将分辨率设置为‘高’，消除锯齿也设置为‘高’，并取消‘显示背景’的设置。完成后如（图3）。图2图3 最终效果图 1.新建一个文件,图象大小为600X400象素，颜色模式选择RGB模式，分辨率设置为300，选择白色背景。2.先新建图层1，取名‘长方体’并将此图层填充为白色，执行菜单-滤镜-渲染-3D变换，在3D变换设置面板中选择左侧的立方体工具，在中间的画布区域中拉一个立体四方型，完成后再用左侧工具条中的直接选择工具来拖动四方型上四个角的节点，将四方型的形状调整至如（图1）样式。图13.选择左侧工具条上的‘轨迹球工具’，来旋转四方型轮廓，在旋转过程中如果长方体被转到了画布以外的话，可以用‘全景相机工具’来将长方体拖回画布中。完成旋转后如（图2）。然后再点击设置面板右侧的选项按钮，将分辨率设置为‘高’，消除锯齿也设置为‘高’，并取消‘显示背景’的设置。完成后如（图3）。图2图3 4.长体长方体完成了，但是看上去边角太尖锐、太生硬了，下面来把它处理的柔和点。按住CTRL点击‘金属块’图层，执行菜单-滤镜-模糊-高斯模糊，将模糊半径设置为2个象素，这样看上去的长方体边缘就圆滑了（图4），但是四周边缘还是有黑色杂边，我们得去除它。方法很简单，不要取消选区，执行菜单-选择-修改-收缩，将选区收缩2个象素，再执行菜单-选择-反选，并将选中的图象删除（图5）。
可爱的糖果字制作
最终效果图 1. 在Photoshop中新建一个文档，大小为600×300像素，分辨率为72像素／英寸，背景为白色。选择合适的字体，用黑色在背景上写上文本。想想糖果藤的样子，你就不难选择所用的字体：边角圆滑，字体较粗，也没有很繁杂的形状。这里，我用的字体是VAG Rounded BT，大小在280至320pt之间。我将每个字母放入单独的图层中，便于调整变形。如有需要，将文字层栅格化，进行扭曲和透视的变形处理。满意之后，将文字层和背景层拼合。（图01） 图01 2. 转到通道面板，因为现在我们的图像还没有颜色信息，所以红、绿、蓝通道应该是完全一样的。随意复制一个通道，将副本通道更名为orig，将通道做反相处理。（图02） 3. 返回RGB通道，复位色板，用白色填充背景层。在背景上新建一层，命名为candy cane，用白色填充。设置前景色为RGB（204，0，0），选择图像>旋转画布，将文档顺时针旋转90度；选择素描滤镜>半调图案，大小设为9，对比度为最大，图案类型选择直线；再用一次旋转画布命令，将文档逆时针旋转90度，回到正常。选择扭曲滤镜中的切变命令，在切变对话框中，将线条设置如图03a所示形状，将未定义区域设为折回。（图03b） 图03a
花色字的制作
最终效果 1、新建一个空白文件，输入“DRIVE ME CRAZY”，在[文字工具]状态下打开 [切换文字和段落调版]面板，字型：Berlin Sans FB，大小：72点，文字上下间距：72点，左右间距：100，粗体，显示效果为强，对齐方式居中。
ps立体字,制作立体感艺术效果字
最终效果图 1、新建595×842像素大小的文件，设置前景色为淡黄色（f5dcb9），新建图层1。执行“滤镜”→“渲染”→“云彩”命令。 云彩效果 2、执行“滤镜”→“纹理”→“纹理化”命令，如图设置弹出对话框。 纹理化 最终效果图1、新建595×842像素大小的文件，设置前景色为淡黄色（f5dcb9），新建图层1。执行“滤镜”→“渲染”→“云彩”命令。 云彩效果 2、执行“滤镜”→“纹理”→“纹理化”命令，如图设置弹出对话框。 纹理化 3、选择多边形套锁工具，创建一个多边形选区，按“Ctrl Shift I”执行反选操作。删去选区内图形。 创建一个多边形选区 4、选中图层1，单击“添加图层样式”，选择“投影”，如图设置弹出对话框。 投影 5、现在我们在图库中找来两张素材图片，使用移动工具将它们拖动到工作窗口中。 两张素材图片 6、现在选择图层2，单击“添加图层蒙版”按钮，设置前景色为黑色，使用渐变工具为图层2蒙版添加渐变效果，然后使用黑色柔边画笔做一些调节。并设置图层2混合模式为“正片叠底”。 添加图层蒙版 7、现在选择图层3，单击“添加图层蒙版”按钮，设置前景色为黑色，使用渐变工具为图层3蒙版添加渐变效果。 渐变工具 8、设置图层3混合模式为“正片叠底”，不透明度为60%。 正片叠底 9、分别选择图层2和图层3，单击鼠标右键，选择创建剪贴蒙版命令，得到如图效果。 创建剪贴蒙版命令 10、再打开一张素材图片，使用矩形选框工具选择素材的一小块，执行“选择”→“羽化”命令，设置羽化半径为20像素。用移动工具直接将它拖到工作窗口中，放到如图位置。