超初心者が綴るWiki実例

ぱたぱた画像作成

Wiki練習（20）複数の静止画像を１枚のアニメ画像にしてみよう

私がブログトップに使用しているパタパタと動く写真（パタパタ写真）の作成方法を披露します。

ちなみに下記無料のソフトをダウンロードして使いました。

【 ソフト名 】Visual G++ Ver.2.2
【  対応OS  】Windows95/98/Me/NT/2000/XP/Vista 以降
【   種別   】フリーウェア(JWord/Yahoo!アフィリエイト)
【  制作元  】LNsoft Entertainment
【　サイト　】http://www.lnsoft.net
【  メール  】support@lnsoft.net

通常、皆さまがブログに載せる画像はJPEG形式が多いと思いますが、パタパタ写真はGIFアニメーション形式に変換する必要があります。

このソフト『Visual G++』は、JPEG形式の複数の画像ファイルをドラッグ＆ドロップによる簡単な操作で｢あっ｣という間に一括生成してくれるGIFアニメコンバーターなんですヨ。

では、ヤフブロに載せる画像作りの実験開始とまいりましょう。

作業開始で～す

①使用する画像３枚をデスクトップに置く

画像サイズは同じモノを用意するのがコツです。

②ソフト起動画面

③デスクトップの画像を1枚づつ繰り返しドラッグ＆ドロップする

ここの作業では、フラッシュする間隔を設定できます。
このサンプルでは10秒/100で設定

④GIFアニメ化を押し、画像に名をつけ保存する

ジャ～ン、これで完成　ここだけはユックリご覧ください！

これで３枚の静止画が１枚のGIFアニメ画像に変わりました。

この画像をブログに添付する場面からは、みなさんご存じの所でしょうから省略します。

ただし、ヤフーブログでは1枚のサイズが１メガ以下と規制がありますから、ご注意ください。

つまり、フラッシュする枚数が多ければ１枚当たりのサイズは小さくしないと１メガをオーバーしてしまいます。

このソフト以外にも無料で入るものがあります。検索で「パタパタ写真」で探してみてください。

言い訳するんじゃありませんが････
週末のお天気でどこにも行けず、こんな記事を（汗）

コメント（44）

トラックバック（2）

カラー背景に写真と文章を入れる

Wiki練習（19）　　色のついた背景に写真と文章を入れてみよう

投稿時には　Ｗiki文法にチェック（レ点）を入れる

①写真を中央にして文章を入れる

入力例

||<#000000'style='width:530px;color:#ffffff;font-size:16px'`` [[attached(x,center)]]文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章||

（説明）

#000000'→　黒地　
style='width:530px;　→　幅
color:#ffffff;　→　文字の色（白）
font-size:16px'``　→　文字の大きさ
[[attached(x,center)]]　→　x番の写真を中央にセット　見本の写真サイズは500px

①結果▼

文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

②写真を左側にして文章を入れる

入力例

||<#800080'style='width:530px;color:#ffffff;font-size:16px'`` [[attached(x,left)]]文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章||

（説明）

#800080'→ 紫地　
style='width:530px;　→　幅
color:#ffffff;　→　文字の色（白）
font-size:16px'``　→　文字の大きさ
[[attached(x,left)]]　→　x番の写真を左側にセット　見本の写真サイズは300px

②結果▼

文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

③写真２枚を並べて文章を入れる

入力例

||<#008000'style='width:530px;color:#ffffff;font-size:16px'`` [[attached(x)]] [[attached(x)]]文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章||

（説明）

#008000'→ グリーン地　
style='width:530px;　→　幅
color:#ffffff;　→　文字の色（白）
font-size:16px'``　→　文字の大きさ
[[attached(x)]] [[attached(x)]]　→　x番とx番の写真を２枚並べる　見本の写真サイズは260px

③結果▼

文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

コメント（20）

トラックバック（0）

カラー背景地に長文のカラー文字を

Wiki練習（18）　　色のついた背景に長文文字を入れてみよう

投稿時には　Ｗiki文法にチェック（レ点）を入れる

（文例の文章は08･1･28　13:33発信　さちこカフェより転載しました）

（注）フォントサイズpx'の後ろ（工藤選手がアリゾナ～という文言の前）にチョンチョン‘‘（半角で）を必ず入れてください

||||<#000080' style='width:530px；word-spacing:530px;color:#ffffff;font-size:10px'``工藤選手がアリゾナで行なった自主トレに、正捕手の相川選手と4人の若手選手(高宮選手、秦選手、吉原選手、黒羽根選手)が同行し、トレーニングに励みました。中でも、今年新成人となった参加選手中最年少の黒羽根選手は、成人式への出席よりもアリゾナでの自主トレを志願して参加しただけに、帰ってきた時には、本当にイキイキした表情をしていました。バネリンの今期の活躍に期待！||　

背景地色 ＝ ネイビー（#ff0080）　文字の色 ＝ ホワイト（#ffffff）

▼上記の条件で実験した結果で～す。

工藤選手がアリゾナで行なった自主トレに、正捕手の相川選手と4人の若手選手(高宮選手、秦選手、吉原選手、黒羽根選手)が同行し、トレーニングに励みました。中でも、今年新成人となった参加選手中最年少の黒羽根選手は、成人式への出席よりもアリゾナでの自主トレを志願して参加しただけに、帰ってきた時には、本当にイキイキした表情をしていました。バネリンの今期の活躍に期待！

▼背景地がパープル（#800080）の場合

工藤選手がアリゾナで行なった自主トレに、正捕手の相川選手と4人の若手選手(高宮選手、秦選手、吉原選手、黒羽根選手)が同行し、トレーニングに励みました。中でも、今年新成人となった参加選手中最年少の黒羽根選手は、成人式への出席よりもアリゾナでの自主トレを志願して参加しただけに、帰ってきた時には、本当にイキイキした表情をしていました。バネリンの今期の活躍に期待！

▼背景地がネイビー（#000080）、文字が黄色（#ffff00）の場合

工藤選手がアリゾナで行なった自主トレに、正捕手の相川選手と4人の若手選手(高宮選手、秦選手、吉原選手、黒羽根選手)が同行し、トレーニングに励みました。中でも、今年新成人となった参加選手中最年少の黒羽根選手は、成人式への出席よりもアリゾナでの自主トレを志願して参加しただけに、帰ってきた時には、本当にイキイキした表情をしていました。バネリンの今期の活躍に期待！

▼背景地が水色（アクア　#00ffff）、文字が赤色（#ff0000）の場合

工藤選手がアリゾナで行なった自主トレに、正捕手の相川選手と4人の若手選手(高宮選手、秦選手、吉原選手、黒羽根選手)が同行し、トレーニングに励みました。中でも、今年新成人となった参加選手中最年少の黒羽根選手は、成人式への出席よりもアリゾナでの自主トレを志願して参加しただけに、帰ってきた時には、本当にイキイキした表情をしていました。バネリンの今期の活躍に期待！

(><

文字の配列に多少のバラツキが見られますが、乞うお許しを ><

Wiki練習（17）　いろいろな色の帯地にいろいろな色で文字を入れる

投稿時には　Ｗiki文法にチェック（レ点）を入れる

文字は「横浜ベイスターズ優勝」としてみました(^^)

横浜ベイスターズ優勝

▼

入力例　||<#ffffff' style=color:#00ff00;font:' ``横浜ベイスターズ優勝 ||
白地帯（#ffffff）にライム色（#00ff00）で文字を････

横浜ベイスターズ優勝

▼

入力例　||<#ffffff' style=color:#ff0000;font:' ``横浜ベイスターズ優勝 ||
白地帯（#ffffff）に赤（#ff0000）で文字を････

横浜ベイスターズ優勝

▼

入力例　||<#ffff00' style=color:#000080;font:' ``横浜ベイスターズ優勝 ||
黄色帯（#ffff00）にネイビーカラー（#000080）で文字を････

横浜ベイスターズ優勝

▼

入力例　||<#0000ff' style=color:#ffffff;font:' ``'''横浜ベイスターズ優勝''' ||

青帯（#0000ff）に白い（#ffffff）太い文字で････
太い文字は「横浜ベイスターズ優勝」の前後を’’’＜半角＞で囲む

Ｗiki練習（1６）　斜体文字を使ってみよう

Ｗiki文法にチェック（レ点）を入れる

手順

斜体にしたい文字の前後に半角で’’を入れるだけです。
’’（２個）で囲むと普通の斜体文字　　’’’’’（５個）で囲むと太文字の斜体文字となります。

例題① ’’♪もうすぐ春ですね～ぇ’’　　（’’は説明上全角表示してあります）

結果

♪もうすぐ春ですね～ぇ

例題② ’’’’’♪もうすぐ春ですね～ぇ’’’’’　　（’’は説明上全角表示してあります）

結果

♪もうすぐ春ですね～ぇ

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

Wiki文法やHTML、画像、文章修飾などをマスターするまでの実験用です

Wiki練習（20）複数の静止画像を１枚のアニメ画像にしてみよう

①使用する画像３枚をデスクトップに置く

②ソフト起動画面

③デスクトップの画像を1枚づつ繰り返しドラッグ＆ドロップする

④GIFアニメ化を押し、画像に名をつけ保存する

トラックバックされた記事

トラックバック先の記事

Wiki練習（19） 色のついた背景に写真と文章を入れてみよう

①写真を中央にして文章を入れる

②写真を左側にして文章を入れる

③写真２枚を並べて文章を入れる

Wiki練習（18） 色のついた背景に長文文字を入れてみよう

Wiki練習（17） いろいろな色の帯地にいろいろな色で文字を入れる

Ｗiki練習（1６） 斜体文字を使ってみよう

Yahoo!ブログからのお知らせ

最新の記事一覧

最新のコメント

最新のトラックバック

過去の記事一覧

Yahoo!からのお知らせ

スマートフォンで見る

よしもとブログランキング

Wiki練習（19）　　色のついた背景に写真と文章を入れてみよう

Wiki練習（18）　　色のついた背景に長文文字を入れてみよう

Wiki練習（17）　いろいろな色の帯地にいろいろな色で文字を入れる

Ｗiki練習（1６）　斜体文字を使ってみよう