【Illustrator】簡単!ウェブアイコンのワイヤー地球マーク作成方法解説

スポンサーリンク

今回はイラストレーターで簡単にワイヤーの地球を作成する方法を解説します。

ウェブのアイコンやバナーなどに活用できるお役立ちデザイン術なので、ぜひ作成してみてください。

ブレンドツールを使って簡単に作成できちゃいます。

目次

正円を描く

【Illustrator】簡単!ウェブアイコンのワイヤー地球マーク作成方法解説

「楕円ツール」を選択します。

【Illustrator】簡単!ウェブアイコンのワイヤー地球マーク作成方法解説

Shiftを押しながらドラッグし正円を作成します。

【Illustrator】簡単!ウェブアイコンのワイヤー地球マーク作成方法解説

カラーは「塗り」なしに設定します。

中心に線を描く

円を選択し、「拡大・縮小ツール」をダブルクリックします。

【Illustrator】簡単!ウェブアイコンのワイヤー地球マーク作成方法解説

「拡大・縮小」ダイアログが表示されます。

earth5

縦横比を変更にチェックを入れ

水平方向「0%」垂直方向「100%」と入力します。

コピーをクリックします。

ブレンドツールでパスを複製

「ブレンドツール」をダブルクリックします。

earth6

ブレンドオプションダイアログが表示されます。

earth8

「ステップ数」選択し「2」と入力します。

OKをクリックします。

earth7earth9

円中心のパスと円右のパスをクリックします。

カーソルをパスに合わせると、黒く表示されます。黒く表示されるところでクリックするのがコツです。

【Illustrator】簡単!ウェブアイコンのワイヤー地球マーク作成方法解説

円に沿ってパスが作成されます。

横向きの線の作成

回転ツールを使い横向きの線を作成します。

【Illustrator】簡単!ウェブアイコンのワイヤー地球マーク作成方法解説

回転ツールを選択し、円の中心をAlt+Shiftを押したままクリックします。

 

【Illustrator】簡単!ウェブアイコンのワイヤー地球マーク作成方法解説

回転のダイアログが表示されます。角度を「90°」に設定し、コピーをクリックします。

オブジェクトに変換

作成したワイヤーをオブジェクトに変換します。

【Illustrator】簡単!ウェブアイコンのワイヤー地球マーク作成方法解説

選択ツールで全選択します。

オブジェクト>ブレンド>拡張

【Illustrator】簡単!ウェブアイコンのワイヤー地球マーク作成方法解説

通常のオブジェクトに変換されます。

まとめ

簡単にウェブアイコンみたいなワイヤーの地球マークを作成する方法を解説しました。

フリー素材で満足できない場合や、自分で色などカスタマイズしてみたい方にオススメの方法になります。

最後まで読んでいただきありがとうございます。

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です