推荐阅读
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>
最新发布
IE8下noscript标记的BUG仍然存在
“没有加入Javascript 就会当掉”的页面通常都会加入 noscript 标签用于提示用户开启脚本支持。 然而在 IE8 下，如果在 noscript 标签上设置了 background-color 或者 border 样式，则无论脚本是否开启 IE8 还是会将其显示(还只是显示轮廓，并不显示内容)。 期前也碰到过这样的问题，不过当时 IE8 处于 RC 中，所以我直接使用脚本将其 display:none; 绕过了这个问题。今天又在 positioniseverything.net 上看见了这个 Bug，测试了下 Win7 RTM 上的正式版 IE8 ，发现还是存在这一问题，不禁让人痛疼。 目前能想到的解决方案就是不要在 noscript 直接定义样式，可以其内部包含个 div 等块元素控制其具体样式。 IE8 正式版本推出将近半年，Buglist 也越来越完善，不知道这是件好事还是件坏事。
Illustrator CS2体验：动态喷绘功能
Illustrator CS2中动态喷绘功能的出现，为彩绘矢量图形提供了一种非常直观且容易操作的方式。现在不管所绘制的路径是否重叠，都可以在这些路径所包围的区域中直接上色。动态喷绘将所有路径都当作在一个平面上，即路径已无所谓在上或者在下，只要是我们看见的路径在这个平面所构成的区域，我们都可以在其中绘制颜色，而不必去理会这个区域是一条路径构成的，还是多个路径的片段构成的。如此一来，喷绘一幅矢量图变得就象用水彩笔给一幅铅笔素描草图上色一样容易。 这并不会影响原来的路径。原来的每一个路径仍是完全可以再编辑的。当用户移动或调整一个路径的形状时，之前所喷绘的颜色会自动适应编辑过的路径，而不象真实的绘画或其它图像编辑软件中的路径。简而言之，动态喷绘将绘画软件的直观上色与矢量绘图软件强大灵活的路径编辑能力结合在一起，从而使得图形的上色变得更加直接和高效了。 一、动态追踪与动态喷绘的完美结合 一般情况下，我们可以先在Illustrator CS2中绘制出矢量图形，然后直接用动态喷绘上色。也可以在白纸上用铅笔绘制出草图，然后扫描入电脑中，再综合使用动态追踪和动态喷绘来上色。假定现在已经绘制好了黑白线稿，如下图所示。 下面我们仔细介绍动态喷绘功能的使用方法。
Illustrator移花接木法
如果你曾经为了自己不会画画，或认为自己想象力贫乏，而觉得自己不适合再和绘图软件打交道的话，那么，我希望你在放弃之前，能看到这篇文章！在计算机普及的现在，各种各样全能的绘图软件几乎使爱上绘图成为一夜之间的事。许多人在最初尝试的惊喜之后，不久便会被一个问题所困绕――那就是，无论心中有多么奇妙的构想，笔下却不知如何表现出来。是的，美术专业的训练是长期而刻苦的，其中的辛劳，任何时候，任何软件都不能替代。我们不能奢望几天之内打下深厚的功底。并不是每个人都有机会接受专业的美术训练，而绝大多数人又不可能花上几年的时间来一点点补习，那么，我们喜爱的绘图又该怎么办？难道因为这些原因就让那些令人或若有所思，或热血沸腾的思想火花湮没？不！打开你的电脑，别让自己遗憾下去！今天，我们以Adobe Illustrator为例，来验证创作出一副好的作品，有时候并不需要铅笔的磨练，并且过程并不算复杂。如果你收集了许多剪贴图等素材，说明你已经非常留心，那么恭喜你！如果你刚刚接触没多久，没有什么积累，也没关系，我们有的是时间！况且网络是个挖不尽的宝藏，上面有成吨的素材等你去发掘，很多都是完全免费的。在今天这篇文章里，我们会将一张看起来没什么用的黑白图片加工成为一副非常精致的剪贴画，并且，处处洋溢出你自己独有的风格！1.首先，我们要找到一个临摹用的样本。在很大程度上，样本左右了作品的风格――当然，纤细或粗旷，最终还要由你来决定。这个例子中，我们选择了一张黑白剪贴图来作为我们的样本。就像你看到的，剪贴画的质量远远不能令人满意，锯齿边缘非常明显。没关系，我们可以修补它。现在，打开你的Illustrator，用它打开剪贴画或是用Ctrl+V，把它粘贴到一个新文件中。（图01）图01 图046.现在，图像的轮廓有了，下一步要做的是要增加细节。我们先来勾勒出人物的皮肤部分，即脸部、颈部、手部、和腿部。新建一层，命名为color，打开色板库，从中选择一种接近肤色的颜色，例如PANTONE 9260 C，把它添加到色板中，将填充色和轮廓色都设为这种颜色。隐藏black层，以原始的黑白图像为参考，在skin层中用钢笔工具勾出脸部形状。这次的路径要细致一些。完成之后，可以打开black层，对比一下，修改一下多余的地方。剪贴画的一个重要特点就是看起来较为随意，所以在第二次勾画路径时，在保证基本形状的情况下，可以随机和边缘有一点距离，这样看起来会更自然。（图05）图05按照同样的方法，添加人物皮肤的其它部分。（图06，07，08）图06图07图087.接下来，我们开始为衣服部分上色。我们可以选择另一种颜色，分别勾画出帽子、衣领、袖口、腰带、围裙部分。这些部分可以更随意些。（图09）图098.更换另一种颜色，开始为裙子上色。这一部分相对来说复杂一点，你要注意衣袖的形状，和裙子上的褶，否则裙子看来会很平板。当然，你也可以在全部填充之后，再用黑色线条勾出衣褶，不过这样的话，图像可能因为线条的均匀而显得缺乏变化。所以还是推荐刚才的方法。还有，要注意用线条来表现女性优美的身体曲线。（图10）图109.衣服完成之后，剩下的就是其它的部分了。你需要对托盘和茶杯分别上色，为了使图像更生动，你可以点缀茶壶茶杯。用淡青色填充水汽。需要的话，还可以改变女子头发的颜色。别忘了，还有耳环。最后，将填充色设为无，用不同宽度的轮廓线勾出眼睛和嘴唇的形状。（图11）0 图1110.现在，我们来看看还有哪些不足。虽然只是一副剪贴画，但我们还是希望它能够尽善尽美。我们可以为它添加一些基本的高光。选择和下面部分颜色相近，但较浅的颜色作为高光色，用简单的形状勾出高光，轮廓可以非常简单（图12）。1 图12将所有的部件选择后组群。最后，在单独的层内添加一些简单的背景图像以及装饰性的文字，整幅剪贴画就完成了（图13）。以后，你可以通过粘贴的方式，将它用于别的图像中。2 图13也许有些人对这种方法不以为然，认为这是投机取巧。请注意：我从来没说过这些方法可以代替扎实的基本功训练，这只是一个方法而已。不过，不管怎样，哪怕是最简单的方法，也比让创意烂在肚子里要好的多，不是吗？祝大家创作愉快！
Adobe Illustrator中的封套扭曲
今天我们来关注一下Adobe Illustrator中的封套扭曲。在最新版本的Adobe Illustrator 10中，封套扭曲成为一大亮点。但不知为什么，这个命令却没有得到应有的关注。希望你能在看完这篇文章后，改变对它的观点。图01如果你刚刚开始接触Adobe Illustrator，关于封套的第一个问题自然就是“什么是封套”？封套是扭曲选取物件或改变选取物件外框的物件。从某种角度来说，它就像一个剪裁遮色片，物件A通过物体B显现出来，同时被B扭曲。所以，物件B不但是“装”住了物件A，而且也扭曲了A。因此被称为“封套扭曲”。在使用封套之后，不但可以随时编辑封套，原来的物件也可继续编辑。下面的图很清楚的显示了剪裁遮色片和封套变形之间的区别。（图01，02）图02其实，封套变形是个很简单的工具，没有什么高深的技巧让你望而却步。下面，我们就结合一个实际的例子，来共同研究一下这个强大的工具。我们会应用这个技巧，在一张报纸图片上创造出这种自然的摺皱效果。（图03）图03
快速将你的相片矢量化
有数码相机的朋友真的是越来越多。有了相机，一定会给家人或朋友照几张人像。照出好的照片，难免想要做一些艺术处理，甚至打印出来以供保存。用Photoshop进行艺术化处理比较容易也比较常见，尤其是现在Photoshop制图应用如此普遍的情况下，即是非专业的人，也可以用上几种方法把照片处理的十分漂亮。 在这里Relen给大家一种AI处理照片的方法。对初学者而言比较简单，也容易接受。做出来的矢量效果也具有一定的个性风格，并不常见。同时，需要打印的话，矢量图的打印质量可要比向量高上很多，用途很广阿。一、先把彩色照片转成黑白
wacom在Illustrator中的使用实例
一、在网页上发布的天气预报图，利用 Illustrator 来制作，我们用 Illustrator 笔工具在原稿上描画线条，使用WACOM数位版可以准确快速地完成作业。1、将原稿通过扫描仪扫进电脑2、新建图层，使用铅笔工具沿着等压线描画选择铅笔工具，将描画线设定为红色。3、描画线条作业完成后，重叠在原数据(线条)上。
AI制作个性风格照片贺卡
设计制作温馨的卡片最重要的其实不是技巧，而是一定要放入自己的真心，给喜欢的人、朋友、家人之类的，亲自制作温馨卡片，意义是很不同的。不论祝福的话是什么，这个真心去想如何制作的过程更为重要。 这里我们介绍用Illustrator将数码照片制作简单贺卡的方法，希望能给有心的朋友开个引子。方法不难，适当变化还能应用出更多效果。 上次我们介绍了甜美型数码照片贺卡的实例，今天介绍个性风格的数码照片贺卡制作。 完成效果如下：个性风格数码照片贺卡
智能辅助线 ----Illustrator 基础教程
1 智能辅助线1 文本与标签暗示当光标移动时，会以文字提示，例如：路径、中心、锚点等。 2 构造指导当用钢笔工具魍荚诿点上引导时，会出?0°、45°和 90°三种引导线，以助精确作图。3 转换工具选取此项，在用转换工具时，会提示转换时的一些数据，便于精确转换。4 对象突出显示选取此项，当光标移动至对象上，对象会显示蓝色边框，呈现浮动显示。2 使用智能辅助线1 不用智能辅助线时，最好把它关闭。2 使用它时，先要从需用的锚点处引出构造指导线来。3 光标距离贴紧容差值时，会现出目标名称，光标虽未在目标上方，但单击会自动抓取目标。
文字处理 ----Illustrator 基础教程
1 文字工具 1 文字工具：选取此工具后，在页面上需输入文字之处单击，即可输入文字。2 区域文字工具：在应用此工具前，必须先有一个路径，用此工具单击该路径，即可在路径内输入文字。3 路径文字工具：以此工具单击路径，就可把输入的文字沿路径排列。区域文字和路径文字工具所需的路径必须不是复合路径，也不能为蒙版路径。4 垂直文字工具：与文字工具一样，所不同的是文字垂直排列而已。5 垂直区域文字工具：在路径内文字垂直排列。6 垂直路径文字工具：文字沿路径垂直排列。2 字符面板显示字符面板可单击主菜单“文字/字符”。1 字体2 字体大小2 行距4 特殊字距（空格宽度的千分之一）5 字距微调（空格宽度的千分之一）6 字体垂直缩放7 字体水平缩放8 基线微调3 段落面板显示段落面板可单击主菜单“文字/段落”。1 面板上部有五个按钮。分别为：（1）左边对齐（2）居中对齐（3）右对齐（4）齐行（5）强制齐行。2 左边缩进3 右边缩进4 首行左缩进5 段间距4 MM设计面板显示MM设计面板可单击主菜单“文字/MM设计”。字体为MM字体时就可用此面板1 “粗细”滑块：调节此滑块可调节字体粗细。2 “宽度”滑块：调节此滑块可调节字体宽度。