Blenderで絵を描いてみよう【 #OmoideAdvent2020 】

この記事はオモゐデ漁船AdventCalendar2020 20日目の記事です(遅刻しました)。

Blenderでお絵かき、したい！

こんなの↓みせられたら、ねえ、するしかないじゃないですか！！

Making of the little walkman and other stuff ! :) Music video made with #blender3d for the song « Are Wa Having Fun Yet » by @larkins 😀.
Lots of #greasepencil #b3d stuff as usual ! pic.twitter.com/TjugHlA5ZD

— dedouze 🧢 Andry Rasoahaingo (@dedouze_) November 16, 2020

背景

　こんにちは。Ry0um4/円湯(Maroyu)です。円湯(Maroyu)が音楽の名義です(Soundcloud→ https://soundcloud.com/maroyu )。普段はLMMSというオープンソースのDAWで作曲したり、PC音ゲーのBMSのイベントに参加したりしています。そして、最近は全然できていませんがAtCoderで競技プログラミングやったりしてます。そのうちゲーム作りたいと思っています。

　誰にも言ってなかったんですが、春M3の時にアルバムを作った際、ジャケットデータを用意する関係でPhotoshopをフォトプランで1年分ライセンス購入してしまっていまして、もったいないので僕は夏ぐらいからさいとうなおき先生のYoutubeチャンネルを見つつ美少女イラスト描けねえかなー描けねえなーとちょくちょくお絵かきしていました。pixivに好きなアニメ(キラッとプリ☆チャン)のイラストを投稿したこともありましたが、最近絵どころか音楽の方も活動減少気味でまだまだ本腰というわけじゃないです。

　で、ちょっと行き詰っているので気分転換がてら、本記事ではツールを変えて、この間存在を知ったBlenderの機能「Greasepencil」を色々触ってみてみる様子などを記していきます。

Greasepencilとは

Blenderにある機能で、2D絵を描く、3Dモデルに絵を描く、3Dの物体を絵を描く感覚で作るといったことが出来ます。以下の動画が参考になりやすいです。

【Blender2.8】グリースペンシル解説1/基本編

目標設定

• 2DイラストをBlender上で作成する
• 画面をぐりぐりして、3D空間や3Dモデルに絵を描けるようになる
• アニメーションを作る

上から順に達成できればいいなと思います。

環境

　使用機器はPC(OSはWin10)、ペンタブ(Wacom Intuos CTL-490)とPC買った時に付属したマウスとキーボードです。

　Blenderは執筆時の最新版(Ver2.91)で話を進めます。

起動しよう

こんな画面が出てきます：

起動したての画面

中心に出てきている奴の右下の「Save new Settings」を押すと開くファイルの種類が出てきます。名前を読む限り用途に合わせた状態でロードしてくれるようです。今回はイラストなので「新規ファイル」の「2D Animation」をクリックします。

ファイルを開く画面。いろいろ出てくる。2D Animationをクリック

驚きの白さ

ダークテーマでやっているので急に白い画面が出てきてビビりました。許せん。

描いてみよう

こういったツールはUI部品が多いので最初非常に迷いますが、もう描けます。左側の「🖊」を選択しておけばもう線が引けるんですね。

線をペンタブで引く

ブラシの種類は右側のペンの絵をクリックすれば変更できます。線の色を変えるときは右側「カラー」の項目を「マテリアル」から「頂点カラー」にすれば選べるようになります。

色とペンを変えた。濃く描けているのが分かる

色塗りですが、グリースペンシルではマテリアルによって塗られ方が変わってきます。

ナビゲーションバー(マテリアルタブを選択中)

丸を書いて

pic.twitter.com/lanmDReiXo

— Ry0um4🐉🐎/円湯🔴♨【BOFXVI】 (@Ry0um4) 2020年12月21日

マテリアルを「Solid Stroke」から「Solid Fill」に変更することで塗りつぶしができます。

  なんとかやってみましたが少し色塗り機能の癖が強いなと感じました。この辺はPhotoshopの方がやはりやりやすいですね。

そのほかはより詳しいことが次のサイトにありましたので参照してください～。

illust-nav.info

オブジェクトに張り付けてみる

pic.twitter.com/0b5eSjcDTP

— Ry0um4🐉🐎/円湯🔴♨【BOFXVI】 (@Ry0um4) 2020年12月21日

上部にビューに飛べるタブがあります。ここにLayoutを追加すると3Dオブジェクトを操作しやすいです。 

pic.twitter.com/DTiO7cBqQk

— Ry0um4🐉🐎/円湯🔴♨【BOFXVI】 (@Ry0um4) 2020年12月21日

 3dオブジェクトとして立方体を追加しました。これで2dAnimationに戻ります

そして左上のプルダウンからドローモードに直し、真ん中の原点をサーフェイスに変更して描いてみると……

pic.twitter.com/P1tN8ywTBX

— Ry0um4🐉🐎/円湯🔴♨【BOFXVI】 (@Ry0um4) 2020年12月21日

 マウスでぐりぐりすると線が曲がっているのが分かりやすいですね！

ちなみにこのままだと立方体を動かしても線は一緒に動きません。線と立方体を選んだ状態でctrl+Pすることで一緒に動かせるようになります

アニメーションさせる

下にあるタイムラインを使うことでアニメーションを作りやすいです。

矢印キーを押すとフレームをずらせるので、新しい絵を描いていくことで次のコマが書けます。前フレームの絵を透明にして表示する機能もあります。オニオンスキンというやつですね。 

よし描くぞ……と思いましたがここで思いのほかキャラクターをアニメーションさせるのは大変だと気付きました。なので妥協して棒人間でやってみました。

pic.twitter.com/zAZqixjYAg

— Ry0um4🐉🐎/円湯🔴♨【BOFXVI】 (@Ry0um4) 2020年12月21日

編集モードを使うことで大きさや角度、位置を変えられるので調整がしやすいです。  

終わりに

今回Blenderで絵を描いてみて、そして絵を動かしてみました。簡単に触ってみただけではありますがそれでも結構手間のかかる作業でした。世のアニメーターの皆さんはやはりすごいんだなあと思いつつ、もっと自分のコンテンツに取り込めたらなと改めて思いました。

アニメに興味ある方は触ってみるといいんじゃないでしょうか。自分が描いたものが動くのは楽しいですよ！

てな感じで遅刻してしまいましたが#OmoideAdvent2020の私の記事はおしまいです。最後まで読んでいただきありがとうございました～！

妄言

「オリジナリティーは出すものではなく出るもの」という文言がありますが、それをこの間肌身で理解する事がありました。

私はかねてより気になったイベントに向けてBMSを製作するようになったのですが、この間A-1 ClimaX 10th というイベントが終わった後でこのようなツイートをしました。

今回のイベントで私のBMS作りはこの方向性で突き詰めるべきなのだという確信が芽生えた

— Ry0um4🐉🐎/円湯🔴♨【A-1 ClimaX 10th乙でした】 (@Ry0um4) July 5, 2020

 このツイートをしたときは直感でものを言ったので詳しくは語れませんでしたが、後になって自分なりに解釈をしてみようと思いました。

ZynAddSubFXのすすめ：ディスコ曲のアレを作る(LMMSのプリセットファイルあり)

lmms.io

　私は普段作曲ではLMMSというDAWを使用しています。このLMMSではZynaddsubFXという、とにかく自然に聞こえる音を出すためにあるようなシンセサイザーが使えます。だいたい弦楽器やコーラスなどの音を得意としていますが、電子音楽特有のリードやベース音はその仕組み上まだ難しいと感じています。

しかしパラメータがたくさんあり、どんな感じで音を作っているのかという日本語の記録がはほぼありません。そこでここにその一例として、ディスコ音楽で聴くあのストリングスの音(例えばこの曲の冒頭のやつ↓

www.youtube.com

よかったら呼び方を教えてほしいです……)を作ったので書き記しておこうと思います。

めちゃくそややこしんだ度数(と音階)の話

音楽には「度数」という概念があります

これは「2音を鳴らすとこういう性質がある」というのを説明するのに適した概念で、それに併せて2音の和音が命名されています。

命名の仕方は、

・基音から数えて半音がいくつ分あるかで分類

・完全、長短、増減といった接頭辞をつけて、いくつかの音をまとめる（詳しくはwikipediaでも見てください）

これはオクターブで纏めるためにそうなっているのだと思います。五線譜上では音から音までの間と線の数がそのまま「度」になるので分かりやすいです。度数の計算をするときは計算が植木算になるのでややこしいと感じる部分もありますが……。

一方で「音階」という概念もあります。

春に向けて

こんにちは

ここ6か月位の腹積もりが出来たのでここに書いていこうと思います

• M3-2020春に出たい
• アルバイトをもう少し増やす
• JavaScriptでちょっとしたツールやゲームを作る
• 学業をやってみる
• 公募へ挑戦する・写経を受け入れる

HTML5のContentEditableでちょいリッチなテキストエディタを作った

テキストエディタを作った

HTML5には、Contenteditableという属性があります。

これは、divやbodyなどの要素に以下のように適用すると

<div contenteditable='true'>ここは自由に書ける</div>

この中身が通常のテキストエディタのようにクリックするとカーソルが出てきて中身を自由に変えられます。

Google Chromeなどのふつーの有名ブラウザなら、contenteditable内はctrl+Bで太字にしたり、ctrl+Uなどで下線を付けたりして文字を装飾することが可能です。

これをうまいこと使って自分好みのテキストエディタを作りたいなぁと思い、ちょっと前にemakinoteという名前のcontenteditableを使用したテキストエディタを作りました。

https://ry0um4.sakura.ne.jp/App/emakinote/index.html

物語についての考察

#19/3/2019 19:23:35 Tue
物語は、進行とともに絶えず変化するものである。その変化の仕方には以下の6パターンがあると思われる。番号の大きいのものほど影響範囲が広くなり、小さいものほど影響力が大きくなる。

1. 関係の変化(二者の中での立場や印象、感情などといった共有される認識の変化)
2. 創出による変化(相対的な関係の変化に対照的である絶対的な変化。肉体の変容、ものつくり、選手交代、組み合わせの変更など。あくまで既存の物の組み合わせで成り立つ。)
3. 導入による変化(第三者的新要素の投入)
4. 周期の変化(ライフサイクル、月の満ち欠け、時刻の変化、時期による変化)
5. 干渉に伴う変化(第三者的立ち位置からのなんらかの操作)
6. 経過に伴う変化(時間経過による万物の変化。主にはつくり変わり老い朽ちて忘れられる変化)

接続詞を分けたがこれは以降で述べるの3要素との対応を試みたものである。