Affinity Designer: 「Illustrator」未経験者のための超基礎的な使い方(1)

この記事は約4分で読めます。
記事内に広告が含まれています

Affinity Photo ロゴ

こんにちは、さち です。

Illustrator の代替としてコスパが良い Affinity Designer。低価格なのに高機能で、本格的なドロー(ベクターを描く)アプリです。

Illustrator を使うには月額3,000円くらいしますし、廉価版(Elements)もないので、Illustrator 未経験のまま Affinity Designer を使う人も多いと思います。

そういう人は「ベクター」の基本操作が分からず、Affinity Designer の使い方も挫折してしまうかもしれません……。

良いアプリなのに、そんなのはもったいない!

そこで今回は、Illustrator 未経験者の人を対象として、Affinity Designer の基本的な操作方法と流れについて書いていきます。

スポンサーリンク

まえおき

Affinity Designer で何ができるのか?

Affinity Designer は、図形を組み合わせてイラストを描くアプリです。

Affinity Designer が扱うのは主に「ベクター」という種類のイラスト。「ベクター」の特徴は、コンピューターが計算式を使って描くキレイな図形や線です。

ベクターを使うメリットは、拡大/縮小をしても崩れにくく、画質が劣化しないことです。

そのため、「シンプルなイラスト」「幾何学模様」「ロゴ」「アイコン」などを作るのに向いています。

この記事の目的

基本的な使い方を覚えて、Affinity Designer がどんなアプリなのかを知り、楽しさを実感してもらうことが目的です。

なるべくシンプルで分かりやすくするために、内容をかなりしぼっています。用途によっては適切でない説明も一部あるかもしれませんが、ご理解ください。

今回は、「新規作成」→「描く」→「書き出す(保存)」という一連の流れについて、見ていきましょう。

キャンバスの準備

  1. メニューの「ファイル」→「新規と進みます。
    ドキュメントを新規作成
  2. 作成するキャンバスのサイズを「ページ幅」「ページ高さ」で指定します。「DPI」は、作る画像がネット用なら「72」、印刷用なら「300」程度にしましょう。
    新規ドキュメントの設定
  3. 今回は分かりやすさ優先なので、「カラー」は変更なし、「マージンを含める」のチェックを外す、「裁ち落とし」はすべて「0」にします。「作成」ボタンをクリックしましょう。
    新規ドキュメントの設定
  4. 真っ白なキャンバスができました。
    真っ白なキャンバス

描く

簡単な解説

主なツール

たくさんの「ツール」がありますが、今回は下記の8個にしぼります。これだけでも色々なことができますよ。(「シェイプ」ツールを長押しすると、色々な図形が表示される)

ツールの用途

色の選択

「カラー」の構造はこんな感じ。

カラーの使い方

「色」を選ぶときは、カラフルなドーナツ型円を「クリック」または「ドラッグ」して大まかな色を決めて、内側にある三角形で「明るさ」「鮮やかさ」を決めます。

色を選べるのは「線」と「塗りつぶし」の2種類です。色を変えたい方をクリックしましょう。

「線」と「塗りつぶし」の色についてもう少し詳しく知りたい方は、後でこちらの記事も読んでみて下さい。

Affinity Designer: 色選択がドーナツ型なのはなぜ?【イラレ未経験向け】
こんにちは、さち です。そのため、Illustrator 未経験で、はじめて使ったドローアプリが Affinity Designer という人もいると思います。実は、私もそれに近い状態でした。もともと Affinity Photo ユーザー

 

ツールを使って描いていく

  1. 先ほど作った真っ白なキャンバスに描いていきます。
    真っ白なキャンバス
  2. 「楕円」ツールを選びます。キャンバス上でドラッグをすると「円」を描けます。Shift キーを押しながらドラッグするとキレイな正円になります。
    円を描く
  3. 「ペン」ツールを選びます。キャンバス上でクリックを繰り返すと「線」を描けます。
    線を描く
  4. 「テキスト」ツールを選びます。キャンバス上をクリックすると、その部分に「文字」を入力できます。
    文字を入れる

書き出す

「画像」を書き出す

  1. この状態のキャンバスを「画像」として書き出してみましょう。
    キャンバスの状態
  2. メニューの「ファイル」→「エクスポートと進みます。
    エクスポート
  3. 書き出す画像の設定をします。今回は「PNG」を選びます。右下にある「書き出し」ボタンをクリックしましょう。
    エクスポートの設定
  4. 「ファイル名」を入力して、「保存」ボタンをクリック。
    ファイルの名前をつけて保存
  5. 作った画像を書き出せました。
    画像で書き出された

「キャンバス」を保存する

  1. この状態のキャンバスを後から再編集できるように、Affinity Designer 専用のファイルで保存してみましょう。
    キャンバスの状態
  2. メニューの「ファイル」→「保存と進みます。
    保存
  3. 「ファイル名」を入力して、「保存」ボタンをクリック。(ファイルの種類が「Affinityファイル」になっていることを確認)
    ファイルの名前をつけて保存する
  4. Affinity Designer 専用の 「afdesign」形式のファイルで保存できました(Affinity 3 以降は「af」形式です)。このファイルを Affinity Designer で開けば、編集の続きができます。
    Affinity Designer 用のファイルが保存された

まとめ

今回紹介したのは基礎中の基礎だけです。Affinity Designer のポテンシャルはまだまだこんなものではありません。

もっと凝ったイラストを描けるように、色々な機能を少しずつ使いこなしていきましょう。

次の記事

Affinity Designer: 「Illustrator」未経験者のための超基礎的な使い方(2)
こんにちは、さち です。今回は以前の記事に引き続き、Illustrator 未経験者の人を対象として、Affinity Designer の基本的な使い方を紹介します。第2回目は、Affinity Designer を使って簡単な「標識」を

Affinity に関する他の記事

Affinity
「Affinity」の記事一覧です。

コメント

タイトルとURLをコピーしました