こんにちは、さち です。
Illustrator の代替としてコスパが良い Affinity Designer。低価格なのに高機能で、本格的なドロー(ベクターを描く)アプリです。
Illustrator を使うには月額3,000円くらいしますし、廉価版(Elements)もないので、Illustrator 未経験のまま Affinity Designer を使う人も多いと思います。
そういう人は「ベクター」の基本操作が分からず、Affinity Designer の使い方も挫折してしまうかもしれません……。
良いアプリなのに、そんなのはもったいない!
そこで今回は、Illustrator 未経験者の人を対象として、Affinity Designer の基本的な操作方法と流れについて書いていきます。
まえおき
Affinity Designer で何ができるのか?
Affinity Designer は、図形や線を組み合わせてイラストを描くアプリです。
Affinity Designer が扱うのは主に「ベクター」という種類のイラスト。「ベクター」の特徴は、コンピューターが計算式を使って描くキレイな図形や線です。
ベクターを使うメリットは、拡大/縮小をしても崩れにくく、画質が劣化しないことです。
そのため、「シンプルなイラスト」「幾何学模様」「ロゴ」「アイコン」などを作るのに向いています。
この記事の目的
基本的な使い方を覚えて、Affinity Designer がどんなアプリなのかを知り、楽しさを実感してもらうことが目的です。
なるべくシンプルで分かりやすくするために、内容をかなりしぼっています。用途によっては適切でない説明も一部あるかもしれませんが、ご理解ください。
今回は、「新規作成」→「描く」→「書き出す(保存)」という一連の流れについて、見ていきましょう。
キャンバスの準備
- メニューの「ファイル」→「新規」と進みます。

- 作成するキャンバスのサイズを「ページ幅」「ページ高さ」で指定します。「DPI」は、作る画像がネット用なら「72」、印刷用なら「300」程度にしましょう。

- 今回は分かりやすさ優先なので、「カラー」は変更なし、「マージンを含める」のチェックを外す、「裁ち落とし」はすべて「0」にします。「作成」ボタンをクリックしましょう。

- 真っ白なキャンバスができました。

描く
簡単な解説
主なツール
たくさんの「ツール」がありますが、今回は下記の8個にしぼります。これだけでも色々なことができますよ。(「シェイプ」ツールを長押しすると、色々な図形が表示される)
色の選択
「カラー」の構造はこんな感じ。
「色」を選ぶときは、カラフルなドーナツ型円を「クリック」または「ドラッグ」して大まかな色を決めて、内側にある三角形で「明るさ」「鮮やかさ」を決めます。
色を選べるのは「線」と「塗りつぶし」の2種類です。色を変えたい方をクリックしましょう。
「線」と「塗りつぶし」の色についてもう少し詳しく知りたい方は、後でこちらの記事も読んでみて下さい。

ツールを使って描いていく
- 先ほど作った真っ白なキャンバスに描いていきます。

- 「楕円」ツールを選びます。キャンバス上でドラッグをすると「円」を描けます。Shift キーを押しながらドラッグするとキレイな正円になります。

- 「ペン」ツールを選びます。キャンバス上でクリックを繰り返すと「線」を描けます。

- 「テキスト」ツールを選びます。キャンバス上をクリックすると、その部分に「文字」を入力できます。

書き出す
「画像」を書き出す
- この状態のキャンバスを「画像」として書き出してみましょう。

- メニューの「ファイル」→「エクスポート」と進みます。

- 書き出す画像の設定をします。今回は「PNG」を選びます。右下にある「書き出し」ボタンをクリックしましょう。

- 「ファイル名」を入力して、「保存」ボタンをクリック。

- 作った画像を書き出せました。

「キャンバス」を保存する
- この状態のキャンバスを後から再編集できるように、Affinity Designer 専用のファイルで保存してみましょう。

- メニューの「ファイル」→「保存」と進みます。

- 「ファイル名」を入力して、「保存」ボタンをクリック。(ファイルの種類が「Affinityファイル」になっていることを確認)

- Affinity Designer 専用の 「afdesign」形式のファイルで保存できました(Affinity 3 以降は「af」形式です)。このファイルを Affinity Designer で開けば、編集の続きができます。

まとめ
今回紹介したのは基礎中の基礎だけです。Affinity Designer のポテンシャルはまだまだこんなものではありません。
もっと凝ったイラストを描けるように、色々な機能を少しずつ使いこなしていきましょう。
次の記事

Affinity に関する他の記事





コメント