推荐阅读
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>
最新发布
Fireworks 鲜橙的制作方法
1、先新建600*400图档,背景白色,画一圆形;2、新增、调整节点,使圆形不规则,大体符合橙子外形标准; 3、放射状填充,颜色调为#FFC33E、#FF6600; 4、钢笔工具画出橙子的受光面边缘羽化10,用曲线略调亮点; 5、复制橙子外形图层,重新定义填充颜色,制出橙子背光面的阴影;
Fireworks制作破壳而出的美女
编者注:此文介绍的是一种设计思路及过程。适合具有一定fireworks基础者学习,借鉴。 无意中看到网友六月海写的一个蛋壳美人的photoshop教程(点击查看),想法很新颖,于是乎我尝试着用 Fireworks 做了一个大概,只用了两小时,时间很短,可能有很多地方都不完善,希望大家多提意见,共同提高对 Fireworks 的认识。 下载源文件请点击这里 1、首先画一个椭圆 5、用钢笔勾出几个光点 6、用曲线稍微调亮一点红色
用FW制作仿真软盘效果
看看下面这个软盘,可不要以为这是数码照片哦,其实是我们在FW中制作出的效果。怎么样,心动不如行动,让我们一起来,用FW做出超仿真的软盘来:)制作工具:Fireworks MX 简体中文版使用字体:Georgia主要制作方法:FW内建滤镜、纹理填充、合理的字体选择、渐变填充及遮罩、路径组合等详细过程:第一步:准备工作:洗手,更衣,沐浴,焚香,心诚则灵―____―b找一个最常见的sony软盘,制作过程中可以时时参照(什么?你用闪存?软盘早扔光了?汗~~~~~)启动FW MX,新建画布,我们暂定画布大小为:500*500,背景色为白色。第二步:盘体的制作a 首先我们在画布上,用圆角矩形工具,绘制一个比画布略小的圆角正方形(绘制的同时按键盘shift键,就可以画出正方形来),同时对该矩形的边框笔触设置如下:b 在我们刚绘制好的矩形框上点击右键,在弹出的菜单中选择“取消组合”,这样我们刚绘制的矩形框就转换成为纯路径了,方便我们进一步的修改。c 将画布显示比例略微放大到200%,然后拖动工作区边缘的滑块,将我们的视线定位到矩形框的右上圆角处,然后在工具栏选择“钢笔”工具,在圆角的附件添加两个节点:
Fireworks描绘QQ企鹅
先看效果: 第一步:做身体:两个椭圆,左右各一个没有手指头的小手。 手的部分这样处理: 路径联合后,效果如下:哈哈,真有成就感。 :D 第二步:眼睛:比较简单,两个立式椭圆,左眼仍是一个椭圆,右眼是个拱形。
用Fireworks做雅虎菜单
最近,这种菜单好象很流行,不少网站都有了,这个菜单可以节约有限的空间,很有价值,经常设计中要用到,今天有Fireworks 的初学者,来问怎么做这种菜单,所以顺手做了一下,其实这样的菜单不复杂,无非是渐变的填充,用 fireworks 强大的交互式填充工具来制作,那简直是手到擒来。另外矢量化修改,也很方便,所以 fireworks 非常适合 web 设计创作。 第一步,做底条,注意边框颜色和渐变设置 第二步、做菜单条。其实就是复制一下底条,调整长宽和填充。 第三步、做菜单条的突出效果。复制菜单条,去掉边框色,调整一下渐变。考虑到还有缺口显示,所以要做长一些,把深颜色加强。 第四步、做菜单条的投影。复制刚做的填充,转180度,调整长宽和渐变。 第五步,做下面的档条,缺口可以用笔工具来加节点调整,也可以画一个正方形,转45度后冲制,反正方法是多样的。这个的渐变填充比较难一点,大家看一下示意图,并且多调整一下渐变填充的两个节点看效果。 另外,为了加强缺角效果,需要再加一条深色的路径。 第六步、就剩下加文字和加分隔条了。 哈哈。效果还不错。
photoshop制作残损的墙壁
1.新建一个文件,600X300DPI,RGB模式,300分辨率。2.新建图层1,将前景色设置为R:115、G:125、B:130填充图层1。执行菜单-滤镜-纹理-颗粒,将强度设置为25,对比度设置为50,颗粒类型选择喷洒(图1)。
PS制作时尚动感MP3
设置下工作区大小. 建立一个600*600象素的白色背静图层。 第1部分:建立主形状和数码显示 1.首先需要建立播放器的形状,用多边形套锁工具建立和下面相类似的形状选区。 11.现在回到显示屏图层上:建立新图层(记时器),用椭圆选框工具按住SHIFT键做出一个正圆:
PS制作漂亮的蜻蜓
回到你第一个图层(就是你画了眼睛的那个)察看图层效果,我们开始设置各个选项。这里是重点,请大家仔细看。 在这幅画中,我的设置如下(你可以自己试试其他的各个选项,这对你以后的制作有很大的帮助)。 下面讲另外一个重点――翅膀。 蜻蜓的翅膀上有很多纹路,大家不难发现可以用复眼的制作方法如法炮制,下面我说说步骤。 还是先画出轮廓,然后前景色蓝色,背景浅蓝色,执行滤镜-渲染-云彩。接着执行滤镜-〉纹理-〉彩色玻璃。 然后用画笔,沿着小块块的线条画出翅膀上的脉络,接着执行,图层选项,设置这个图层的各个选项,如下: