Inkscapeでシンプルなロゴを作る方法

Inkscapeは、最高の無料スケーラブルベクターグラフィックス（SVG）アプリケーションの1つです。これにより、サイズに関係なく見た目を保つグラフィックス、特にロゴを作成するのに最適です。Inkscapeは多くのツールを提供していますが、1つまたは2つのツールだけを使用してシンプルなロゴを作成できます。

Inkscapeは最も人気のあるオープンソースのグラフィックスアプリケーションの1つであるため、多くのLinuxディストリビューションにはプリインストールされています。もしあなたのディストリビューションに含まれていない場合は、公式のアプリストアで探してください。コマンドを使用することを気にしない場合、Debianベースのディストリビューションを使用しているなら、次のコマンドでインストールできます：

sudoapt-get install inkscape

関連記事： ベクター画像を作成するための8つの最高の無料グラフィックエディタ

ページの向き

Inkscapeの新しいドキュメントのデフォルトモードは、縦向きです。ほとんどのロゴは高さよりも幅が大きいため、ページ設定を横向きにする方が良いです。

これを行うには、「ファイル -> ドキュメントプロパティ」を選択し、ページサイズリストのすぐ下で向きを横向きに変更します。

関連記事： Google Drawingsを使用してロゴを作成する方法

線ツール

アプリケーションのツールバーから12番目のツールを選択します。小さな鉛筆とその下に影のように見える線が描かれています。あるいは、Shift + F6を押します。このツールを使用すると、直線やベジェ曲線を描くことができます。

磁気ガイド

Inkscapeとそのほとんどのツールは、空白のページのどこからでも、どこにでもデザインを作成することを許可します。ロゴをデザインする場合のように、この自由に対するいくつかの制限は非常に役立ちます。「制限」とは「ガイド」のことです。

ガイドを使用すると、描画のジオメトリを制御できます。ガイドの近くをクリックすると、ポイントの配置が変更され、「テレポート」されます。ガイドの適切な配置は、最終デザインを作成するための粗い「骨組み」に変えることができます。

Inkscape（および同じジャンルの他の多くのアプリケーション）でガイドを作成するには、隠れたショートカットを使用します：ページの端に表示される2つの定規の1つを左クリックして押し下げ、ガイドを作成したいポイントまでドラッグします。上または左から定規を引っ張ったかどうかに応じて、水平または垂直のガイドが作成されます。

ロゴのデザインをより快適にするために、私たちのスクリーンショットに見られるものとあまり変わらないガイドのマトリックスを作成することをお勧めします。

線、曲線、接続点

私たちの場合、Make Tech Easierのために代替の「MTE」ロゴをデザインしました - その3つの文字だけです。おそらく、あなたは何か異なるものを作成したいと思うでしょうので、どこでどのようにクリックするかについて厳密で具体的な指示を与えるのではなく、私たちが何をしたか、なぜそれをしたのかを説明します。

私たちは「m」という文字を描くことから始めました。ほとんどの文字と同様に、直線と曲線の両方が必要です。シンプルな直線から始める方が簡単です - 少なくとも私たちはそう思います。ページの左側にある垂直ガイドを（心の中で）選択しました。

左下の水平ガイドとの接続点をクリックしました。次に、左上の水平ガイドとの交差点をクリックしました。その結果、垂直ガイド上に垂直線が描かれ、水平ガイドとの接続点で始まり、終わりました。

最初の線を作成しましたが、まだ終わっていません：選択したツールはアクティブで保持されており、次の動きを待っています。画面の異なる部分に移動することで、次のクリックの結果のライブプレビューを見ることができます。少なくとも、次のクリックが曲線ではなく別の直線になる場合は。

形状の定義

選択した線とベジェ曲線ツールは、一連の線と曲線を作成します。新しいクリックごとに、前の線の終わりと次の線の始まりが指定されます。

線の代わりに曲線を作成するには、クリックして押し下げるのではなく、左マウスボタンを押し続けます。次に、左ボタンを押したまま、マウスを周囲にドラッグします。画面上で、線が曲線に変わり、その曲率と角度はカーソルの位置によって定義されます。

形状を描くプロセスは、すべてが始まった場所に戻り、最後のクリックを同じ既存のポイントで行うことで完了します。

一連の順次クリックを通じて線と曲線を定義することで、想像できるほぼすべてのものを描くことができます。才能の問題ではなく、忍耐、意志、決意の問題です。たとえ、私たちの写真に見られるように、これは単に「m」という文字だったとしても。

色の追加

前のステップを繰り返すことで、ロゴを完成させるためにさらに2つの文字をデザインしました。しかし、それらは白色、正確には白い背景の上に空白でした。ロゴには最適ではありません。

任意の形状に色を付けるには、それを選択し、次に希望する色を選択します。これは、どのボタンが何をするかを知っていると、思ったより簡単です。最初のツールをクリックします。これは矢印を示しており、キーボードのF1を押します。これが選択ツールです。これをアクティブにすると、任意の形状をクリックして選択するか、左クリックしてその周りに矩形をドラッグできます。

複数の形状を同時に選択するには、すべての形状の周りに矩形をドラッグするか、Shiftを押しながらそれらを順次クリックします。

選択した/アクティブな形状に色を割り当てるには、画面の下部にあるカラーパレットで希望の形状をクリックするか、色を割り当てたいオブジェクトにドラッグします。この特定のケースでは、2番目の方法は、現時点では空白であるため、文字のアウトラインにのみ色を割り当てることに注意してください。

実際のロゴ

私たちのロゴはほぼ完成しました。選択ツールを使用して、文字を1つずつ選択し、近づけました。次に、例のために前のステップで使用した面白い多色のエクストラバガンザを、より真面目な典型的な黒に置き換えました。最後に、「表示 -> ガイド」からガイドの表示を無効にして、ページ全体に邪魔な線がない状態で作業の結果を明確に見ることができるようにしました。

保存を忘れずに！

何かをデザインする際の最終ステップは、ほぼ常に「ファイル -> 保存」への最後の訪問です。Inkscapeは奇妙なストレージ形式を使用せず、広く使用されているスケーラブルベクターグラフィックス形式（SVG）と完全に互換性があります。

このタイプのファイルは、グラフィックスを数学的な方程式として保存するため、表示サイズに関係なくきれいに見えます。また、すべての現在のブラウザがこれに対応しており、過去10年間のほとんどで対応しているため、SVG形式で直接サイトにロゴを使用できます。表示が速く、「きれいに見え」、通常のJPEGやPNGファイルに比べて圧縮にも優れています。