当前位置:主页 > 平面设计

最新发布

Flash CS3组件开发教程
Flash CS3组件开发教程

教程说明】:应云开等朋友的要求,我今天把组件开发过程整理一下,写成这篇教程。通过此篇教程你可以大致了解Flash组件开发整个过程,希望对那些想自己开发Flash组件的朋友有所帮助。我这次主要开发Flash代码组件,甚至其他Flash组件,你可以自行研究或和我一起讨论。【前提条件】:    1、安装了Flash CS3软件;    2、安装了 Adobe Extension Manager 1.8扩展管理器,如果没有请先到这里下载: http://www.adobe.com/cn/exchange/em_download/ ;【开发教程】:    1、首先准备一个18x18的png图片,用来做Flash组件的图标。(我会在下面打包文件中会提供一个png图片的)    2、写一个StringUtilComponent组件类,我的组件都没有去继承系统组件类(UIComponent),而是直接继承Sprite类。package com.klstudio.components { import flash.display.*; import com.klstudio.util.StringUtil; //命名空间; use namespace klstudio_internal; //设置组件图标; [IconFile("StringUtilIcon.png")] public class StringUtilComponent extends Sprite{ //定义组件显示框; //组件里已有的显示元素必须用命名空间作开头; klstudio_internal var boundingBox_mc:MovieClip; //定义LRC解析器; private var util:StringUtil; public function StringUtilComponent(){ //移除组件显示框; boundingBox_mc.visible = false; addChild(boundingBox_mc); boundingBox_mc = null; } } }     这用组件用到的StringUtil类,我之前已经提供过的“[AS3]StringUtil类”。这里要注意一下,组件内所包含的显示元素一定要用命名空间来做前缀(就是上面“use namespace klstudio_internal;”代码),下面就命名空间定义变量。如果不加的话,就无法直接对boundingBox_mc显示元素操作(这一点和原来Flash组件开发不同的地方,原来是可以直接使用的),否则编译时就会报错。     /** * ... * @author Kinglong * @version 0.1 */ package com.klstudio.components { public namespace klstudio_internal = "http://www.klstudio.com/"; }        3、建立一个StringUtil.fla文件,类型当然是选择“Flash File(ActionScript3)”。    4、建立一个MovieClip元素,命名为“StringUtil”;然后按照下图所示设置Class路径。        5、再建立一个新的MovieClip元素,命名为“boundingBox_mc”,用于来做组件显示框。        6、然后将boundingBox_mc放到名叫“StringUtil”的MovieClip元素里,同时按下图所示将名字已经设置成“boundingBox_mc”。        7、接下来开始定义组件了,设置Class类路径、提示信息等选项。再点击组件图标选择之前png图片。            8、如果图标不能像下图所示的话,请按第4步重新确认一下就可以了。        9、然后就是把这个StringUtil组件打包成SWC文件(其实就是一个zip压缩文件格式)。        10、到第9步组件就算做成功了,但要发布给别人用的话,就可以把swc文件打包成mxp文件了,而打包之前首先要配置StringUtil.mxi文件(这个文件就是xml文件格式),内容如下:     <macromedia-extension name="StringUtil" version="1.0" type="Flash component"> <!-- Describe the author --> <author name="Kinglong" /> <!-- List the required/compatible products --> <products> <product name="Flash" version="9" primary="true" /> </products> <!-- Describe the extension --> <description> <![CDATA[ StringUtil类<br> 有关String工具类。 ]]> </description> <!-- Describe where the extension shows in the UI of the product --> <ui-access> <![CDATA[ This StringUtil Component is accessed by choosing Window > Components > StringUtil. ]]> </ui-access> <!-- Describe the files that comprise the extension --> <files> <file name="StringUtil.swc" destination="$flash/Components" /> </files> </macromedia-extension>    官方提供有关mxi文件格式说明:mxi_file_format.pdf     11、如果你已经安装了 Adobe Extension Manager 1.8扩展管理器的话,你可以直接双击StringUtil.mxi文件来生成StringUtil.mxp文件。或者你先打开 Adobe Extension Manager 1.8扩展管理器选择“文件”  - “将扩展打包...”,选择StringUtil.mxi文件,然后生成StringUtil.mxp了,到这里就贺喜你了,你的Flash CS3组件就开发完成了! 【打包下载】http://www.klstudio.com/download/stringutil.rar

2 次浏览
Flash鼠绘入门第八课:绘制脱俗荷花
Flash鼠绘入门第八课:绘制脱俗荷花

在我国的艺术绘画史中,荷花的艺术精品更是丰富多彩。最著名的是南宋画院吴炳的《出水芙蓉》,生动细腻的刻画了荷花清新脱俗的优雅气质。还有明末画家张子政的《芙蓉鸳鸯图》;清陈书画《荷花》;清任伯年《荷花鸳鸯图》;民国谢稚柳《荷雀图》;宋马兴祖《疏荷沙鸟图》;宋扇面画《晚荷郭索图》;宋人画《荷蟹图》;宋冯大有《太液荷风图》;传宋人《子孙和合图 》。近来也频频出现在鼠绘爱好者的作品中。素材 图1素材 图2素材 图3  新建 flash 文档,保存为“荷花”, 设置文档属性:宽高为 550×400,其它默认。  一、画“荷花”  1、画“花瓣1”元件  (1) 新建元件,名称“花瓣1”行为:图形元件。在场景中画一个椭圆大小为:52*94,边线颜色:纯色:FF33CC效果如图1。   (2) 用选择工具配合Alt键拉出图形,线形渐变填充:左:FFFFFF(白色)中:FFDDFF右:FFD9FF 效果如图2。荷花花瓣1步骤a

6 次浏览
Flash鼠绘入门第三课:花草的绘制方法
Flash鼠绘入门第三课:花草的绘制方法

实例1实例2实例3  下一页我们就来实际练习一下有关的画法。   一、打开 flash软件建一文档,属性默认;保存为花草  1、插入新建图形元件名为背景:用矩形工具,笔触颜色随意、填充颜色禁止,画一550×400 的边框,全居中。用直线工具,在边框内画出草地轮廓及草地与天空的分界线。再用选择工具调整成弧线,在三个区域里用三种绿色分别填充,(自己喜欢)天空用线性填充:色标为:左色标:#cccccc,中色标:#b5d9fd,右色标:#ddf9ff,填充后用填充变形工具调整;   2、用直线工具,在笔触样式里选用斑马线,设置如下:

3 次浏览
鼠绘技术内幕完全接触-人物篇
鼠绘技术内幕完全接触-人物篇

在公开这人物绘制之前,我先跟大跟论讨一下”从头开始”的含义,指的是事情或行为从最低要求开始出发;也就是我们通常所说的“零起点”;记得以前在学人物画的时候,首先一件事情就是画石膏头像模型;然后才描画它人物半身,最后才是人物的全身;所以我们今天要公开的鼠绘技法中,我们就从“头”开始,让大家学习一个基础,然后在实践应用中提高加强;在学习的同时,大家可以多看一些卡通人物图片,揣摩别人的绘制技法及比比例位置;接下来就让我带大家感受一下鼠绘人物头像的技法内幕。  内幕一:人物的脸部的有哪些基本形状?  大家在交往中都是以“碰头”、“会面”描绘一个过程,有时候会对你的朋友说:“你的瓜子脸真让我着迷”,对方也会对你说:“你那张国子脸何尝不让神往”;这个只是一个例子,说明一下说脸形的多样化;有时我们在卡通绘时也会采用夸张、对比、增减等方法来突出表现它的不同;脸形大至分为:方块形、三角形、梨形、菱形、圆形等几种,总由这几种基本形,衍生出更多的形状,例如圆形就有分为正圆、月形、角度圆等三种形状,三角形也有正三角与不等边三角之分;如图一所示,大家可以多作一下这方面的练习,以掌握形状变化的灵活性;[图一:人物脸部形状]  内幕二:水灵灵的眼睛是怎么样画出来的?  眼睛是心灵的窗户,我们可以通过表现一个人的感情及心态,多数卡通人物是可爱的外形赢得人们的喜爱;如果一个人物拥有一双水灵灵的大眼睛,那么他已经成功一半了,大家可以看看图例(图二a:眼睛),我们今天就讲解一下这类眼睛的绘制作方法;            图二a:眼睛的效果图   图二b:眼睛的制作基本步骤图   解说:第一步就是将一个圆形的和三个月眉形组成一个简单的眼睛外形,第二步就是在基本图片的基础上挖掉中间部分,使其变成空心基本图片,接着,第三步就可以加上眼珠,最后一步就是对为眼睛加上效果,其中两点是高亮部分,月形反光效果是通过柔化填充边缘([修改]-[形态]-[柔化填充边缘]-其中距离和数量的值都为12);为了美观,我们还可以眼睛填入颜色;这类可爱的眼睛通常用是于女性、精灵、小孩等卡通角色中;

2 次浏览
鼠绘技术内幕完全接触-植物篇
鼠绘技术内幕完全接触-植物篇

美丽的世界应该是多彩的,一幅美丽的画图也不能太过于孤立,人物及动画能够生动的表现出来,还离不开那一道道风景线,一片一望无际的草原,一片茂密的原森林等等,总之,要创作精美的FLASH影片,除了人物动物的绘制外,植物也是离不开的;为了方便大家的学习,我将通常使用的一些技巧总结出来,  一、 点画技法  在传统的国画中,点画技法经常会用到,而且画的时候比较灵活,如图一所示,我们可以先用笔刷画出树的主枝干,然后将笔刷的颜色换为绿色的,进行点画,接着将笔刷的笔划变小一点,颜色也选稍淡,再次进行点画,这样一棵可爱的小树就画完了,最后再将它置于不同的环境加以利用;图一:点画技法例子(小树)  二、图形组合法  图形组合法就是用不同的图形组合而成的一种方法,这种方法简易快捷,所以得到初学朋友的喜爱,但由于它是由图形所组成,所以导致变化不灵活,常出现雷同的现象,在这里我们就举一下这方法的例子;如图二所示,一般最常用的图形是圆形、三角形、椭圆形三种,还有云彩形(如榕树)、锯齿形(如椰树)等等,从图例中大家可以看出,为什么会出现大小不一的相同图形,这主要是由于图形组合法一般采用简单的图形,单一的图片看起来单调,所以用不同大小的图片,以达到错落有致;图二:图形组合法  三、 拟人法

2 次浏览
鼠绘技术内幕完全接触-环境背景篇
鼠绘技术内幕完全接触-环境背景篇

共同点,虽然表现的效果不同,但支撑环境属质的始终是颜色的表现;所以在提及这归纳的几种方法之前,我们先了解一下颜色的象征;  红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁;如果你们用不同的颜色结合使用,就可以表现更多更深层的含义,难怪有些人会认为”颜色是呼唤心灵的使者”;同时也希望大家在实践中感其它的含义,我们接下来就介绍一个几个常用风格的表现;  古韵风格的表现:在我认为,古老就是破旧的第二人称,通人是用灰色、黑色、土黄色、深红色,好像在每种颜色都要加上一点点黑才能表现似的,以上面几种颜色为主色调,然后在画面上放一个古玩或书画什么的,就可以表现古朴的风格;下面给大家一个例子(图一),我是用书法来表加上灰色背景来表现的;其小孩主要是为了与背景对比才加上的,让背景突出一点;同时大家可以尝引用其它主色调变化一下;图一:古韵风格实例  四季风格的表现:春天是绿色的海洋,夏天是红黄的象征,秋在金黄中速略带萧瑟,到了冬天就是一片洁白的蔚蓝色(被称作冰的倒影);下面的图例就以四格漫画的型式表现季节的变化,初学者最容易混晓的就是夏季与秋季,都为界于温色调,但是秋天多是经枯叶的枯黄颜色为主;而百夏天却是火一样的强烈;图二:四季表现例子  远近风格的表现:远近是空间的距离,通常是种用物体的大小对比还表现;大小的变化也是围绕着透视规律来改变的,为了方便表现,所以我只画出简单的图例,大家可以清楚的看到视频的效果;例子是单灭点的,当然按照需要,可以增加灭点也表现,下面我们要讲到的全景,就是采用双灭点,它可将视野全方位的扩充;

2 次浏览
鼠绘技术内幕完全接触-效果篇
鼠绘技术内幕完全接触-效果篇

一、浮雕效果  大家在他细看Photoshop制作出来的浮雕字.可以将他分离为两个层,一个是文字层,另一个是浮雕特效层,其中浮雕特效层略带模糊.为此,我应用的FLASH中的[柔化填充边缘]的修改功能(菜单:修改---形状---柔化填充边缘)就可以搞定;  如图一(浮雕效果)所示.[1]是FLASH制作出来的特效,与Photoshop很相近吧,但用FLASH制作出来的并存为SWF却比Photoshop要来得小,同时来具有属于矢量图性质.[2]是他离出来的特效层,首先用Ctrl+B将文字打散,然后使用[柔化填充边缘] (修改---形状---柔化填充边缘),将文字柔化(对话框参数值:距离11,步骤数11).[3]是分离出来的文字层,只是一般的文字,将它与特效层结合就组成了浮雕效果了。 [图一:浮雕效果]  二、水晶效果  大家应该都看过苹果公司网站的按钮效果吧,这种效果用Photoshop来制作,步骤最少也要有20步才能制作出精美的效果,用FLASH制作更是有难度,我试用了很多方法,并精简其步骤,总结出水晶效果方法;如果大家将需要制作时更细腻一点,可以增加效果的步骤;制作得更精美些即可;如图二(水晶效果)所示,左边是效果图,左边是分析图,分析图中,分别有四个组件(图形体.光源体.高亮辅助.高光),其中光源体的制作方图二:水晶效果

3 次浏览
鼠绘技术内幕完全接触-动物篇
鼠绘技术内幕完全接触-动物篇

在讲述鼠绘动物技术内幕之前,先教大家几个学习动物鼠绘的方法:  集思广益:在动画世界里,动物占有相当大的比例,所以这方面成功的例子很多,大家可以收集并分析;了角同一种动物的不同种表现方法,以便更好的掌握它的形象特征;  察言观色:了解动物的形象特征表现手法是不够的,我们还要掌握动物的生活特征,这样才能绘制出来的作品更生动,更贴近生活;  学以致用:如果说“集思广益”是基础,“察言观色”是提高,那么“学以致用”就是升华;因为,在实际应用中,大家会遇到很多的问题,用自己所学的知识去决解问题,以获取在其它方面无法学到的,也就是我们经常的“经验值”;  内幕一:如何绘制哺乳类、鸟类、鱼类动物  在卡通绘画中,由于动物的种类多,所以在表现手法上也会有所不同,所以我们在这里举出三种类型的例子以供大家参考:  哺乳类:这类动画多数在陆地生活,更接近人类,在表现手法上比较容易掌握;很多地方都可以以人物的形式表现,例如眼睛就可以象卡通人物的眼睛一样,表情也可以拥有喜怒哀乐;例图所示(图一:哺乳类卡通例子―牛先生),我画的是一头牛,确切的说是一位气势汹汹的牛先生;在表现手法在,抓住牛角牛背牛鼻等特征,融入人类特有的感情因素来表现,使其成为卡通世界里的一个角色;图一:哺乳类卡通例子―牛先生

3 次浏览
Flash鼠绘教程:打造唯美渔舟唱晚效果
Flash鼠绘教程:打造唯美渔舟唱晚效果

图1  二、新建图形元件,名遮片,画遮片。图2  三、新建影片剪辑元件,命名背景。共9个图层.从上至下,云,云倒影,山,山倒影,太阳,太阳倒影,遮罩,水波,背景。  1、背景:画550*400矩形,直线分割成上下俩部分。图3  上面填充:放射状6个色标,从左至右F9CC64, F19167, D06553, 925054, B65A54, 513D56。图4  下面填充:放射状5个色标,从左至右F4A563, D59282, BD725F, 503D56, 0D100F。图5

6 次浏览
Flash鼠绘教程:教你画一盘逼真水仙花
Flash鼠绘教程:教你画一盘逼真水仙花

一、新建图形元件,命名花苞  二、新建图形元件,命名花1  1、画轮廓如图  2、填充颜色  花瓣:放射状,左76760A,中C0C4A2右FFFFFF,色标摆放如图  填充后,每瓣花都要用填充变形工具适当调整,花瓣尖部颜色要淡,根部颜色深些  花心,放射状,四个色标,从左至右, 523903, 7F6602, 977902, F8E121

3 次浏览
共计26043条记录 上一页 1.. 1162 1163 1164 1165 1166 1167 1168 ..2605 下一页