最近はちょこちょこyoutubeのTetra StyleチャンネルにもコンテンツをUPしています。
以前こちらのブログでイラストの加工講座をUPしたことがありましたが、同様にイラストを描く方の参考になればいいなと思っています（そして自分の備忘録も兼ねている）
もちろん、イラストを描かない方も「ふーん、こんな風にして描いてるんだ」くらいな感じで見て頂けると幸いです。

背景演出の講座動画！

最新の動画はTetra Style応援キャンペーンでリクエストをいただいたイラストを使って、華やかな一枚絵に仕上げるための背景演出の講座となっております！

人物を楽しく描いたけど、一枚絵にするためには背景がいる…。 適当に模様を足してみたけどなんか冴えない…。こんな課題を解決します！
本当はラフの時点で背景のことまで考えられると良いのですが、カットイラストを一枚絵に仕立てる場合なんかにも役に立つと思いますので、困った経験がある人はぜひごらんください。

動画つくるのって大変…！

こちらの動画（↑）はyoutuberっぽいことをしてみようと思い、音声あり、テロップありの動画に挑戦してみましたが、めちゃくちゃ大変でした。youtuber（編集してる人含）すごい。。。

「なんでもコンテンツにしてやる」というのが最近の気持ちなので今回動画編集で行った履歴も簡単に残しておきます。
みんなもyoutuberになろうぜ…！（とてもたいへんだよ。）

動画編集にあたりやったこと

・クリスタのイラスト画面をmacのQuickTimeで画面録画

今回は描き方の経過動画ではなかったので、クリスタのレイヤーを切り替えている様子を画面録画して作りました。間の細かい経過はなく、さくさくとイラストが変わっていくので動画の時間短縮になります。
下書きのレイヤーなんかも残しておくとこういった時に使えます。

MacのQuickTime Playerで画面を収録する

・illustratorでテロップ作り

日本のyoutubeでは必須のテロップ。単に文字を打っただけでないテロップをどうやって作ろうかな…と考えていました。
youtuber御用達アプリ「perfect Image」で簡単にテロップを付けられることは知っていたのですが、PCで編集したかったので、perfect Imageのテロップ一覧を参考にillustratorで一つずつ作りました。めっちゃ大変ですね…。テロップで便利なやり方があったら教えて下さい。
グラフィックスタイル登録とアートーボードごとの書き出しが大活躍しました。

アートボードサイズ
1280px×720px

アートボードは塗り足し線を消すことを忘れずに。
［ファイル］→［ドキュメント設定］→断ち落としのピクセル数をすべて0に。

アートボードごとの書き出し。
［ファイル］→［書き出し］→［スクリーン用に書き出し］→4x jpg100で書き出しました。

・iPhoneで音声を別撮り

iPhoneでの音撮りはマイクを使うといいのかなと思ったのですが、なにせマイクがなかったので最初iPhoneについてくるイヤホンマイクを使って収録してみましたが、イヤホンマイク使うよりそのまま端末に向かって最初から入っているボイスレコーダーアプリで録音する方が音が良かったです。

あとどうも早口になりがちなので注意してください。私だけかな。

・Premiereで音声を聞き取りやすく編集

自分の声を録音して聞くのが苦手な人も多いのでは…。アナウンサーのような滑舌と素敵な声が欲しい！でもそうは言ってもしょうがないので、せめて音声クオリティを上げようと思い、Premiereで編集しました。

こちらの動画を参考に編集したのですが、聴き比べてみるとかなり良くなりました！

・iMovieで映像や音を合わせて編集

PremiereあるならPremiereで編集した方が色んなことができると思うのですが、なにせやることがすでに色々あって疲れたのでさくさくいじれるiMovieを使いました。細かい左下のテロップや画面切り替えのトランジションはiMovieです。
完成したらそのままyoutubeに書き出してUPできるのもいいところ。

その他のイラスト動画はこちら

Tetra Styleとは直接的には関係ありませんが、同じチャンネルでこういうイラスト経過動画もUPしています！良かったら見てくださいね。

イモリ好きの方からお写真をお借りしてリアルイラストを描いてみました。
最初はかなり適当な形ですが、気がつくと一気にリアルになっていきます！

こちらは最初にモノクロで濃淡をつけた絵にオーバーレイで着色するという「グリザイユ画法」に挑戦してみた動画です。
モノクロさえ頑張ればざっくりとした色塗りでもそれらしくなるという技法なのですが、このひまわりはイモリのイラストより時間がかかってしまいました。おーう。。。
思った色をつけるための色調整がなかなか難しかったです！

Tetra Styleチャンネルの動画が面白かったらグッドボタン、チャンネル登録を宜しくお願いします！（定型文）（言ってみたかった）

色塗りが終わったけど、なんだかイラストが寂しい…もうちょっとパッと華やかにさせたい…という時の仕上げ加工講座です。
操作方法自体はそこまで詳しく説明していませんが、「この加工をするとこういう効果が生まれます」と説明していますので、必要に応じて欲しい効果の加工を取り入れてみてください。

CLIP STUDIO PAINT（クリスタ）とPhotoshopを使用していますが、そんなに特殊な機能は使っていないので、他のソフトでも同様の機能があれば真似できると思います。それでは早速いってみましょう！

何も加工していない状態

こちらは塗り終わった未加工の状態です。
線画と塗りでレイヤーが分かれており、クリスタで作業をしています。

全体的もっと明るく幻想的な雰囲気にしたいので、ここから色々な加工を加えていきます。

線画を色トレスして雰囲気を変える

色トレスとは線画と塗りをなじませるために、線の色を隣接する塗りと近い色に変えていくことです。線がなじんで空気感がでます。
主線の色を変えるだけでも印象がかなり変わりますので、色トレスするのは大変！という方も、黒い線から焦げ茶やイラストのイメージにあったカラーなどに変えてみると楽しいですよ。

クリスタを使用している方は色トレスで素材検索するとオートアクションが見つかりますので、それを使用すると楽ちんです。私は今回こちらのオートアクションを使用させて頂きました。
もちろん新規レイヤーを線画レイヤーにクリッピングして、ブラシツールなどで隣の色を拾って塗っていくのでもOKです。

環境光を描き加えて雰囲気UP

今回のイラストは上にある月から黄色い光が出ているので、もっと黄色っぽく光らせることにしました。塗りの上に新規レイヤーを作成、ブラシで光らせたい部分に黄色を置いて、合成モードをオーバーレイにします。

こうすることで要所要所に黄色みが足され、月の光を受けているように見えるようになりました。

ノイズを加えて情報量を増やす

ノイズを加えることで、イラストを見た時の情報量を増やします。
塗りが単調になるのを防いだり、アナログっぽさを出したりできます。
今回はざらっとしたノイズテクスチャを透明度80%の焼き込みレイヤーで加えましたが、ランダムに描かれた水彩テクスチャなどを重ねても面白いです。透明度や合成モードをいろいろいじってみて合うものを探します。

焼き込みレイヤーで重ねると色が濃くなってしまうので、塗りレイヤーを10%ほど明るく調整すると良くなります。

ぼかして空気感を出す

さて、ここまで加工したら一旦これまで作ったすべてのレイヤー（線、塗り、加工レイヤー）を複製し、それらをひとつに結合します。（必ず複製してから結合してください！）
全て結合したレイヤーを3枚複製します。内2枚をガウスぼかし（ぼかす範囲25）をかけます。ぼかす範囲は解像度によって異なりますが、とりあえずピント合ってないなー！ってくらいぼかします。

下のぼかしレイヤーは透明度20%、上のぼかしレイヤーは透明度54%に下げます。
下のぼかしレイヤーは優しい雰囲気作りのためです。
透明度20%まで下げると元のイラストが少し滲んだようになり、全体がふんわります。
上のぼかしレイヤーは見て欲しい場所のピント合わせに使います。
キャラクターの顔など重要なところは柔らかい消しゴムで消し、四隅は残します。こうすることでピントの合ってる場所とボケてる場所ができます。

一番上のレイヤーは合成モードをソフトライトにし、透明度を25%に下げました。こちらはコントラストを微調整するためです。

色味を調整する

ここでクリスタからPhotoshopに移動してきました。
（そのままクリスタでもできます。）
上記で加工したレイヤーを再び全て複製してから結合します。

ここで全体の色味を調整します。
先程部分的に黄色の光を足しましたが、塗りの段階から月の光を意識しすぎて全体的に黄色に寄りすぎた気がしたので、色相を赤みに寄せます。
彩度も+10しました。

レベル補正レイヤーを使って発光させる

これらの元レイヤー、色調補正レイヤー2つをさらに複製、結合したレイヤーを作ります。
そのレイヤーにレベル補正をかけます。3つの三角を右側に寄せてコントラストを上げまくって半分くらい黒くします。補正レイヤーを結合し、合成モードをスクリーン、透明度を30%に下げます。
ふんわり発光させることができます。

• 

色レイヤーを乗せて全体の色味をまとめる

最後に赤い塗りつぶしレイヤーを一番上に乗せ、合成モードをオーバーレイ、透明度を6%にしました。
隣同士に並べてもわかりにくいのですが、レイヤーをオンオフすると結構違いが分かります。ささやかな違いと言えばそうなのですが！

これにて仕上げ加工作業は終了です！お疲れさまでした！

 完成！

左が加工前、右が加工後です。
こんな感じでガラリと雰囲気が変わりました！
ひとつひとつの加工は変わったかな？どうかな？というくらいのものですが、ちょっとずつ微調整すると最終的にはだいぶクオリティがアップします！
全てをやる必要はないかもしれませんが、ぜひ自分のイラストにあった加工方法を色々挑戦してみてくださいね♪

少しでもお役に立てれば幸いです！
それでは良いお絵かきライフを！！

アカウント名は

@tetra_style

です！

インスタでは最新情報の他、イラストもたくさん投稿しますのでぜひフォローしてくださいね♪

かわいいうさぎのインスタアカウントもあります☆
こちらも合わせて宜しくお願いします！

@kawaii__usagi

春のデザフェスで新作として出した「ペイント」のイラスト。
自分の備忘録も兼ねて制作過程をざっくり書いてみます。

1.スケッチブックにラフを描く

過去に描いたイラストを見比べて、まずは好評だったイラストの条件を考えてみました。
・各キャラの顔が大きくわかること
・カラフルにすること
・勢いのある感じにする
これが揃っているとなんだか良いイラストになりそうです。

そして今回は条件に沿うテーマを【ストリート】と決めてラフを描きました。
かなりざっくり。スイの頭の上にスニーカーが乗っかっていて泣いてます。かわいそう。

2.PCにラフを取り込んで、下書き

PCにラフを取り込んで、下書きをします。ラフではモカの顔がてとらの耳と被ったりしていたのでキャラクターの位置の調整もします。今回は勢いの良い感じにしたかったので、重要なパーツ（顔やロゴ）はA4（枠線内）に収まるようにしつつ、外にはみ出るように描きました。スイが可哀想だったので全然違うポーズになってたりします。

3.線画

下書きが大体できたのでペン入れをしました。缶の中身やロゴは後ほどillustratorで描く予定なので、ここでは空けています。
てとらの持っている筆のインクは分かりにくいので別レイヤーに線画の色を変えて描いています。

4.下塗り・影付け

ざっくり色を乗せました。カラフルにしたいので彩度高めの色をとりあえずおいています。コナモカが抜群にチカチカしますね！！対しててとらが地味めであんまり目に入ってきません。
左上のロゴはとりあえず仮置きし、左下は寂しかったのでさぼってんを追加しました。

5.色の調整・細部の描画・テクスチャの追加

色を調整していきます。コナの髪色やてとらのずきんなど大分色を変えました。これで最初にてとらに目がいってくれそうです。
髪のハイライトを入れたり、全体にテクスチャを薄く加えて情報量を増やしました。
ロゴや缶のラベルをillustratorで別に作り、はめ込みます。

6.細部を修正して完成！

さっきので完成〜！と思って告知とかに使っていたんですけど、よくよく見ていたらスイやしぃるがスニーカーを履いていないのに違和感を感じてきました。（ラフの段階では殆どのキャラが履いてない設定だったため、あんまり気にしてなかった…）なので、スイとしぃるにスニーカーを履かせたり、ぎゅうぎゅう押し合ってる感が欲しくてコナの手を描き加えたりしました。
これでようやく完成です！！

過程を連続で見るとこんな感じ！

GIFアニメなので所々画像が荒れてますが…（笑）
こんな感じで制作していきました！
最後の最後、さらにコナの口位置とか修正してますね…完成！と思ってもずっと見ていると気になる箇所がいろいろ出てくるものです…（苦笑）

話は変わって真夏のデザフェス告知！

さて、話は変わりまして、夏のデザフェス（8/3）に出展が決まりました！

今回Tetra Styleは青海会場、3日（土）のみの出展、ブースNo.はB-254です！
青海会場はりんかい線東京テレポート駅に直結です。

お間違いのないよう、よろしくお願い致します！

新年あけましておめでとうございます！

昨年はたくさんの方にイベントに来て頂き、ありがとうございました。

今年はすでに5月18〜19日のデザフェス出展が決定しております！

2019年もてとらたちTetra Styleをよろしくお願い致します♪