推荐阅读
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>
最新发布
Corel DRAW制作美丽的鸡心像坠
如果你正在使用Corel DRAW做图，突然灵感一来某部分需要来点立体感给自己的创意添加一些效果，从而更好的表达创意的最终意图！ 说起立体很多人就会立刻联想到3DMAX、MAYA之类的大型三维制作软件，诚然它们是极为优秀的、功能也是极为强大的，当然学起来也是极为费劲的，我们有时候不可能为了一小部分的立体感，动扎就去动用那些庞然大物，为了不让那一纵即失的灵感在频繁的建模、贴图、材质、转换、输出、导入等繁琐的过程中消磨殆尽，还是看看Corel DRAW能为我们做些什么吧！（见图1） 这副图很简单，大家一看就能够明白本人的用意，呵呵……不多说了，开始做吧！ CorelDRAW的立体拉伸分位图和矢量图两种，在这里用到是位图立体拉伸，至于矢量图立体拉伸，由于倒角功能太单一在这就不解释了，其操作步骤类似。 首先使用Corel DRAW工具栏的Basic Shapes（基本造型）工具，在绘图区绘制一心型（见图2）， 在属性栏内的OutlineWidth（轮廓宽度）参数栏内将其轮廓宽度设置为5.644mm（也可以随意）（见图3） ，这时心型的轮廓虽然加宽了，但仍然是轮廓，也就是说只有把轮廓转为物件才可以做位图拉伸，单独的轮廓是不行的。 按键盘快捷键Ctrl+Shift+Q或者在Arrange（安排）菜单内选择Convert Outline To Object（将轮廓转化为物件）选项将心型的轮廓进行转化，（注：当轮廓转化为物件后，原来的轮廓仍然以不可见状态隐藏在其物件后面，需要将其删除，不然以后可能会出现意想不到麻烦）。将心型挪至一旁，再点击原来的地方就可以选中它了（见图4）， 之后按Delete键将其删除。 使用文字工具在绘图区输入英文"LOVE"，调整心型以及"LOVE"的字体、大小如图，双击工具栏的选取工具，选中所有物件，并填充为红色，点击属性栏内的焊接图标，将其焊接在一起（见图5）。 好了，准备工作完成，选择工具栏内的Inter Active Extrude Tool（交互式立体工具），然后在属性栏内点击第一个图标Bitmap Extrusion Mode（位图拉伸方式）。开始进行立体拉伸操作前，先来熟悉一下属性栏内的各项功能（见图6）。 首先需要打光，这样在操作过程中便于观察，选择属性栏内的Point Light（聚光灯）按钮，打开操作面板，点击"+"号添加一盏聚光灯，初始状态灯光位置和角度处于正前方，右侧窗口中的黑色圆球表示当前被操作的对象，通过这个示例窗口可以对灯光的照射位置角度，亮度以及颜色进行调整。调节灯光位置至左上角，添加灯光的同时绘图区的对象已经处于三维操作状态（见图7）。 从下图中可以看到，当鼠标指针移至圆形内部，接近十字线的横线、竖线以及圆形的轮廓线时，鼠标指针都会产生相应的变化，通过托鼠标就可进行三维空间XYZ坐标的旋转，也就是横向、纵向以及平行方向的360度旋转（见图8）， 并可以直接在属性栏内的ExtrudeRotaTion（立体化旋转）操作面板，进行旋转操作（鼠标会成为手的形状）以及取消旋转，并且可以设定XYZ参数进行精确的三维空间旋转定位（见图9）。 不过我个人认为如果不需要精确定位的话，那么在绘图窗口进行旋转操作更直观一些，就像绘图页面我总爱横向设置一样，纯粹是个人习惯！ 点击属性栏上的FontBevel（前修饰斜角）打开操作面板，可以看到上面提供了5种斜角方式（矢量图拉伸没有此项功能），选择其中一种斜角方式，立体图形的边角发生了相应的变化，点击属性栏内的Bevels（斜角参数）操作面板，调整其参数（见图10）， 如果效果不太理想，可将数值从新调整直至满意为止。 点击ExtrudeRotaTion（立体化旋转）操作面板上的"×"号取消旋转，然后在Point Light（聚光灯）操作面板用上面说过的方式再添加两盏聚光灯，并将其位置移至右上角和右下角，将右下角灯光亮度参数调为30，颜色保留原来的白色（见图11）。 注："点击"预设置立体效果"后面的加号可以将当前的立体效果保存，以后如果想再做这样效果的话，只要?quot;预设置立体效果"窗口中直接调用就可以了，不过在保存的时候要为其起个好记的名字，要想删除你保存的效果，选中它然后点击减号就可以了"。 至此立体操作就即将宣告结束，最后还有一个反光灯功能没有介绍（它此时心里比较烦，不停的唠叨着：我不重要吗？重要吗？不重要吗？重要……） 反光灯的用途主要是对环境光进行亮度以及颜色的调整，和人们生活中太阳光的作用类似，它在进行立体操作的同时自动打开，有时视作图的需要，可以通过其操作面板将其关闭或者降低和提高亮度以及改变颜色，以达到一定的效果，这里本例是保留其初始值，不做变动（见图12）。 最后根据个人的用途导入一张图片，将其放置在立体图形的后面，使用曲线编辑工具调整图片，使其边缘隐藏在立体图形的边框后（见图13）。 好了，我就不罗嗦了，至于光照以及其他的斜角和旋转效果就留给你慢慢地探索好了！
PS制作阵列打孔效果
填充“云朵纹理”层颜色为白色。将工具条的前景色和背景色分别设置为白色和黑色，然后执行滤镜->渲染－>云彩（注意不是分层云彩），按Ctrl+F可随机出现不同的云彩效果：
Photoshop制作精细头发
好吧，我把这个步骤分步公诸于众，以洗清自己的罪孽。你其实并不需要将头发丝铺满整个头发区域，只需要着重处理亮部和边缘细节就行了，否则累死你还不得好，别说我没提醒你！
Photoshop制作三维网格垃圾桶
图层的大量复制移动有不少方法，这里选择用设置动作来完成。在图层面板上选中“前”层，打开“动作”面板，点击右上角的小三角，选“新动作”，在弹出的对话框中设置功能键，例如选F5，然后按“记录”。 回到图层面板，复制“前”层为“前副本”层（鼠标按住要复制的图层不放，将它拖到图层面板下方“创建新图层”的小图标上），按CTR+T自由变换，按键盘箭头向上移动15个像素，在窗口上方自由变换选项中将水平缩放比例调为102%，按回车2次完成变换。再打开“动作”面板，点右上角小三角形选“停止记录”。 回到图层，选择“前副本”层，按刚才所设置的快捷键F5，就会执行复制当前层、移动变换这些动作，次数自己看着办。将上半部的各层调宽一点距离作出些透视效果，然后将这些副本层全部合并到“前”层。
PS制作打散背景效果
第六步:可以继续在散点图层上涂画编辑，直到效果满意为止。有兴趣的读者还可以为散点图层增加图层特效(菜单命令“图层→图层样式→投影”)，最后执行“图层→拼合图层”命令将所有图层合并。如图4所示，是本例的最终效果图，感觉还不错吧。
PS制作足球
2. 在图层面版上点击“创建新的图层”按钮，新建一个图层，系统自动为之命名为“图层 1”。为了下一步更好的定位，我们采用“参考线”来定位，按下快捷键Ctrl+R调出刻度栏，然后在刻度栏上单击右键，选择“象素”来进行准确定位。然后分别从上边和左边的刻度栏上按住鼠标左键不放，分别将横、竖两条参考线拖到200象素，形成一个汇交于画布中心的交叉参考线，如图1：图1图2图3 图4图5图5
PS照片制作彩色玻璃画
第一步，你要确定作品的主题是什么。如果你把作品想象成威斯敏斯特教堂的一部分，那么当阳光透过这块玻璃时，你想对上帝诉说些什么？所以要根据你的主题需要为你的作品找一幅原始图像。你可以从现成的剪贴画中选一幅，也可以用自己的图像，还可以扫描一张画。这里我选择了一个可爱的孩子的照片。（图00） 其实，我们想从原始图像上得到的不过是所要描绘对象的大概轮廓。在背景层上新建一层，根据你的图像大小选择合适的笔刷大小和硬度。用黑色画笔仔细描出孩子的轮廓。如果画面中的某些部分挡住了我们的主要对象，要设法补全，使对象完整。尽量保持画面的简洁，太过复杂会使后面难以处理。这幅图中，我所用的是直径为3像素，硬度为0％的柔化笔刷。现在看是可以了，但在后面，你也许会觉得这样的笔刷还是显得纤细了些。（图01） 其实微一留意，你就能发现在真正的玻璃画中，线条应该是十分流畅的，但这张图做了一半我才想起这个问题，改动已是不可能的了。这个例子权当是一个反面教材吧！ 还有一点忠告：大家看到那只怪怪的右手了吗？由于一开始疏忽了这一点，结果对最后画面的影响非常大！虽然越看越不顺眼，但已回天乏术！所以，在进行下一步之前，一定要反复检查你的线稿，确定无误！否则造成的错误几乎是不可弥补的。慎之慎之！
PS快速制作褶皱效果
图01a 揉皱的纸张不再有规则的边缘，考虑到这一点，我们要为边缘的变形留出一些空间。在使用画布大小命令之前，先将背景层转换为普通图层，方法是用图层＞新建＞图层背景，或直接在背景层上双击，在弹出的新图层对话框中保持默认设置，这样背景层就转换为了图层0。 打开图像＞画布大小命令，保持原有的画布格局，根据你的图像大小，适当的将画布的宽度和高度都增加一些，大致在25～50像素之间，不用太大，图像周围有一定空余就可以了。如图01b。图01b 2.现在我们开始制作置换图。在图层0上新建一层，命名为texture 。复位色板，用渲染＞云彩滤镜填充图层，如图02a；图02a