サクッとおいしいメンチカツ ... ブログちょい技講座

CALENDER

09 | 2017/10 | 11
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	31	-	-	-	-

PROFILE

著者：oメンチカツo
もみじサーバで弩師をやってます。
LV200 弩師（14/7/15時点）

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

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

いつか更新予定
　Flash作成講座（勉強中）

基本は週1更新！
RSS1.0

CATEGORY

MAPLE STORY LINKS

*　メイプル情報サイト_　【各職育成支援】　メイプル総回診　　（相互リンク）

*　メイプル情報サイト_　【メイプル小説】　Maple Strategy　　（相互リンク）

*　メイプル情報サイト_　【弩師育成】　メイプルの魔弩～弩師と聖魔の育成～

*　メイプル情報サイト_　【初心者育成】　となりの初心者Inすもも　（相互リンク）

*　リスペクトしているブログ_　財前ゴウの総回診（八十八茶物語）

*　復活を期待_　秀ぴち旅の途中(≧ω≦)ｂ～イバラの赤字ロード～

Script by 絵板のマナー講座
and 毒吐きネットマナーPlus

管理者ページ

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

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

（薄荷さん作成）

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

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

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

スポンサーサイト

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【--/--/-- --:--】スポンサー広告

ブログ用画像アニメのススメ

さてさて、今回はnのりおnさんよりリクエストのありました、アニメーションGIFの作り方です。

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

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

アニメGIFのサンプル

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

こう設定してみると･･･

リズミカルなテンポが付いて、雰囲気もまた変わりますね。

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

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

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

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

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

前回記事のコメント返信は次にさせてください･･･

【2007/01/23 23:04】ブログちょい技講座 | TRACKBACK(0) | COMMENT(10)

ブログ用画像加工のススメ

さてさて、今日はちょっと趣向を変えまして、ブログ用の画像加工のワンポイントなど。

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

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

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

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

まずメイプルでSSを保存し、保存したSSから、部分切り取りします。
この時の切り取りは欲しい部分＋余白多めがコツです。
但し、サイズは 30～500ピクセルの範囲でないと加工できませんので注意です。

SS保存～部分切り取りは、ブログされてる方なら特に説明不要ですね。

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

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

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

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

画像の上でドラッグすると･･･型紙の選択範囲が表示されます。

移動したい場合は、中央の＋をクリックしたままドラッグ、
サイズ変更したい場合は右下の ■ をクリックしたままドラッグです。

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

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

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

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

【2006/11/10 00:36】ブログちょい技講座 | TRACKBACK(0) | COMMENT(13)

<<前のページ | BLOG TOP |