推荐阅读
网页制作前端技术应该继续改革
最近网上再度兴起了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滤镜制作彩色拉丝特效背景
巧妙运用Photoshop中的滤镜,可以创建出无数种精彩纷呈的背景特效,要点在于多尝试、多实践,熟悉各种滤镜能够达到的效果。本例用到的滤镜主要有镜头光晕、旋转扭曲和波浪,同时还需要对图像进行去色、着色操作等。初学者比较容易实现最终效果,可以作为滤镜与图像调整的入门练习。.PSD原文件下载 先看一下最终效果。 本文以Photoshop CS2中文版为例,其它版本的Photoshop在操作步骤上可能会略有差异。文章末尾提供.PSD源文件供读者下载参考。 具体操作步骤如下。 1.启动Photoshop CS2中文版,按Ctrl+N打开“新建文档”对话框,设置宽度和高度均为800像素,分辨率为72像素/英寸,其它选项采用默认设置,如图1所示。设置完毕单击“确定”按钮。 图1 2.按D键将前景色重置为默认的黑色,然后按Alt+Del将背景图层填充为黑色。
Photoshop滤镜特效:染色布纹肌理
电脑绘画快速精确,手工的粗糙感和材质纹理却给人一种亲切感。今天我们要学习的是用photoshop制作出自然材质感的染色布纹肌理。 我们首先来看看最终完成的效果。 新建一个1024×768的工作窗口,然后在菜单栏中选择“滤镜”→“杂色”→“添加杂色”命令,在弹出的对话框中设置数量值为400%,分布为“高斯分布”,勾选“单色”复选框,如图1 图1 按组合键“Ctrl+J”复制背景图层,在层面板中去掉图层1前面的图层显示图标,将图层1隐藏,选择背景图层,在菜单栏中选择“滤镜”→“杂色”→“中间值”,设置半径为70,单击“确定”。如图2 图2 然后在背景层上执行“图像”→“调整”→“色阶”命令,然后设置色阶为226、0.67、255。单击“确定”。如图3
Photoshop滤镜巧绘立体条纹特效
在很多圣诞节的图案中,我们经常可以看到有光滑条纹的立体拐杖糖果,这种特效用Photoshop的滤镜就可以轻松完成。 1.最终效果如下: 下面我们介绍详细绘制过程: 1 打开Photoshop,新建文件,设置如下: 2 选择画笔工具,设置如下的画笔: 3 设置前景色为红色,绘制如下的图形:
分享50+精美的网页矢量背景和矢量图形素材【上篇】
作为矢量素材的爱好者,我相信设计师们都非常喜欢免费的矢量背景和矢量图形素材,这些素材能够帮助他们快速的完成设计项目,既节省了时间,又有很好的效果。下面是从网上收集的50+精美网页矢量背景和矢量图形素材,分享给大家。
50套必须拥有的Photoshop笔刷
收集photoshop笔刷是任何设计师必不可少的,当然在网络上我们并不缺少Photoshop笔刷。所以,面对的问题是找Photoshop笔刷并不难,要找高质量的笔刷却也不是那么容易。而以下收集高质量笔刷,值得每一个设计师收藏。 下面的50套笔刷是由设计师Daved Brosche 自己多年使用在各种项目中的集合,原发布在SmashingMagazine (50 Must-Have Photoshop Brushes),包括颜料飞溅,水彩笔刷,笔触笔刷,手绘笔刷,纹理笔刷等。希望你能在这份列表中帮助你找到一些新的Photoshop笔刷,改善你的收藏。Splashes of PaintSplattersSplatterPhotoshop 笔刷套装1
2013年度免费素材图标推荐系列一
分享一套迷你OS图标这是一套超酷的微型OS图标,在这套图标中包含了4种mini操作系统图标(专用于PNG格式和向量格式SV、PDF),你可以使用它们在一些我们常用的网站设计上,比如电子商务网站、管理面板、统计类型网站和CMC应用程序等。一套免费Metro图标下载来自设计师Kawsar Ali的一套免费Metro图标下载,包含了20个社交媒体图标,尺寸包含了 32x32 和 64x64两种。非常适合使用在你的个人博客和网站中,而且完全免费!BanzaiTokyo设计的一套艺术品图标集BanzaiTokyo设计的一套艺术品图标集(包含34个图标, PNG格式),非常适合艺术类型网站或者个人作品集中使用,相信大家会喜欢,基于Creative Commons Attribution 3.0 License。 可以免费给使用,包括商业应用。300个免费的图标(PSD格式) - Batch
学习MAYA的进度―自然的天空
这是我自己研究的结果,很是欣喜。操作简单,效果很好,渲染也快,跟着场景运动,感觉很爽!运用Maya的evnSky材质创造自然的动态天空,渲染奇快无比。动态也很自然。 (图1 效果图) 太阳出来了。 (图2 太阳出来的效果) 流云的效果。 (图3 流云效果) 淡淡的云。
Autodesk Maya 8.5 完美创意控制软件
Autodesk最近推出了 Autodesk Maya 8.5,它是该公司获得奥斯卡奖 (Academy Awards)* 的三维建模、渲染和动画软件Maya的最新版本。Maya 被广泛用于游戏开发以及电影和电视视觉效果制作。当前推出的 Maya 8.5 给艺术家带来了更富创意的控制选择,从而使更快地完成复杂的动画和模拟成为现实。 Autodesk 传媒和娱乐部门副总裁 Marc Petit 表示:“Autodesk 致力于使 Maya 成为现代制作流程的基础。Maya 8.5 可支持行业标准的 Python 脚本,从而改进工作流程并提供更高的开发能力。我们很高兴推出 Maya 8.5,使其成为面向基于英特尔 (Intel) 处理器以及基于 PowerPC 的 Macintosh 电脑的通用应用软件。并且,这款软件拥有面向人物动画的创新性新功能;新的 Maya Nucleus 统一模拟架构可增强交互模拟,并同时使艺术家完全控制动画。” Maya Nucleus 采用了由 Autode Maya 8.5 包括 Maya Nucleus 的第一个模块 Maya nCloth。利用 Maya nCloth,艺术家们可以快速地指挥和控制一系列模拟物质,其中包括织物、塑料、金属以及其他材料。带有复杂的织物碰撞的逼真织物叠加(如夹克上的一件无袖外套)可以轻松地通过这种软件制作出来。一个独特的气压模块使得艺术家能够利用任何一种图形——无论是一个封闭的空间(如内胎)还是一个开放的空间(如气球)——来创建一个具有内外压力的膨胀物体。 Python 脚本在 Maya 8.5 中也是新增的。这种颇受欢迎的开放源码程序设计语言可帮助加快专用设备定制脚本开发和插件程序原型制作,扩展了 Maya 的制作流程并使之自动化。Python 脚本为 Maya 软件的本地脚本语言 MEL提供了另一种强有力的 The Moving Picture Company (MPC) 研发部门负责人同时也是 Maya 8.5 beta 测试人员的 Anders Langlands 评论说:“在 Autodesk Maya 中拥有 Python 支持意味着我们能够在 Maya 中直接利用我们现有的许多工具,而无需编写粘接代码来将 Maya 绑定到我们的流程中。这让我们能够开发出新的节点和命令插件程序,并且仅需使用其他解决方案通常所花费的时间的一小部分。”总部位于英国伦敦的 MPC 为广告、电视和电影提供了视觉效应和后期制作服务。 Maya 8.5 作为适用于基于 Intel 处理器和基于 PowerPC 的 Macintosh 电脑(分别发布)的通用应用软件而推出,同时该软件也适用于微软 (Microsoft) Wind * Alias|Wavefront 因其开发 Maya 软件而荣获2002年由美国电影艺术与科学学院 (Academy of Motion Picture Arts and Sciences) 所授予的2002年度奥斯卡奖科学技术奖(即奥斯卡小金人奖)。 **2006年,Autodesk 首席研究员 Jos Stam 曾荣获美国电影艺术与科学学院所授予的奥斯卡技术成就奖 (Technical Achievement Award (Academy certificate))。该奖项认可了 Stam 在细分表面 (subdivision surface) 的研究和他对电影工业所做出的贡献。
MAYA Hair 头发模块教程―基本设置篇
选择头发,按CTRL+A,打开属性面板,找到harisystemShape这一页,我们可以对头发的一些属性进行设置。 Display Quality控制视图显示的头发数量和质量,当制作正式作品头发比较多的时候,动画播放比较慢,可以降低显示质量加快速度。 Hairs Per clump控制每束头发的数量,视你的需要和机器配置而定了,在降低显示质量的情况下,一般100以下带来的负担都还是可以接受的。经验表明,很多时候,相对来说头发细一些,数量多一些的时候质感表现力要好一些。 Sub Segments设置头发的段数,段数越高头发越平滑,一般可以设到10左右。 默认生成的头发,每一束中的头发均长度相当,如图中的对比,加大 Thinning 以后头发长度就有了变化,发束末端会变得比较尖。 Hair Widht 头发的宽度,比默认值再减小一些质量似乎更好一点。 (图1 图例) (图1B pfxHair1)