モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。Mac下記の記事の続きです。mmorley.hatenablog.comその1で作成したInkscapeのファイルをBlenderにインポートして下図のように加工します。下記の記事の設定(カメラ、照明の位置等)を流用します。mmorley.hatenablog.com上記のBlenderファイルです。https://github.com/githubmorley/blog-files/blob/master/160106/blender.blendリンク先のページ内の『Raw』を右クリックして、『リンク先を別名で保存』をクリックするとダウンロードできます。作成中にカメラが邪魔なので非表示にします。最初から配置しているオブジェクトは不要なので削除します。オブジェクトを右クリックして選択キーボードの『x』→『d』を順に押下して削除4.Inkscapeファイル(プレーンSVG)のインポート"その1"で作成したInkscapeファイル(プレーンSVG)をインポートします。ここから作業する場合は下記のファイルを使用して下さい。GitHubリンク先のページ内の『Raw』を右クリックして、『リンク先を別名で保存』をクリックするとダウンロードできます。SVG』をクリック5.原点の設定インポートしたオブジェクトはサイズがかなり小さいので、ホイールスクロール等で3DViewの表示を拡大して下さい。青色のオブジェクトが面用、黄色のオブジェクトが枠用となります。下図のように原点がオブジェクトの中心にないので、それぞれのオブジェクトの中心に設定します。『Geometry』は頂点の平均位置なので、図のように頂点が密な方に偏ります。不要な頂点が含まれているので削除します。Doubles』を適用9.枠用のオブジェクトの面を結合エディットモードにするとわかりますが、下図のように面が細かく張られています。このままだと、後で行う予定のBevelの処理がうまく処理されないので面を結合します。Modifier』をクリック『Decimate(ポリゴン数削減)』をクリック『Decimate』の設定で『Planer』を選択し、『Apply』をクリック『Faces』に適用後の面の数が表示されます。上図のように面が結合されています。補足:『Decimate』の種類Collapse:メッシュの形を考慮しつつ、徐々に頂点を合成します。Ratio:『Decimate』適用前後の面の数の比率です。『Ratio』が1だと面の数はそのまま、0だと0です。Un-Subdivide:『Subdvide(細分化)』で作られるであろうエッジを削除します。Iteration:『Un-Subdivide』処理を実行する回数です。通常、偶数を指定します。Planar:同一平面とみなした平面を溶解します。溶解は、対象となる複数の面を取り除いた後1つの面で埋める処理です。Limit:ここで指定した角度より小さい面を溶解します。Boundaries:有効にすると、面の境界に沿ったすべての頂点を溶解します。Limit』の値が大きい場合、より良い結果が得られます。Delimit:特定の場所の面を溶解しないようにします。Normal:面の法線が逆になった場所の境界のエッジを溶解しません。Material:異なるマテリアルが割り当てられた境界のエッジを溶解しません。Seam:シームとしてマークされたエッジを溶解しません。枠用のオブジェクトには、あえて切れ目を入れています。切れ目を入れなかった場合、『Decimate』を適用すると下図のように思わぬ位置にエッジが残ります。穴の空いた形状だと面が2つになるのは仕方ないようですが、問題はエッジの位置です。『Bevel』を適用すると下図のようになります。枠のオブジェクトは、先に切れ目を入れておくことでエッジの位置を決めています。Loops』を適用11.掃引で枠用オブジェクトに厚みを付ける引き続きエディットモードで作業します。引き続きエディットモードで作業します。引き続きエディットモードで作業します。面、枠用オブジェクトを原点に配置します。g』を押下15.Lamp(照明)のトラッキングLampが常に面用オブジェクトのほうを向くようにします。Lampは上の方にあります。Image』をクリック下図は出来上がった画像です。Gimp(画像編集ソフト)で余白を削除し、サイズを縮小しています。作成したBlenderファイルです。https://github.com/githubmorley/blog-files/blob/master/160127/blender.blendリンク先のページ内の『Raw』を右クリックして、『リンク先を別名で保存』をクリックするとダウンロードできます。b』でBevelを適用しています。別の記事で使用した『Modifiers』の『Bevel』を適用する方法だと思い通りに出来ませんでした。Modifier』というみたいです。Blender編Tweet広告を非表示にする関連記事2016-05-04CurveのBevelの暴走を直す!:BlenderCurveのBevelの暴走というのは、これの事です。2を使ってListViewを作成しました。今まではBlenderだけでパネルを作成したのですが、今度はInksca...2016-01-08Blender(3DCG作成ソフト)で縁付パネルを作る今回はこんな感じの縁付のパネルを作ります。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。