登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

杨东小园

hu320521@163.com

 
 
 

日志

 
 

自已动手做特效字《上篇》  

2009-08-05 06:27:27|  分类: 初学者园地 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

自已动手学做特效字《上篇》

    在网络上,经常可见到很多精彩漂亮的动态特效字,如若要想自已动手做特效字,必需要用代码来完成,可是对一个不懂英语的人来说,见直是忘想,根本不可能,其实不然,我认为,代码是符号,什么符号起什么作用,慢慢地去认识,一个一个记录下来,然后靠自已的百倍努力从头学起,一步一步地去深入探索做实验,说不一定我们也能成功,

    功夫不负有心人,经过好多次实习,目前也能做最简单的动态字了,虽谈不上什么特效,但总算是成功了,为此,就把这些实际实验资料全面地记录下来;可供自已备忘,也可供有兴致的朋友们共同学习,这也是我个人最笨的做法,请朋友们不要见笑,如有不对不妥的地方,请朋友们提供更多更好的帮助.

自已动手做特效字《上篇》 - 杨东 - 杨东小园

第一部份

从头学做如何取得原始代码

    要取得原始代码,其实并不难,我们现在就开始分步实施,首先我们在写日志的状态下,输入一行文字,例如→(★自已动手学做特效字★).然后打开<>→<显示HTML代码>窗口,当展现底面时就能轻易地看一这行文字自动生成的原代码.如果要得到这个代码,就只要复制保存保管,具体操作方法,详见以下输入文字及示例示意图:

以下是输入实例实样(红色)

★自已动手学做特效字★

如何在<HTML>中取得代码?

第一步:在写日志状态下;输入文字、抹黑、选取字号、加粗、选择颜色。

第二步:打开<>HTML按纽

详见以下示意图 

自已动手做特效字 - 杨东 - 杨东小園hu320521

 

自已动手做特效字 - 杨东 - 杨东小園hu320521

 

 从<HTML>中复制下来的代码:如下

注:以下把这个代码简称为原始代码

<FONT face=楷体_GB2312  size=6 color=#ff0000><STRONG>★自已动手学做特效字★</STRONG> </FONT>

简析代码含意

我们得到的这代码中,<FONT英语意思是字体,这也就是确定的首要(任务)的开始,字体=楷书,字的大小 size=6>.颜色color=#ff0000红色的,>以上就用括号括入一起,这就是主要任务和要求的一个小段,以下是<STRONG>英语解释是强壮,代码中是表达加粗之意,然后是★输入文字★不加引号,文字后边是</STRONG>文字加粗结束,最后是</FONT> 字体任务)结束,也就是此项字体任务从开始到完全结束.

懂得了代码含意我们就能实施试验了.

上述这代码很简单,表达得也很明确清楚,但是这输入的文字不会动,如何能促使这行字能运动呢?我们就要给这个(字体任务)加上一个动态元素,

我们在以上已学到了,已知(字幕大帐篷走马灯是<MARQUEE>,)走马灯就是动态源.我们就把这个代码单元代入到这组原始代码的前边去,带动这个原始代码整体的运行.然后要在代码最下边同时加上结束语</MARQEE>.注:否则会带动以下所有文字同时运动。如若要让文字游动,就必定要在这代码中加动态元素.

加入动态元素后新组建的代码如下:

注:红色部份是新增动力源,绿色部份是从<HTML>中取出的原始代码,

 <MARQUEE> <FONT face=楷体_GB2312  size=6 color=#ff0000><STRONG>★自已动手学做特效字★</STRONG> </FONT> </MARQUEE>

怎样操作把以上的代码写入日志并让此行文字能起到游动的效果呢?

我们把这新组建的代码复制,重新打开表头上的<>标记,进入<显示HTML代码>状态,把复制好的代码粘贴到展开的底面,再闭合HTML<>标记,当HTML闭合后,重新返回到写日志的状态下,就能看到红色的(★自已动手学做特效字★)已经生成,你再点一下<发表日志>按纽,就能有效地看到这行文字从右到左才能移动了

详见以下实例

,★自已动手学做特效字★

自已动手做特效字《上篇》 - 杨东 - 杨东小园

实例浅析;

从这个实例的英语词汇解释,代码的含意如下,

一个单元代码『<MARQUEE>』,英语词汇解释是字幕大帐蓬跑马灯,这个代码,就是带动文字运动的动力元素,无论什么运动方向,缺了这代码元素,文字就都不动.

第二个代码单元是『<FONT 』英语词汇解释是字体.是这个代码中的主题任务.

第三个代码单元是face=楷体_GB2312  英语汇意是;脸面容=楷体,

第四个代码单元是『color=#00ff00 』英语词汇解释是颜色=是绿色的色码,

第五个代码单元『size=4』是指文字的大小,

六部份是<STRONG>文字的加粗和输入文字的对象,

后边是结束</FONT>字体的结束</MARQUEE>字幕大帐蓬跑马灯的结束.

综上所表述的总意;

    <动力源>带动→<字幕目标任务 字型、字体、绿色、4号字>《输入文》字 </结束字幕任务></结束动力源>.

    从以上实例所见,我们完全有能力,自已依靠网络,自动生成了自已创建的代码,我非常高兴地跟朋友们说声,成功了,对我这个只懂得几个英语单词的老汉来说,是件不容易的事,确实是很满足了,这是我自学的成果,虽还处于起步阶段,我相信,我在朋友们的关心和支持下,一定要一步一步地深入学下去.我坚信,功夫不怕负有心人呀.

自已动手做特效字《上篇》 - 杨东 - 杨东小园

(第二步份)

如何改变运动方向

(1)如何改普为从左到右游动

    我们进一步实验改变运动方向,在以上学到的已知『direction=right』这个代码元素是指定向=右,原有的动态源<MARQUEE>没有指定方向时是顺向游动,,自动从右到左游动,现在我们就用『direction=right』这代码单元改变运行方向.把以上代码中的动态源,<MARQUEE direction=right >』 增加一个方向代码direction=right,修改成从左到右.

(从左到右游动)新组建的代码如下;

<MARQUEE direction=right><FONT face=楷体_GB2312 color=#FF00FF size=6> <TRONG> ★自已动手学做特效字★</RONG></FONT></MARQUEE>

从左到右的实效如下

(注:以上新增的代码为粉红色标记)

★自已动手学做特效字★

 

    以上实例完全证明<MARQUEE direction=right>改变运动方向为从左到右,完全有效

 (2)如何改变为从上到下运动方向  

    我们可以在特效字代码中找出一个代码元素【down】这个英语单元词意是(向下的)然后,把这个单元代码,代入到动源素中去,修改后的代码如下;

(注:绿色部份是修改的代码}

<MARQUEE direction=down><FONT face=楷体_GB2312 color=#FF0000 size=8> <TRONG>  《实习特效字代码》</RONG></FONT></MARQUEE>

详见修改后的实例效果;

★自已动手学做特效字★

 

        以上实践所见这实效缺点是:偏左不能居中,如何能把文字居中,详见以下实验.

自已动手做特效字《上篇》 - 杨东 - 杨东小园

(3)如何改变为从下到上运动同时修改为居中 

如何放慢运行速度  

   如何由下而上运行,必须要找到单元代码,这个单元代码,人能认识,是up,英语单词解释是(向上的),我就用这单词代入到动源素中directiom=之后边.

    能加于控制为中心的英语词汇很容易找到,只要在写日志状态下,打上一个字,抹黑居中,点开<HTML>后到,显示代码的底面上去取,allgn=center.这就是集合中心之意.但是,按常规要用到居中集中就必需要加上一个P元素,表示开始居中和集合集中在一起,所以组合的代码是<P align=center>  

    能使撑握运行速度的是时间因素,【scrollAmount=1】 这个英语的单元词意是;移动速成度,等号后边的数什越大越快,我们就用这单元 代入动源中,数值设定为1. 

scrollAmount=1

这二个单元符号找到后我们就可发代入到整体组合代码中去了;

修改后的代码如下,

注:以下代码中,粉红色是控速绿色鄣份是由下而上红色部份是居中代码

<MARQUEE scrollAmount=1 direction=up> < P align=center> <FONT  face=楷体_GB2312 color=#FF0000 size=8 > <TRONG>  《实习特效字代码》</RONG></FONT></P></MARQUEE>

实例实样如下

 

《实习特效字代码》

   

上是左右上下的运行方向,都能如愿地成功了,

以下我们着重来学习如何设定文字颜色

自已动手做特效字《上篇》 - 杨东 - 杨东小园

如何设定文字颜色

(1)从下到上的移动方向

    我们就用原始代码为例,一步一步深入学习,如何把上例实样中的文字设置为彩色字,我就用在线编辑来处理,按照目前的水平,是不可能单凭想像来写出代码,只能在线生成了代码,我们再从<显示HTML代码>中取出来,也就是反选之法,

第一步:复制上例代码,打开<显示代码窗口,贴入复制好的代码,闭合<>窗口.

按以上第一张(示例示意图)操作

第二步:实施用在线编辑方法现场操作(详见以下操作示例示意图)

 请详见以下操作实例示意图

自已动手做特效字 - 杨东 - 杨东小園hu320521

自已动手做特效字 - 杨东 - 杨东小園hu320521

 

自已动手做特效字《上篇》 - 杨东 - 杨东小园

说   明

我们放入HTML底面的代码是前一个实例的代码,代码如下;

<MARQUEE scrollAmount=1 direction=up> < P align=center> <FONT  face=楷体_GB2312 color=#FF0000 size=8 > <TRONG>  《实习特效字代码》</RONG></FONT></P></MARQUEE>

而通过在线编辑,使红色字原状改成了彩色字后,只能重新点开<显示HTML代码>中去复制取出来,也就是依附网络来生成代码,然后从HTML底面上,把此代码复制保存,是用反选的方法取得代码.这也是我最笨的方法之一,

在线生成的彩色字代码如下

注:这是从<显示HTML代码>底面板上(反选)取得的代码

<MARQUEE scrollAmount=2 direction=up>

<P align=center><FONT face=楷体_GB2312 color=#ff0000><STRONG><FONT size=6>★<FONT color=#ff0000><FONT color=#ff6600>自</FONT><FONT color=#cc9900>已</FONT><FONT color=#cccc00>动</FONT><FONT color=#ccff00>手</FONT><FONT color=#ff0000>学</FONT><FONT color=#009900>做</FONT><FONT color=#66ffff>特</FONT><FONT color=#ff00ff>效</FONT></FONT><FONT color=#008000>字</FONT>★</RONG></FONT></STRONG></FONT></P></MARQUEE

 以上的代码,就是从<HTML>底面上取得的,我们可以看到,此代码完全不同于刚才放入时的代码了,除了第一小节中的 <动态源、移动速度、运动方向>第二小节中的每一个字都多了<文字FONT>和<颜色-不同的色码>,如果按我的水平,跟本办不到,但是,我就依赖于在线编辑,也能反选取得,是网络帮助我完成.这代码虽不是我创造发明,也能算是我自已制作的代码吧,从以上证明,我们用最笨的方法,也能自制代码,

自已动手做特效字《上篇》 - 杨东 - 杨东小园

(2)从右到左的彩色特效字

我们既然能反选得到彩色字的代码,那我们也就能参考这个代码,不用反选,自已来制作一个从右到左的运动方向,也就是用第一个原始代码加上动力元素,自已试写一个彩色字特效代码,

原始代码为;<MARQUEE> <FONT face=楷体_GB2312  size=6 color=#ff0000><STRONG>★自已动手学做特效字★</STRONG> </FONT> </MARQUEE>

我们就用以上代码,按照反选代码,肥八种不同颜色的色码,自已来写一个代码,

<MARQUEE><FONT face=楷体_GB2312 color=#ff0000 size=8><STRONG>★<FONT color=#ff0000>自</FONT><FONT color=#ff99cc>已</FONT><FONT color=#ff6600>动</FONT><FONT color=#ffcc00>手</FONT><FONT color=#008000>学</FONT><FONT color=#00ff00>做</FONT><FONT color=#00ffff>特</FONT><FONT color=#99ccff>效</FONT><FONT color=#99cc00>字</FONT>★</STRONG> </FONT></MARQUEE>

请朋友们看一下

这是我第一次自已编写的代码,我很高兴成功了.

自已动手做特效字《上篇》 - 杨东 - 杨东小园

自已动手做特效字《上篇》 - 杨东 - 杨东小园

 

自已动手做特效字《上篇》 - 杨东 - 杨东小园

杨东小园
热烈欢迎诸君光临
感谢指导

自已动手做特效字《上篇》 - 杨东 - 杨东小园

热烈欢迎诸位贵宾莅临本博赐教指导

养生宝典 四季养生 民间土方 中华名画长卷 历代国画 怀旧电影 电视剧场
博客建议 博客技巧 博客代码 杨东小园博客动态欢迎 博客素材 音乐网址 名人博客
 简作音画. FLASH视频教程 PS视频教程 U5实例制作视频教程 3D文字制作视频教程 各类图片.
颜色代码  在线制作工具. 杨东热烈欢迎各位贵宾莅临小园赐教指导,祝愿诸君健康快乐 幸福永远!  在线视频教程 复制代码处
生活知识 美图美景 各种边框 新解红学 各种书架 词文朗诵 学博园地
音画欣赏 孙子兵法 娱乐游戏 经典音乐 红楼画集 历史回顾 杨东小园

 

自已动手做特效字《上篇》 - 杨东 - 杨东小园

 

自已动手做特效字《上篇》 - 杨东 - 杨东小园自已动手做特效字《上篇》 - 杨东 - 杨东小园自已动手做特效字《上篇》 - 杨东 - 杨东小园

自已动手做特效字《上篇》 - 杨东 - 杨东小园

自已动手做特效字《上篇》 - 杨东 - 杨东小园

自已动手做特效字《上篇》 - 杨东 - 杨东小园

自已动手做特效字《上篇》 - 杨东 - 杨东小园

自已动手做特效字《上篇》 - 杨东 - 杨东小园

 

 

 

  评论这张
 
阅读(1085)| 评论(8)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018