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

馨香若兰

我爱幽兰异众芳,不将颜色媚春阳

 
 
 

日志

 
 

【转载】 自已动手做特效字《上篇》  

2015-07-15 14:33:24|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载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>

请朋友们看一下

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

===================================

===================================

  评论这张
 
阅读(9)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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