【初心から始める】イラスト講座【基礎】
http://w.atwiki.jp/ilustkouza/
【初心から始める】イラスト講座【基礎】
ja
2010-12-18T23:40:39+09:00
1292683239
-
色を付ける
https://w.atwiki.jp/ilustkouza/pages/18.html
色の塗り方は領域指定や他にも水彩タッチの様に塗る方法など様々な方法がありますが
今回はあえて一番設定などの必要がない方法で塗ります。
色塗りは苦手中の苦手なので参考にならないかもしれません。
**髪を塗ろう
#image(http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=%E7%84%A1%E9%A1%8C1.png,width=450,height=280,http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=%E7%84%A1%E9%A1%8C1.png,center)
1,まず、新規レイヤを乗算で作成し、塗りたい色を選択して十分はみ出すように完全に塗りきります。
2,消しゴムを使ってはみ出た部分を若干はみ出した感じで消します。
(影の位置がはっきり分かっている場合、この作業は後回しでいいです。)
#image(http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=%E7%84%A1%E9%A1%8C2.png,width=450,height=280,http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=%E7%84%A1%E9%A1%8C2.png,center)
※ここから2パターンの塗り方を紹介します。
*α
この塗り方は究めればちょっと凝った絵が描けるようになりますが
アニメーションなどにしようとする場合はβの方を参考にしていただけると良いと思います。
1,レイヤを変更せずに影になるよう暗い色を影を付けたい部分に塗っていきます。
2,レイヤを変更せずに明るい色を塗っていきます。
3,再び必要のない部分を消しゴムで消します。
#image(http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=%E7%84%A1%E9%A1%8C3.png,width=450,height=280,http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=%E7%84%A1%E9%A1%8C3.png,center)
影の付け方や色の選択は個人のセンスなので、たくさん絵を描いていくうちに慣れればおそらくはじめはダメでもよくなっていきます。
(僕は全然成長しませんでしたが。)
色塗りが本当に苦手な場合は塗り絵のような感じで誰かに色塗りを依頼するのがおススメです。
4,髪以外の部位も同じ方法で塗っていきます。
**目を塗ろう
1,まず、新規レイヤに乗算を指定してメインの色を塗ります。
#image(http://www43.atwiki.jp/ilustkouza?cmd=upload&act=open&pageid=18&file=4.png,width=450,height=280,http://www43.atwiki.jp/ilustkouza?cmd=upload&act=open&pageid=18&file=4.png)
2,同じレイヤに予め指定しておいた部分に影となる色を塗ります。
#image(http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=5.png,width=450,height=280,http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=5.png)
3,光の位置を決め、白を塗る位置と一回り大きいサイズで先にこの場合は水色を塗り、その中に白を入れます。
4,塗る作業が終わった後に、必要であれば『ぼかし』を使って影と光をグラデーションにします。
5,必要のない部分の色を消しゴムで消します。
#image(http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=6.png,width=450,height=280,title=http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=6.png,center)
**仕上げ作業
最後に、イラスト全体を見直し、修正したい部分があれば修正していきます。
#image(http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=7.png,width=450,height=280,http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=7.png,center)
今回は髪に水色と紺色を3色塗り重ねて修正しました。
*β
こちらの塗り方は、αとは違い、簡易アニメーション作成やアニメのような絵を書きたいときに使用します。
レイヤの使い方などは基本的にαとは変わりません。
1,下描きに予め明るめかつ濃いめの色で影と光の位置を分かりやすく簡素なものを指定しておきます。
2,色を塗るときに、ぼかすことなく性格にきっちり線わけしていくように塗ります。
過程はほとんど変わらないので簡易完成のみアップします。(服のみ未完成)
#image(http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=img066s.jpg,width=450,height=500,http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E8%89%B2%E3%82%92%E4%BB%98%E3%81%91%E3%82%8B&file=img066s.jpg)
**備考
・この方法は、領域指定を知らない方や、Pixia初心者向けの描き方になっています。
・今回は流れだけざっとまとめており、線などに拘った修正などを入れていないため、一部ガタガタになっていたりします。
・光の表現は、これ以外にもハイライトを使った技法などがあるので、各種イラスト講座サイトなどを参考にしてください。
2010-12-18T23:40:39+09:00
1292683239
-
リンク
https://w.atwiki.jp/ilustkouza/pages/19.html
参考になるイラスト講座サイト一覧です。
・[[お絵描きIRADUKAI>http://iradukai.com/]]
多くの方の講座が紹介されており、種類も豊富でとても分かりやすいです。
・[[イラストを描こう - 漫画絵萌え絵の描き方講座>http://reon532.blog40.fc2.com/]]
女の子の絵を描く際にポーズ等の細かい解説が入っているので分かりやすいです。
・[[イラスト講座>http://oekakiart.net/kouza/]]
しぃペインター対応の講座です。
2010-12-15T00:22:42+09:00
1292340162
-
メニュー
https://w.atwiki.jp/ilustkouza/pages/2.html
**メニュー
-[[トップページ]]
-[[更新覆歴]]
-[[メニュー]]
**描く
-[[線画を描く]]
-[[色を付ける]]
-[[簡易アニメーションを作る>http://www43.atwiki.jp/ilustkouza/pages/16.html]]
**その他
-[[イラストを投稿しよう]]
-[[あると便利なもの]]
-[[リンク]]
online
&online()
today
&counter(today)
yesterday
&counter(yesterday)
total
&counter(total)
----
2010-12-15T00:16:19+09:00
1292339779
-
線画を描く
https://w.atwiki.jp/ilustkouza/pages/13.html
**1 線画をPCに取り込む
※この作業は下描きをアナログで描いた場合のみ。
紙に描いた絵を取り込みたい場合、いくつか方法はありますが自宅でできる方法で行って下さい。
【スキャナーで取り込む】
これが1番ベストな方法。
絵も大きいままで取り込めるので後々の作業が楽になります。
【デジカメで撮影】
2番目によい方法。
それなりの大きさを保持したままでPCに取り込むことができます。
微妙に向きがずれたり、撮影の角度で絵の寸法が変わってしまいのが難点。
【写メ撮影】
あまり良くない方法。
機種にもよりますが写真が小さく、作業が難しくなったり、荒い絵になるのを余儀なくされれます。
・取り込む場合、色などはまだ付けずにシンプルな線画が望ましい。
**2 取り込んだ絵をPixiaに表示する。
#image(http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E7%B7%9A%E7%94%BB%E3%82%92%E6%8F%8F%E3%81%8F&file=%E7%84%A1%E9%A1%8C1.jpg,width=450,height=280,center)
例にとった画像が少々残念ですがこのような感じになります。
**3 アナログ線画からデジタル線画にする。
#image(http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E7%B7%9A%E7%94%BB%E3%82%92%E6%8F%8F%E3%81%8F&file=%E7%84%A1%E9%A1%8C2.jpg,width=450,height=280,center)
1,【LAYER0】をクリックして合成方法を『乗算』に変更する。
2,『LAYER濃度』を50%以下の好みの濃さに変更する。
3,『編集ボタン』をクリックし、『追加』で新規レイヤーを作成する。
4,【LAYER1】をクリックして合成方法を『乗算』に変更する。
5,色を黒に変えて線をなぞる。
線の太さなどは個人の好みで行って下さい。
**4 線画が描けたら。
#image(http://www43.atwiki.jp/ilustkouza?cmd=upload&act=open&pageid=13&file=%E7%84%A1%E9%A1%8C3.jpg,width=450,height=280,center)
LAYER0の◀▸の▸をクリックしてLAYER0を消す。
↓線が細くて見えにくいですが、こんな感じになります。
#image(http://www43.atwiki.jp/ilustkouza/?cmd=upload&act=open&page=%E7%B7%9A%E7%94%BB%E3%82%92%E6%8F%8F%E3%81%8F&file=PING%E7%84%A1%E9%A1%8C4.png,width=450,height=280,center)
2010-12-12T03:01:56+09:00
1292090516
-
トップページ
https://w.atwiki.jp/ilustkouza/pages/1.html
**ようこそ
・当サイトはイラストを線画から僕のへなちょこクオリティで描き方を紹介するサイトです。
|使っている物|製品名|〃|
|ソフト|Pixia||
|タブレット|BAMBOO||
|その他|外付けHDD|USBメモリー|
**注意
*&bgcolor(#ff0000){※当サイトは趣味の範疇で作成されたものです※}
・こんなクオリティじゃ話にならない
・プロを目指している
…と言った方には市販されているプロによる解説の書籍を買い求めることをお勧めします。
・描き方やレイヤーの使い方は自分流です。
描いていくうちに自分に一番合った使い方を見つけてください。
・この講座を見たからと言って&color(#ff0000){決してクオリティが高い絵を描けるようになる}わけではありません。
2010-12-12T02:08:29+09:00
1292087309
-
簡易アニメーションを作る
https://w.atwiki.jp/ilustkouza/pages/16.html
**絵が動く理由
今回作るのは動画ではなく、アニメーションGIFという画像ファイルなのですが
絵が動く=画像を高速で次から次へと微妙に違った形の絵を表示していく
ということを利用して作ります。
なので、絵は似たようなもので、少しずつ変わっていくものをたくさん描かないといけなくなります。
**1 微妙な変化を付けてみよう。
1,[[線画を描く]]の作業でアナログ化した画像を一度、何らかの事故が起こった時に復元するためのpxaとPINGの二つのファイルに保存します。
(アニメーションGIFの作成には容量が必要になってくるのでHDDやフラッシュメモリーでの保存推奨)
2,ファイルの「開く」でPINGのイラストを表示します。
3,[[線画を描く]]の作業と同じように新規レイヤーの乗算を使い、動かしたい部分を微妙に描きかえる。
(LAYER0はレイヤ濃度50%以下)
#image(http://www43.atwiki.jp/ilustkouza?cmd=upload&act=open&pageid=16&file=PING%E7%84%A1%E9%A1%8C5.png,width=450,height=280,http://www43.atwiki.jp/ilustkouza?cmd=upload&act=open&pageid=16&file=PING%E7%84%A1%E9%A1%8C5.png,center)
※クリックで拡大
4,LAYER0のレイヤ濃度を100%に戻してLAYER1のレイヤ濃度を50%以下に変更して要らなくなった線を消す。
#image(http://www43.atwiki.jp/ilustkouza?cmd=upload&act=open&pageid=16&file=PING%E7%84%A1%E9%A1%8C6.png,width=450,height=280,http://www43.atwiki.jp/ilustkouza?cmd=upload&act=open&pageid=16&file=PING%E7%84%A1%E9%A1%8C6.png,center)
※クリックで拡大
5,保存してまた2からの作業を繰り返して動かしたいようになるまで描きかえる作業を繰り返す。
[[完成画像>http://piapro.jp/content/0rk0ymhk2y3l6mdc]]
(使用画像:4枚 多分0,2秒に設定 すごくカクカクしています)
6,絵がそろったらフリーソフトでアニメーションGIFに加工してみましょう。
・[[BANNERKOUBOU>http://www.bannerkoubou.com/anime/]]
2010-12-09T04:09:30+09:00
1291835370
-
更新覆歴
https://w.atwiki.jp/ilustkouza/pages/14.html
#recent(20)
2010-12-09T03:19:52+09:00
1291832392
-
あると便利なもの
https://w.atwiki.jp/ilustkouza/pages/17.html
無いから絵が描けないというわけではないです。
*ソフト
・Pixia
無料ソフト。
学校などでも採用されているのでウイルスの心配もなく使いやすいです。
・SAI
・IllustStudioMini
・[[ComicStudioPro>http://www.amazon.co.jp/gp/product/B000V7EWJC?ie=UTF8&tag=basaraff-22&linkCode=as2&camp=247&creative=7399&creativeASIN=B000V7EWJC]]
・Corel Painter Essentials 4(MAC対応)
・水彩LITE
*PC周辺機器
・[[Wacom ペンタブレット Mサイズ デジ絵作成入門機 コミスタMini付属 Bambooコミック CTH-661/S1 >http://www.amazon.co.jp/gp/product/B0033AI3ZS?ie=UTF8&tag=basaraff-22&linkCode=as2&camp=247&creative=7399&creativeASIN=B0033AI3ZS]]
僕が現在使っているタブレットのMサイズバージョンです。
いくつかのソフトもついています。
・[[Wacom ペンタブレット Sサイズ デジ絵作成入門機 コミスタMini付属 Bambooコミック CTH-461/S1 >http://www.amazon.co.jp/gp/product/B002WYK0OS?ie=UTF8&tag=basaraff-22&linkCode=as2&camp=247&creative=7399&creativeASIN=B002WYK0OS]]
現在僕がつかっているタブレットです。
やや小さめですが、十分な大きさで値段も若干良心的。
こちらにもソフトがいくつかついています。
・[[SONY ノックスライド式 USBメモリー ポケットビット >http://www.amazon.co.jp/gp/product/B001QXCYXQ?ie=UTF8&tag=basaraff-22&linkCode=as2&camp=247&creative=7399&creativeASIN=B001QXCYXQ]]
なくてもどうにでもなりますが、アニメーションや動画制作前提の場合は必須。
*書籍
・[[服のシワの描き方マスターブック (ナツメ社Artマスター)>http://www.amazon.co.jp/gp/product/4816349391?ie=UTF8&tag=basaraff-22&linkCode=as2&camp=247&creative=7399&creativeASIN=4816349391]]
服を描くのが苦手な方にオススメ。
・[[ワコム製ペンタブレット“Bamboo Comic”最新版対応ガイドブック いますぐできる パソコンでマンガを描こう! >http://www.amazon.co.jp/gp/product/4048685740?ie=UTF8&tag=basaraff-22&linkCode=as2&camp=247&creative=7399&creativeASIN=4048685740]]
ワコム対応の書籍です。
・[[アニメ作画のきほん (~キャラクター&メカ~) >http://www.amazon.co.jp/gp/product/4862670881?ie=UTF8&tag=basaraff-22&linkCode=as2&camp=247&creative=7399&creativeASIN=4862670881]]
メカの描き方が詳しく載っている珍しい本なのでメカ好きにオススメ。
2010-12-09T03:16:20+09:00
1291832180
-
イラストを投稿しよう
https://w.atwiki.jp/ilustkouza/pages/15.html
せっかく描いた作品なのだから、どこかで投稿して公開してみよう。
[[【pixiv】>http://www.pixiv.net/mypage.php]]
イラスト中心のコミュニティ。
個人で使ったり絵チャットの募集に使ったりできる。
[[【ピアプロ】>http://piapro.jp/]]
ボーカロイドの創作を主とするサイト。
コラボでメンバーを募って複数名の協力で動画を作るなどの活動が盛ん。
絵師以外にも調整師などさまざまな役割がある。
2010-12-08T13:39:15+09:00
1291783155
-
プラグイン/ニュース
https://w.atwiki.jp/ilustkouza/pages/4.html
* ニュース
@wikiのwikiモードでは
#news(興味のある単語)
と入力することで、あるキーワードに関連するニュース一覧を表示することができます
詳しくはこちらをご覧ください。
=>http://atwiki.jp/guide/17_174_ja.html
-----
たとえば、#news(wiki)と入力すると以下のように表示されます。
#news(wiki)
2010-12-08T12:02:13+09:00
1291777333