推荐阅读
PS抠头发教程
首先,这幅图确定还有的救!为什么呢?虽然头发和背景的颜色不好区分,但背景还是比较单纯的,这就给后面的工作带来了可利用的空间(假如背景是五颜六色的花草,我也没什么好办法了!)。 第二,这幅图的难度在哪里?和通常的人物(头发)去背有什么不同?大家可以看出来的,我们通常的去背,头发部分都是头发黑色,而这幅图却因为受到光线的影响,部分头发丝反光,呈现白色(我这里说的黑色、白色不是纯的黑白,应该是暗部和亮部,不要误会) 第三,身上穿的毛茸茸的东西(我不知道是否也叫衣服)和头发是有区别的,这部分是可以通过常规手法完成抠图的。 第四,想象步骤1、先将人物部分以及毛茸茸抠出来,完成基础部分。想象步骤2、飘散的头发单独处理。想象步骤3、头发的反光是随环境变量的变化而变化的(后期处理) 好了!有了想法就好办!让我们开始动手吧:) 步骤五、填充白色后取消选择。这么做的目的是减少后面调整黑白部分的工作量。 步骤六、CTRL+L,调整色阶,使得黑白比较分明 步骤七、使前景色为白色,用画笔工具,修饰不足的边缘部分。这是你或许会担心无法正确判断其边缘的真实性(或可靠性),不要紧,任意点开R、G、B 中某一个颜色通道的眼睛,使“人物选区”通道成为快速蒙版状态(别忘了,通道就是选区)。 步骤八、当你基本完成以后,将呈现下图的状态。 步骤九、点去颜色通道的眼睛(使其隐藏),我们继续“人物选区”通道的操作。将主体以外的部分都做黑(不要再问我是怎么做的)。或者你会问飘散的头发不要了吗?是的!现在我想做的只是人物主体部分的选取,而非头发。 步骤十、这里有个需要注意的问题,就是你真的能确定黑色部分是黑吗?显示器经常会欺骗我们的眼睛,所以我CTRL+I,将“人物选区”通道反相了一下,白底上有一点黑我们都能看清楚的(这到是显示器的好处)。 大脚注:为什么我们有很多朋友按教程的方法抠头发出来,边缘部分总有些浅浅的颜色呢?就是因为被显示器欺骗了,认为黑的部分已经够黑了,而实际上是深灰,一旦作为选区载入以后,仍然会有部分图像像素被选择,这就是原因! 步骤十一、好了!都修饰好以后,再CTRL+I,让它回来(上一步只是我们的检测步骤!)然后CTRL+鼠标左键单击“人物选区”通道(载入该选区),回到RGB复合通道,回到图层。 步骤十二、按CTRL+J,通过拷贝的图层,使我们的第一次选择有个成果(图层1),如果喜欢的话就给这个图层改个名字(改名这步可有可无,但可以很清楚),我就不改了这时你会发现,毛茸茸的边缘部分透着原先的底色,好吧!用最简单有效的方法――橡皮擦工具(注意笔刷大小和透明度哦!)将它修饰一下。 大脚注:凡是毛茸茸的边缘部分,因为像素抖动的原因,抠图后必然会残留一些原背景色的成分,如果想做得精致,就花些时间吧!
Photoshop独特方法绘制另类火球特效
在Photoshop中新建文件,背景填充为黑色,新建立一个图层,选择画笔工具,设置笔刷半径为20,然后进行绘制: 执行旋转扭曲滤镜,设置角度为 500 。 复制图层,使用自由变换功能旋转大约45度左右: 隐藏背景层,合并可见图层,然后创建一个新图层,然后使用柔角画笔颜色红色绘制如下效果: 改变图层模式为变亮:
Div+CSS教程:如何闭合浮动元素?
所以,原来在标准兼容浏览器中我们也可以有这么多的方法闭合一个浮动元素,而且只需要 CSS,无需其他。顺带说一下以上除了overflow,其余都有一个附加效果就是自动收缩父容器宽度。 而对于 IE/Win,它有一套自己的体系,就是 layout,具有 layout 的元素会自动闭合浮动元素,再来看看触发 layout 的 CSS 属性,会发现和上面的块级格式化范围有很多类似之处: 以上来看 IE 中闭合浮动元素的方法也不少,自然也都有其局限性,要么有附带效果,要么使用的是非标准属性(无法通过验证)。 还要提一点的是 display:inline-block,这个属性对 IE 而言本身没什么用,实际效果只是给一个元素暗地添加了 layout,但是标准兼容浏览器是认得这个属性的,所以要不影响这些浏览器,需要将 display 设回默认。这里 IE 有一个 bug,如果先定义了 display:inline-block,然后再将 display 设回 block(这两个 display 要先后放在两个 CSS 声明中才有效果),那么 layout 不会消失,同时也不会影响其他浏览器,所以目前来说,这也算一个不错的触发 layout 的方法: 所以要跨浏览器闭合浮动元素,可以选择的方式还是很多的,如何搭配使用这些 CSS 属性就要具体情况具体分析了,灵活应用条件注释也很有必要,要是实在不行我们回过头来还有 clear 可以用嘛。
web标准概念入门
注:本文是应Alan邀请为《CSS布局实录》写的一个web标准入门指导。书已经上市近一年了,现在摘选出来,给初学者一个参考。希望了解更多实现技术的可以购买原书。 "我的工资卡是交通银行的,但我经常在我家楼下的工商银行提款机上取款;我是上海人,我用普通话可以和广州的同学进行交流;今天水龙头坏了,我去水暖商店买了一个新的换上;我去法国旅游,通知我法国的朋友在北京时间15:30分来接我。" 生活中每天都发生类似的事情,这样的事情似乎再正常不过的了,并没有什么特别之处。但是,你有没有想过: 为什么所有银行卡的大小都是一样的尺寸?为什么我用普通话就能和广州同学交流?为什么买来的新水龙头的螺口正好与老的水管能接上?为什么法国朋友不会接错时间? 对于日常的很多事情,我们并没有注意到这背后都有着一个隐藏的“因素”在起作用,这个因素就是:标准。 有了“银行卡的标准”,你就不用担心不同银行的卡大小不一样,所有提款机的入卡口都一样;有了“普通话标准”,全国人民可以方便的进行语言交流;有了“螺口的工业标准”,你买个6分的水龙头就绝对可以可6分的水管接上;有了“格林威治标准时间”,全世界的人们都不会接错班机时间。 生活中各行各业都有着自己相应的标准与规范,标准可以方便交流、促进协作、提高效率。 对于IT行业,设备的多样性与信息的多样性更加需要标准来保证它们之间的沟通与协作。我们可能在手机、打印机、数码相机之间交互数据;我们可能在网站、邮件和办公软件之间传递信息;我们可能要在未来新设备(例如机顶盒、信息家电)中应用现有资源。如果没有统一的标准,那么现在所有的信息都是孤立的、不可分享、不可重用的;我们需要浪费大量的人力物力重新为新设备建立数据;我们需要为每一次的多系统应用做专门的开发。 好在我们已经找到了解决的方案,这就是---XML。 XML简单说就是一种“有规定格式的文档”,只要我们的设备或系统产生的数据都遵守这种格式,就可以实现互相的数据交换、分享与协作。
最新发布
Flash特效动画制作:飞舞的螺炫
今天和广大的FLASH制作爱好者共享是一种特炫的螺旋动画效果,让我们先来看一下最终的效果吧! 下面让我们一起来学习这个Flash螺旋特效动画的做法。 第一步:首先打开FLASH软件,新建一个新的场景,然后点菜单栏“修改”→“文档属性”,将其背景色设为黑色(如下图),点击确定。 第二步:按一下Ctrl+F8,新建一个元件,名称为Symbol 2,行为为图像,点击确定。 第三步:用线条工具画一条垂直的直线,将直线的属性设为(如图)。 第四步:回到场景,按一下Ctrl+F8,新建一个影片剪辑,名称为line,行为为影片剪辑,点击确实。将Symbol 2从库面板中拖到影片剪辑中的第一帧,与中心点对齐(如下图)。 第五步:在影片剪辑的100帧处按下F6(插入关键帧),用任意变形工具将其璇转90度,拖到中心点左侧方,并将Alpha值设为0,如下图: 第六步:在第1帧处点击右键,选择"创建补间动画",然后在101帧处点击右键,选择"插入空白关键帧",再在101帧处点击右键,选择“动作”,输入:removeMovieClip(_target); (如下图),随后在200帧处按下F5。
Flash常用ActionScript控制语句基本用法
很多朋友经常询问关于Flash的ActionScript脚本语句的用法,有些很简单的命令就能实现某种功能,现在我就把一些Flash的常用Action语句的基本用法讲解一下。 1、Goto:跳到一个指定的帧(Frame) Scene: 指定 Scene Frame:Number,Label,EXPression,Next Frame,Previous Frame 可以选择 Frame 的编号,标号,通过表达式,下一帧,前一帧 Expression: 定义表达式 Control:Go to and Play,Go to and Stop 通过选择这个项目来确定到达指定的帧以后是继续播放还是停止 例子: Go to and Play (1) 跳到第一帧播放 Go to Next Frame 跳到下一帧播放 Go to and Stop ("intro") 跳到标号为 intro 的帧播 2、Play:播放 Stop:停止 Toggle High Quality:切换画面的细节程度 Stop All Sounds:停止所有声音 Get URL:打开指定的网址 URL: 网址 Windows:_self,_blank,_parent,_top 打开网址时使用的目标 Variables on’t Send,Send use GET,Send use POST 变量的传递方式 例子: Get URL ("next.asp", window="_blank", vars=POST) 在新窗口中打开 next.asp,并且传递参数 3、FScommand:调用命令 Command: 命令 Arguments: 参数 For standalone player:fullscreen,allowscale,showmenu,exec,quit 播放器使用的固定命令和参数
我的世界杯:FLASH制作滚动足球动画
目前世界杯打得火热,今天风之梦教大家利用Flash绘制滚动的足球动画,让更多喜欢看球的设计迷们自己做出自己喜欢的足球动画。 首先来看一下FLASH制作的滚动足球动画的效果。大家可以注意到这个足球在转动,而且还有跟随运动的阴影效果。 首先打开FLASH软件,新建一个90×160像素,背景色为白色,帧频为24FPS的文件。 接下来的工序就稍有点复杂,为了制作出逐帧的足球旋转动画,所以首先要手绘出24个足球旋转画面。 为了使大家能看清,这里将背景修改为粉色,然后按下Ctrl+F8新建一个名为Symbol 1的图形元件。 在左边“工具箱”中选择“多角星形工具”,然后在下方“属性”面板中单击“选项”,设置样式为“多边形”,边数为6,星形顶点的大小可以按标准进行调整。 利用“箭头工具”、“部分选取工具”、“任意变形工具”、“填充变形工具”分别绘制足球各个六边形并组合在一起。(注意笔触颜色为黑,填充颜色分为黑白二种)。 制作好一个足球图形后,我们再新建其它图形元件,分别绘制出其它图形。下面我把绘制的24张图列出,大家可以一一对照绘制。手绘功底不好的可以在文章末尾处下载源文件进行对照学习。
Flash MX常用快捷键一览
A 箭头L 套索 N 直线T 文字 O 椭圆R 矩形 P 铅笔B 笔刷 I 墨水瓶U 油漆桶 D 滴管E 橡皮擦 H 移动M 放大镜 CTRL+N 新建一个影片 CTRL+O 打开一个影片
Flash绘制06年德国世界杯标志
2006世界杯正如火如荼的进行,还有最后两场比赛了。让我们也来一起投入进入到世界杯中,本教程教大家利用FLASH来绘制世界杯标志!文章末尾提供原文件供大家下载参考。 最后效果如图所示:
Flash+xml 在 Dnn系统开发中的应用
以下讲的是在 Dnn 中的应用,实际在其它 B/S 系统中也是一样的。 FLASH 在 web UI 上的具有很强的表现优势,而且对 xml 的支持也做得很好,现在这个例子就是结合 Flash 与 xml ,与 .Net 的一个具体应用,希望对大家有所帮助。 用过 Dnn 的朋友应知道 dnn 中有一个 xml 模块 利用 xslt 解析 xml 生成 html , xml 模块的灵活在于它可以指定的 xml 数据源可以来自于 xml 文件也可以来源于 web 服务,再指定一个 xslt 可以做出变化化多端的表现:Xml 模块的灵活性来源于 xml , XML 是解决系统互联问题的关键,今天提供一个 xml+flash的应用(一个 dnn 模块)。
flash声音特效实例--架子鼓(图)
架子鼓,在乐器中算得上是操作比较复杂的一中乐器,在很多场合中都要用到这一乐器,现在,我们可以使用Flash制作属于自己的架子鼓了,只需要滑动鼠标就可以轻松演凑出动听的音乐来,最终效果如图1所示。 架子鼓看似很复杂,其实制作起来还是比较简单的,按钮的应用在这节里可以说是发挥到了极至,基制作过程中,只使用了一些简单的脚本,如“Stop()”等,主要是制作按钮,以鼠标滑过时发出声音,同时在按某些指定的数字键时也会发出对应的声音来,为了在制作过程中便于操作,我们先为图中的各部分标注如图2所示,要实现这一效果,具体操作步骤如下: 1.新建一影片,设置其尺寸为600XPX580px(单位为像素),设置其背景色为#FFFFFF, 当然用户可以根据需要自行设置。按“Ctrl+R”,快捷键打开导入对话框,导入各部件所对应的声音文件,和一幅架子鼓图片。如图2(当然是没有标注的) 2.新建一图形元件“smallcrash”,在第帧处插入一关键帧,在选中该关键帧,在工作区中绘制一与剖件“cfash1”相对应的图案,如图3所示: 按照同样的方法制作如图4所示的其它8个图形元件: 3.新建一按钮元件“smcrashbutton”,选中“弹起”帧插入一关键帧,在“指针经过”帧处插入一关键帧,从库中将导入的器件“crash1”的声音文件“crash1”拖放到工作区中,在点击帧处插入一关键帧,将对应的图形元件“smallcrash”拖放到工作区中即完成对按钮元件“smcrashbutton”的设计,如图5所示:
Flash遮罩特效实例--百叶窗效果
百叶窗,在日常生活是经常能见到,电脑上的屏保大者有百叶窗效果,现在作为闪客当然希望能用自己的武器设计自己的百叶窗效果,最终效果如图1所示: 由上图可以看出,百叶窗主要使用了遮罩技术,当“百叶窗”被拉下时将打开将打开另一幅画面,具体操作步骤如下: 1.新建一影片,设置影片大小为300pxX300px(单位为像素),背景色为白色,当然设计者可以根据需要另行设置,同时将两幅准备好的图片导入到库中如图4.3.2所示: 2.新建一图形元件“meng”,选中第1帧,插入一关键帧,选取矩形工具,设置其填充色为黑色,在工作区中绘制一矩形,如图4.3.3所示: 3.新建一图形元件“meng_f”,选中第1帧,插入一关键帧,将图形元件“meng”拖放到工作区中,创建一实例,在第15帧处插入一关键,选中第1帧单击鼠标右键,选择“创建补间动画”,选中第15帧,将实例调整为一条线如图4.3.4所示: 分别在第25帧和第40帧,插入两创建关键帧,并在25帧和第40帧之间创建相反的运动激变动画,即由一条线放大。时间轴如图4.3.5所示:
Flash导航菜单轻松制作好帮手
许多朋友对韩国网站上那些动感十足的FLASH导航条和菜单印象深刻,总希望自己也能做一些那样既漂亮又实用的效果。今天就向大家介绍一款能方便制作多种漂亮款式FLASH导航条、菜单的制作软件――123 Flash Menu。 这款软件虽然是英文版的,但安装和操作却十分简单,而且支持中文字体。 以下我举几个在这款软件能轻松实现的导航和菜单,让我们一起来看看吧!点击看大图 以上是我在这款软件中随意挑出的,下面让我们来一起认识和了解一下这款“123 Flash Menu”软件吧! 第一:安装后,启动该软件,出现以下的界面: 第二:双击一下“Open a Flash Template...”后,就可以进入选择样式的界面如下: 第三:打开这个样式的控制面板后,里面有许许多多现成的FLASH导航条、菜单,它里面有分为“Art艺术”“Business事务”“Classic经典”等各式各样已经现成的,只需双击选择你要的一款,就能进入以下的界面: 第四:打开以上的界面后,就可以对这进行编辑了,上面还是大家习惯的打开、保存、生成网页预览等几个小按纽、中间则是FLASH导航或菜单的预览窗口,右边是设置导航里的字体色彩、大小、间距等,还有设置背景颜色及FLASH的大小尺寸,如下图: 第五:而左边就设置要几个FLASH的按纽,可根据自己的设计的需要而随意的增加或减少,并可设置其超链接的URL,对有下拉菜单的可随意增加或减少其数量,还可以对其前后的调整,如果下图: 第六:根据自己需要设置好就点击上面的“Save Project”保存按纽便可生成你要的FLASH文件了,如果要重回样式选择窗口只需点击“New Menu”就可以重新回到样式的选择窗口。
Flash绘精致矢量图―逼真土豆
本教程中我们用Flash 8的绘图功能描绘一幅精致的矢量图像――逼真土豆。步骤简单易操作,而且效果非常棒。 首先让我们先看一下制作完成之后的效果,如图1所示。