言霊木霊

FF14を中心とした様々なスクリーンショットの加工画像などを紹介します。その他中の人の雑記なども。

スポンサーサイト

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

  1. --/--/--(--) --:--:--|
  2. スポンサー広告

エリーンアイコンメーカー素材制作工程

公開して間もなく1週間になりますエリーンアイコンメーカーですが、
おかげさまで沢山の方々に遊んでいただき、そして沢山の感想を頂いたり、ブログやツイッターで紹介してくださったり、お礼を言っても言い切れないほどに感謝であります。
本当にありがとうございます。

エリーンアイコンメーカー

今回は制作中の素材や制作工程なんかを簡単に紹介してみます。

まず、使用ツールは
Adobe Illustrator(素材制作)
Adobe Photoshop(素材制作)
Adobe Flash(オーサリング)
まさしくアドビ様様です。

髪の毛・目・防具・武器は実際のTERAと同じものにしたかったのでまずは素材集め。
その後、イラレで素材画像を読み込み、それを下絵にして各パーツをパスでトレースします。
ai_edit02.jpg
トレースしたら、次にデフォルメ作業。元々用意しておいたデフォルメキャラの素体に合わせてパス編集。
パスデータなので思いのままに編集できます。

ai_edit03.jpg
目も同様にトレース。片目のみトレースして、反対の目はコピーして反転させて、大きさと角度を調整します。

次にこれらのパスを、ピクセル情報としてでなく、パス情報としてフォトショップの方にコピーします。
コピーしたパスをそのまま選択範囲として読み込み好みの色でべた塗りします。
ai_edit06.jpg

黒フチはレイヤースタイルパレットで編集します。そのほうが簡単に太さなどいつでも編集できるので楽です。

ai_edit05.jpg

そこから先は直接フォトショップ上でパス追加して髪の毛のハイライト部分を作ったり、影を描きたしたり、耳のディテール描き足したりして細部までクオリティをつめて完成です。

ai_edit04.jpg

こんな要領で防具や武器もガシガシ作っていきます。
素材制作は大まかにはこんな感じです。
でも似通った武器や防具などはいちいちイラレから製作せずに、フォトショ上で素材複製して、ちゃちゃっと手を加えて改造して終わらせてしまうことも何度もありました。なるべく時間はかけたくなかったのでその辺は効率よくその都度臨機応変に。これを2週間ほどかけてやってました。

そしてこれがイラレでの素材制作中の画面。ごちゃごちゃしててよく分からないかもですが。
クリックで大きい画像開きます。
ai_edit01.jpg

中にはイラレ上で着色してしまってるものもあります。その辺はケースバイケースで。

そしてなんだかんだでパーツ総数800という恐ろしいことに。

flashの編集は話し出すととても難しくなるし、全部を丁寧に説明できる自信もないので省かせていただきます・・。わたしの解説なんかよりネット探せば分かりやすくためになるサイト沢山ありますし><

そして最後に。
新しく小さい版のバナーも作りました。
banner2.gif

もし良ければご自由にお使いくださいませ。
こっちのバナーは画像直リンクでなく、右クリで画像落としてもらってご使用ください。
リンク先は
http://kotodamakodama.web.fc2.com/Elin_maker.html
にお願いいたします。
スポンサーサイト

テーマ:TERA - ジャンル:オンラインゲーム

  1. 2011/04/17(日) 20:29:00|
  2. TERA(雑記)
  3. | トラックバック:0
  4. | コメント:8
<<イラスト描いていただきました | ホーム | エリーンアイコンメーカー>>

コメント

こりゃあすごいやあああ(≧▽≦)げらげら
髪型も忠実に再現されているのは、こういうテクニックだったのかああ(;゜□゜)

くちはさんかくがいいね(´△`)
  1. 2011/04/17(日) 20:43:02 |
  2. URL |
  3. Marukoge003 #2J8wivGI
  4. [ 編集 ]

げらげら

>まるこげちゃん
うむ。忠実に再現するにはトレースが一番だね。
でも武器や防具は忠実度はそこまで高くないかも?w
  1. 2011/04/18(月) 00:50:55 |
  2. URL |
  3. 木霊 #-
  4. [ 編集 ]

すっごく手間がかかってますねぇ!
こうゆうふうに作成してたんですね
でも、マネはできないw
  1. 2011/04/21(木) 14:32:00 |
  2. URL |
  3. Reno #-
  4. [ 編集 ]

ありがとです!

>Renoさん
数が数だけに手間はかかっちゃいましたねー。
制作方法はほんの一例なので、もっといい方法もあると思いますよ!
  1. 2011/04/21(木) 23:09:03 |
  2. URL |
  3. 木霊 #-
  4. [ 編集 ]

これだけの点数だとほんと根気がいりますね…!
やはりエリーン愛か(*´ー`)

最近こだまさんがアイコンにしている
おでこな髪型(上のトレース例の)もいいね!
  1. 2011/04/23(土) 13:07:54 |
  2. URL |
  3. みん #nGdA3O4A
  4. [ 編集 ]

>みんたん
これは愛だねー。まさに.ai です。イラレだし!
でもって今のアイコンのデコちゃんはわたしもお気に入りだったり。このタイプのキャラも作ると思います!
  1. 2011/04/23(土) 14:04:16 |
  2. URL |
  3. 木霊 #-
  4. [ 編集 ]

うぉおお、こういう知識無いので羨ましいです。楽しく遊ばさせていただきました^^
  1. 2011/06/19(日) 11:36:02 |
  2. URL |
  3. ニーア #-
  4. [ 編集 ]

ありがとうです!

>ニーアさん
ありがとうございます!
よければこれからも遊んでくれると嬉しいです!
  1. 2011/06/19(日) 15:33:47 |
  2. URL |
  3. 木霊 #-
  4. [ 編集 ]

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://kotodamaecho.blog3.fc2.com/tb.php/169-a7a44bc9
この記事にトラックバックする(FC2ブログユーザー)

プロフィール

木霊(こだま)

Author:木霊(こだま)
SS加工系の画像制作を中心に活動中です。
下のflickrのサムネイルから今までに公開したスクリーンショットをご覧いただけます。
エリーンアイコンメーカーなんてものの作者でもあったりします。
Twitterもやってます。よかったらフォローどうぞです。


FF14 Lodestoneのページはコチラ。よかったら遊びに来てくださいね!


Flickrの【FINAL FANTASY XIV】Groupの管理人もしています。
加入フリーなので興味ある方はご自由にどうぞです。
http://www.flickr.com/groups/ffxiv/

画像一覧はコチラ

www.flickr.com
This is a Flickr badge showing items in a set called FFXIV. Make your own badge here.
過去の画像一覧はコチラ クリックするとスライドショー再生
大きい画像で見たい場合はコチラ flickr_banner_03.gif

SS加工講座

その他お手軽加工講座はこちら

エオルゼア百景

eor100_banner.jpg

エリーンアイコンメーカー


エリーンアイコン壁紙 Elin icon maker Wallpaper01 Elin icon maker Wallpaper01 Elin icon maker Wallpaper01 Elin icon maker Wallpaper01 Elin icon maker Wallpaper02 ご自由にお使いください!

カレンダー

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

最新記事

最新コメント

RSSリンクの表示

月別アーカイブ

カテゴリ

FF14(風景) (141)
FF14(雑記) (43)
その他雑記 (13)
未分類 (3)
TERA(風景) (42)
TERA(雑記) (24)
PSO2 (1)
SS加工講座 (12)
FF14(企画) (2)
モンスター画像 (1)

リンク

このブログをリンクに追加する

リンクについて

当サイトはリンクフリーです。 相互リンクご希望の方は メールフォームよりメッセージを送っていただければ、こちらからもリンクを張らせていただきます。 バナーが必要な方はこちらをお使いください。
kotodama_bunner.jpg

検索フォーム

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