WORDアートの作り方(VML)
そうしましたら VML+TIMEの基本ソース の<body>と</body>の間に 上の黒いソースの部分だけ入れます
そうしました そのソースを <div id="kuppy" class="time"
begin="0">● </div> ●の部分に入れます
次に<v:shape id="_x0000_s1026" の部分のid を好きなのに変えます <v:shape
id="happy" と一応入れておきますね
赤い部分が配置ですね 好きな数値に入れてみてください
青い部分が 文字のサイズです。大きさも変えてみてくださいね
<div id="kuppy" class="time" begin="0">
<v:shape id="happy" type="#_x0000_t158" style='position:absolute;
left:0;text-align:left;margin-left:20.25pt;margin-top:61.5pt;width:226.5pt; height:41.25pt;z-index:1'
fillcolor="#3cf" strokecolor="#009" strokeweight="1pt">
<v:shadow
on="t" color="#009" offset="7pt,-7pt"/>
<v:textpath
style='font-family:"MS
Pゴシック";v-text-spacing:52429f;
v-text-reverse:t;v-text-kern:t' trim="t"
fitpath="t" xscale="f" string="Happy birthday"/>
</v:shape>
</div>
その下にTIMEのソースを入れてみましょう 今回はトランディッションを入れてみますね<t:transitionFilter id="GradientWipe1" targetElement="
image1"
type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=0.5)"
mode="in" begin="
image1.begin" dur="2"
autoreverse="false" repeatcount="1" />
image1のところの idはhappy
そしてbeginのところは 今回は上とあわせます 0に設定してくださいこれで できると思います ワードもやってみてくださいね
次回は ワードの文字のグラデーションを メールしますね ご存知の方は ごめんなさいね クッピー
<!--[if gte vml 1]><v:shapetype id="_x0000_t158"
coordsize="21600,21600"
o:spt="158" adj="1404,10800"
path="m@37@0c@38@3@39@1@40@0@41@3@42@1@43@0m@30@4c@31@5@32@6@33@4@34@5@35@6@36@4e">
<v:formulas>
<v:f eqn="val #0"/>
<v:f
eqn="prod @0 41 9"/>
<v:f eqn="prod @0 23 9"/>
<v:f eqn="sum 0
0 @2"/>
<v:f eqn="sum 21600 0 #0"/>
<v:f eqn="sum 21600 0
@1"/>
<v:f eqn="sum 21600 0 @3"/>
<v:f eqn="sum #1 0
10800"/>
<v:f eqn="sum 21600 0 #1"/>
<v:f eqn="prod @8 1
3"/>
<v:f eqn="prod @8 2 3"/>
<v:f eqn="prod @8 4
3"/>
<v:f eqn="prod @8 5 3"/>
<v:f eqn="prod @8 2
1"/>
<v:f eqn="sum 21600 0 @9"/>
<v:f eqn="sum 21600 0
@10"/>
<v:f eqn="sum 21600 0 @8"/>
<v:f eqn="sum 21600 0
@11"/>
<v:f eqn="sum 21600 0 @12"/>
<v:f eqn="sum 21600 0
@13"/>
<v:f eqn="prod #1 1 3"/>
<v:f eqn="prod #1 2
3"/>
<v:f eqn="prod #1 4 3"/>
<v:f eqn="prod #1 5
3"/>
<v:f eqn="prod #1 2 1"/>
<v:f eqn="sum 21600 0
@20"/>
<v:f eqn="sum 21600 0 @21"/>
<v:f eqn="sum 21600 0
@22"/>
<v:f eqn="sum 21600 0 @23"/>
<v:f eqn="sum 21600 0
@24"/>
<v:f eqn="if @7 @19 0"/>
<v:f eqn="if @7 @18
@20"/>
<v:f eqn="if @7 @17 @21"/>
<v:f eqn="if @7 @16
#1"/>
<v:f eqn="if @7 @15 @22"/>
<v:f eqn="if @7 @14
@23"/>
<v:f eqn="if @7 21600 @24"/>
<v:f eqn="if @7 0
@29"/>
<v:f eqn="if @7 @9 @28"/>
<v:f eqn="if @7 @10
@27"/>
<v:f eqn="if @7 @8 @8"/>
<v:f eqn="if @7 @11
@26"/>
<v:f eqn="if @7 @12 @25"/>
<v:f eqn="if @7 @13
21600"/>
<v:f eqn="sum @36 0 @30"/>
<v:f eqn="sum @4 0
@0"/>
<v:f eqn="max @30 @37"/>
<v:f eqn="min @36
@43"/>
<v:f eqn="prod @0 2 1"/>
<v:f eqn="sum 21600 0
@48"/>
<v:f eqn="mid @36 @43"/>
<v:f eqn="mid @30
@37"/>
</v:formulas>
<v:path
textpathok="t" o:connecttype="custom"
o:connectlocs="@40,@0;@51,10800;@33,@4;@50,10800"
o:connectangles="270,180,90,0"/>
<v:textpath on="t" fitshape="t" xscale="t"/>
<v:handles>
<v:h position="topLeft,#0"
yrange="0,2229"/>
<v:h position="#1,bottomRight"
xrange="8640,12960"/>
</v:handles>
<o:lock v:ext="edit" text="t"
shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1026" type="#_x0000_t158"
style='position:absolute;
left:0;text-align:left;margin-left:20.25pt;margin-top:61.5pt;width:226.5pt;
height:41.25pt;z-index:1'
fillcolor="#3cf" strokecolor="#009" strokeweight="1pt">
<v:shadow
on="t" color="#009" offset="7pt,-7pt"/>
<v:textpath
style='font-family:"MS
Pゴシック";v-text-spacing:52429f;
v-text-reverse:t;v-text-kern:t' trim="t"
fitpath="t" xscale="f" string="Happy birthday"/>
</v:shape><![endif]-->
デスクトップに文書1として保存されたものをクリックして開き
先ほどのワードアートがあることを確認します
そしたら 【表示】→【ソースをクリック】
ソースを開きます そうすると沢山のソースが並んでいますね
その中から<!--[if
gte vml
1]> のソースを探すと 下のソースになります
そこから いるものだけを 取り出します
赤い部分を削除します ぐーんと少なくなりますね ひょっとしたら もっと削除できるのかもしれませんが
アセアセo(^^;o)Ξ(o;^^)oΞo(^^;o)Ξ(o;^^)oドウモ〜♪
左図のようなのが画面に出ます
周りが黒いポッチで囲まれていますね
これはワードアートを動かそうと思っても動きません
ですから ワードワーとをクリックすると犬のマークが出てきます
それをクリックして 前面をクリックすると
下のように 黒から白に変わります
そうすると自由に動かすことができます
そしたら 下図のように 【ファイル】→【名前をつけて保存】 ファイルの種類のところを 下記のように
Webページにしてくださいね
分かりやすいように デスクトップに保存されるといいですよ
左図の下のほうのAが傾いているのをクリックすると
左図のワードアート ギャラリーが出てきます
好きな形をクリックして OKボタンを教えてください
それから 下図のここに文字を入力に 好きな文章を
入力します OKボタンをクリックします
左図のように 図形描画のツールバーを出しておくと便利です
WORDでの文字の作り方をご披露しますね 初心者向けです
このWORDアートはxpを使用しています
まず WORDを開きますね そしたら 【表示】→【WEBレイアウト表示】にします
それから 【ツール】で次のように出します