「wiki管理のお絵描きレポート」の編集履歴（バックアップ）一覧はこちら

「wiki管理のお絵描きレポート」(2013/01/03 (木) 22:45:05) の最新版変更点

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

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

各種お絵描きソフト等にまつわる当てにならない説明。
情報源はスレの書き込みじゃなくて、wiki管理がちまちま調べたネタ。
画像の対応保存形式とかその辺の参考に。

#contents()

この項目の他のページ
#ls_line(wiki管理のお絵描きレポート,sep=・)


**画像の保存形式
----
***主なファイル形式
pixivで使われる形式や馴染み深い形式、ついでに知名度が高そうなものを少し紹介。
これ以外にもたくさんある。

&bold(){【jpg】}
写真やフルカラーで描いたＣＧなど、幅広い画像に向く。フルカラーを扱える形式の中では軽い。
大抵はこれを選んでおけばそう困らない。
ただしアニメ塗りのようなべた塗り面積が広い絵だと、にじみのようなノイズが目立つ事がある。
さらに赤系など一部の色調がが劣化しやすい（※保存する際の品質を上げれば抑えられる）
また、透過画像には非対応。線画はまだしも、透過部分が必須のカラーのパーツ素材には不向き。

&bold(){【gif】}
256色までの画像を扱う事が出来、1色のみ透過色にも指定できる。
アニメーションも可能で、お手軽な動画が作れる。ドット絵や動くアイコンなどに向く。
１色しか透過できない性質上、透過したい線画にはあまり向かない。

&bold(){【png】}
jpgよりちょっと重くなりがちだが、フルカラー保存はもちろん、
透明度の管理が出来るアルファチャンネルを持つので半透明画像も作れる。
そのため、透過済み線画や透過部分付きのカラーのパーツ素材などに向く。

&bold(){【psd】}
レイヤーを保持できる形式は通常そのソフトにしか使えない画像形式が多い中で、
珍しく多くのソフトが対応しているphotoshop独自の画像形式。
これで作業中のファイルを保存すれば、続きの作業を別ソフトでという芸当が円滑になる。
特に２つ以上のソフトを連携させる人にとっては重要。

&bold(){【bmp】}
特徴：無圧縮の画像形式。とにかく重い。これを使うメリットは普段はあまりない。
画像は劣化せず、フルカラーを扱える。透過画像は非対応。


***その他のファイル形式
&bold(){【eps】}
印刷データ向き。一般的なラスター画像（jpgとかで保存できる奴）の他、
ベクトル画像（パスの情報）も含める事が可能。
photoshopで開く時は解像度を指定すると開ける。CMYKモードにも対応。
Illustrator向きの素材がこの形式で配布されている事があるので、
素材集の本を持っていたりすると見かけるかも。

&bold(){【tiff】}
一番汎用性が高い画像形式らしい。無圧縮でファイルが重い。
こちらもCMYKモードに対応しているらしい。

***各ソフト対応表（五十音順）
※全てのバージョンでの動作は保証なし。
読み込み・書き込みの両方に対応してるかは各自で入手前に確認を。
※リスト内の全ての画像形式に対応してるソフトは、色つき背景。
||jpg|gif|png|psd|eps|
|Az painter2|○|○|○|○|×|
|CG illust|○|×|○|○|×|
|CLIP STUDIO PAINT|○|×|○|○|×|
|BGCOLOR(#e4cbe4):Illustrator|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|Illust Studio|○|×|○|○|×|
|Inkscape|○|○|○|×|○|
|BGCOLOR(#e4cbe4):GIMP|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|MSペイント|○|○|○|×|×|
|Mypaint|○|×|○|×|×|
|Nekopaint|○|×|○|○|×|
|BGCOLOR(#e4cbe4):Painter|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|PictBear|○|○|○|×|×|
|pixia|○|×|○|○|×|
|BGCOLOR(#e4cbe4):Photoshop|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|BGCOLOR(#e4cbe4):Photoshop elements|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|SAI|○|×|○|○|×|
----
-&link_up(上へ)


**&bold(){お絵描きソフトの選び方（簡易）}
----
ソフト操作系については、初心者なら癖のない方がとっつきやすいかも。
自分が描きたい絵＆パソコンの性能と相談の上でソフトを選ぶのが基本。
ちなみに一部のソフト（特に機能がシンプルなもの）は、他ソフトとの連携が前提の物もある。
面倒ならオールインワンのソフトを選ぶと無難らしい。
詳しい事は他の項目（[[ソフト・ハード・資料情報]]）を見るか、スレで聞くと吉。

&bold(){シンプル派}
・SAI他

&bold(){多機能派}
・Photoshop
・Illust Studio
・CLIP STUDIO PAINT
・pixia 他

&bold(){パスでお絵描き}
・Illustrator
・Inkscape
・Photoshop（※elementsは無理）

&bold(){線画を綺麗に}
・SAI
・Illust Studio
・CLIP STUDIO PAINT

&bold(){アナログ画材再現}
・painter 他

&bold(){加工バリバリ}
・Photoshop
・Photoshop elements
・pixia 他

&bold(){pixivで人気のソフトで描きたい}
・SAI
・Photoshop
・Illust Studio

有料ソフト価格帯一覧
￥5万以上
・photoshop
・Illustrator 
￥１万以上
・Painter
・Photoshop elements
・CLIP STUDIO PAINT EX
￥5000以上
・CG illust
・Illuststudio
・CLIP STUDIO PAINT PRO
・SAI
￥5000以下
・Nekopaint

対応OS一覧
基本的に、Windows以外に対応しているソフトは少ない。
特にフリーソフトを使いたい人は、選択肢が限られる傾向。
||windows|Mac|Linux|
|Az painter2|○|×|×|
|CG illust|○|×|×|
|BGCOLOR(#ccff99):CLIP STUDIO PAINT|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):×|
|BGCOLOR(#ccff99):Illustrator|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):×|
|Illust Studio|○|×|×|
|BGCOLOR(#e4cbe4):Inkscape|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|BGCOLOR(#e4cbe4):GIMP|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|MSペイント|○|×|×|
|BGCOLOR(#e4cbe4):Mypaint|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|Nekopaint|○|×|×|
|Painter|○|×|×|
|PictBear|○|×|×|
|pixia|○|×|×|
|BGCOLOR(#ccff99):Photoshop|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):×|
|BGCOLOR(#ccff99):Photoshop elements|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):×|
|SAI|○|×|×|

----
-&link_up(上へ)


**&bold(){その他}
----
***絵の見栄えアップ方法
よくスレで添削・赤ペン希望の時に出る指摘を中心にちょいちょいと紹介。
この辺を守ると、少し絵が変わると思う。
#region(close)
・線画を丁寧に。
線のはみ出し・交差・二重線は見栄えがとても悪いので、いらない線は必ず綺麗に消す事。
長い線を繋いで描くタイプの人は、繋ぎ目が目立たないように調整する事も忘れずに。
ソフトが手ぶれ対応でないと難しいが、線が震えてガタガタするとこれもマイナス。

・塗りのはみ出しや塗り忘れをなくす。
輪郭からはみ出したり塗り忘れた色は、アニメ・ギャルゲ塗りなどの場合は見栄えが悪い。
はみ出しや塗り忘れがないように、隅々までチェック。
特に髪の毛の先端や服のしわなど、バケツ塗りで塗りにくい所は注意。

・資料を見て描く
慣れないポーズ・描き慣れない小物・背景その他色々、
形をきちんと取れないものは、想像に頼らず資料を見て描くのが吉。
実際の資料と思い込みは、結構かけ離れている事もままある。

・無地背景を避ける
特に白背景。キャラを引き立てる物がないせいか、特に一般だとサムネ映えがつらい。
悩んだら縞でも星でも、借りたテクスチャでもいいので、何か入れておくといい模様。
でも、エロだと下手な背景より白がいいという話もある。

・棒立ち・バストアップを避ける
うまい人でも、構図に面白みがないと本人比で点が入りにくい傾向らしい。
同じ立ち絵でも小物を持たせたり、バストアップでも手を入れてポーズを付けると違うかも。
ちなみにアニメの設定画の立ち絵は、性格とかを表現出来ているらしい。

・手抜き厳禁
ざっくり描いても綺麗に見えるのは画力が高い人の特権。
画力が発達途上の人は、まずは丁寧に描く事が大事。とりあえず本気絵だけは。

・テクスチャは闇雲に貼らない
質感を出すのに便利なテクスチャ。
個性的な質感の物は、全面に貼るとくどくなったり初心者っぽくなったりする。注意。
割と癖のない、画用紙風・普通の和紙風とかなら全面でも大丈夫。

・写メは使わない
写メ・デジカメ撮影は非常に見栄えが悪い。写メでの投稿自体を嫌う人も居る。
下手だからもったいないなどと言わず、安物でいいからきちんとスキャナを買う事。

・アナログは画像補正を
スキャナで取り込んだ絵は、そのままだと薄暗かったりコントラストが弱くて、
なかなかパソコンでは綺麗に見えない。
フォトショなどの画像加工ソフトで、レベル補正などをしてきれいにしてから載せよう。
場合によってはスキャンする時の設定も見直しを。

結論：雑な仕上げは見栄えが悪い。手間を惜しまず丁寧に。
#endregion

***レイヤーモード（図説）
SAIとPhtotoshop準拠。画像が大きいんで別窓で。
ちなみに図の順番は、横の解説文の並びと同じ。
&blankimg(適当ＣＧ講座（２ｃｈ投下）９－２.jpg)←別窓で全体

----
-&link_up(上へ)

&topicpath()

各種お絵描きソフト等にまつわる当てにならない説明。
情報源はスレの書き込みじゃなくて、wiki管理がちまちま調べたネタ。
画像の対応保存形式とかその辺の参考に。

#contents()

この項目の他のページ
#ls_line(wiki管理のお絵描きレポート,sep=・)


**画像の保存形式
----
***主なファイル形式
pixivで使われる形式や馴染み深い形式、ついでに知名度が高そうなものを少し紹介。
これ以外にもたくさんある。

&bold(){【jpg】}
写真やフルカラーで描いたＣＧなど、幅広い画像に向く。フルカラーを扱える形式の中では軽い。
大抵はこれを選んでおけばそう困らない。
ただしアニメ塗りのようなべた塗り面積が広い絵だと、にじみのようなノイズが目立つ事がある。
さらに赤系など一部の色調がが劣化しやすい（※保存する際の品質を上げれば抑えられる）
また、透過画像には非対応。線画はまだしも、透過部分が必須のカラーのパーツ素材には不向き。

&bold(){【gif】}
256色までの画像を扱う事が出来、1色のみ透過色にも指定できる。
アニメーションも可能で、お手軽な動画が作れる。ドット絵や動くアイコンなどに向く。
１色しか透過できない性質上、透過したい線画にはあまり向かない。

&bold(){【png】}
画像が劣化しないが、jpgよりもちょっと重くなりがち。
だが、フルカラー保存はもちろん、
透明度の管理が出来るアルファチャンネルを持つので半透明画像も作れる。
そのため、透過済み線画や透過部分付きのカラーのパーツ素材などに向く。

&bold(){【psd】}
レイヤーを保持できる形式は、通常特定のソフト専用の画像形式が多い中で、
珍しく多くのソフトが対応しているphotoshop独自の画像形式。
これで作業中のファイルを保存すれば、続きの作業を別ソフトでという芸当が円滑になる。
特に２つ以上のソフトを連携させる人にとっては重要。
ただし、文字レイヤーなどの特殊なレイヤーは互換性が保証されないので、その点は注意。

&bold(){【bmp】}
特徴：無圧縮の画像形式。とにかく重い。これを使うメリットは普段はあまりない。
画像は劣化せず、フルカラーを扱える。透過画像は非対応。


***その他のファイル形式
&bold(){【eps】}
印刷データ向き。一般的なラスター画像（jpgとかで保存できる奴）の他、
ベクトル画像（パスの情報）も含める事が可能。
photoshopで開く時は、解像度を指定すると開ける。CMYKモードにも対応。
Illustrator向きの素材がこの形式で配布されている事があるので、
素材集の本を持っていたりすると見かけるかも。

&bold(){【tiff】}
一番汎用性が高い画像形式らしい。無圧縮でファイルが重い。
こちらもCMYKモードに対応しているらしい。

***各ソフト対応表（五十音順）
※全てのバージョンでの動作は保証なし。
読み込み・書き込みの両方に対応してるかは各自で入手前に確認を。
※リスト内の全ての画像形式に対応してるソフトは、色つき背景。
||jpg|gif|png|psd|eps|
|Az painter2|○|○|○|○|×|
|CG illust|○|×|○|○|×|
|CLIP STUDIO PAINT|○|×|○|○|×|
|BGCOLOR(#e4cbe4):Illustrator|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|Illust Studio|○|×|○|○|×|
|Inkscape|○|○|○|×|○|
|BGCOLOR(#e4cbe4):GIMP|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|MSペイント|○|○|○|×|×|
|Mypaint|○|×|○|×|×|
|Nekopaint|○|×|○|○|×|
|BGCOLOR(#e4cbe4):Painter|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|PictBear|○|○|○|×|×|
|pixia|○|×|○|○|×|
|BGCOLOR(#e4cbe4):Photoshop|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|BGCOLOR(#e4cbe4):Photoshop elements|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|SAI|○|×|○|○|×|
----
-&link_up(上へ)


**&bold(){お絵描きソフトの選び方（簡易）}
----
ソフト操作系については、初心者なら癖のない方がとっつきやすいかも。
自分が描きたい絵＆パソコンの性能と相談の上でソフトを選ぶのが基本。
ちなみに一部のソフト（特に機能がシンプルなもの）は、他ソフトとの連携が前提の物もある。
面倒ならオールインワンのソフトを選ぶと無難らしい。
詳しい事は他の項目（[[ソフト・ハード・資料情報]]）を見るか、スレで聞くと吉。

&bold(){シンプル派}
・SAI他

&bold(){多機能派}
・Photoshop
・Illust Studio
・CLIP STUDIO PAINT
・pixia 他

&bold(){パスでお絵描き}
・Illustrator
・Inkscape
・Photoshop（※elementsは無理）

&bold(){線画を綺麗に}
・SAI
・Illust Studio
・CLIP STUDIO PAINT

&bold(){アナログ画材再現}
・painter 他

&bold(){加工バリバリ}
・Photoshop
・Photoshop elements
・pixia 他

&bold(){pixivで人気のソフトで描きたい}
・SAI
・Photoshop
・Illust Studio

有料ソフト価格帯一覧
￥5万以上
・photoshop
・Illustrator 
￥１万以上
・Painter
・Photoshop elements
・CLIP STUDIO PAINT EX
￥5000以上
・CG illust
・Illuststudio
・CLIP STUDIO PAINT PRO
・SAI
￥5000以下
・Nekopaint

対応OS一覧
基本的に、Windows以外に対応しているソフトは少ない。
特にフリーソフトを使いたい人は、選択肢が限られる傾向。
||windows|Mac|Linux|
|Az painter2|○|×|×|
|CG illust|○|×|×|
|BGCOLOR(#ccff99):CLIP STUDIO PAINT|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):×|
|BGCOLOR(#ccff99):Illustrator|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):×|
|Illust Studio|○|×|×|
|BGCOLOR(#e4cbe4):Inkscape|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|BGCOLOR(#e4cbe4):GIMP|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|MSペイント|○|×|×|
|BGCOLOR(#e4cbe4):Mypaint|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|BGCOLOR(#e4cbe4):○|
|Nekopaint|○|×|×|
|Painter|○|×|×|
|PictBear|○|×|×|
|pixia|○|×|×|
|BGCOLOR(#ccff99):Photoshop|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):×|
|BGCOLOR(#ccff99):Photoshop elements|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):○|BGCOLOR(#ccff99):×|
|SAI|○|×|×|

----
-&link_up(上へ)


**&bold(){その他}
----
***絵の見栄えアップ方法
よくスレで添削・赤ペン希望の時に出る指摘を中心にちょいちょいと紹介。
この辺を守ると、少し絵が変わると思う。
#region(close)
・線画を丁寧に。
線のはみ出し・交差・二重線は見栄えがとても悪いので、いらない線は必ず綺麗に消す事。
長い線を繋いで描くタイプの人は、繋ぎ目が目立たないように調整する事も忘れずに。
ソフトが手ぶれ対応でないと難しいが、線が震えてガタガタするとこれもマイナス。

・塗りのはみ出しや塗り忘れをなくす。
輪郭からはみ出したり塗り忘れた色は、アニメ・ギャルゲ塗りなどの場合は見栄えが悪い。
はみ出しや塗り忘れがないように、隅々までチェック。
特に髪の毛の先端や服のしわなど、バケツ塗りで塗りにくい所は注意。

・資料を見て描く
慣れないポーズ・描き慣れない小物・背景その他色々、
形をきちんと取れないものは、想像に頼らず資料を見て描くのが吉。
実際の資料と思い込みは、結構かけ離れている事もままある。

・無地背景を避ける
特に白背景。キャラを引き立てる物がないせいか、特に一般だとサムネ映えがつらい。
悩んだら縞でも星でも、借りたテクスチャでもいいので、何か入れておくといい模様。
でも、エロだと下手な背景より白がいいという話もある。

・棒立ち・バストアップを避ける
うまい人でも、構図に面白みがないと本人比で点が入りにくい傾向らしい。
同じ立ち絵でも小物を持たせたり、バストアップでも手を入れてポーズを付けると違うかも。
ちなみにアニメの設定画の立ち絵は、性格とかを表現出来ているらしい。

・手抜き厳禁
ざっくり描いても綺麗に見えるのは画力が高い人の特権。
画力が発達途上の人は、まずは丁寧に描く事が大事。とりあえず本気絵だけは。

・テクスチャは闇雲に貼らない
質感を出すのに便利なテクスチャ。
個性的な質感の物は、全面に貼るとくどくなったり初心者っぽくなったりする。注意。
割と癖のない、画用紙風・普通の和紙風とかなら全面でも大丈夫。

・写メは使わない
写メ・デジカメ撮影は非常に見栄えが悪い。写メでの投稿自体を嫌う人も居る。
下手だからもったいないなどと言わず、安物でいいからきちんとスキャナを買う事。

・アナログは画像補正を
スキャナで取り込んだ絵は、そのままだと薄暗かったりコントラストが弱くて、
なかなかパソコンでは綺麗に見えない。
フォトショなどの画像加工ソフトで、レベル補正などをしてきれいにしてから載せよう。
場合によってはスキャンする時の設定も見直しを。

結論：雑な仕上げは見栄えが悪い。手間を惜しまず丁寧に。
#endregion

***レイヤーモード（図説）
SAIとPhtotoshop準拠。画像が大きいんで別窓で。
ちなみに図の順番は、横の解説文の並びと同じ。
&blankimg(適当ＣＧ講座（２ｃｈ投下）９－２.jpg)←別窓で全体

----
-&link_up(上へ)

&topicpath()