サクッとおいしいメンチカツ
メイプルストーリーのもみじサーバで、のんびりスナイパーを育てています 週刊メンチカツの記録。基本、週初めに更新です。
CALENDER
03 | 2017/04 | 05
S M T W T F S
- - - - - - 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 - - - - - -
PROFILE
著者:oメンチカツo
  • 著者:oメンチカツo
  • もみじサーバで弩師をやってます。
    LV200 弩師(14/7/15時点)

    REDアップデートで生まれ変わりました。
    でもSTR90のままなのはご愛嬌…
    溜まりに溜まったクエストは地道に消化中。
    弩師が楽しくて仕方ない今日この頃。

    クリックして歳差さんのブログへGo!
    歳差さんに頂きました!
    エレガントでキュートでチャーミングだけど
    ちょっぴりミステリアスなメンチの
    雰囲気がバッチリ!ありがとです~

    いつか更新予定
     Flash作成講座(勉強中)

    基本は週1更新!
  • RSS1.0
CATEGORY
MAPLE STORY LINKS

Thanks!
リンク集のサーババナーは、みゅこ*ろぐさんが提供されている主張ミニバナーを利用させて頂きました!
すばらしいバナーを提供されているみゅこさんに感謝、感謝です!


サクッとおいしいメンチカツ」はリンクフリーです。
リンクはご自由に貼ってください。

banner01.png薄荷さん作成)

相互リンクの申し込みも随時受け付けております。リンクを貼った後、貴方ブログのURI活動サーバを教えてください。

当ブログの記事内容および画像の転載は、常識的な範囲内であれば問題ありません。
その際、「出典:サクッとおいしいメンチカツ」と明記およびリンクを貼って頂くことを希望します。
また、コメントもしくはトラックバックにて連絡頂ければ幸いです。

メイプルのプレイ画像については、ネクソンジャパンの「著作物利用のガイドライン」に準拠します。

SEARCH
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【--/--/-- --:--】 スポンサー広告
このページの先頭へ
ブログ用画像 アニメのススメ
さてさて、今回はnのりおnさんよりリクエストのありました、アニメーションGIFの作り方です。

まだFlashの無かった時代、Webでアニメーションと言えばアニメGIFでした。
原理は単純で、パラパラ漫画の要領で複数枚の画像を切り替えて動かすものです。
次の画像に移るまでの待ち時間を 1/100秒単位で設定できたり、ループ再生なども可能です。

ブログのちょっとしたアクセントとして、興味のある方はどうぞ~。

アニメGIFのサンプル

07011609.gif
2007年1月20日の記事で紹介した、メンチ作成の「狩りルート説明」のアニメGIFです。
これは 19枚の画像から作成されています。

06090212.gif
2006年9月2日の記事で使用した画像です。
こうすると、注目してほしい個所を伝えやすくなります。



では、さっそくアニメGIFの作成例です。
今回は、簡単に 2コマのループ再生アニメGIFを作成してみましょう。

まずは、画像を準備します。
今回は下のような画像を作成してみました。

Anime01.gif
ベースとなる画像Anime01.gif

Anime02.gif
ベース画像に加筆した画像(Anime02.gif)



次に、アニメGIFの作成ツールです。
今回は natm というフリーウェアで説明します。
アニメGIF作成ツールは他にもいろいろありますので、自分に合った物を探すのも良いですね。



ではアニメGIFの作成に取り掛かってみます。
natmを起動すると、このような画面が起動します。
07012301.png

起動したら、Anime01.gifAnime02.gifの順に、フレーム情報にドロップして登録します。
07012302.png

※natmでは、元画像のファイルに gif、BMP、jpeg、png の画像形式が使用できます。
 ですが、パレット(色数)の関係上、gifを使用するのが良いと思います。


これで、最低限のアニメ登録としては完了です。
イメージビューの再生ボタンを押すと、アニメを確認できます。
07012303.png

07012304.gif
非常に忙しい感じのアニメになってしまいました。
これは画像切り替えの待機時間が 0秒設定で、最速で切り替えが行なわれている為です。

ですので、次に待機時間を設定してみます。


フレーム情報から、Anime01.gifを選択して、右下にある「待機時間」を設定します。
待機時間は 1/100秒単位ですので、ここでは 50を設定。0.5秒待機です。
次に、Anime02.gifを選択して、待機時間に 100を設定。1秒待機です。
07012305.png

この設定で、このようなアニメになります。
07012306.gif

なかなか良い感じでしょ?
さらに・・・もうちょっとだけ手を加えてひと工夫。

07012307.png
Anime01.gif 待機時間 80
Anime02.gif 待機時間 20
Anime01.gif 待機時間 20
Anime02.gif 待機時間 20
Anime01.gif 待機時間 20
Anime02.gif 待機時間 100

こう設定してみると・・・
07012308.gif
リズミカルなテンポが付いて、雰囲気もまた変わりますね。


納得できる設定が出来たら、メニューの[ファイル]-[保存]で名前を付けて保存すればアニメGIFの完成です。
07012309.png

※イメージビューのタイミングと、実際にアニメGIFに変換した後ではタイミングが異なります。
 最終的にはファイルに出力しながら確認しましょう。




アニメGIF作成の基本はこんな感じです。後は皆さんでいろいろと試してみて下さい。
例えば「画面トランジション挿入」という機能を使えば、こんな感じのも作れちゃいますよ。
07012310.gif

※但し、FC2はファイルサイズ 500KB制限があるので、あまり凝ったアニメーションは難しいです・・・

あなたのブログをちょっと彩る手助けになれたなら・・・。メンチカツでした。



前回記事のコメント返信は次にさせてください・・・
【2007/01/23 23:04】 ブログちょい技講座 | TRACKBACK(0) | COMMENT(10)
このページの先頭へ
ブログ用画像加工のススメ
さてさて、今日はちょっと趣向を変えまして、ブログ用の画像加工のワンポイントなど。

ブログ中で、こんな感じの加工画像を使っていますが、これの作り方の説明です。
06101107.png
06100701.png
06110603.png

※縮小して重ね合わせているのは別途グラフィックツールで加工しています。

やり方は簡単です。
Web用写真自動加工さまを利用させて頂きます。

詳しい説明の必要はないほど簡単・便利なサイトですが、さらっと作成の流れを説明します。

まずメイプルでSSを保存し、保存したSSから、部分切り取りします。
この時の切り取りは欲しい部分+余白多めがコツです。
但し、サイズは 30~500ピクセルの範囲でないと加工できませんので注意です。
06111001.png
SS保存~部分切り取りは、ブログされてる方なら特に説明不要ですね。


ではさっそく加工の手順です。
Web用写真自動加工さまの 加工処理選択頁 を選択します。
06111002.png

各種型抜き加工を選択します。
今回は型抜き加工の例ですが、他にもたくさんの加工が出来ますので色々と試してみてください。
06111003.png

ちなみに解説頁で詳しい使い方も説明されているのでチェックです!

加工したいファイルの選択、型紙Noを指定します。
今回は星型に加工しようと思いますので No.061を選択しています。
06111004.png

画像の上でドラッグすると・・・型紙の選択範囲が表示されます。
06111005.png
移動したい場合は、中央の をクリックしたままドラッグ、
サイズ変更したい場合は右下の をクリックしたままドラッグです。

輪郭をボカしたり、色を付けたり、影を付けたりできます。
06111006.png

設定後、作成ボタンで加工された画像が表示されます。
何回でも出来るので、納得いくまで繰り返しましょう。

納得のいく加工ができたら、加工後画像の上で右クリック。
「名前を付けて画像を保存」で保存すればOKです。
06111007.png


どうでしょう?ちょっと一手間入れるだけで画像も引き立ちます。
あなたのブログでも簡単加工画像で、ちょっとしたアクセントはいかがですか?

06111008.png


【2006/11/10 00:36】 ブログちょい技講座 | TRACKBACK(0) | COMMENT(13)
このページの先頭へ
<<前のページ | BLOG TOP |
RECENT ENTRIES
RECENT COMMENTS
RECENT TRACKBACKS
ARCHIVES
FAVORITE BLOG RSS

Powered by Ayapon RSS! オススメ ライブチャット スタッフブログ

PAGE VIEW
Unique Counter  (2008.5.1よりカウント開始)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。