推荐阅读
网页制作前端技术应该继续改革
最近网上再度兴起了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。” 需要注意的是,在考虑人眼焦距时,必须考虑到眼睛内部液体的光折射特性,不能把它当作普通镜头(位于空气中)来处理。
人像摄影时几种合适的姿势
人像照跟生活照其中一个最大分别的地方,就是拍摄人像照时,很多时候都会让模特摆出一些特别具有美感的姿势,以增强照片的美感及感染力,带出照片的主题。如果拍摄时对姿势完全不讲究的话,光有高超的拍摄技巧,很多时也只能拍摄出“高水平的生活照”,对于表达照片的主题会造成一定的困难。不过太过重视姿势的模仿,而忽略了照片的主题及其他因素的配合(如表情、光线、构图、背景等),模特也只有“形似”而没有了“神彩”。任何时候都要提醒自己,姿势是用来表达主题的其中一种手法,应先定好主题,再想姿势。 如果是专业的模特,通常只要向她们简单说明拍摄的主题及构图,再引导一下照片的气氛,她们便能够摆出专业的姿势。可惜大部分的女孩子都不是天生的模特,她们对于摆姿势可谓完全没有头绪,这也是她们拍摄时最缺乏信心的地方。因此,摄影师相约模特拍摄前,视乎心目中拍摄的照片数目,应该先想好十多二十个姿势让模特参考。亦可将参考照片储存在手机中,拍摄前先让模特看看。必要时,摄影师甚至要亲身向模特示范如何摆出心目中的姿势,这样她们摆姿势时会更有信心。 摄影教程 全身照姿势 拍摄全身人像照,就是要将模特由头到脚都拍摄进去。如果是站着拍摄的话,模特占照片的比例便最小,背景的处理变得相当重要。初学者选择背景时,尽量考虑一些简单、较暗的背景,这样通常更为容易突出模特。模特也尽量避免笔直地站着,可以指导她们将头部或身体稍为倾侧、按着膝盖、拉裙子等。如果是坐着拍摄全身照的话,可以让模特屈腿、抱膝、伸展腿部等。 相比起正面,侧面拍摄能够令腰部看来较为纤细,较能突出模特的线条美。 脚部的摆放方法也可以令照片加添变化。基本上重心要只放在一只脚上,避免双脚一起用力。 坐着的话,可以让上半身稍为向前倾,缩短上半身的比例。 坐着拍摄时,通常只会坐在椅子的边缘,刚好保持平衡就行了。
最新发布
使用Flash CS3开发AIR程序教程
[AIR]使用Flash CS3开发AIR程序教程(AIR beta2修正版)【准备条件】: Flash CS3(目前AIR插件不支持中文版); AIR Runtime(http://labs.adobe.com/downloads/air.html); 官方AIR插件(http://labs.adobe.com/wiki/index.php/AIR:Flash_CS3_Professional_Update); 先确认上述软件是否都安装好了,如果没有请下载安装。【AIR的API文档】:http://livedocs.adobe.com/labs/air/1/aslr/index.html【图文教程】:1、运行Flash CS3软件,点击在欢迎界面的 “Create New” 中的“Flash File(Adobe AIR)” 一项,来新建AIR项目; P.S.当然你可以通过菜单里的“发布设置”,把原来做的Flash项目变成AIR项目;我在这里就不再重复了。2、将flash文件的文档类设置为“air.test.Main”,这个是我写的一个测试类(AIR中Flash部分的代码和原来也差不多的,只是比原来多了一些特殊类而已,这个可以看上面的API文档);Main.as代码view plaincopy to clipboardprint?/** * @link http://www.klstudio.com * @author Kinglong * @version 0.1 */ package air.test { import flash.display.*; import flash.net.*; import flash.events.*; import flash.filters.*; import flash.text.*; import flash.system.Capabilities; import fl.controls.Button; public class Main extends Sprite{ private var _win:NativeWindow; private var _close:Button; public function Main(){ _win = stage.nativeWindow; _win.title = "AIR测试"; stage.showDefaultContextMenu = false; stage.scaleMode = StageScaleMode.NO_SCALE; stage.align = StageAlign.TOP_RIGHT; drawBackGround(); _close = new Button(); _close.setStyle("textFormat",getTextFormat()); _close.label = "关闭"; _close.setSize(40,22); _close.move(_win.width-_close.width - 10,8); _close.addEventListener(MouseEvent.CLICK,eventHandler); addChild(_close); } public function drawBackGround():void{ var w:uint = stage.stageWidth; var h:uint = stage.stageHeight; var r:uint = 20; graphics.beginFill(0x009CFE,0.6); graphics.drawRoundRect(0,0,w,h,r,r); graphics.beginFill(0xFFFFFF); graphics.drawRoundRect(5,5,w-10,h-10,r,r); var label:TextField = getLabel("欢迎访问www.klstudio.com网站!",0xFFFFFF,14,true,"宋体","http://www.klstudio.com"); label.x = 10; label.y = 10; label.filters = [getBitmapFilter()]; addChild(label); _win.y = 5; _win.x = Capabilities.screenResolutionX - _win.width - 5; stage.addEventListener(MouseEvent.MOUSE_DOWN,eventHandler); } public function eventHandler(event:MouseEvent):void{ switch(event.target){ case stage: _win.startMove(); break; case _close: _win.close(); break; } } public function getBitmapFilter():BitmapFilter{ var color:Number = 0x000000; var alpha:Number = 0.8; var blurX:Number = 2; var blurY:Number = 2; var strength:Number = 6; var inner:Boolean = false; var knockout:Boolean = false; var quality:Number = BitmapFilterQuality.HIGH; return new GlowFilter(color, alpha, blurX, blurY, strength, quality, inner, knockout); } private function getTextFormat(color:uint=0x000000,size:uint=12,bold:Boolean=false,font:String="宋体",url:String=""):TextFormat{ var tf:TextFormat = new TextFormat(); tf.font = font; tf.bold = bold; tf.size = size; tf.color = color; if(tf.url != ""){ tf.url = url; tf.target = "_blank"; } return tf; } private function getLabel(lbl:String,color:uint=0x000000,size:uint=12,bold:Boolean=false,font:String="宋体",url:String=""):TextField{ var tf:TextField = new TextField(); tf.defaultTextFormat = getTextFormat(color,size,bold,font,url); tf.autoSize = TextFieldAutoSize.LEFT; tf.selectable = false; tf.text = lbl; return tf; } } }
flash cs3 组件-Liquid Components
Didier Brun的Liquid Components//http://www.bytearray.org/?p=109//http://www.foxaweb.com/projects/liquid/demo/demoComponents.html//http://www.foxaweb.com/projects/liquid/demo/demoInspector.html功能应该是比较完整的,界面也清新自然...而且有参数设置面板,方便不熟悉代码控制的人使用
flash cs3访问WebService类包下载(as3)
在3个月多前就写了 想封装as3(flash cs3)的soap(Web Services)调用功能 ,当时想找人一起写,后来一直没有人参与,再后来自己也忙的一塌糊涂,所以把进度给耽误了,一直的一点一点的磨到现在,也只是访问.net的webservice包装(主要是没有用过其他语言编写的webservice,希望有朋友提供一些,或者自己去封装一下).下载地址:http://www.roading.net/as3/ws.rar(包括源代码和测试文件)主要功能有:*函数列表以及对于参数列表的解析.*访问队列*提交数据格式的自动生成.*参数长度和类型的判断*错误状态的捕获*返回数据的解析(得到object/array格式数据,参考:AS3:转换XML到Object----XMLToObject)测试代码: 程序代码import net.roading.net.WebService;//import flash.events.EventDispatcher;//var ws:WebService = new WebService("http://www.roading.net/WebService/test.asmx");//var ws:WebService = new WebService("http://www.wapit.cn/WebServices/Weather.asmx");//var ws:WebService = new WebService("http://webservice.k-zone.cn/URLToHtmlService/URLToHtmlService.asmx");ws.onLoad = function(e){ trace(this.getWsInfo());}ws.onError = function(e){ trace(e.toString());}//var sr:EventDispatcher = ws.call("getAge",'122',123);sr.addEventListener("complete", completeHandler);sr.addEventListener("error", errorHandler);function errorHandler(e){ trace('error'); for(var i in e.info) trace(i,"=======",e.info[i]);}function completeHandler(e){ trace("-------------------------"); trace("getAge result:"); trace(e.xml); trace(e.data);}//var sr1:EventDispatcher = ws.call("getTime");sr1.addEventListener("complete", sr1completeHandler);function sr1completeHandler(e){ trace("-------------------------"); trace("getTime result:"); trace(e.xml); trace(e.data);}//var sr2:EventDispatcher = ws.call("say","i am roading","aha");sr2.addEventListener("complete", sr2completeHandler);function sr2completeHandler(e){ trace("-------------------------"); trace("say result:"); trace(e.xml); trace(e.data);}状态以及结果: 程序代码/*********************************************************/webservice的方法列表如下: method name: getTime method name: say args: {(name:str,type:'s:string') } method name: HelloWorld/*********************************************************/errortarget ======= [object WebService]level ======= WebService.Call.MethodNameNotFoundcode ======= 找不到调用方法Warning: 参数长度不匹配!-------------------------getTime result:<Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"><Body><getTimeResponse xmlns="http://www.roading.net/"><getTimeResult>2007-10-31T23:09:31.4702500+08:00</getTimeResult></getTimeResponse></Body><ignoreWhitespace>true</ignoreWhitespace></Envelope>2007-10-31T23:09:31.4702500+08:00-------------------------say result:<Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"><Body><sayResponse xmlns="http://www.roading.net/"><sayResult>you say:"i am roading"</sayResult></sayResponse></Body><ignoreWhitespace>true</ignoreWhitespace></Envelope>you say:"i am roading"
FLASH CS3中的FLA形式组件制作教程
下面给大家介绍下如何制作[*.fla]形态的组件(Component),这种组件区别于SWC组件,和CS3自带的组件一样能够双击进入组件里面编辑.//应该是CS3新增加的一种组件形态,以制作一个MyButton组件为例子.分如下几个步骤:1、首先创建一空白的ActionScript3.0的flash文档,然后保存文件命名为:"FLA_ComponentX".//名称可以任意.2、CTRL+F8,新建一空白剪辑,取名为"Avatar",进入编辑,第一真上我们画一矩形框(Stroke style我们选择"hairline",最细的线条),不用填充,一定要记得设置坐标为(0,0),位置固定的.3、CTRL+F8,继续新建个空白剪辑,取名为"NormalSkin",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"NormalSkin",最后把"启动9-scale缩放的引导线"选项打勾,最后确定,进入编辑,画一填充圆角矩形,设置颜色为灰色,摆放位置(0,0),可以拖动9-scale缩放的引导线,如图对齐,作用是让圆角矩形进行所放的时候保持四个定位的角不变形,这个矩形用来做按钮的普通模式的皮肤.4、CTRL+F8,继续新建个空白剪辑,同上,取名为"OverSkin",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"OverSkin",最后把"启动9-scale缩放的引导线"选项打勾,最后确定,进入辑,画一填充圆角矩形,设置颜色为红色,摆放位置(0,0),这个矩形用来做按钮的鼠标经过模式的皮肤.5、CTRL+F8,新建个空白剪辑(这下我们建立的就是最终的按钮组件,上面建立的都是这按钮的组成部分),取名为"MyButton",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"MyButton",然后确定,进入编辑,第一层取名为"avatar",然后第一真上我们从库中把"Avatar"元件拖放到场景中,放置到(0,0)位置,这一真的内容在我们最后运行组件的时候是看不到的,作用主要是用来控制整个组件的宽高.然后我们新建立一层,取名"skins",在第二真上我们把库中的"NormalSkin"和"OverSkin"组件拖进来,位置可以随意摆放,这上面的元件是我们将来使用组件的时候,双击进入能够进行设置的.6、点中库中的"MyButton"元件,右键菜单中选"Component Definition"(组件定义)选项,会进入一窗口,把类名填上"MyButton",再把"diaplay in Components panel"选项打上钩,"Tool tiptext"中填入组件名称,我这里填"MyButton".这里还有设置组件的preview(预览)效果还有图标等,其他内容大家可根据需要自行设置.7、到这步,我们会发现还缺少一个外部的自定义组件的代码,也就是上面"MyButton"元件连接的"MyButton"类.由于类中导入了组件类,所以我们要设置FLASH CS3的classPath(类路径),选编辑-->参数设置-->ActionScript-->ActionScript3.0,添加一新的类搜索路径,我这里为"D:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\Component Source\ActionScript 3.0\User Interface"//大家根据各自情况来设置好路径,新建ActionScript文档,填入如下代码:/************MyButton.as**************/package{ import flash.display.*; import flash.events.*; import flash.system.ApplicationDomain; import fl.core.UIComponent; public class MyButton extends UIComponent { private var nowSkin:MovieClip; private var thisDomain:ApplicationDomain; public function MyButton() { super(); trace("MyButton"); } override protected function draw():void { if (nowSkin==null) { thisDomain=loaderInfo.applicationDomain; var classDef try{ classDef=thisDomain.getDefinition(getNormalSkinName());} catch(e:ReferenceError){ trace("没有在库中找到相关的类!") return; } nowSkin=new classDef as MovieClip; nowSkin.addEventListener(MouseEvent.MOUSE_OVER,mouseOverHandler); addChild(nowSkin); } nowSkin.width=width; nowSkin.height=height; } protected function mouseOverHandler(e:MouseEvent):void{ trace("over"); removeChild(nowSkin); var classDef=thisDomain.getDefinition(getOverSkinName()); nowSkin=new classDef as MovieClip; addChild(nowSkin);nowSkin.addEventListener(MouseEvent.MOUSE_OUT,mouseOutHandler); draw(); } protected function mouseOutHandler(e:MouseEvent):void{ trace("out"); removeChild(nowSkin); var classDef=thisDomain.getDefinition(getNormalSkinName()); nowSkin=new classDef as MovieClip; addChild(nowSkin); nowSkin.addEventListener(MouseEvent.MOUSE_OVER,mouseOverHandler); draw(); } protected function getNormalSkinName():String { return "NormalSkin"; } protected function getOverSkinName():String { return "OverSkin"; } } }/********************************************************/代码的作用对我们建立的按钮组件进行一些设置,我这里只简单设置了鼠标经过和离开.接着保存,名为"MyButto.as",位于我们上面建立的"FLA_ComponentX.fla"同目录下.8、到这里其实还没有结束,我们还需要制作一个"ComponentShim"的组件,这个组件的作用是把外部的自定义组件代码编译成一个影片剪辑.那怎么建立这个"ComponentShim"组件呢,很简单,创建一空白的ActionScript3.0的flash文档,CTRL+F8建立一空白剪辑,设置名称为"MyButton",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"MyButton",CTRL+F8再建立一空白剪辑,设置名称为"ComponentShim source",点开高级设置,把"导出ActionScript","导出到第一真"两项打勾,class中填入"ComponentShim",确定,进入编辑,把库中的"MyButton"元件拖放到场景中.然后点中库中的"ComponentShim source"右键弹出菜单选"Convert to Compiled Clip"选项,这时候库中就会生成一个"ComponentShim source"的组件,前面会有组件图标,我们把这个组件的名称改为"ComponentShim".这样"ComponentShim"组件就制作完成.9、切回"FLA_ComponentX.fla",继续在"MyButton"元件的第2真上新建一层,取名为"ComponentShim",然后将刚才库中的"ComponentShim"组件拖到这层的第2真上.10、最后CTRL+S,保存,这样fla形态的组件就制作完毕,关闭整个Flash软件.11、把"FLA_ComponentX.fla"文件复制到以下路径:"D:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\Components\"//这里大家也根据各自情况设置.12、我们再次打开flash软件,新建3.0空白文档,选出组件选择面板,会发现多了一个FLA_ComponentX组件包,点下会下划出"MyButton"的组件,现在我们可把组件拖到场景上观看效果.
套色宝结编制过程图-中国结
教程制作:小弦弦制作用线:5#线主线4米1条,套色线3米1条实际耗线:5#线主线2.5米1条 套色线1.8米条 小弦弦的中国结作品欣赏:http://www.zhongguojie.org/knots/722/本教程中国结论坛讨论网址:http://bbs.zhongguojie.org/thread-584-1-1.html小弦弦的其他教程:[很漂亮的立体葡萄包挂] [扁鱼小挂饰清淅教程] [中国结宫灯编法图文教程] [小弦弦的作品欣赏] [金钱袋的编法-视频教程]
Photoshop人物扣图教程
Photoshop人物扣图教程。 原图 最终效果图 1、打开原图。 2、选择滤镜-抽出。 3、设置画笔大小值为20,用边缘高光器工具开始描边,把人物的整体画出来。
用Photoshop通道给繁密的树支扣背景
用Photoshop通道给繁密的树支扣背景。 原图 最终效果图 1、打开原图,进入通道面板,查看通道窗口。 2、找到天空与其他反差最大的一个通道,发现是蓝色通道; 3、把蓝色通道拖拉到创建新通道的按钮,复制蓝色通道;
Photoshop阴影图片扣图的通用方法
Photoshop阴影图片扣图的通用方法。 原图 最终效果图 1.打开素材,我们要做的是抠抠抠,因为这种阴影,大家肯定会经常遇到,(婚纱之类的也可以用本方法)见图1. 图1 2.第二步肯定是用通道抠罗,那我们开始吧。重制蓝通道,色阶调下下。见图2。