元祖ドラえもん〜大阪発肩身の狭いドラゴンズファン

野球素材いろいろ

野球素材

野球素材いろいろ

バント

キャッチャー

バッター

ヘッドスライディング

監督

ノック

アンダースロー

カーブ

フォーク'''

ナックル

シュート

ストレート

トス

ぶんぶん

キャッチャー

キャッチャーマスク

審判

ヒット

盗塁

wikiのお勉強箱「野球スコアボード(見本）」

野球スコアボード(見本）

そろそろ開幕なので、スコアボードを作ってみました。
文字数が多く、文字数オーバーになるので、見本とソースが別のページに・・・。
下にソースページのリンクを貼ってるので、そちらを参照！

	１	２	３	４	５	６	７	８	９	計	安	失
中日	2	3	3	1	4	1	2	0	0	16	28	0
巨人	0	0	0	0	0	0	0	0	0	0	2	2

広島	ヤクルト	阪神	横浜

スコアボードのソースはこっち

動く文字・画像を作ろう！！

うごツール

今回は誰でも簡単に動く絵・文字が作れるソフトを紹介！

アニメータ等デザイン系ソフトが無い！難しい！人にも簡単です！

うごツールはこちらから

ドラえもん絵描き歌文字 　↑こっちがアニメーション保存した物です！

ドラえもん絵描き歌ドラ こっちがＶＴＲ保存した物です。

作り方はこちら！！（まずはソフトをダウンロードしてね！

起動した画面説明 　●まずはプロパティーで画像の大きさを決めましょう　●曲線モード、直線モード等使い、字や絵を描く　●やり直しボタン等はエクセルとかと同じです。　●ゆれながらは書きにくかったら、STOPボタンで止めましょう。

書き終わったら 　●保存ボタンを押します。　●揺れアニメーションかＶＴＲか選びましょう。　●サンプルの文字がアニメーション。ドラがＶＴＲです。　●後は保存する場所を選べば終わり。ＧＩＦで保存されます。

ＧＩＦですので、そのままブログにＵＰできますね！

絵が上手な人はいいけど、私のドラは・・・。

下手なのはカンベンです(>_<）　アニメーターならうまく作れるのに・・・。

グラデーション付き縦書き

グラデーション付き縦書き

縦書きのグラデーション背景です。 半角スペースで改行。　改行しなくても文字数が長ければ自動的に改行されます。

ソースはここ

||<#FFFFFF' style='width:560px;color:white;text-align:center;line-height:20px;border:solid#FF2B60 3px;word-spacing:560px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#FFD5AA,endcolorstr=#EA7500,gradienttype=0);writing-mode: tb-rl' `` 縦書きのグラデーション背景です。  [[img(画像URL)]] ここに文章||

●長いですが、ソースの所は全部で1行です。
●改行は半角スペース
●画像の縦幅に対する文字数で改行されます。
●startcolorstr　→　#・・・がグラデーション始めの色
●endcolorstr　→　#・・・がグラデーション最後の色
●gradienttype　→　0だと右から左へ、1だと上から下へグラデション

グラデーションで縦書き応用編(画像背景)はこちら↓

グラデーションで縦書き応用編(画像背景)

wikiのお勉強「縦のライン」

縦のラインを引こう！

これが基本

ソースはここ

||<#FFFFFF' style=';border-left:solid 6px;border-right:solid 6px;border-color:#ff0000;' ``これが基本||

普通は「border」の指定には、「top」(上指定)や「bottom」(下指定)が定番ですが、

「ieft」（左指定）「right」（右指定）をそ指定すると、左右に縦ラインを引けます。

「solid」なら→１本線 「double」なら→二重線

「ff0000」→赤色指定 

書体・文字サイズ・色を変更

ソースはここ

||<#FFFFFF' style='font:bold 12pt;color:#00FF00;border-left:double 4px;border-right:double 4px;border-color:#00FFFF;' ``書体・文字サイズ・色を変更||

「bold」書体指定（太字）、「12pt」文字大きさ指定、「00FF00」文字色指定（黄緑）

「solid」（１本線）から、「double」ライン指定（２本線）に変更

線の長さ・文字位置・ラインを変更

||<#00FF00' style='font:bold 12pt;color:#FFFFFF;text-align:center;border-left:groove 4px;border-right:groove 4px;border-color:#00FFFF;width:560px;height:50px;' ``線の長さ・文字位置・ラインを変更||

さらに「560px」（横幅指定）「50px」（高さ指定）「center」（文字位置指定）を追加。