推荐阅读
网页制作前端技术应该继续改革
最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师及开发人员持有异议。静下心来看罢大家的讨论,一番细想,觉得原因可能有两个方面:所以,我们在推崇CSS布局的同时,无需为了证明它的优越性而把table本身贬得一文不值。日常开发中,也无需激进得完全抛弃table。table本身有语义,该显示数据表格的时候就应该使用<table>;在开发过程中,一些需要权衡成本的场合用table+css的布局也未尝不可。在这方面,很欣赏google 和 facebook 前端工程师们的务实做法。大家可以去关注下facebook 上常见的带半透明阴影的弹出对话框,就是使用<table>来制作的,同样非常的精妙。这一番的争论,结合近年来Web标准的发展,让我开始思考Web开发中改良和改革的区别。XHTML 2试图直接进化到XML,宣布与HTML的决裂。这曾经让我这个传统的HTML开发者感到恐慌。而当我看到WHATWG组织提出HTML5(最终被W3C认可)的时候,它的温良的改进让我感觉亲切得多,事实也证明,HTML5正越来越向我们走进。而Douglas Crockford甚至觉得HTML5都太猛烈了,提出了HTML 4.2的改良方案。再看JavaScript, ECMAScript 4 将JavaScript 改得天翻地覆,所幸技术委员会在最终阶段回归理智,重新提出的向下兼容的ESMAScript 3.1 显然得到更多真正战斗在一线的开发人员的认可。改良,而非血淋淋的改革,也许才是推动技术发展的更实际、更合情合理的方式。Web标准的演进是如此,产品或项目的升级是如此,甚至社会制度的建设亦如此。
更棒的海滩照
我的大部分旅行照片曝光都很准确,但是在海边总是会欠曝。有什么办法吗? 编辑回答 :大面积明亮的沙滩和岩石会导致相机的测光系统判断失误,从而让照片欠曝发暗。可以尝试对颜色不那么浅的物体测光,比如海面或者人物的面部。 此外,如果在相机显示屏上查看照片时画面太暗,可以遮挡一下显示屏,不让强光直接照射在屏幕上。如果这样观察,画面仍然偏暗,可在重新拍摄时以曝光补偿进行增曝,一般+1EV就足够了。要想获得更加精确和科学的判断,可查看照片的直方图,确保直方图信息主要集中于右侧,而不是在中央位置。 为了让海景照片看起来明亮,通常都需要在拍摄时以正值的曝光补偿进行增曝。有些相机提供了专门针对此种场景的拍摄模式,该模式下相机会自动完成相应调整。 影像视觉: 为了能够在各种条件下都获得准确的测光结果,无论被摄对象是亮是暗,投资一个可以进行入射式测光的测光表是非常值得的。它可以测量入射光的强度,而不仅仅是场景所反射的光线强度,从而为你的曝光设置提供更准确的参照。
你知道眼睛的光圈值应该是多少吗
你知道眼睛的“光圈值”应该是多少吗? 我们可以通过一个简单的计算得到光圈值,只需要知道人眼的焦距和“光圈”的物理尺寸即可。维基百科对这一问题是这样说明的: “计算人眼的光圈值涉及到物理孔径和焦距。瞳孔的最大孔径可以达到6-7mm,这可以视为最大物理孔径。 “在极亮的光照下,人眼的光圈值大概是f/8.3,在黑暗中,则可以达到f/2.1。不过目前关于最大光圈的结论仍存在争议,因为这一结果仅以出射光来考虑焦距问题。如果以入射光(我们真实看到的光线)来衡量,人眼的焦距会更长一些,因此最大光圈值变为f/3.2。” 需要注意的是,在考虑人眼焦距时,必须考虑到眼睛内部液体的光折射特性,不能把它当作普通镜头(位于空气中)来处理。
人像摄影时几种合适的姿势
人像照跟生活照其中一个最大分别的地方,就是拍摄人像照时,很多时候都会让模特摆出一些特别具有美感的姿势,以增强照片的美感及感染力,带出照片的主题。如果拍摄时对姿势完全不讲究的话,光有高超的拍摄技巧,很多时也只能拍摄出“高水平的生活照”,对于表达照片的主题会造成一定的困难。不过太过重视姿势的模仿,而忽略了照片的主题及其他因素的配合(如表情、光线、构图、背景等),模特也只有“形似”而没有了“神彩”。任何时候都要提醒自己,姿势是用来表达主题的其中一种手法,应先定好主题,再想姿势。 如果是专业的模特,通常只要向她们简单说明拍摄的主题及构图,再引导一下照片的气氛,她们便能够摆出专业的姿势。可惜大部分的女孩子都不是天生的模特,她们对于摆姿势可谓完全没有头绪,这也是她们拍摄时最缺乏信心的地方。因此,摄影师相约模特拍摄前,视乎心目中拍摄的照片数目,应该先想好十多二十个姿势让模特参考。亦可将参考照片储存在手机中,拍摄前先让模特看看。必要时,摄影师甚至要亲身向模特示范如何摆出心目中的姿势,这样她们摆姿势时会更有信心。 摄影教程 全身照姿势 拍摄全身人像照,就是要将模特由头到脚都拍摄进去。如果是站着拍摄的话,模特占照片的比例便最小,背景的处理变得相当重要。初学者选择背景时,尽量考虑一些简单、较暗的背景,这样通常更为容易突出模特。模特也尽量避免笔直地站着,可以指导她们将头部或身体稍为倾侧、按着膝盖、拉裙子等。如果是坐着拍摄全身照的话,可以让模特屈腿、抱膝、伸展腿部等。 相比起正面,侧面拍摄能够令腰部看来较为纤细,较能突出模特的线条美。 脚部的摆放方法也可以令照片加添变化。基本上重心要只放在一只脚上,避免双脚一起用力。 坐着的话,可以让上半身稍为向前倾,缩短上半身的比例。 坐着拍摄时,通常只会坐在椅子的边缘,刚好保持平衡就行了。
最新发布
PhotoShop制作倒计时闪图教程
通过本教程的学习,你可以了解到闪图的制作原理,同时在最短的时间内学会制作闪图先看效果:下面看看详细的制作方法:(老规矩,回了再看 )步骤一:新建一张10*10 CM的画布,背景最好是透明的,用文本或笔刷工具(偶用滴是笔刷工具)在画布的中心写下“5”; 效果图:步骤二:将“5”的图层样式对话框打开,在里面简单设置一下; 我的设置是:步骤三:同理。在相同的位置做出同样效果的“4”、“3”、“2”、“1”; 效果为:步骤五:此时没有将背景层设置为透明层的同学将背景层删除掉,这是图层面板如下图所示; 效果为:
PhotoShop制作流畅的眨眼动画
效果教程:PS适用版本应当是CS以上1、打开一张漂亮的MM图片,双击毁解锁成图层0。2、复制出5个图层。3、将每个图层进行滤镜―液化,用向前变形工具,将眼睛向下压,注意事项如图:4、转到IR中去编缉,选择窗口―动画。5、设置新建帧数为10帧,帧数对应分别为1.2.3.4.5.6.5.4.3.2帧,第一帧为3秒停顿,其它为0.1秒停顿。6、加点其它效果作为点缀就OK了!
Photoshop制作波纹效果的动画教程
本教程主要使用Photoshop制作波纹效果的动画教程,在问题交流区有一个朋友在问这方面的教程,教程的过程写的很详细,大家有什么不懂的地方可以更贴提问。本教程为思缘论坛优秀会员林内原创,转载必须注明出处先看看效果图1.打开一张图片。2.用裁剪工具将它裁剪成400乘400的正方形。3.裁剪后的大小。
CS5动画制作14讲(13)其他的动画制作技巧
就我们目前已经学习的制作方法而言,足以应付大部分的制作需求。在本课中我们将学习一些能为作品增添更多效果的技巧,这些技巧都要建立在以往的课程基础之上。因此,彻底掌握之前的所有课程是必须的。这些技巧包括:特殊图层、加减速、运动模糊、文字变形。也希望大家能够总结出自己的制作技巧,并与他人分享。在Photoshop中能够作为动画的项目有图层位置、图层蒙版、图层不透明度、图层样式。在基础教程的阶段我们学习了色彩调整图层和填充图层。这类图层具有特殊性,前者不直接产生图像,而是针对下方图层做出色彩调整效果。后者虽然产生图像,但属于“虚拟像素”,可在后期更改填充的内容。现在我们将它们为动画服务,看看能有怎样的效果。点击此处阅读有关色彩调整图层的内容。点击此处阅读有关填充图层的内容。色彩调整图层是比较好用的,利用它可以制作出色彩变化的效果。这些效果可以是从明暗变化、灰度变化、反相等。实现的方法也很简单,就是先建立色彩调整层并做好相关的设置,然后将调整层的不透明度制作为动画即可。如下各动画范例,分别是曲线变暗、曲线变亮、渐变映射、反相。若要将图像变为灰度,可利用渐变映射的灰度渐变,或通过色相饱和度实现。需要注意的是,这种色彩变化的动画由于前后帧之间的像素大都不相同,因此其占用的字节数会很大。此时应尽可能减少帧数、帧速率或缩小动画的尺寸来平衡。此外,也可以通过建立调整图层的蒙版来实现只针对某个区域的色彩调整效果,这里就不再示范了。有时候可能要表现一些剧烈变化的场景。所谓剧烈变化要么是像素的大幅移动,要么是色彩的大幅改变,可利用反相来实现色彩的剧烈变化。通过前面的范例,我们发现将反相制作为过渡的效果并不好,将过渡效果关闭后能够形成剧烈的色彩改变。这可通过两种方法来实现,一个是将帧设置为保留插值。二是两个关键帧之间不要留有空隙,这样就无所谓过渡与否了。需要注意的是,第二种方法的后期可修改性较差。如果在文档设置中增大了帧速率,就会在原有的紧密排列的两个关键帧之间插入新帧,这样就会出现过渡效果了。因此不建议采用此方法。而应该采取第一种方法。现在大家自己动手将这个动画制作出来。点此下载范例文件包。文件包中包含素材图片以及成品的PSD,大家先不要开启PSD文件,尝试自己去分析和制作。完成后再参照范例PSD文件。观看范例动画1这个演示反相调整层使用技巧的范例动画具有一定的情节。首先是黑色流星坠落,流星是使用带有渐隐步长的画笔绘制的笔直或垂直线条,然后将其旋转为45度(角度可自定),接着将除建筑物之外的天空部分创建为蒙版。在解除蒙版链接后,可单独移动流星并与建筑物产生遮挡效果。其后的反相交替没有什么技术难点,就不再说明了。至于蒙版的建立属于,可参看基础教程中有关图层蒙版的相关内容。需要注意的是,最后的淡出是采用了色相饱和度调整层,所不同的是采取了淡出为黑色的效果,而不是以往的淡出为白色。在使用调整层来制作淡出时,最好不要使用曲线或亮度对比度,因为这两种色彩调整命令并不能完全将画面变为全白或全黑,而色相饱和度命令可以做到。 除了使用调整图层以外,也可以使用填充图层,或将普通图层填充后来制作淡出。淡出的原理就是该图层的不透明度从0%逐渐到100%的过程。这样的好处是除了黑色与白色,还可以淡出为其他的颜色如红色、蓝色等。以下是一个在2000年制作的动画,将当时的个人照分别裁切为两个不同的区域,然后分为3段,并采用白色的填充图层做出的模拟曝光转场效果。因为是为了在经典论坛中的个人头像之用,因此动画的尺寸和字节数有严格的限定。在尽可能保持较少字节数的前提下,同时又尽可能保证动画的流畅,并不是一件容易的事情。为此可能要牺牲一些哪怕是很好的创意。但如果制作出来的动画不符合要求,或传输较慢,也就失去了其本身最重要的价值。大家自行选用其他素材来模仿制作出这个动画,文件字节数限制在5K左右(范例为3.65K)。并尝试在这个前提下,加入自己的一些新创意。至于其中的单色及抽丝线效果,可参看基础教程种有关色彩调整,以及图案平铺方面的内容。在填充图层中,除了常用的纯色填充以外,还有图案填充和渐变填充。有关它们的使用方法,就不再另外说明了,大家自己尝试即可。观看范例动画1很早以前我们就学习过如何制作一个运动的物体,但我们所制作出来的物体都是匀速运动的,现在可以通过更改关键帧的位置来模拟出加速和减速的效果。这种效果并不局限于物体的运动,也可以用于类似淡入淡出的任何带有过渡性效果的场合。并且该方法也适用于其他的视频编辑软件,以及网页制作软件GoLive的时间轴DHTML效果中。首先我们新建一个150×100的白底图像,将文档设定为1秒,30fps。新建一个普通图层画上一个矩形,并设定好其从左侧移动到右侧的动画。时间轴设定大致如下图所示。现在的移动速度是匀速的。观看范例动画1 接下来将时间标杆移动到10f处,点击“位置”项目的菱形按钮,手动在当前时刻增加一个关键帧。这个关键帧目前可以说是多余的,因为它并不会改变动画过程。现在大家来设想一下,假设本来计划在10分钟后到达的地点,现在要求你在5分钟后就到达,那么你肯定需要加速。明白了这个道理,就能明白制作加速动画的方法了。那就是将这个10f时刻的关键帧,移动到05f时刻。这样在0f至05f之间,物体将呈现快速运动,在05f之后恢复原有速度。以此类推,再分别将15f移动到10f,20f移动到15f,25f移动到20f。就可以制作出一个减速运动的物体了。我们这里是为了说明效果,而在实际制作中其实没有必要更改这么多关键帧,视物体移动距离的长短,一般更改2到3个关键帧就足够了。太长的移动距离本身就不适合用GIF来表现。另外帧率也不要设为30fps这么高。观看范例动画1观看范例动画1运动模糊其实也与物体的移动有关,有些时候需要用较少的帧数来表现物体的快速移动时,使用运动模糊可以减少画面的跳跃感。如下范例动画的演示,提供给人物移动的帧数就是4帧,在如此有限的帧数下要完成长距离(所谓长距离也需要参照物体的大小)的移动是很局促的。为了弥补这个缺点,我们将人物图层复制并用运动模糊滤镜加以处理,形成残影效果。将残影与人物图层一起移动,并在运动开始和结束时刻将其隐藏。这个人物图形可从Photoshop自带的形状库中找到。大家自己尝试制作出运动模糊的效果。我们提供PSD源文件供大家在完成后对照。点此下载范例PSD文件。需要注意的是,这里我们在具备运动模糊的帧中,仍然保留了人物本体的完整影像,在实际操作中也可以降低本体的不透明度,或索性只保留残影,造成更快速的移动感。在只保留残影的方式下,残影的长度要适当延长一些,并且要接近于运动结束时刻的物体位置。大家可仔细观看范例动画,注意残影位置的区别。观看范例动画1观看范例动画2
用CS3制作Vist风格壁纸
制作思路:首先通过反复的渐变叠加获得通透球体的效果,然后复制、调色并组合球体,从而得到最终效果。好了,下面我们以Photoshop CS3作为示范,介绍具体的制作方法(其他版本的Photoshop,某些操作可能与CS3有些差异)。 最终效果图
Photoshop制作水墨画壁纸
2、选择工具箱中的“钢笔工具”,在属性栏中单击“路径”按钮,在文件的右侧绘制如图01所示的路径,切换至“路径”调板,双击当前的“工作路径”,在弹出的对话框中单击“确定”按钮,将其保存为“路径1”。5、按Ctrl+Enter键将“路径2”转换为选区。新建一个图层“图层3”,设置前景色的颜色RGB分别为41、53、54,按Alt+Delete键填充选区,再按Ctrl+D键取消选区。 6、选择工具箱中的“钢笔工具”,在文件的右侧再绘制路径,按上面的方法将其存储为“路径3”。新建一层“图层4”,设置前景色为黑色,按Ctrl+Enter键将“路径1”转换为选区,按Alt+Delete键填充选区,再按Ctrl+D键取消选区,效果如图3所示。
在线制作与众不同的个性签名档
网上有很多有个性的人都有很炫的论坛签名档,于是网上催生了闪动签名、IP显示签名等各种五花八门的签名档,正当小R苦恼它们的做法时,一个网络签名王告诉小R,它们都有很简易的制作方法――在线制作! 闪动文字签名 漂亮的头像和有个性的文字哪个的魅力值最长久呢?或许是文字吧,否则ayawawa那句“漂亮的没我聪明,聪明的没我漂亮”这句QMD也不会在猫扑流传广为人知让人人汗颜吧。这里就不教大家如何取文字签名了,聪明人自然会说聪明的话,呵呵。但是让普通的文字也更闪亮夺目和可爱,高手是有办法的。 爱狗狗吧(http://igogo8.com)就是一家专业提供在线闪字签名制作的网站。在这里DIY一个闪动签名非常简单,首先在“闪字”界面的“在此输入”位置输入你的签名文字(字数不超过14个),然后从闪字模板中挑选一款效果,点击“生成Q话连篇”按钮制作签名备用(图1)。 要将做好的闪动签名应用到博客、论坛或网页上也很简单。直接复制图片链接,然后在博客、论坛等编写文字的地方选择插入图片功能将它插入即可。有的论坛支持图片签名功能,例如淘宝社区,大家可以把刚才制作的签名图片保存到本地,然后更改淘宝个人资料的签名图,以后在淘宝社区发贴就可让他人欣赏到自己的动态闪字签名了(图2)。
PhotoShop简单制作涂鸦色调签名
原图 最终效果图1、打开原图,双击图层解锁,点击进入通道面板,选择绿色通道,再选择图像,调整,曲线,如下图:2、点击RGB通道,回到图层面板,如下图的效果。