超初心者が綴るWiki実例

[ リスト | 詳細 ]

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

記事検索
検索

全4ページ

[1] [2] [3] [4]

[ 次のページ ]

ぱたぱた画像作成

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

イメージ 2

イメージ 3


�▲愁侫筏�動画面

イメージ 4


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

イメージ 5

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

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

イメージ 6


ジャ〜ン、これで完成　ここだけはユックリご覧ください！
イメージ 7
これで３枚の静止画が１枚のGIFアニメ画像に変わりました。

この画像をブログに添付する場面からは、みなさんご存じの所でしょうから省略します。
ただし、ヤフーブログでは1枚のサイズが１メガ以下と規制がありますから、ご注意ください。
つまり、フラッシュする枚数が多ければ１枚当たりのサイズは小さくしないと１メガをオーバーしてしまいます。

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

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

開く トラックバック（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

�〃覯蔓�
イメージ 1
文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

�⊆命燭鮑限Δ砲靴栃絃呂鯑�れる


入力例

||<#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

��結果▼
イメージ 2文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

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


入力例

||<#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

�７覯蔓�
イメージ 3 イメージ 4文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章

開く トラックバック（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人の若手選手(高宮選手、秦選手、吉原選手、黒羽根選手)が同行し、トレーニングに励みました。中でも、今年新成人となった参加選手中最年少の黒羽根選手は、成人式への出席よりもアリゾナでの自主トレを志願して参加しただけに、帰ってきた時には、本当にイキイキした表情をしていました。バネリンの今期の活躍に期待！

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

開く トラックバック（0）

各色の帯地に各色の文字を入れる

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）太い文字で････
太い文字は「横浜ベイスターズ優勝」の前後を’’’＜半角＞で囲む

開く トラックバック（0）

斜体文字を使おう

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


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

手順

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



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


結果
♪もうすぐ春ですね〜ぇ



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


結果
♪もうすぐ春ですね〜ぇ

開く トラックバック（0）

全4ページ

[1] [2] [3] [4]

[ 次のページ ]

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

.
taishi
taishi
男性 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について

ブログバナー

日 月 火 水 木 金 土
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
友だち(31)
  • ※
  • Mr.mikan
  • ちろ＆チロの冒険
  • いっしー
  • KAM
  • さえ
友だち一覧

最新のコメント

最新のトラックバック

過去の記事一覧

Yahoo!からのお知らせ

スマートフォンで見る

モバイル版Yahoo!ブログにアクセス！

スマートフォン版Yahoo!ブログにアクセス！

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

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
11／30まで５周年記念キャンペーン中！
Amazonギフト券1000円分当たる！
数量限定！イオンおまとめ企画
「無料お試しクーポン」か
「値引きクーポン」が必ず当たる！
お肉、魚介、お米、おせちまで
おすすめ特産品がランキングで選べる
ふるさと納税サイト『さとふる』

その他のキャンペーン

プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事
前へ 次へ