PR

Lesson

1-12件目を表示中(全48件)

Inkscapeで窓を描く

ブラウザで表示できるSVGファイルにする(4)

前回は[検索/置換]について解説しました。今回は[エクスポート]を使ってPlain SVGにする方法とその注意点について解説します。[エクスポート]に関するお話は以前の記事でも紹介しているので2回目になります。今回の夜景の見える窓のSVGフ...
Inkscapeで窓を描く

ブラウザで表示できるSVGファイルにする(3)

前回はパスエフェクトを使用した部分を通常のパスに変換しました。今回は、非表示にしたオブジェクトを一括選択して削除してみましょう。非表示にしたオブジェクトを一括選択して削除するビルの窓明かりを作った時に、「削除してしまうと後から見返して修正し...
Inkscapeで窓を描く

ブラウザで表示できるSVGファイルにする(2)

前回はブラウザで表示されないクリップグループを使用した部分を一度解除してクリップを設定しました。前回の最後で、クリップを設定した状態のファイルを一度ブラウザ(MS Edge)でSVGファイルを開いて確認していました。クリップを設定すると表示...
スポンサーリンク
Inkscapeで窓を描く

ブラウザで表示できるSVGファイルにする(1)

前回までで夜景の見える窓が出来上がりました。今回は出来上がった窓をGoogle ChromeやMicrosoft Edgeなどのモダンブラウザ上で表示できるSVGにしてみます。Inkscapeには[クリップグループ]や[パスエフェクト]など...
Inkscapeで窓を描く

Inkscapeで夜景の見える窓を描く

前回までのシリーズで3Dボックスからシンプルなアイソメトリック図のビルが出来上がりました。今回は「窓を描く」編で描いた夜空の見えるアーチ窓と、「ビルを描く」編で描いた夜景のビル群を組み合わせて、都会的な夜景の見える窓にしてみましょう。一連の...
Inkscapeで窓を描く

Inkscapeの3Dボックスツールでビルを描く(4)

前回はパスエフェクトの透視図変形でビルに窓明かりを付けました。今回からは残りの作業をやっていきます。前回までの作業 3Dボックスツールで3Dボックスを作成する 3Dボックスツールの軸を固定してアイソメトリック図にする 矩形ツールで窓明かりを...
Inkscapeで窓を描く

Inkscapeの3Dボックスツールでビルを描く(3)

前回は3Dボックスツールでアイソメトリック図の3Dボックスを作成してみました。今回は正面の状態で壁面の模様を作り、透視図変形で壁面に合わせて変形させてみましょう。手順概要は以下の通りです。 矩形ツールで窓明かりを作ってタイルクローンで増やす...
Inkscapeで窓を描く

Inkscapeの3Dボックスツールでビルを描く(2)

前回は操作手順の解説に入る前に、エクステンションとパスエフェクト、それぞれの透視図変形の違いについてざっくり説明いたしました。今回から3Dボックスツールでアイソメトリック図のビルを描いていきましょう。Inkscapeのツールボックスの中に[...
Inkscapeで窓を描く

Inkscapeの3Dボックスツールでビルを描く(1)

今回からはビルの描き方編なのですが、本編に入る前にご説明したいことがあります。動画でもご紹介している通り、作業の大まかな手順については以下の通りです。 [3Dボックスツール]でアイソメトリック図の直方体を描く 矩形ツールで長方形を描き、タイ...
Inkscapeで窓を描く

Inkscapeで夜空と窓を描く(6)

前回はフィルターを使って窓枠にドロップシャドウを付けました。今回は、ストロークを使って窓ガラスの反射を作ってみましょう。一連の工程を動画にしております。今回はストロークで反射を作るだけの6分程の動画になっておりますのでお時間がありましたらご...
Inkscapeで窓を描く

Inkscapeで夜空と窓を描く(5)

前回までで夜空と窓のベースカラーの部分ができました。今回はInkscapeの[フィルター]メニューの一つである[影を落とす]を使って窓枠の内側と外側に影を付けていきましょう。一連の工程を動画にしております。今回は[影を落とす]フィルター追加...
Inkscapeで窓を描く

Inkscapeで夜空と窓を描く(4)

前回は縦と横の「窓内枠」の作成と整列と配置、窓の部品をグループ化して整理整頓までできました。今回は[円/弧ツール]で正円を描画後に[複製]して、サイズの違う正円を二つ用意して少しずらして配置し、[クリップを反転して設定]で三日月を作ってみま...
スポンサーリンク