推荐阅读
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制作发光文字效果
先看最终效果图1.新建一个文档,填充颜色为#3c14002.选择文字工具输入文字,我这里输入为“100% More Energy”,字体为Bodoni SvtyTwo OS ITC TT,颜色为ff5400,把文字居中然后添加以下样式(图层--图层样式--混合选项)得到这样的效果3.把文字图层复制一层(按CTRL+J),得到副本图层选中中间的图层,取消投影的样式,添加内阴影样式现在看起来没有多大的区别,但你隐藏副本图层就能看到效果了
Photoshop制作几种质感字体效果
在一个外国网站上看到几种漂亮的字体,试着做了下,把制作方法和飞特网的朋友们分享一下,希望飞特的朋友们喜欢!我们先来看看最终效果的截图第一种:粗体第一步:先制作如下的背景新建一个任意大小的文件,填充背景色为深红色:RGB(99,1,1)
Photoshop打造长满苔藓的石雕文字
这篇教程教飞特网那个的朋友们用Photoshop打造长满苔藓的石雕文字,制作过程很简单,但是制作的效果却很逼真,光说不练是*。我们先来看看最终的效果图:O(∩_∩)O~材质1材质2创建一个白色背景的大小Size 600 x 450 pixel的文档。然后粘贴材质1当作背景图层。
Photoshop制作布料上的褶皱文字效果
这篇教程教飞特网的朋友们用Photoshop制作布料上的褶皱文字效果,制作主要运用到的是photoshop的置换滤镜!我们先来看看最终的文字效果! 我们要将文字扭曲,方法或许有很多种,但如果在我们这个例子中,我们要让文字和谐地融合在丝绸背景中,有什么更好的办法呢。我们在这里要介绍置换滤镱( DISPLACE ),使文字可以按照丝绸皱褶自然地扭曲。你看到这么凌乱的丝绸可能让你觉得有点困难,看我们是如何实现的。下图为我们已经有的一张丝绸背景图片,我们要在上面加点文字,让文字与背景自然地混为一体。怎么做的?让文字自然地按着丝绸的皱褶扭曲涉及到两个重要的步骤:一是首先要让文字的扭曲与丝绸背景的扭曲一样。二是要让文字的明暗度与丝绸对应位置上的明暗度要一样。
Photoshop滤镜打造颗粒粉碎放射状文字特效
飞特编辑解读:这篇教程制作的文字效果其实很有冲击力,但由于教程作者对色彩的控制力稍显不足,导致整个作品的暗淡。其实教程是死的,人是活的,大家完全可以按照自己的喜好和对教程的理解来制作真正属于自己的效果。教程主要还是提供给大家思路和方法,并不一定就得照做,好了废话不说了!祝愿飞特网的朋友们都能成为PS高手! 先看效果图:效果图图1 2、在图层面板中点击新建图层按钮,新建一个“背景 ”点击填充工具,弹出填充对话框,设置前景色为黑色,给背景填充。如图2所示。图2 3、单击工具箱中的横排文字工具 ,输入photoshop CS,然后按Ctrl+T切换字符和段落面板,设置字体:Arial Roundend,大小:40点,颜色:蓝色,设置消除锯齿的方法:浑厚,如图3所示。图3
Photoshop制作海报燃烧文字效果
本教程和飞特网的朋友们分享用Photoshop制作海报燃烧文字效果,教程制作的效果非常的棒,这样的效果我们也经常可以在一些海报里看到!希望对大家有所帮助!先看看最终的效果:
Photoshop制作海报中常用的文字效果
这个教程教飞特网的朋友们制作在影视海报里非常常见的文字效果,制作过程非常的简单。主要还是想开阔一下大家用PS制作文字效果的思路。希望飞特网的朋友们喜欢这篇教程。我们先看看最终的效果:
PS笔刷制作白云文字效果
本教程教飞特网的朋友们用PS笔刷制作白云效果字。制作过程很简单。步骤也不多!教程中主要用到的是PS的笔刷!希望教程能对大家有所启发!我们先来看看最终的效果图:第一步:创建大小为1920x1200 pixels 的文档,然后我们解锁背景层,然后添加渐变叠加图层样式,设置模式正常,不透明度100%,渐变填充色彩从#07090b到#27160a ,缩放调整到115%,效果如下。然后使用文本工具输入文字:CLOUDS,自己选择一种字体,然后按Ctrl单击图层面板载入选区。之后切换到路径面板,然后单击从选区生成路径按钮,然后保存路径。然后按A使用直接选择工具,编辑路径做到下面效果。