綺麗に画像を透過する(応用編記事)→http://97cent.blog.fc2.com/blog-entry-108.html

---

こんにちは(´・◡･｀)♥
あ、えっとコメント返信は次回します！
東方スキン1000DL超えありがとうございました～

今日はあらちゃんとしてみぃさんとマルチしました＾ー＾
最初はあらちゃんと二人でCTBやってたんですが・・・

むずかしいですねー・・のーまるしかできません
Hard以上は目がチカチカして追いつかない(´；ω；`)

そのあと二人でosuのTagモードやって、してみぃさんが帰ってきた所を召喚しました!!
主にずっとtagモードｗ


楽しかったです！この前のマルチは勝手にあすかが落ちて死ねってかんじでしたｗ
最近はあんまあすかとまるちしてない(´･ω･`)またのんびりやりたいー!!

あとはあらちゃんにアバターつくってもらった！！

　

ぺああばたーになりましたよおおおい (｡╹◡╹｡)♥
私がつくったほうに比べるとセンスが◯すぎて私女なのにセンスなさすぎてつらいです＾ー＾

ありがとう///
おっきい方ももらったのでプロフ画像にしてみました。

---

さあ本題に入ります。

以前画像の透過、リサイズの仕方を説明したので

前提は前回の記事をある程度理解できていること　前回の記事→http://97cent.blog.fc2.com/blog-entry-72.html
あとはPictBearをインストールしてあることです。

以上が大丈夫な人はご覧下さい！



今回はアバターの作り方なので前回の記事を用いて128x128の透過画像を用意してください！

今回はこれ(透過済み128x128)を使用します

---

◯透過画像にシャドウをいれる　


ただ透過した画像にロゴを合成するだけでいい方はこの段階は飛ばしてください。
こんなかんじで透過した画像にシャドウとよばれる、キャラ回りが光るフィルタを入れたい人用の説明です。

↓キャラ回りが光ってる画像の例


透過がきれいにいかなかった場合(白フチが残った)などこのシャドウがあるとうまく誤魔化せるので
スキンを作成するときにも応用できます。


必要なもの★
GIMP(ペイントソフト@無料)→GIMP download

Gimpのインストールが終わったら起動します。ドラッグアンドドロップしてシャドウしたい透過画像を読み込ませます。

次に上メニューの　フィルタ→照明と投影→ドロップシャドウ　の順で選択してくとタブがでてきます。



オフセットX＆Y軸：オフセットはシャドウがかかりだす位置なので(理解できなくて良い)とりあえず0にしてください

ぼかし半径：ぼかしをどのくらいの大きさでいれるかです。画像が小さいので10~20が丁度だとおもいます

色：クリックしたら色の選択タブがでてきます。自分でシャドウの色をつくってください

不透明度：透明度です。80~95辺りは丁度いいかと。お好みでどうぞ

画像サイズの変更可のチェックを外して、全部できたらOKをおします～

これでシャドウ入りました。やり直したいとかシャドウ消したい時は上メニューの
編集→ドロップシャドウをもとに戻す　で。


完成したら上メニュー　ファイル→保存　で上書き保存かんりょ～
ファイルのエクスポートとかでてくる場合は無視してエクスポート押してください


完成したのがこんなん
　元→

はいこの段階はこれで終わりです。次は自分のユーザー名なるロゴを合成する作業！

---

◯ロゴを合成する


まずは合成の前にロゴを作成する所からですん(´・◡･｀)♥
ロゴ作成はオンラインのサイト上でできたりソフトで作ったりできます。

ロゴ自体は自由に自分のスキルを使って作っていただいて結構～
今日は私がつくってるロゴの作り方を説明します！


◆ロゴ①

定番のサイトでつくった画像に直接ロゴを合成してくれる。一番簡単だけどフォントの種類も少なくて融通がきかないし、ヘボッちく見えるのが難点

このサイトを使用します　→http://www.bannerkoubou.com/p-start/
ロゴを合成させたい画像を読み込ませたら、左の一番上[文字入れ]を選択
文字入力してフォントとかサイズとか色とか自分で選んで
画像のロゴ置きたい位置でクリックしたら自動でおきてくれます。気に入ったら保存します　それで完成

上記サイトを利用した例　（ラブポップ　フォント使用)


これだとPictBearを使ってあとで合成する必要もなくサイト上で合成してくれますが
個人的には微妙～　気に入ったフォントとかがある人はいいかもしれません (｡╹◡╹｡)~♥


◆ロゴ②

いつも私が使ってるサイトです～
ほんとはロゴ作成サイトの中でもお蔵入りサイトなのであんまり教えたくないんですけど～
困ってる人とか見て作るようになってくれたらいいなとおもったのでかきます

ロゴの例を紹介↓




サイト→http://ja.flamingtext.com/

いろんなロゴ作成ページがありますが私が主に使用してるのは２つ


例の画像の上２つで使用したロゴ作成ページは
http://ja.flamingtext.com/net-fu/dynamic.cgi?script=water-logo

下のBackのほうのロゴ作成ページは
http://ja.flamingtext.com/%E3%83%AD%E3%82%B4/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-%E3%83%8D%E3%82%AA%E3%83%B3

作り方は自分で色々微調整してください。フォントとか色とかサイズとかｗ
ただ一番下の背景　だけ　「透明」を選択します

できたら　ロゴ作成→　次のページで右クリで画像保存


つづいて合成する作業をするので　PictBearを起動します。
ロゴを合成したい画像と、先程作ったロゴを読み込ませます。


めんどいので画像で説明


大まかな流れは

①の選択機能をつかい、ロゴのいらない余白部分をトリミング(左クリック押しながら伸ばす)で選択
②のトリミング機能で先程選択したいらない部分をトリミング(消す)

次に上メニューの[イメージ]→[イメージのリサイズ]でタブの設定をこうしたらOKを押す
(先に縦横比のほうにチェックいれてから　128って入力してね^^★み)



次にメニューの[範囲選択]→[すべて選択]でCtrl+Cキーでコピーして
ロゴ合成したい画像のタブにしてからCtrl+Vで貼付け

そしたら左サイドメニューの上から3番目(多分)の[移動]をつかってロゴをすきな位置に移動させます(左クリック長押しでマウス動かして移動できます)



あとは、上メニュー[レイヤー]→[レイヤーの統合]→[表面部分の統合] (憶測でかいたので名前違ってたらごめん
でレイヤー統合したら、[ファイル]→[名前をつけてor上書き保存]で完成ーーーー


拡張子は元々pngだとおもうけど、pngにしてネーーーー＾ー＾


これは超適当につくりましたけど、センス次第で可愛くなるとおもいます。角丸くするとかは希望ない限りかきませんｗ

---

はあ疲れました＼(^o^)／
自分おつかれさま (｡╹◡╹｡)~♥

まあ検索してきてくれてる人の参考になればいいかなあとおもいます！
わからないとこあったら気軽にきいてください！！！！！！！



自作とか拾ってきた素材の背景に、透過画像合成したりにも応用できますね＾ー＾




次はリクエストされたスキン作成方法書いちゃうで＾ー＾！！！！！！！
ではおつかれさまでした～(´・◡･｀)♥