ねこかばちのカバチ

Maplestory楓サーバでカバチやっているねこかばちのカバチ。 まったりいきまっしょい。

キャラクターアイコンを作る(透過GIF/PNG作成)その1

1.フリーソフト「AzPainter」をインストールする

(1)ソフトウェアの入手

 Azelさんのホームページ

 http://hp.vector.co.jp/authors/VA033749/index.html

 にアクセスしてAzPainterをダウンロードする。

 AzPainterのホームページはここ。

 http://hp.vector.co.jp/authors/VA033749/soft/azpainter.html

(2)パソコンへのインストール

 マイドキュメントフォルダ内とか適当な場所にフォルダを作って,(1)でダウンロードしたファイルを解凍してやるだけです。

 ZIP形式なので,WindowsXPなら何もなく解凍ができようかと思います。そうでない場合は,圧縮解凍の手順だけでも次の場所あたりで勉強してみてください。

 WindowsXPの場合は

 http://www.blwisdom.com/ppt/clipart/unpacking.html

 が参考になります。

 その他の場合は,

 http://support.biglobe.ne.jp/knowhow/net/archiver/index.html

 や

 http://www.hkd.meti.go.jp/hoksk/lzh/index.htm

 が参考になるかな?(てか経産省てこんなページつくってたんかww)

これでAzPainterの準備ができました。


楽しいメイポblogの作り方 | コメント:0 | トラックバック:0 |

キャラクターアイコンを作る(透過GIF/PNG作成)イントロダクション

昨日の深夜,あーcから「GL掲示板とかで使っているキャラクタアイコンを作るにはどうすればいいの?」という質問がありました。どうやって作っているかというと,メイポのSSからアイコンにしたい部分を切り取って,余計な部分(背景とか)を透明にするんですよ〜という回答をしました。

キャラクターアイコンってのは専門的(?)に言うと,透過GIF画像または透過PNG画像ていいます(まぁ単に「透過GIF」「透過PNG」ともいいますが)。平たく言えば「透明」な色を使って透明を表現できるGIF画像またはPNG画像ということになります。「透明」という色を使うというのがポイントです。(本当は「ある色を透明として扱う」ということなんですが)

Googleあたりで「透過GIF 作成」とか「透過GIF 作成 Windows フリー」とかそんなキーワードで検索すれば,他の方法もでてこようかと思います。IrfanViewやらPixiaといったフリーソフトでの作り方が紹介されているはずです。

ここでは,ウチが愛用しているAzPainterという高機能ペイントソフトを使って透過GIF,透過PNGを作っていく方法を説明します。

大きな流れは次のとおり。

1.フリーソフト「AzPainter」をインストールする

2.AzPainterを起動する

(以下,AzPainterでの操作)

3.元画像を開く

4.3.の元画像をGIF画像サイズにトリミングする(切り出す)

5.4.の画像で不要な背景を,その画像にはありえない色で塗りつぶす(ここ重要)

6.「透過GIF/PNG」にチェックを入れ,5.でありえない色を透明色として指定してGIFまたはPNG形式で保存する

終了w

「ソフトウェア名と入手先がわかればインストールから起動まではできるよ!」っていう方は1(1)をみて3か4あたりへすっ飛んで行きましょう(笑)


楽しいメイポblogの作り方 | コメント:0 | トラックバック:0 |

楽しいメイポblogの作り方(画像取得と加工)その3(トリミング)

●トリミング(切り抜き)

 トリミングってのは大きな画像から必要なところだけを切り抜くこと。IrfanViewでは「切り出し」って言ってますが。

 これは超重要。メイポの画面は横800ドット(点)、縦600ドットの画面なわけで、標準のSS画像(Scroll Lockキーで撮ったSSね)をそのままblogに貼ると、小さく表示されてしまったり(サムネイル表示)、肝心なところが切れて表示されてしまったりと見栄えがよくありません。ウチのblogは、表示できる範囲を測ってみると横450ドット分くらいしかなく、これを超える横幅になるとすごく見栄えが悪いわけです(というか飛び出した部分は表示されない)。それに不要なところまで出したくはありません。

 となると、必要なところだけを残して後は切り捨ててしまうのがトリミング。

 IrfanViewはトリミングでも自由な指定方法によるトリミングと、画像サイズを指定したトリミングの2種類があります。

 

・自由指定のトリミング

 明らかにトリミングする場所(範囲)が明確になっている場合などは、この方法を使うのが楽でしょう。マウスで範囲を指定して、「切り出し」操作をするだけです。

 完成画像はこちら

 

・サイズ指定のトリミング

 うちのblogは横450ドット、縦200ドットまたは適当な高さに指定してトリミングしています。

 完成画像はこちら(横300ドット、縦適当w)

では、操作方法〜


楽しいメイポblogの作り方(画像取得と加工)その3(トリミング)…の続きを読む
楽しいメイポblogの作り方 | コメント:1 | トラックバック:0 |

楽しいメイポblogの作り方(画像取得と加工)その2

画像加工のやり方を紹介していきますお。

今回、画像加工等に使うソフトウェアを紹介します。画像加工のソフトウェアっていっぱいあります。無償で提供されるソフトウェア(フリーウェア)から十数万円するようなプロ向けソフトウェア(Adobe PhotoShopとかね)までいろいろありすぎるわけですが、ウチはこれを愛用してます。

Irfan View(イルファン・ビュー)

これフリーソフトなんですよねえ。日本語もちゃんと使えるし、多機能です。blogに画像を貼っていくには最低限必要そうな機能は全部あります。

では、次の画像を使って機能と操作を紹介していきまーす。

メイポブログの作り方の元画像
クリックすると元画像(でかいw)を表示します。
楽しいメイポblogの作り方 | コメント:0 | トラックバック:0 |
BACK | HOME |