<![CDATA[blog.KTMAO.com,猫窟]]> http://blog.ktmao.com/ PJBlog3 2008-12-06T22:30:31+08:00 <![CDATA[Google SketchUp v7.0 简体中文版免费版]]> ktmao http://blog.ktmao.com/ ktmao@qq.com 2008-12-06T22:30:31+08:00 2008-12-06T22:30:31+08:00 Google于2006年3月15日收购了Sketchup这家3D建模软件公司，这是自Google收购以后发布的首个Google版本的Sketchup。Google Sketchup能够让你自由的创建3D模型，同时还可以将你自己的制作成果发布到Google Earth上和其他人共享，或者是提交到Google's 3D Warehouse。当然你也能从Google's 3D Warehouse哪儿得到想要的素材，以此作为创作的基础。具体功能：SketchUp能把3D的建築場景以NPR手绘风格化渲染输出。除了建筑师用於滿足客戶的要求外，漫画家、插画家也可以用來代替大量重复背景的绘制。

最低系统要求配置：
Microsoft Windows 2000, XP Home or Professional Editions
600 MHz Pentium III processor
128 MB RAM
80 MB of available hard-disk space
Video card that is 100% OpenGL compliant
Windows compatible pointing device
Microsoft Internet Explorer 6.0 or higher
Windows Media Player or QuickTime 5.0 and web browser for multimedia tutorial.

Google SketchUp 6.4 简体中文版更新的内容主要有:
1、SketchUp导入导出，支持中文路径。
2、专业版中LayOut支持中文显示。

Google SketchUp v7.0 简体中文版免费版

]]> http://blog.ktmao.com/default.asp?id=412 <![CDATA[13个利用Javascript实现的网页js导航菜单]]> ktmao http://blog.ktmao.com/ ktmao@qq.com 2008-11-11T21:29:35+08:00 2008-11-11T21:29:35+08:00 http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html 翻译:http://parandroid.com
下面为你准备了13个利用Javascript实现的网页导航菜单
1) Sexy Sliding Menu - 基于mootools的Javascript网页导航菜单，漂亮的滑动门技术，看到下面的图了没有，用它来设计你的Sidebar，非常之炫，Sexy，是的。



Demo: Mootols Version
Demo: Script.aculo.usVersion
2) FastFind Menu Script -这个脚本基本动态的Ajax技术，可以让你创建多级嵌套的菜单。



Demo: FastFind Menu
3) Webber 2.0 Dock Menu -一个典型的Dock类型网页导航菜单。



Demo: Webber 2.0 Dock Menu
4) Phatfusion- Image Menu -这这是一个使用Javascript的图片导航菜单，它最大的特点是除了悬浮展开图片链接之外，还保持当前选定的菜单链接状态。



Demo: Phatfusion- Image Menu
Demo: Mootools version with XML parser
5) Drag and Drop ordering in a TreePanel -这个好像是从著名的Ext JS提取的，一个树型导航菜单，灵感当然是来源于Windows的资源管理器，我相信是这样的。



Demo: Drag and Drop ordering in a TreePanel
6) Custom Menu Events
在同一时间内显示展示菜单的介绍和其它相关信息，其动态效果甚至达到Flash。不过缺点是需要再次刷新才能进行导航菜单的动态显示。



Demo: Custom Menu Events | ThinkVitamin.com
7) Context Menu Functionality 一个简洁轻巧的上下文本导航菜单，利于在用户浏览时达到一个良好的交互作用。



Demo: Context Menu Functionality
这是另一个DemoAnother Context Menu
8 ) LavaLamp jQuery Sliding Menu 一个基于jquery的滑动菜单效果，体积比较小巧。另一个版本是来自Guillermo Rauch基于mootools所构建的。



Demo: LavaLamp jQuery Sliding Menu
Demo: Mootools Fancy Menu
9 ) Slashdot Menu- Dynamic Drive这是一个流行的滑动/折叠导航菜单，是设计爱好者从著名网站Slashdot中提取的。其可控制性非常强，比如你可以设置为只准打前主菜单打开，或者全部打开，或同时收缩所有的子菜单等，且可以根据Cookie判断来显示菜单。



Demo: Slashdot Menu
10 ) Mootools menu with Accordeon and Effects非常整洁的一个导航菜单，当鼠标悬浮的时候，当前链接就会伸展出来并且可以显示一个手风琴效果的二级菜单。



Demo: Mootools menu with Accordeon and Effects
11 ) CSS Dock Menu这又是来自Nick la的Mac风格的鱼眼效果菜单，如果你对这种效果感兴趣，可以看一下我的另一篇文章:
多个Mac风格的鱼眼菜单(Dock Menu)免费下载和教程


]]> http://blog.ktmao.com/default.asp?id=410 <![CDATA[2008国外优秀公益广告集]]> ktmao http://blog.ktmao.com/ ktmao@qq.com 2008-10-31T02:50:16+08:00 2008-10-31T02:50:16+08:00 原文翻译：
当设计被频繁运用，以便说服我们去购买，购买再购买的同时，它很少被运用，但有非常重要的被用做传达积极信息与鼓励社会行动的方式。这里有23个实例，这些图形设计被用来与贫困做斗争，而非兜售我们并不需要的产品。
1. Red Cross
The Red Cross foundation in Pakistan used this ad to encourage donations for those who needed support during the winter.
1,红色十字架
这个巴基斯坦的红十字会基金会用这个广告去鼓励社会捐赠哪些需要在冬季给与帮助的人


2. Red Cross
This is a general ad from the Red Cross aimed at trying to get the younger generation to help those less fortunate.
这个是上则广告延伸的 定位年青一代的人去帮助穷人，游戏操作按钮如此醒目，又触手可及，很能传达广告的用意

3. Child Labor
To help raise awareness about child labor, the Dutch House of Parliament created these ads on revolving doors.
童工
为了帮助人们提高对童工问题的重视，荷兰议会大厦在旋转门处做了这则广告，
“:带铁链枷锁的女童跟着旋转玻璃门不停的绕圈，不停的劳动” 意味深长 很有震撼力
4. Homeless in Portugal
Here is a creative advertisement that was placed on the underside of trash can lids that reads; "Help. So that no one has to come here food."
葡萄牙流浪者
这则创意广告被放置在垃圾桶盖子的底部，写到“帮帮忙吧，这样就不会有人来这里找食物吃了”

5. Homeless in United Kingdom
These stickers were placed around the United Kingdom and read; “Your Trash is someone else food.“
英联邦的流浪者：
这些帖纸被张贴在英国大街小巷，上面写到“你的垃圾是个别人的食物”   与蓝色的”请把垃圾投入此处“图标交相辉映，有意思

6. Brazil’s Children
In order to help get kids off the streets these floor advertisements look as though there is a child stuck under the street. The ad reads; “Help a child escape the streets. Donate to our children’s villages in Brazil“
巴西儿童
为了能帮助街头的流浪的儿童，这些地面广告设计的就好像，这些儿童在底下挣扎的样子，上面写到”帮助儿童告别街头流浪，捐助巴西的儿童村“

7. Focus
聚焦  福克斯电视台
Here is a cool ad designed to look like a large cardboard sign like that used by many a homeless person.
这是则很酷的广告设计，看起来就像很多流浪者手里举着的纸板，寻求帮助
上面写到：我不介意 这是是给谁看的，但是这并不妨碍能引起人们的关注

8. Homeless India
A billboard used in India to help raise awareness of the rising growth of homelessness there.
印度流浪者
一个印度的户外广告牌，为了帮助人们认识到印度无家可归的的人正在不断增多
上面写到“对一些人来说，这是室内广告” 不错，无家可归，户外就是家，当然就不是“户外广告” outdoor

9. Salvation Army
Another super creative ad by the salvation army to help gain support for their fight on homelessness in Brazil.
salvation army 救世军(基督教的一种传教组织,编制仿部队形式)做的一则广告，希望他们的慈善活动能获得更多支持
报纸裁剪出来的衣服，上面写到“捐助衣物”

10. Homeless in the United States
美国流浪者
Homelessness isn’t just in other countries. This ad was placed on trash cans around the US.
流浪者并不是其他国家才有，美国也不例外，这个广告就是贴在美国户外垃圾桶上的，上面写到“营养成份”

11. World Food Program
This ad reads; “Freeing them from malnutrition and poverty is in your hands.
世界粮食计划
这个广告写到：解除他们摆脱营养不良与贫穷的权力在你手里

12. Brookeline Community Foundation
This origami jacket is made out of a personal check. The ad reads; “Clothing. Just one of the many things your money helps provide to those in need.“
brookeline 交流基金会  这件原创的夹克由个人支票制作而成，上面写到“衣服，只是你的金钱帮助并提供给所需人群的其中一种物品”

13. Berlin Child Hunger
This is a unique bag advertisement in Berlin to promote the need for support with child hunger.
柏林饥饿儿童
这是则在柏林的特殊的的纸袋广告，目的是促进提高对援助饥饿儿童行动的支持

14. UN High Commissioner for Refugees
An advertisement design to help raise money for refugees.
联合国难民事务高级专员
一则专门为帮助提高难民收入的广告

15. UNICEF
An ad that tackles the issue of bad water. Ad reads; “Bad water kills more children than war."
联合国儿童基金会
一则关注污水问题的广告，上面写到“污水杀死的儿童比战争更多"  水枪 也会如此可怕

16. Father Bob Maguire Foundation
Another trash can ad to help raise awareness about the homeless. The ad reads; “For the homeless, every day is a struggle. Donate today and help us feed the homeless. “
父亲鲍勃马奎尔基金会
另一则垃圾桶广告，上面写到”对流浪者来说，每天都是挣扎。今天捐助就可以帮助我们为流浪者提供食物“
左叉又刀，中间一个盘，可惜不是西餐，是垃圾。

17. Homeless in Denver
The ad is actually made up of pictures of homeless people in Denver. The images were removed once each person was helped.
丹佛流浪者
三幅不同时间的广告，less文字随着救助人数而减少，最后全变成了home,一个家

18. WSSCC: Babies
An advertisement aimed at help improve water sanitation.
供水和卫生合作理事会  上面写道：每天都有因腹泻而死的儿童

19. National Coalition for the Homeless
A creative advertisement the uses a coffee cup lid to look like a homeless persons change cup.
全国无家可归者联盟
一则富有创意的广告，把咖啡杯盖子做成流浪者乞讨杯子的样式。里头还有银币图案，阴影的感觉看起来很像真的，

20. Association Against Poverty in Belgium
A startling ad used in Belgium to raise awareness of poverty. Ad reads; “Having to count your pennies every day isn’t fun.”
比利时消除贫困协会
上面写到”数着硬币过活的日子并不是件好玩的事“

21. Amnesty International
This advertisement is designed to get people to donate money to help build refugee camps. The ad reads; “This is where I was when I helped building a refugee camp in Pakistan. “
大赦国际（支持藏毒的大赦国际）
这则广告呼唤人们捐助帮助建立难民营。上面写到 ” 正是这里，我要在巴基斯坦帮助去建立难民营的地方“

22. Salvation Army
The goal of this advertisement was to get people to donate their old clothes for the homeless. The ad reads; “Any old clothes will do. “
救世军(基督教的一种传教组织,编制仿部队形式)
这则广告的目的是为了呼吁人们捐助旧衣物给流浪者。上面写到”任何的旧衣服都可以“   超人的也不列外

23. Israeli Food Bank
Another advertisement to promote homelessness. The ad reads; “Too many people eat on the streets. “
以色列 粮食银行   促进减少街头流浪的广告
厨房的碗柜摆在了街头  广告写到“很多人在街头吃饭”
]]> http://blog.ktmao.com/default.asp?id=409 <![CDATA[FlashLoaded出品的多款精彩flash组件与fla源文件下载]]> ktmao http://blog.ktmao.com/ ktmao@qq.com 2008-10-11T18:22:50+08:00 2008-10-11T18:22:50+08:00



推荐下载，此包包含12个组件或源文件，包括：360 Pan Viewer Pro v1.0.0，3DBox 1.0.1，3DEnvironment 1.0.5，3DPlane 1.0.1，3DWall，Advanced Loader PRO 1.0.1，BannerRotator 1.0.1a，Bit Component Set v.1.3.0，BlogScroller 1.8.0，BounceMenu 1.4.0，Control VR，DropMenu 1.1.0













点击此处下载
]]> http://blog.ktmao.com/default.asp?id=408 <![CDATA[收藏的精美flash+xml图片相册展示程序FLA源文件]]> ktmao http://blog.ktmao.com/ ktmao@qq.com 2008-10-11T17:27:59+08:00 2008-10-11T17:27:59+08:00


点此处下载
]]> http://blog.ktmao.com/default.asp?id=407 <![CDATA[横排flash+xml图片推荐展示程序源代码包括FLA文件]]> ktmao http://blog.ktmao.com/ ktmao@qq.com 2008-10-11T17:24:25+08:00 2008-10-11T17:24:25+08:00

点此处下载]]> http://blog.ktmao.com/default.asp?id=406 <![CDATA[PS教程-photoshop打造微软的MEDIAPLAYER 11的主题外观UI]]> ktmao http://blog.ktmao.com/ ktmao@qq.com 2008-10-06T00:09:18+08:00 2008-10-06T00:09:18+08:00 这个教程主要是制作VISTA效果的微软的MEDIAPLAYER 11的主题外观。它的诱人的色彩，友好的界面无不让人看到为之赞美。在这里就教大家用PS制作mediaplayer 11主题外观界面……
    先看一下效果：


效果图
　　首先在PS中建立一个1024*768，分辨率72像素的文档，背景色用黑色，如下所示：


背景色
　　现在用钢笔工具中的形状图层选项，作出以下形状而后设置“渐变叠加”图层样式：


渐变色


效果
新建立一层，用圆角矩形工具在图中建立播放器的轮廓，颜色代码用121212：


建立播放器的轮廓
　　分别用椭圆工具和圆角矩形工具作出形状图层，在用选区相减命令建立以下形状并设置图层样式，如下所示：


图层样式


渐变色


描边
用圆角矩形工具做出以下形状，并用钢笔工具拖动锚点改变下形状：

圆角矩形工具
　　将改图层的混合模式改成滤色，并将图层不透明度设置为50%：

将图层不透明度设置为50%
　　用自定形状工具加入以下形状并用自由变换命令改变下形状的大小，将颜色代码设置为696969，图层混合模式设置为滤色：

用自由变换命令改变下形状的大小
　　在加入小喇叭的形状，颜色代码用DFDFDF图层混合模式设置为滤色：

加入小喇叭的形状
在加入下面的形状，颜色代码用DFDFDF：

方块型
　　在用直线工具加入播放器底部的高光，颜色代码用484848：


直线工具

　　在用矩形工具加入下列形状并设置图层样式，图层填充度设置为0：

矩形工具
　　

渐变叠加
　　

渐变编辑顺
选用椭圆工具加入一个大些的“播放按钮”，颜代码484848：

椭圆工具
　　

椭圆工具
　　在原来的的按钮基础上在建立一个稍小些的正圆，颜色代码用1E339C：

建立一个稍小些的正圆
　　再在此层上建立新图层，并设置图层样式得到以下效果：

设置图层样式得到此效果
　　

渐变
　　

渐变
　　

描边
在用钢笔工具中的形状图层建立以下形状，并设置图层样式，将图层的填充度设置为22%（这里要注意区分图层填充度和图层不透明度）：

钢笔工具
　　

图层样式
　　

图层样式
　　作好以后把以上的蓝色按钮复制出多的一份放到以下位置，如下所示：

按钮效果
用自定形状工具在图中加入以下形状在设置下描边图层样式：

描边设置



效果
　　用矩形工具建立以下形状并设置图层样式：

渐变叠加
　　

渐变色
　　

效果图
最后再用文字工具和直线工具修饰下细节部分

用文字工具和直线工具修饰下细节部分
　　再来看下最后的效果吧

最后的效果图





]]> http://blog.ktmao.com/default.asp?id=405 <![CDATA[PS教程-photoshop打造水晶按钮,VISTA按钮制作]]> ktmao http://blog.ktmao.com/ ktmao@qq.com 2008-10-06T00:03:57+08:00 2008-10-06T00:03:57+08:00 这个教程制作的水晶按钮比较使用,所以我推荐出本文给大家参考,来源自来源：PS联盟 作者：Sener ,制作方法比较简单不过需要表现出整个按钮的光感，其中也用到了PS滤镜来制作高光，更好的表现出光的多样性。
最终效果

1.新建一个450 * 450像素的文件背景填充为灰色，然后拉出水平和垂直的两条参照线，新建一个图层以参照线交点为圆心，用椭圆选框工具绘制一个正圆然后填充黑色，不要取消选区效果如图1

2.使用渐变工具，颜色为黑白渐变，渐变方式为径向渐变从左上往下绘制渐变，拉好后用画笔工具把右下的位置涂点白色效果如图2

3.调出图层样式，参数设置如图3，效果如图4






4.新建一个图层以参照线交点为圆心绘制一个略小的正圆填充为白色，不要取消选区，然后调出图层样式加点内阴影，参数设置如图5，效果如图6，保持选区用黑色画笔工具不规则的涂抹一下边缘效果如图7






5.新建一个图层以参照线交点为圆心绘制一个略小的正圆，使用黑白径向渐变，由右下向上绘制渐变，效果如图8


6.新建一个图层按字母“D”，把前背景颜色恢复到黑白，然后执行菜单：滤镜 > 渲染 > 云彩，确定后按Ctrl + Alt + F加强一下，然后执行菜单：滤镜 > 模糊 > 动感模糊参数设置如图9，确定后再执行菜单：滤镜 > 扭曲 > 极坐标参数设置如图10，确定后调出下面图层的选区，按Ctrl + shift + I反选按Delete删除，染把图层混合模式改为“滤色”，加上图层蒙版把上面的部分擦掉效果如图12



7.新建一个图层，以参照线交点为圆心用椭圆选框工具绘制一个比下面图层略下的正圆，填充为白色，再把不透明度改为15%，效果如图13


8.新建一个图层，用椭圆选框工具绘制一个小椭圆然后用透明渐变稍微拉一下效果如图14


9.加上一些辅助的光线效果如图15

9.新建一个图层填充为黑色，执行菜单：滤镜 > 渲染 > 镜头光晕参数设置如图16，确定后按Ctrl + Shift + U去色，执行菜单：滤镜 > 扭曲 > 极坐标，参数设置如图17，确定后按Ctrl + F加强一次，效果如图18






10.把图层垂直翻转一下(编辑 > 变换 > 垂直翻转)，然后改小一点，为了好跟按钮的高光部位对齐可以把图层透明度适当调低一点，对齐以后用椭圆选框工具绘制一个正圆如图19，按Ctrl + Shift + I反选按Delete删除，然后把图层混合模式改为“滤色”，效果如图20。




11.最后整体调下光感加文字完成最终效果。








]]> http://blog.ktmao.com/default.asp?id=404 <![CDATA[flash加载多张大小不一图片按比例不变形代码和源文件]]> ktmao http://blog.ktmao.com/ ktmao@qq.com 2008-09-30T02:07:18+08:00 2008-09-30T02:07:18+08:00 .下载 演示


代码:

-----------------------------------------------
stop();
//创建一个新的电影实例,用于侦听事件内的载体
var mc:MovieClip = this.createEmptyMovieClip(”mc”, this.getNextHighestDepth());
//初始图片数
var i:Number = 1;
//图片的宽度与高度设置
var picWidth:Number = Stage.width-10;
var picHeigh:Number = Stage.height-10;
//存贮从导入的外部图片宽度与高度的数组
var outImgWidth:Array = new Array();
var outImgHeight:Array = new Array();
//创建一个侦听事件和对象,用于检查和导入外部图片的数据
var myMCL0:MovieClipLoader = new MovieClipLoader();
var myObject0:Object = new Object();
myObject0.onLoadError = function(target_mc:MovieClip) {  //检查外部总图片数没有了时,导入并显示第一张图片
        myMCL0.removeListener(myObject0);
        i = 1;
        myMCL.loadClip(”imgs/1.jpg”, mc);
};
myObject0.onLoadInit = function(target_mc:MovieClip) {  // ………….以下是关键语句部分…………
        //从外部导入的图片宽度与高度分别存贮到对应的数组中
        outImgWidth.push(target_mc._width);
        outImgHeight.push(target_mc._height);
        //设定一个图片数从0开始计数,用于数组定位
        var j:Number = Number(i-1);
        //设定两个临时变量,存贮导入的图片原本的宽度与高度
        var tempWidth:Number = outImgWidth[j];
        var tempHeight:Number = outImgHeight[j];
        var W_H:Number = Math.floor(tempHeight*picWidth/tempWidth);
        var H_W:Number = Math.floor(tempWidth*picHeigh/tempHeight);
        //如果导入的图片的原本宽度大于高度,同时宽度大于picWidth时
        if (tempWidth>tempHeight && tempWidth>picWidth) {
                //宽度大于高度时
                //首先删除数组中最后一元素
                outImgWidth.pop();
                outImgHeight.pop();
                //如果折算后的高度和宽度都小于显示高度时
                if (W_H<picHeigh && W_H<picWidth) {
                        //再为数组增加一个元素,目的是修改数组使宽度和高度都符合显示要求
                        outImgWidth.push(picWidth);
                        outImgHeight.push(W_H);
                        //如果折算后的高度大于或等于显示高度时
                } else {
                        //再为数组增加一个元素,目的是修改数组使宽度和高度都符合显示要求
                        outImgWidth.push(H_W);
                        outImgHeight.push(picHeigh);
                }
        }
        //如果导入的图片原本的高度大于宽度,同时高度大于picHeigh时                                                                                                                                                          
        if (tempHeight>tempWidth && tempHeight>picHeigh) {
                //宽度小于高度时
                //首先删除数组中最后一元素
                outImgWidth.pop();
                outImgHeight.pop();
                //再为数组增加一个元素,目的是修改数组使宽度和高度都符合显示要求
                outImgWidth.push(H_W);
                outImgHeight.push(picHeigh);
        }
        //如果导入的图片原本的宽度等于高度,而且是等于或超过舞台上的那个像框尺寸时                                                                                                                                                          
        if (tempWidth == tempHeight && tempWidth>=picWidth) {
                //宽度等于高度时
                //首先删除数组中最后一元素
                outImgWidth.pop();
                outImgHeight.pop();
                //再为数组增加一个元素,目的是修改数组使宽度和高度都符合显示要求
                outImgWidth.push(picHeigh);
                outImgHeight.push(picHeigh);
        }
        i++;
        myMCL0.loadClip(”imgs/”+i+”.jpg”, mc);  
};
myMCL0.loadClip(”imgs/”+i+”.jpg”, mc);   //导入外部图片
myMCL0.addListener(myObject0);
//
var myMCL:MovieClipLoader = new MovieClipLoader();
var myObject:Object = new Object();
myObject.onLoadInit = function(target:MovieClip) {  //初始化图片尺寸和居中
        var j:Number = Number(i-1);
        target._width = outImgWidth[j];
        target._height = outImgHeight[j];
        target._x = Stage.width/2-target._width/2;
        target._y = Stage.height/2-target._height/2;
};
myMCL.addListener(myObject);
var keyListener_obj:Object = new Object();  //侦听是否按左右方向键,更换图片
keyListener_obj.onKeyDown = function() {
        switch (Key.getCode()) {
        case Key.RIGHT :
                i++;
                if (i>=outImgWidth.length) {
                        i = outImgWidth.length;
                }
                myMCL.loadClip(”imgs/”+i+”.jpg”, mc);
                break;
        case Key.LEFT :
                i–;
                if (i<=1) {
                        i = 1;
                }
                myMCL.loadClip(”imgs/”+i+”.jpg”, mc);
        }
};
Key.addListener(keyListener_obj);

---------------------------------------------------]]> http://blog.ktmao.com/default.asp?id=403 <![CDATA[300余款精典收藏的英文字体打包RAR(其中包括SONY IBM等知名公司字体)]]> ktmao http://blog.ktmao.com/ ktmao@qq.com 2008-09-30T01:44:22+08:00 2008-09-30T01:44:22+08:00


字体官方网站：http://www.typenow.net/themed.htm


点此下载305个英文字体打包版]]> http://blog.ktmao.com/default.asp?id=402