六月 2nd, 2009  Tags: 图像特效

 

我一直在找这样的特效脚本,今天终于找到了。TJPzoom,一个用javascript/DOM编写的图像放大镜特效。当你把鼠标移动到图片上时,会产生一个放大镜查看效果。更酷的是,可以拖过鼠标的拖拽来改变缩放的大小和距离。

clip_image001

P.S 这对情侣还真够SM的:) TJPzoom是一个开源的图像特效脚本,你可以完全免费使用。进入TJPzoom

http://parandroid.com/tjpzoom-cool-image-magnifier-effects/

六月 2nd, 2009  
    

下面这个教程将告诉你如何使用Scriptaculous框架来达到一个简单的菜单滑动切换效果。(原文:woork /翻译:帕兰).

clip_image001

  1. 首先,你应该在你的网页代码里面调用准备好需要的js文件,放在<head>标签内。    
    <script language=“javascript” src=“scriptaculous/prototype.js”></script>      
    <script language=“javascript” src=“scriptaculous/scriptaculous.js”></script>
  2. 然后你可以使用使用一些简单的代码来向scriptaculous.js发出请求需要什么样的效果,比如使用下面的函数调用“onlick”属性:    
    Effect.toggle(’ID’,’type-of-effect’); return false      
    其中的ID是你想实现效果的层标签,type-of-effect是你要实现的效果。      
    下面是一个简单的示例:      
    <h1 onclick=“Effect.toggle(’about-me‘,’blind‘); return false”>About me</h1>      
    <div id=“about-me“>…some content…</div>      
    请记住,你可以给任何你想要添加效果的HTML元素赋予一个ID标签,然后再给他们不同的特效。
  3. 我说的并不是很清楚,所以给你一个包含示例的JS文件的教程下载包也是应该的。

六月 2nd, 2009  Tags: 菜单效果
    

下面这个教程将告诉你如何使用Scriptaculous框架来达到一个简单的菜单滑动切换效果。(原文:woork /翻译:帕兰).

clip_image001

  1. 首先,你应该在你的网页代码里面调用准备好需要的js文件,放在<head>标签内。    
    <script language=“javascript” src=“scriptaculous/prototype.js”></script>      
    <script language=“javascript” src=“scriptaculous/scriptaculous.js”></script>
  2. 然后你可以使用使用一些简单的代码来向scriptaculous.js发出请求需要什么样的效果,比如使用下面的函数调用“onlick”属性:    
    Effect.toggle(’ID’,’type-of-effect’); return false      
    其中的ID是你想实现效果的层标签,type-of-effect是你要实现的效果。      
    下面是一个简单的示例:      
    <h1 onclick=“Effect.toggle(’about-me‘,’blind‘); return false”>About me</h1>      
    <div id=“about-me“>…some content…</div>      
    请记住,你可以给任何你想要添加效果的HTML元素赋予一个ID标签,然后再给他们不同的特效。
  3. 我说的并不是很清楚,所以给你一个包含示例的JS文件的教程下载包也是应该的。

六月 2nd, 2009   Tags: 图片特效
    

dumpr2

PicArtiaMacOSaiX 创建马赛克图片, 用wavemypic 在线生成动态倒影图片, 用 幕末の古写真風在线生成复古风情照片, 用Redkid制作自己品牌的肥皂生成器, 再挑选3款在线制作杂志封面工具, 顺便用 phototeez为自己弄个大头贴, 还嫌不够的话再从11个在线创建卡通人物形象的网站挑选一个.

图片工具总能让我轻而易举的就创造美丽与神奇, 收获视觉的享受. Dumpr是一个专门提供各种特图片生成工具的网站, 你可以选从本地, 从URL或是从Flickr添加你的图片, 然后选定你喜欢的一个特效, 即可生成, 生成的图片可以下载保存或是快捷分享到热门的社会化网络.

Dumpr所包含的特效图片生成工具有几十种, 比如乐高拼图特效, 数码相片特效, 现代视觉特效图片, 魔方图片特效等等.

六月 2nd, 2009  Tags: PhotoShop,Photoshop文字特效
    

 

特效文字的制作一直以来都是Photoshop的拿手好戏,您只要在输入文字后,双击图层面板下的“文字”层,在弹出的“效果”对话框中选择一些效果,然后进行简单的参数设置就可以轻松制作出漂亮的文字了。但这些特效对于我们来说还是远远不够的,本站之前也介绍过10个Photoshop文字特效,不过里面的特效制作教程都是英文的,并不是每位朋友都能看得懂。本文里面则收集了国内的一些Photoshop文字特效创建教程和相关的免费特效下载。

走近Photoshop文字特效

火焰字和结冰字是Photoshop特效文字中比较简单的制作,这篇文章就以这种特效文字向新手介绍如何制作Photoshop文字特效。

Photoshop精彩特效大全

Photoshop各种丰富的笔刷、图层样式、效果滤镜等为我们制作特殊效果提供了很大的方便,无论是单独使用某种工具或是综合运用各种技巧,Photoshop都能帮助我们创造出神奇精彩的特殊效果。天极设计在线特别为大家整理了各种Photoshop的特效以及它们的制作方法。含Photoshop手绘字,Photoshop绘制错乱拼帖立体特效字,Photoshop巧克力特效字,PS水滴字,PS指纹字特效, PS立体镏金字, PS青草字特效, PS龟壳纹理特效字, PS汉堡包字, PS黄金龙鳞字等。

clip_image001

Photoshop精彩特效大全

48个Photoshop质感特效文字样式

太平洋电脑网提供的一组Photoshop质感特效文字样式,共包含有48个特效。适应范围:Photoshop 6.0及以上版本,或Photoshop Elements 2.0及以上版本。

clip_image002

48个Photoshop质感特效文字样式

Photoshop特效字制作集锦

TOM科技提供的20个Photoshop特效字制作教程。虽然不是太漂亮,不过作为入门学习还是不错的。包含PhotoShop水晶字, PhotoShop面包圈字, PhotoShop钻石字, PhotoShop胶囊字, PhotoShop火焰字, PhotoShop爆炸字, PhotoShop彩纸字, PhotoShop堆雪字, PhotoShop腐化字, PhotoShop金属字, PhotoShop甜饼字, PhotoShop大理石字, PhotoShop迷彩字, PhotoShop纸片字, PhotoShop印章字, PhotoShop七彩字, PhotoShop虹彩透空字, PhotoShop透明浮雕字, PhotoShop立体纹理字, PhotoShop电流字。

clip_image003

PhotoShop特效字制作集锦

六月 2nd, 2009  Tags: PhotoShop,Photoshop文字特效
    

关于Photoshop文字特效,我们已经为你展示过很多,比如25个神奇的PhotoShop 3D文字特效教程基础Photoshop文字特效教程和资源,以及10个PhotoShop文本特效。而现在在这里,你将看到更多惊人的Photoshop文字特效和相关的实现教程。做为一个PS爱好者,你不能错过这些东西。

华丽的文字效果

Papercraft文字效果

多彩的光辉文字效果

烟雾文字效果

铁人三项文字效果

火焰流星文字效果

星球大战文字效果

分层炙热的文字效果

6个从零开始的文字效果教程

壮观的三维文字效果

三维草地文字效果

戏剧消防文字效果

软程式化的三维型

糖果包衣文字效果

现实的铬和光滑的塑料文字效果

阴影文字效果

时尚复古文字效果

梦设计的三维文字效果

悬浮文字效果

内文文字效果

霓虹灯文字效果

超酷Frilly位文字效果

针中的文字

木材镶嵌文字效果

车牌文字效果

地狱之文字特效

水彩文字效果

补丁文字效果

疯狂的文字效果

星际争霸2 :文字效果

原文作者:Enrique Flouret  
原文链接:30 Awesome Photoshop Text Effects Tutorials    
翻译:Andyone