Inkscapeで窓を描く ブラウザで表示できるSVGファイルにする(2)
前回はブラウザで表示されないクリップグループを使用した部分を一度解除してクリップを設定しました。 前回の最後で、クリップを設定した状態のファイルを一度ブラウザ（MS Edge）でSVGファイルを開いて確認していました。 クリップを設定すると...
Inkscapeで窓を描く Inkscapeで窓を描く ブラウザで表示できるSVGファイルにする(1)
前回までで夜景の見える窓が出来上がりました。今回は出来上がった窓をGoogle ChromeやMicrosoft Edgeなどのモダンブラウザ上で表示できるSVGにしてみます。 Inkscapeには［クリップグループ］や［パスエフェクト］な...
News 動画公開と広告についてのお知らせ
前回の記事から一か月以上空いてしまったので続きを今月中に何とか書き上げよう！ と、4月19日に思っていたんですが、連休のこと、すっかり忘れていました。 とりあえず、窓シリーズの保存やエクスポートに関連する動画を公開しました。 記事の方は連休...
News 引っ越し完了のお知らせ
実は3月中旬からずっと準備していたんですが、 初期費用ゼロからはじめてクリエイター、独自ドメインに移転になりました！ 4月1日に発表だからって嘘じゃないですよ！ 記事更新の間が空いてしまって、続きの記事を楽しみにしていただいている方には 申...
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分程の動画になっておりますのでお時間がありましたら...
News 年末のご挨拶
そんなこんなでもう年の瀬なわけですが、今年の更新は今日で終了となります。 夜空と窓を描く(4)から(5)までの間に1か月空いてしまって、この人、一体何をやっていたんだろうって感じですが、11月中頃から12月8日までWebの案件が入りましてそ...
Inkscapeで窓を描く Inkscapeで夜空と窓を描く(5)
前回までで夜空と窓のベースカラーの部分ができました。今回はInkscapeの［フィルター］メニューの一つである［影を落とす］を使って窓枠の内側と外側に影を付けていきましょう。 一連の工程を動画にしております。今回は［影を落とす］フィルター追...