「画像作成について」の編集履歴（バックアップ）一覧はこちら

「画像作成について」(2007/06/10 (日) 15:28:33) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

画像は一部いつもどおり403エラーで見れないことがあると思います。
手動更新、リロード、F5、で見てください。
ちなみに自分は絵師じゃないので画像作成についてはさっぱぷー('ε')です。
やり方はコレだけじゃないと思うので、ｶﾞﾝｶﾞﾝわからないことはスレで聞いてみてください。
#contents()

**解説サイト
-[[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(#000000,#F59110){#F59110}|&font(#000000,#0094E0){#0094E0}|&font(#000000,#9FCC3A){#9FCC3A}|&font(#000000,#A46AA8){#A46AA8}|&font(#000000,#EA5396){#EA5396}|  
背景色見本:  http://blog.nikkeibp.co.jp/arena/ipod/archives/03b.html
その他カラーコード参照: [[色のみじん切り>http://members.at.infoseek.co.jp/color_onion/index.html]] 

**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してウィルス検査済み。　多分大丈夫です。

**iPod本体の画像入手
好意であげていただきました。
結構使ってる方も多いし、希望も多いので画像上げておきます。
&ref(iPod_body.png,,x=400,,center,http://www13.atwiki.jp/ipoddeoekaki/?cmd=upload&act=open&pageid=8&file=iPod_body.png)

**iPodロゴ(林檎マーク)入手
誰かの画像から切り取って色変えるのが早いみたいですが、一応使えそうな画像おいておきます。
後は好きなように使ってみてください。
GIF形式で困る人は自分で形式変更してね。
#ref(apple_logo.gif)
-りんごマーク
>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 でイメージ検索したら山ほど出てきた。 
> スレ汚しスマンコ 

**オススメフリーソフト
PixiaとPictBearSEはレイヤー機能付き 
-Hyper-Paint　&br()　http://con-kiriman.web.infoseek.co.jp/ 
-Pixia &br()　http://www.vector.co.jp/soft/win95/art/se144188.html
-PictBearSE &br()　 http://sleipnir.pos.to/software/pbse/index.html 
-GIMP &br()　http://www004.upp.so-net.ne.jp/iccii/
--[[使い方の説明サイト>http://www.paw.hi-ho.ne.jp/mazi-deka/gimp/gimp.html]]
-SAI &br() http://www.systemax.jp/sai/
-JTrim (フォトレタッチソフト*色々なEffectが入れられるようです)　http://www.woodybells.com/jtrim.html
-inkscape　&br()　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関係>http://www13.atwiki.jp/ipoddeoekaki/pages/36.html]]
-[[GIMP関係>http://www13.atwiki.jp/ipoddeoekaki/pages/37.html]]
 
-SAI関係
>266名前：VIP投稿日： 2006/05/23(火) ID:/MWf8N/Y0
>SAIでガンガンに手振れ補正掛けて、パス使ってない俺ガイル。 
>プロのイラストなぞるのって勉強になりそうだしな。 

**その他技術的な参考レス
別ページに作りました。
[[技術的なQ&A]]を参考にしてください。
-コンテンツ
--ベジェ曲線について
--レイヤーについて
--コードの付け方
--光の入れ方
--影の付け方

**練習用画像
大好評練習用サボテンダー
>90 名前： VIP 投稿日： 2006/05/22(月) ID:ypZUdFgP0
>練習用に好評のサボテンダーはっときます
>&ref(viploader2d45447.jpg,,x=350,,center,http://www13.atwiki.jp/ipoddeoekaki/?cmd=upload&act=open&pageid=8&file=viploader2d45447.jpg) 

**保存形式(拡張子)について
主なものはjpg,png,gifなど。
-jpg
圧縮率を上げると輪郭部分ににじみが出やすくなるらしい。(特に赤系の色)
にじみが出る時は圧縮率を下げるか、pngで。
-png
可逆圧縮なので、保存時に画像が劣化しないらしい。

**[[職人達について>http://www13.atwiki.jp/ipoddeoekaki/pages/20.html]]


上記の事を参考にしてがんばってステキな作品作ってください!!
楽しみにしてますよぉ～ﾌﾚｰヾ(ﾟｰﾟゞ)( 尸-ﾟ)尸_ﾌﾚｰ

Last Update on &date()

画像は一部いつもどおり403エラーで見れないことがあると思います。
手動更新、リロード、F5、で見てください。
ちなみに自分は絵師じゃないので画像作成についてはさっぱぷー('ε')です。
やり方はコレだけじゃないと思うので、ｶﾞﾝｶﾞﾝわからないことはスレで聞いてみてください。
#contents()

**解説サイト
-[[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(#000000,#F59110){#F59110}|&font(#000000,#0094E0){#0094E0}|&font(#000000,#9FCC3A){#9FCC3A}|&font(#000000,#A46AA8){#A46AA8}|&font(#000000,#EA5396){#EA5396}|  
背景色見本:  http://blog.nikkeibp.co.jp/arena/ipod/archives/03b.html
その他カラーコード参照: [[色のみじん切り>http://members.at.infoseek.co.jp/color_onion/index.html]] 

**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してウィルス検査済み。　多分大丈夫です。

**iPod本体の画像入手
好意であげていただきました。
結構使ってる方も多いし、希望も多いので画像上げておきます。
&ref(iPod_body.png,,x=400,,center,http://www13.atwiki.jp/ipoddeoekaki/?cmd=upload&act=open&pageid=8&file=iPod_body.png)

**iPodロゴ(林檎マーク)入手
誰かの画像から切り取って色変えるのが早いみたいですが、一応使えそうな画像おいておきます。
後は好きなように使ってみてください。
GIF形式で困る人は自分で形式変更してね。
#ref(apple_logo.gif)
-りんごマーク
>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 でイメージ検索したら山ほど出てきた。 
> スレ汚しスマンコ 

**オススメフリーソフト
PixiaとPictBearSEはレイヤー機能付き 
-Hyper-Paint　&br()　http://con-kiriman.web.infoseek.co.jp/ 
-Pixia &br()　http://www.vector.co.jp/soft/win95/art/se144188.html
-PictBearSE &br()　 http://sleipnir.pos.to/software/pbse/index.html 
-GIMP &br()　http://www004.upp.so-net.ne.jp/iccii/
--[[使い方の説明サイト>http://www.paw.hi-ho.ne.jp/mazi-deka/gimp/gimp.html]]
-SAI &br() http://www.systemax.jp/sai/
-JTrim (フォトレタッチソフト*色々なEffectが入れられるようです)　http://www.woodybells.com/jtrim.html
-inkscape　&br()　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関係>http://www13.atwiki.jp/ipoddeoekaki/pages/36.html]]
-[[GIMP関係>http://www13.atwiki.jp/ipoddeoekaki/pages/37.html]]
 
-SAI関係
>266名前：VIP投稿日： 2006/05/23(火) ID:/MWf8N/Y0
>SAIでガンガンに手振れ補正掛けて、パス使ってない俺ガイル。 
>プロのイラストなぞるのって勉強になりそうだしな。 

**その他技術的な参考レス
別ページに作りました。
[[技術的なQ&A]]を参考にしてください。
-コンテンツ
--ベジェ曲線について
--レイヤーについて
--コードの付け方
--光の入れ方
--影の付け方

**練習用画像
大好評練習用サボテンダー
>90 名前： VIP 投稿日： 2006/05/22(月) ID:ypZUdFgP0
>練習用に好評のサボテンダーはっときます
>&ref(viploader2d45447.jpg,,x=350,,center,http://www13.atwiki.jp/ipoddeoekaki/?cmd=upload&act=open&pageid=8&file=viploader2d45447.jpg) 

**保存形式(拡張子)について
主なものはjpg,png,gifなど。
-jpg
圧縮率を上げると輪郭部分ににじみが出やすくなるらしい。(特に赤系の色)
にじみが出る時は圧縮率を下げるか、pngで。
-png
可逆圧縮なので、保存時に画像が劣化しないらしい。

**[[職人達について>http://www13.atwiki.jp/ipoddeoekaki/pages/20.html]]


上記の事を参考にしてがんばってステキな作品作ってください!!
楽しみにしてますよぉ～ﾌﾚｰヾ(ﾟｰﾟゞ)( 尸-ﾟ)尸_ﾌﾚｰ

Last Update on &date()