今回は、インクスケープを使ってIEのロゴを描いてみたいと思います。(Inkscape version0.46)
これを描くための作業の工程が多くなりますので、既に説明した基本的な使い方の解説を省略しているところがあります。また、ロゴのあまり細かい部分は手を加えていません。出来るだけ簡単に分かりやすくしています。グラデーションやダイナミックオフセットなどを使いますが、分からなかったら、基礎講座ページを見てください。
基礎講座のページ
まず、IEのロゴのEの文字の部分を作ってみます。図のような4つのパーツを用意します。上の楕円は複製してクローンを作っておきます。水色のレクタングルは、Eの真ん中のラインの太さです(このパーツは位置を決めるためのものですので使いません)。
次に、複製した2つの楕円から、半円を2つ作ります。黒いレクタングルを2つ描いて、半円を作るために不必要な部分に重ねて、パス→差分から半円を作成します。
もうひとつの楕円も同じようにパス→差分をクリックして作ります。
次に、青い円に重ねてからベジエツールを使って半円の角を自然な感じにします。ノードのハンドルを縦に垂直になるように調整します。ハンドルをあまり伸ばしすぎると形が崩れますので適当な調整をします。間違ったら、上のUndoボタン(元に戻す)でやり直せばいいですよ。
作っておいたもうひとつの半円も同じようにパスから差分を取って青い円をくり貫きます。
今度は、茶色のレクタングルを図のように合わせてこれも同じように差分を取って余計な部分を取り除きます。こんなときは、ズーム機能をつかいましょう。Ctrl+マウスホイールでズームが使えます。
今度は、描いたEの文字の複製を3,4個ほど作っておきます。間違えたときなどに使えるようにしておきましょう。
この複製したパーツをひとつ選択してから、フィル/ストロークの編集ボタンを押して、グラデーションエディタのウィンドウをを開きます。図のように色フェーズを追加して4つにします。追加ボタンを押したら下の赤で囲んだ部分で透明度を設定します。基礎講座のグラデーションの解説を見てください。
そうすると図のようにグラデーションが出来ます。
次にグラデーションを調整します。色フェーズを増やしましたので、ノードが4つになってます。4つのノードを移動して、図のようにグラデーションを調整します。グラデーションツールは、左のツールバーのテキストの2つ下の薄い緑のボタンです。
作ったグラデーションと青いEの文字を重ねると図のようになります。いい感じです。ずれないようにグループ化をしておきましょう。次に、黄色で楕円を作って傾けます。出来たら複製を5つくらい作っておきます。
作った黄色い楕円の複製をダイナミックオフセットで大きさを少しだけ小さくなるように調整します。まず、重ねますので色が分かるように少しオレンジの混じった濃い目の黄色にします。次に複製しておいた楕円のオブジェクトを選択して重ねて、パス→オブジェクトをパスへ移してからダイナミックオフセットで調整します。傾きが変わったら、図のようにうまく調整してパス→差分で必要な部分を切り取ります。
黄色い楕円の複製を2つ重ねてひとつを見えやすいように色を変えます。図では、青にしています。2つの楕円を重ねてから、ひとつをずらして、図のように少しだけ青い部分が見えるようにします。そしてその2つの楕円の差分を取ります。(図の状態でパス→差分をクリックします)
今度は、作り置きしている楕円の複製と少し小さめの楕円を描いて図のように重ねます。前の工程と同じように差分を取ります。
細い青のオブジェクトを薄い黄色に変えて図のように重ねます。
次に、水色のオブジェクトを黄色(濃い黄色)に変えて、図のようにグラデーションをつけます。出来上がったらグループ化します。
次に、先程作ったEの文字に楕円を3つ描いて重ねます。図のように白い楕円を上下2つ、そして黒くて細い楕円を影ができる部分におきます。
次に、上の白い楕円にグラデーションをいれます。図のようにノードを調整してうまい具合にグラデーションをつけます。そして、ぼかしを入れると図のようになると思います。
下の楕円には、放射グラデーションを入れてみましょう。今度はぼかしを強めに設定します。ノードと丸いハンドルが2つ表示されますので、これで調整します。
(普通のグラデーションでもうまい具合に調整できればいいです)
出来たら、次に黒い楕円にぼかしを入れます。
これでだいたい出来上がりですが、少し色加減をもっとうまく調整してみましょう。青いEの文字の複製を用意します。作り置きしてなかったら、グループ化を解除すればいいです。図のように2つ用意して、ひとつは上のオブジェクトのように、ぼかしを少し入れます。そして下の複製オブジェクトにはグラデーションを入れます。このグラデーションは前の工程で作ってますので、メニューバーから選択するだけです。図のように、4つのノードを調整して黒いグラデーションが全体に掛かるようにします。
出来上がったら、作ったオブジェクトを重ねます。黒いオブジェクトは背面に、そして、グラデーションをつけたオブジェクトは前面に重ねます。そして、黄色いオブジェクトを図のように移動して位置を調整します。最後にグループ化して出来上がりです。
どうでしたか?うまくできましたか?このSVGファイルもダウンロードできます。ダウンロードできます。
今回は以上です。Thanks for watching!^^ありがとうございました。