Affinity Designer|六角形のロゴをつくる

Affinity Designer
スポンサーリンク

Affinity Designerで矩形ツールで六角形のロゴを作ってみました!

sugar
sugar

あれ?六角形ツールってあったけ?

mik
mik

Designerのデフォルトの矩形ツールの中に
六角形はないから、五角形を作って
それを六角にするんだよ。

操作手順

1. 今回作るモノ

六角形の中に正方形が入ったロゴを作ります。

2. 内側の正方形の土台をつくる

まず、正方形を作っていきます。
コーナーに円弧を配置した正方形になります。

W900px H900pxのドキュメントを作り、「長方形ツール」を使ってW200 x H200px、境界線1ptの正方形を作ります。色は何色でもOKです。
正方形の中心をドキュメントの中心( X450px Y450px )に設定します。 

mik
mik

中心を設定するには、「変形スタジオ」を使います。

作成した正方形のレイヤーをロックしておきます。

3. 正方形の四隅に円を配置

楕円ツールでサイズをW160 x H160 の正円を描き、正円が入ったレイヤーを正方形レイヤー(図では「長方形」となっています)の下に移動します。
円の色は#00A0C6(水色)にします。

mik
mik

レイヤーを他レイヤーの下に移動すると、
マスクされちゃう時があるから気をつけてね。

「Ctl」+「J」で円のレイヤーを複製します。

次に今作った円を選択して「移動ツール」「Ctl」+「J」でレイヤーを複製し、複製した円を下に移動させます。
そしてその円を複製して左に移動させます。

これで正円が4つになりました。

4. 円のサイズと色の変更する。

右上と左下の円の色を#333333(濃いグレー)に変更します。

円のサイズを W180 x H180px に変更して少し大きくします。
4つの円すべてこのサイズに変更します。

5. 四隅の円を円弧にする

正方形レイヤーのロックを外し、左下に位置する円が入ったレイヤーを、正方形レイヤーの下にドラッグして円弧マスクを作ります。

他の3つの正円レイヤーも同様に、正方形レイヤーの下にドラッグしてマスクにし、円弧を作ります。

正方形の境界線の色を無しに設定して、中の正方形ができました。

mik
mik

次の作業に移る前に、この正方形をグループ化して
レイヤーをロックして、非表示にしておきます。

sugar
sugar

用事がない時は、できるだけレイヤー
ロックしておいたほうが作業しやすいね。

5. 六角形をつくる

外枠の六角形を作っていきます。
ポリコンツールで、線なし、塗り#333333(濃いグレー)の五角形を描きます。

「辺の数」を6にします。

六角形のサイズを高さH600にして、縦横の比率を保ったまま拡大します。

6. 六角形の中抜きをする

先ほど作った六角形を「Ctl」+「J」で複製します。
サイズは W550xH550 にし、両方の六角形を選択した状態で、上部メニューの「減算」をクリックします。

これで中抜きした六角形ができました。
これからこの六角形をツートンカラーにしていきます。

mik
mik

中抜きにした後、高さは600pxのままだけど、
幅は少し細くなるよ。
でも気にしないで。

中抜き六角形を複製して、カラーを#00A0C6(水色)にします。

水色の六角形の上に、任意でカラーを設定してH600の長方形をつくり、水色の六角形が入ったレイヤーをこの長方形の下に入れてマスキングします。
これでツートンカラーの六角形になりました。

7. ロゴの完成

非表示にしていたレイヤーを表示して、六角形のロゴの完成です。