メロライフ。

アクセスカウンタ

help リーダーに追加 RSS フォトショップで加工画像。

<<   作成日時 : 2008/10/09 17:02   >>

ブログ気持玉 0 / トラックバック 0 / コメント 4

フォトショップを使い始めて半年も経とうと言うのに、今更キャラの切り抜き方を知って呆然としたメロ子です。
今まではフリーのソフトで1ドットづつ手作業でキャラを切り抜いてたのです、ちょー時間かかったのはナイショ。

そんなワケでメモ帳代わりにキリヌキ方を記しておこうと思います。皆様も何かの役に立つかも?
ちなみに私が使っているソフトは「フォトショップエレメンツ5.0」です。

普通のフョトショップだと結構お高いのですが、「エレメンツ」だと機能が少ない代わりに廉価なのが魅力。
5.0はバージョンも古くなるので、探せば1万〜1万五千くらいで買えると思います。
(私のはペンタブを買った時にオマケに付いてきていました。)

サテ、加工のほうですが、まずは「アルタナビュー」さんなどで好きな様にキャラを作ります。
この時に背景の色を、キャラと被らない色合いに設定しておいてください。

私が今回作ったキャラはこの2つ。


画像



画像



モデルビューワでは同時に2キャラを作ることが出来ないので、1キャラ以上が登場する画像を作成したい場合では、1キャラづつ別々にキャラ画像を作成しておく必要があります。

そして素材屋さんやSSなどから、背景にしたい画像も作成。
コチラは予め画像加工ソフトなどで完成予定のサイズに直しておくと良いと思います。(フォトショで加工できます。)

今回私が選んだ背景はこんな感じ 


画像



灯篭が幻想的な風景。素材屋さんからお借りしました。

キャラと背景の画像が用意できたら、フォトショップを起動。
まずはキャラの画像を切り抜く所から開始。(以下の画像はクリックで大きくなります。)


画像



@ファイル→開く、からキャラの画像を選んで開きます。

A長方形選択ツールで、キャラの周りを囲います。
キャラが切れないように尚且つ、必要最小限の面積で囲うのがベター。

キャラを囲んだら、Bの選択範囲をクリックして以下の手順を行います。

選択範囲を反転→近似色を選択。
=これで背景の色(この場合ピンク)の部分が全て選択されます。
背景とキャラの部分で被っている色があれば、キャラ内の色も選択されるので注意。
被っている場合は背景色を変えてキャラ画像を作り直してください。


画像



続いてキャラの画像の部分を右クリックしてメニューを出します。
メニューから更に「選択範囲を反転」を選び、点線がキャラの周りにのみ表示されたら、上部メニューの「編集」から「コピー」を選びクリック。


※背景色のみを□で囲い、「近似色を選択」>反転、でくりぬけることが判明。

コピーしたら「ファイル」から「新規」を選び、「クリップボードからの画像」をクリック。
そうしたらこんな画像が表示されると思います 


画像



チェックになっている所が透明に表示される部分です。
この画像が作成できたらキリヌキ成功!

もう1キャラのエルメスたんも同じ手順でキリヌキます 


画像



加工前の画像はもう使わないので閉じてOKです。
切り抜いた2キャラ分の画像は開いたままに。(下部に表示されます。)

2キャラ分のキリヌキが終わったら、「ファイル」→「開く」で、背景に使う画像を開きます。


画像



背景画像を開いたら、下部に表示されているキャラ画像をドラッグして背景画像まで持ってきます。


画像



ドラッグして持っていくと、キャラの画像と背景画像が合成された状態で表示されます。
この時、画面右下の「レイヤー」で、上に来ている画像ほど優先して表示されます。

この場合、エル♂の影にエル♀さんが隠れるようにして座らせたいので、エル♂レイヤーを上に。
当然背景のレイヤーは一番下に持ってくるようにしておきます。

キャラのサイズなどはドラッグして持ってきた時点でフォトショが自動的に調整してくれますが、気に入らない場合などは上部メニューの「イメージ」から「サイズ変更」を選び、サイズを調整したいレイヤーを選んで「拡大・縮小」をします。

この画像の場合、キャラを配置した結果背景の灯篭が隠れてしまうので、背景のみ左右逆に表示しました。
(「イメージ」→「回転」→「レイヤーを左右に反転」。)

ここまででキャラと背景の組み合わせは完了ですが、続いてこの画像を更に加工していきます。
まずは加工したいレイヤーを選択しておき、右上の「アートワークエフェクト」からC「レイヤースタイル」を選択 


画像



様々な加工が出来るので、どの加工が似合うか色々試してみると良いと思います。
この画像の場合は「光彩(外側)」→「シンプル」で白くキャラを囲っています。

ただ、レイヤー別に囲まれてしまうので、2キャラ繋げて囲いたい場合は上部メニューの「レイヤー」から「下のレイヤーと結合」を選び、2つのレイヤーを一つに纏めます。

背景のレイヤーを加工したい場合は「フィルタ」から「アーティスティック」を選んで加工。
絵画調にしたり、ぼかしたり、光っている感じに出来たりと、似合う加工方法を選んでください。

キャラと背景の加工が終われば、お好みで文字入れなども。
画面右上の「アートワークエフェクト」の「T」の部分をクリックすると、文字が入れられるようになります。


画像



「フォント」でググれば色んな字体がDL出来るので、普段から探しておくと良いですね!
入れた文字にも右上メニューから加工をする事が出来ます。

この画像の場合は「アウトライン」で見やすいように文字を黒枠で囲っています。
更に上に記してある「サイズ変更」で、文字を少し縦長にし、「レイヤースタイル」→「ドロップシャドウ」で影をつけました。

そして完成した画像がコチラ 


画像



説明しているうちに自分でも混乱してきたので、分かり辛い文章かとは思います(-_-;)
でも、この方法なら誰でも凄く簡単に加工が出来る!、、、ハズ。

尚、誰に習ったわけでもなく自己流なので、もっと簡単な方法とかもあるかも知れません。
自分的にはこの方法でだいぶ時間&手間が省けるので嬉しい限りだったりします。

最近イラストばかりでしたが、コレで画像加工も再開できそうな、メロ子からでした!


オマケ 


画像



練習で作ってみたTOP画像。




設定テーマ

注目テーマ 一覧

月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(4件)

内 容 ニックネーム/日時
子竜が迫力ありますね!
白っぽい背景にキャラがくっきりと出たので、それだけ見て!ってかんじでスピード感のある仕上がりですね〜


ログイン時間がまともに取れず、毎日短時間だけ別趣味をカチカチやってるすのうでした…

その短時間さえ減らなければ、仕事に役立つWebなスキルが育つか、ビーズでつくるオートマトンが出来上がるはず!(/ω\)

FFは、そこから一歩出た趣味が奥深いという…
すのう
2008/10/09 19:36
★すのうさん>
練習用TOP、キャラは上手く出来たのですが
肝心のタイトル文字が分かりにくいと言う、、、
初歩的ミスです(ノД`)

確かにFFやってるとプレイする以外でも
FF関連なシュミが出来ちゃうかもw

ビーズのマトン君見てみたいです('∇')
メロ
2008/10/10 16:32
フォトショップとか買えないからGIMP2で我慢します・・。
こういうの作りたいなぁ・・・。
Cereon
2008/10/12 02:59
★Cereon さん>
フォトショップが一個あると、カナリ何でも出来るので便利!
ブログにUPするお写真やSSの幅もうんとUPしますよ♪
かなりオススメ('∇')
メロ
2008/10/13 16:28

コメントする help

ニックネーム
本 文