Lesson

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

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

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

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

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

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

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

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

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

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

前回はオフセットと差分を利用して「窓外枠」（path4）を作りました。 前回までのおさらい このような状態になっています。 前回までの状態 前回までのレイヤーとオブジェクト 窓外枠（parh4・灰紫） □窓下枠（rect2・茶色） 窓の内側...

前回は「窓の内側」（path3）と「窓下枠」（rect2）を作りました。 重なり順で上からこのような状態になっています。 前回までのおさらい 前回までの状態 前回までのレイヤーとオブジェクト 窓下枠（長方形・rect2・茶色） 窓の内側（オ...