推荐阅读
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>
最新发布
PS打造漂亮玻璃文字效果
在这个Photoshop教程中,大家将学习如何在Photoshop中创建玻璃质感的霓虹灯文字效果。先看效果图吧:1.首先输入一些文本。例如用World of Water字体写成的“Graphic Mania”。颜色是#00add8。旋转文本(用自由变换工具)。2.在这个图层上添加一些效果:投影,内阴影,内发光,图案叠加和渐变叠加。这些设置和效果如下。这将能很好的改变我们文本的外形效果,
Photoshop制作炫目的火焰文字
火焰字的制作方法有很多。下面的火焰字制作方法跟其他的有点类似。不过作者制作的更加精细。文字部分用到了一些图层样式和滤镜,并加上了火焰素材。除了这些作者还加了纹理背景衬托,效果更突出。最终效果 1、建立一个适当大小带黑色背景的新文件。使用文字工具,大小为280pt, 字体为Trajan Pro,输入数字1。你可以在这里下载字体。当然你也可以适用自己喜欢的字体。 2、右键点击文字层选择混合模式。勾选外发光。 设置如下。 3、勾选颜色叠加,设置如下。
PS制作超酷立体字
今天,我们要把一个对象/文本从2D更改到3D以及给它添加一些真实的效果。我们将会使用Illustrator来创建对象,然后把它移到Photoshop中添加高光和阴影。(这篇教学不是很难,大家细心做,希望朋友们能指出文章中不对的地方,毕竟我们能力有限 ,谢谢大家支持盒子。) 步骤1 让我们打开Illustrator并创建一个“5×5”的文件。创建一些文字或logo。现在,你要确保你选择了一种除了黑、白、灰色之外的颜色,使我们可以从物体中提取阴影。 步骤2 现在我们将把我们的对象转为3D模式,去效果>3D>挤压和斜边。我的设置如下,但这取决于你使用的对象,对象不同设置可能就不同。我们正在努力实现一个有趣的角度。尝试更多的设置直到你得到满意的效果。确保你改变了周围的灯光来获得最大量的对比度,方便以后使用。 步骤3 这就是我们要在Illustrator中做的,现在复制你的图片(apple+c),粘贴到1680×1050 px的Photoshop文档中。拉伸它填充空间。由于它是一个矢量图像,当它第一次被粘贴到Photoshop中我们可以拉伸它,不要害怕,它不会有像素方面的变化。之后双击按下复选框它被转换成光栅图像。 步骤4
Photoshop制作金属质感文字效果
本教程的实例中主要应用到的图层样式包括:投影、内阴影、外发光、内发光、斜面和浮雕、光泽和渐变叠加制作而完成。希望大家喜欢! 先看效果图:效果图 制作过程: 1、打开Photoshop CS4软件,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出的新建对话框,名称:制作金属质感文字效果,宽度:1300像素,高度:576像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮,如图1所示。图1 2、单击工具箱中的横排文字工具 ,输入IROM MAYA,然后在工具选项栏上设置字体:Army,大小:212.56点,颜色:白色,设置消除锯齿的方法:锐利,如图2所示。图2 3、双单击文字图层进入到图层样式,分别勾选投影、内阴影、外发光、内发光、斜面和浮雕、光泽、渐变叠加复选项。设置内阴影混合模式:柔光,点击色标处,阴影颜色设置为白色,不透明度:70%,角度:120,距离:5像素,扩展:0%,大小:5像素,然后点击确定按钮,如图3所示。图3
PS制作漂亮花边文字效果
本教程制作的花边文字效果很棒,转到飞特和大家共享一下,希望大家喜欢这篇教程。我们先来看看最终的效果:步骤1找一个合适的花纹图案:步骤2打开Photoshop,创建一个新文档。我使用了1680 x 1050像素大小做背景。在此之后,键入abduzeedo字母,去图层>图层样式>渐变叠加。使用红,黄,绿,亮蓝的颜色。我使用的字体是Futura(什么字体都ok 自己喜欢就好)。步骤3把字母点缀之后,是时候添加一些深度了。让我们使用图层样式来做到这一点。去图层>图层样式>投影。使用正片叠底的混合模式以及黑色,不透明度100%,角度为-60%,距离为5像素,大小为5像素。(如下图)
PS制作3D文字壁纸
PS制作3D文字是一个老生常谈的话题了,这篇教程的方法还是不错的,希望飞特的朋友们喜欢!先看效果吧:创建一个1280×1024 px, 72 dpi的新文件(文件>新建)。然后选择矩形工具(U)在整个工作区域中画一个矩形。然后设置混合选项>渐变叠加。按下图设置:然后选择自定义图形工具(U),选择下图的形状:把它放在下图所示的位置:
PS制作花纹艺术字
没心情写开头 直接开始教学步骤1打开Photoshop,创建一个新文档,我用的是1920×1200像素大小。然后用一个深色#1f1e1e填充背景。步骤2选择背景层,去层>图层样式>渐变叠加。选择灰色(#707070)和白色。混合模式更改为正片叠底,60%的不透明度。样式为径向。确保白色在中间。可以看到使用了正片叠底之后图像的边缘会变暗。我是通过图层样式应用这个渐变,因为稍后我想在图层上添加一个滤镜,然后我就可以尝试不同的颜色。步骤4让我们添加文本。我们需要一个书法风格的字体,我使用的是Champignon,你可以从http://dafont.com下载它。首先输入 Abducted 。步骤5现在在 “Abducted”的正下方输入 “by”。我用的是另一种字体,”Champignon Alt S…” ,你可以从http://dafont.com下载它。字母的位置参考下图,并尝试连接字母如”Bs”。
PS制作漂亮水泡字体
这篇教程教飞特的朋友们用PS制作漂亮水泡字体,教程属于基础入门级别的,高手们请飘过吧。先放上效果图。水滴素材,很清晰。大家可以保存到本地。 制作步骤:1 准备背景新建一个1920*1080px的画布。白色背景。在背景图层上如下图所示拉渐变。#FFFFFF到#8DDBF9复制背景图层。按下CTRL+T。按下图所示将其变形。这一步是要给文字准备一个水平线。在复制层和背景层中间新建一个图层。将其命名为“光底”。在用大儿软的圆形画笔。选取白色。在画布中间点上那么一下。我是使用1600px。0硬度。55%不透明度的画笔做的。然后在所有图层顶端新建一层。使用钢材一样的笔触。在画布稍上部叶点上那么一下。将这一层命名为“光顶”。你将得到如下效果。
PS制作漂亮彩色文字
这篇教程教飞特的朋友们用PS制作漂亮的彩色文字,制作过程难度一般,希望飞特的朋友们喜欢这篇教程。我们先来看看最终效果1、新建一个500 * 300像素的文件,使用文字工具输入下面的文字,得到图层1。2、使用“矩形工具”建立选区。