「画像作成について」の編集履歴（バックアップ）一覧に戻る
画像作成について - (2006/06/04 (日) 20:12:53) のソース
画像は一部いつもどおり403エラーで見れないことがあると思います。
手動更新、リロード、F5、で見てください。
**解説サイト
-[[iPod情報局>http://blog.nikkeibp.co.jp/arena/ipod/archives/2005/01/ipod_13.html]]
--Photoshop Elements 3.0 使用例
-[[Time Design WS>http://www.timedesign.ws/modules/xfsection/article-41.html]]
--Fireworks 使用例
**iPod fontの入手
-[[Adobe Photoshop Album Mini 3.0>http://www.adobe.com/jp/products/photoshopalbum/starter.html]]
--上記のアプリにMyriad Semiboldが入ってるらしいです。
--DLしてみてください。
-[[こちら(英語サイト)>http://www.ipodwizard.net/showthread.php?t=293]]にもMyriadがおいてあるのを確認しました。
--上から3番目の人【03-18-2005, 04:16 PM 『rosswf』】という方がZIP版を張っているので、よろしければ覗いてみてください。
--DLしてウィルス検査済み。 多分大丈夫です。
**オススメフリーソフト
PixiaとPictBearSEはレイヤー機能付き
-Hyper-Paint
http://con-kiriman.web.infoseek.co.jp/
-Pixia
http://www.vector.co.jp/soft/win95/art/se144188.html
-PictBearSE
http://sleipnir.pos.to/software/pbse/index.html
-GIMP
http://www004.upp.so-net.ne.jp/iccii/
>[[使い方の説明サイト>http://www.paw.hi-ho.ne.jp/mazi-deka/gimp/gimp.html]]
-SAI
http://www.systemax.jp/sai/
-JTrim (フォトレタッチソフト*色々なEffectが入れられるようです)
http://www.woodybells.com/jtrim.html
-inkscape
http://inkscape.org/
>[[日本語チュートリアル-基本編>http://www.inkscape.org/doc/basic/tutorial-basic.jp.html]]
>[[日本語チュートリアル-上級編>http://72.14.209.104/search?q=cache:ptyP3T-jPTMJ:www.inkscape.org/doc/advanced/tutorial-advanced.jp.html+inkscape&hl=ja&gl=us&ct=clnk&cd=4&lr=lang_ja]]
**画像作成までの主な流れ
以下8スレ>>354を要約
>354名前：VIP 投稿日：2006/05/26(金) ID:Qkt38nA60
>+まずキャラの輪郭を囲って背景を切取り、キャラを黒抜きにする。
>++輪郭を囲うのはベジェ曲線、パスツールまたは、普通の曲線描写ツールで囲ってもOK。
>++非常に大事な部分だから時間をかけて丁寧にやりましょう。
>++練習あるのみだそうです。
>+切り取った背景を透明化する。
>+キャラだけくり抜いた状態でコントラストを調整してキャラを黒塗りにする。
>++手塗りで調整してもいい。
>+出来上がったものをレイヤーとして保存する。
>+色を付けた背景画像に先ほどのレイヤーを貼り合わせる
>++これでシルエット画の完成。
>+iPod本体とイヤホンコードを書き込んで、ロゴを入れたら完成。
>
>
>慣れてきたら曲線部分をキレイにする為に色んなツールを使うことになるけど、道具に関しては習うより慣れよだね。
>
>フリーだと個人的にはGIMPの曲線が一番キレイだと思うけど、自分に合ったツールや作品に要求されるツールを見極めて選択するのも楽しいかもしれん。
>レイヤーやパスの機能にさえ慣れれば単色シルエットにハイライトを入れたり、影をつけたりと幅が広がるがまずはシルエット化から挑戦するのがいいと思う。
>
**各ソフトごとの参考レス
-[[写真屋（PhotoShop）関係>http://www13.atwiki.jp/ipoddeoekaki/pages/28.html]]
-[[イラストレーター関係>http://www13.atwiki.jp/ipoddeoekaki/pages/29.html]]
-Pixia関係
>ベジェ曲線について。
> 22 名前： VIP 投稿日： 2006/05/18(木) ID:I0GJzV230
> ※ベジュ曲線でトレースってとこｗｋｗｓｋ※
> 欲しい画像の輪郭をペンツールでプロットしていく。
> （ただしそのままだと選択範囲はカクカクしてしまうので、ポイン
> トを置くときにドラッグする。）
> するとアンカーははベジェ曲線のアンカーになるのでとにかく輪郭
> を適当に結んでいく。
> 後は気合でアンカーの方向線をいじって元画像の曲線に合わせる。
>
>264名前： VIP投稿日： 2006/05/23(火) ID:RKGCwD840
>何でみんなそんなにキレイに出来るんだ？
>１．輪郭がギザギザになる（直線もキレイに描けない）
>２．パスとって貼り付けると、輪郭にゴミが出る
>３．目とか、元絵の中の一部分を空白の部分を作れない
>
>ちなみにPixia使ってる。
>いろいろ説明見たがよくわからん('A`)
>ヒントだけでもぷりーず
> 268名前： VIP投稿日： 2006/05/23(火) ID:FoWSXtHu0
> 1に関してはここが詳しいかも
> http://dictionary.rbbtoday.com/Details/term874.html
> pixiaはラスターだからｷﾞｻﾞｷﾞｻﾞになるよ
> 1と3はGIMPでできると思うから使ってみるといいよ。
> 2はわかんね
>
> 274 名前： 246投稿日： 2006/05/23(火) ID:zrpH6jEB0
> キレイかどうかはさておき、私の場合はイラストレーターを使って
> ます。
> １．シャギーが気になるならイラレ・フラッシュのようなドロー系
> ソフトを使うか、
> フォトショ・Pixaのようなペイント系ソフトならパスを駆使する
> しかないと思います。
> ２．はちょっと詳しいことが分からないとなんともいえません。
> ３．元絵の一部を切り抜くにはこれもやはりパスを使うのが一番で
> はないでしょうか？
>
> 278名前： VIP投稿日： 2006/05/23(火) ID:SjZd924y0
> Pixia使ってる人で細かいところがどうにもって人は、
> 領域を太らせる（痩せさせる）を使うと割と楽できる気がする
>
-GIMP使い方参考レス
>*基本的な工程
> 618名前： VIP 投稿日： 2006/05/19(金) ID:dGV1Aoui0
> 1.パスツールで輪郭抽出
> 2.同じく、色を抜く所や線を書き込むところを抽出
> 3.1.2で作ったパスに対して、領域塗りつぶしやパスの描画を行
> う
> 4.文字入れ
>
> 俺はこの方法で作ってる。
> パスで一度起こす分、解像度の変更を綺麗かつ自由自在に行えると
> いう利点はある。
> 元絵が複雑だと、かなり時間がかかるけどな…。
>
> 185名前：VIP 投稿日： 2006/05/18(木) ID:omHDOHyX0
> 漏れはGIMPだけど
> 切り抜き→パスツール(ベジェ曲線)
> iPod描き込み→ストローク描画
>
> でおｋ
>
>556名前： VIP投稿日： 2006/05/23(火) ID:yJ8N7P/mO
>そろそろ自分でも作ろうと思ってGIMPﾀﾞｳｿしたんだけど･････
>必要なﾓﾉとか実際自分が使ってる武器があったら、教えてエロい人。 あと、環境とか。
>ちなみに俺の武器はマウスとGIMP JA(本体)だけだ
> 558名前： VIP投稿日： 2006/05/23(火) ID:/tG4Qpj/0
> あとは時間と根性と上司の目の回避方法があれば大丈夫！
>
> 559名前： VIP投稿日： 2006/05/23(火) ID:HTq5p6zCO
> 俺マウスと元絵とGIMPだけだよ
> 下手だけど
>
> 560名前： VIP投稿日： 2006/05/23(火) ID:QBLVRpuW0
> マウスと元絵と写真屋だお。
> 絵に寄って曲かけてテンション上げてる。
> ロードとかJAMとか、ライダー系は出来る限りその曲かけて聞くお
>
>*エラーについて
>745名前： VIP投稿日： 2006/05/23(火) ID:UAwad5qj0
>Gimpエラーで落ちまくるんだが
>こんな時はもうPixia使ったほうが良いのか？
>俺の場合、レイヤー７つくらいが標準なんだが
>レイヤー増やすと落ちやすいとかある？
> 748名前： VIP投稿日： 2006/05/23(火) ID:nj5HMIvc0
> GIMPはエラー多いからしゃあない
> 古いバージョンだったら新しいのに変えてみろｗｗｗｗｗｗｗｗ
>GIMPは普通に落ちやすいソフトのようです。使う際はこまめに保存しながらやってみてください。
>
-SAI関係
>266名前：VIP投稿日： 2006/05/23(火) ID:/MWf8N/Y0
>SAIでガンガンに手振れ補正掛けて、パス使ってない俺ガイル。
>プロのイラストなぞるのって勉強になりそうだしな。
**その他技術的な参考レス
-ベジェ曲線について
>よく話題に出てますが、詳しい説明が以下のサイトでされてます。
>サイト自体は写真屋の説明ですが、基本工程は他のものでも大差ないと思うので、載せておきます。
>http://park17.wakwak.com/~hal/lecture/bezier.html
-レイヤーについて
>759名前： VIP投稿日： 2006/05/23(火) ID:FZA1hcyE0
>やっぱり職人さんはレイヤーって使うの？
>俺訳分からないからパスだけで作ってるんだけど
> 762名前： VIP投稿日： 2006/05/23(火) ID:ORd1hwcG0
> レイヤーは、色んなパターン作ったりするのに（試験的にとか）同
> じ形の奴を3つくらい作ったりする。
> 文字とか入れると10枚前後にはなるかも
>
> 763名前： VIP投稿日： 2006/05/23(火) ID:UAwad5qj0
> 俺のは参考にならないと思うけどこういう奴もいるってことで
> 俺の場合は
> 背景、シルエットライン、シルエット色１、シルエット色２、
> iPod、文字
> って分けてる
>
> 769 名前：VIP投稿日： 2006/05/23(火) ID:nrziHPo10
> 背景、画像を加工したシルエット、背景と同色の輪郭線、ipod、
> 手とか耳とかipodに被る部分
> って感じで使ってる。
>
>893名前： VIP投稿日： 2006/05/24(水) ID:StSsgVuzO
>作り手の方々は作成ソフト使い熟すのにどんくらい掛かりました？
>今日から始めたけどレイヤーすら理解に苦しむ状況だｗｗｗｗ
> 952 名前： VIP投稿日： 2006/05/24(水) ID:nH+aGZLu0
> 私の場合はデザイン系の専門学校にいってましたのでイヤでも覚え
> ましたｗ
> アニメのセル画がイメージできればわかりやすいのかな？
>
> 976名前： VIP投稿日： 2006/05/24(水) ID:DggXZig00
> おまけのレイヤーの仕組み
> ※レイヤーイメージ※
> http://ipodlike.web.fc2.com/ETC/vip44220.jpg
>
-コードの付け方
>941名前： VIP投稿日： 2006/05/24(水) ID:u0/nnhrK0
>おいらもマスクってどう使うのかワカランｗｗ
>職人さんに質問
>iPodのコードが体とかものに巻きついてるようなのってどうやって作ってるんですか？
> 944 名前： VIP投稿日： 2006/05/24(水) ID:XZXlblXk0
> 最後に重なって見えない部分のレイヤーたせばおk
>
> 952 名前： VIP投稿日： 2006/05/24(水) ID:nH+aGZLu0
> コードのレイヤーの上にさらに体のレイヤーを重ねる、かな？
>
-光の入れ方
>500名前： VIP投稿日： 2006/05/23(火) ID:WiSCPKlg0
> http://ipodlike.web.fc2.com/ipod/viploader166775.jp
>試行錯誤して何とか影と光も入れられました。
>自己流で光を入れてみたのだけれど、
>こういう十字型の光ってどうやって入れるのが一番ラクなんでしょう？
>ベテラン職人さん教えてくれるとありがたい。
> 520名前： VIP投稿日： 2006/05/23(火) ID:2tN4OCzS0
> ベテランじゃないけど俺だったら、
> ・直線を引く
> ・レイヤーマスク追加してグラデーション状にマスク
> ・レイヤーコピーして９０度回転
> ってやるかな。ま、やり方なんて無数にありそうだね～
>
> 524名前： VIP投稿日： 2006/05/23(火) ID:GmJmr/Zt0
> 十字じゃないが爆発させてみた
> フリーソフトJTrimの超新星爆発による加工です・・・
> 横からすまなひ('A`)
>
-影の付け方
>854名前： VIP投稿日： 2006/05/24(水) ID:IncNEFdp0
>その影のつけ方を知りたい・・・
>※参考画像※
> http://ipodlike.web.fc2.com/ipod/viploaderf50852.jpg
> 875 名前： VIP投稿日： 2006/05/24(水) ID:BkYiw3zr0
> ほいほい、自分のやり方だと
> GIMP２で黒い部分のレイヤーをコピー
> コピーしたのとコピー元を比べて下のレイヤーを上下で反転
> 回転させたり移動したり遠近感を変更して影っぽくする
> アルファチャンネルを選択領域にして、新しいレイヤーを作る
> そしたら、前景を黒にして、前景から透明になるグラデーション
> ですな感じです。
>
-りんごマーク
>613名前： VIP投稿日： 2006/05/23(火) ID:J1Xzpkr90
>作ってる人に聞きたいんだ。
>フォントは手にいれたんだけど、リンゴマークはどこで手にいれたら言いの？
>自力で描いてるの？
>教えてください
> 619名前： VIP投稿日： 2006/05/23(火) ID:2uO18YbU0
> なんかの画像から切り抜いてコピペ。
> パスでやるときれいにできる。
>
> 626名前： VIP投稿日： 2006/05/23(火) ID:9YV1nLkt0
> 自分はここから。でも自力で描くのもアリアリ
> http://www.geocities.co.jp/Milano-Aoyama/3886/kigyou.htm
>
> 637名前： VIP投稿日： 2006/05/23(火) ID:J1Xzpkr90
> iPod logo でイメージ検索したら山ほど出てきた。
> スレ汚しスマンコ
-大好評練習用サボテンダー
>90 名前： VIP 投稿日： 2006/05/22(月) ID:ypZUdFgP0
>練習用に[[好評のサボテンダー>http://ipodlike.web.fc2.com/ipod/ETC/viploader2d45447.jpg]]はっときます
**[[職人達のスペック＆意気込み]]
上記の事を参考にしてがんばってステキな作品作ってください!!
楽しみにしてますよぉ～ﾌﾚｰヾ(ﾟｰﾟゞ)( 尸-ﾟ)尸_ﾌﾚｰ
