モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。Mac今まではBlenderだけでパネルを作成したのですが、今度はInkscapeとBlenderで連携してパネルを作成します。私がまだBlenderに慣れてないせいかもしれませんが、2Dの形状はInkscapeのほうが作りやすいです。今回はInkscapeで、下図の形状を作成します。上が面の部分の形状で、下が飾り付きの枠の形状となります。この形状をBlenderに取り込んでさらに加工することで、最終的には下図のパネルを作成します。今回の記事は、Inkscapeでの作業部分のみです。0.91作成手順1.Inkscapeを起動Inkscapeを起動します。今回のような幾何学的な形を作る場合は、グリッドを表示し、グリッドに従って描画するように設定すると便利です。2-1.グリッドの表示メニューの『表示』-『ページグリッド』をクリック(またはキーボードの『#』を押下)2-2.グリッドの間隔の設定グリッドの間隔は変更可能です。今回はデフォルトのままです。d』を押下)『ドキュメントのプロパティ』ウィンドウの『グリッド』タブで間隔等を設定2-3.スナップ機能グリッドに従って描画するには、スナップ機能をONにします。画面右端の『スナップバー』を下図のように設定します。(縦長なので分割しています。)上図は左からそれぞれ下記のON/OFFボタンです。クリック(またはキーボードの『F1』を押下)コピーした角丸長方形は、コピー元の上に重なっているので、重ならない位置にドラッグして移動5.コピーした角丸長方形(枠用)の塗りを変更フィル(塗りつぶし)を"なし"に、ストローク(線)を黄色にし、線幅を6にします。後で装飾用のパスと合成するため、ストロークをパスに変更します。装飾に使う円を描画します。装飾用に使う半円を描画します。手順7で描いた円と、手順8で描いた半円のパスを統合します。m』を押下)画面右の『変形』ウインドウの『移動』タブで下記のように入力し、『apply』をクリック水平:2px垂直:0下図のように円と半円が配置されます。メニューの『パス』-『統合』をクリック円と半円が結合した1つのオブジェクトになります。手順9で作成した形状から飾りを作成します。補足グループ化している形状が含まれていると『統合』できません。『整列と配置』ウインドウの『左端で揃える』と『上端で揃える』をクリック『変形』ウインドウの『移動』タブで下記のように入力し、『apply』をクリック水平:3px垂直:-3px下図のようになります。『変形』ウインドウの『移動』タブで下記のように入力し、『apply』をクリック水平:0px垂直:3pxキーボードの『shift』を押しながら、枠用の長丸長方形と4つの飾りをクリックして選択メニューの『パス』-『統合』をクリック12.Blender用に加工この後、作成したオブジェクトをBlenderで加工するのですが、穴の空いた形はBlenderで思うように処理されない場合があります。枠用の長丸長方形は穴の空いた形なので、1辺を切断して穴を無くします。『選択ツール』をクリック(またはキーボードの『F1』を押下)キーボードの『shift』を押しながら、枠用の長丸長方形と四角をクリックして選択メニューの『パス』-『差分』をクリック上図の様に1辺が切断されます。SVG』形式で保存します。SVG(*.svg)』を選択ファイル名に"panel.svg(任意)"を入力し、保存先フォルダを選択した後、『Save』をクリック今回の作業は以上です。作成したInkscapeファイル(プレーンSVG)です。https://github.com/githubmorley/blog-files/blob/master/160119/panel.svgリンク先のページ内の『Raw』を右クリックして、『リンク先を別名で保存』をクリックするとダウンロードできます。あとがきInkscapeではパスに線幅を持たせてストロークとして扱えますが、Blenderでは反映されません。『ストロークをパスに変更』という機能を使ってストロークの輪郭線をパスにしています。その3:Inkscapeこちらの記事の続きです。その2:Inkscapeこちらの記事の続きです。2Dゲームで使うキャラクタの絵を描...2016-05-04CurveのBevelの暴走を直す!:BlenderCurveのBevelの暴走というのは、これの事です。その1は...2016-03-01Blenderで2Dのロゴが光るアニメーションを作るBlenderで2Dのロゴがきらっと光るアニメーションを作成します。下記の記事の続きです。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。