※本ページはプロモーションが含まれています

affinity designer 売れるデザインノウハウ

Affinity Designerのベジェ曲線『ペンツール』『ノードツール』の使い方

Affinity Designerのペンツールの使い方を日本語で詳しく教えて欲しい!

本記事ではこのような悩みを解決します。

本記事はこんな方におすすめ

  • Affinity Designer初心者向け
  • Affinity Designerのペンツールの使い方を知りたい人向け
  • Affinity Designerでどんな事が出来るのか知りたい人向け

 

この記事を書いたのはこんな人

ネットショップコンサルタント

 

ベジェ曲線とは?

ベジェ曲線って言うのは、『計算して表示された線』の事です。

『計算して表示された線』だけだと分かりにくいと思うので、実物を見てもらいましょう。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

上の画像で書いた線がベジェ曲線です。

ベジェ曲線で書かれた線は計算式によって表示されてるので、アップにしてもキレイな状態で表示されます。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

上の画像が実際にベジェ曲線で書いた線をアップにした物です。

アップにしても黒一色でキレイに表示されてますね。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

上の画像はドットで作られた線です。

ベジェ曲線とどう違うのか分かりにくいと思うので、アップにしますね。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

線の上下が少し薄くなってるのが分かるでしょうか。

ドットで作られた線は作られた状態を維持してしまうのでアップにすると端がギザギザになったり薄くぼやけた表示になります。

 

どういう時にベジェ曲線とドット線を使うのかと言うと、

  • ベジェ曲線・・・ロゴやプリントなどデザインの大きさを後から変更する必要がある物。
  • ドット線・・・写真など色々な色が複数存在していて、なじませる必要がある物。

だいたい上のような解釈でOK。

 

Affinity Designerはイラストツールなので、ロゴやプリントに使うデザインを使う時に多用されます。

そのため、Affinity Designerではベジェ曲線がデフォルトとなっています。

 

ちなみに、Affinity Photoは写真加工を得意としてるのでドット線しか使えない仕様になっています。

 

Affinity Designerのペンツールの使い方

Affinity Designerのペンツールの使い方を紹介しますね。

 

ペンモードについて

Affinity Designer ペンツールの使い方 ベジェ曲線

サイドバーにある『ペンツール』をクリックすると、上のバーのモードアイコンがデフォルトで『ペンモード』なっています。

ペンモード』の時には、直線や曲線を自由に設定しながら線を引く事が出来ます。

特に理由がなければ『ペンモード』から変更する事は無いでしょう。

 

スマートモード

Affinity Designer ペンツールの使い方 ベジェ曲線

スマートモード』のアイコンをクリックする事で『曲線』だけのモードに変更できます。

直線がいらない曲線だけを書きたい時に使います。

 

ポリゴンモード

Affinity Designer ペンツールの使い方 ベジェ曲線vvvvvvvvvvvvvvvvv

ポリゴンモード』のアイコンをクリックする事で『直線』だけのモードに変更できます。

曲線がいらない直線だけの時に使います。

 

線モード

Affinity Designer ペンツールの使い方 ベジェ曲線

線モード』のアイコンをクリックする事で2点を繋げた線を書く事が出来ます。

単発の線はデザインでもロゴやアイコン作りでも使う事があるので、覚えていて損は無い機能ですね。

 

Affinity Designerのノードツールの使い方

Affinity Designer ペンツールの使い方 ベジェ曲線

ノードツールはサイドバーにある白い矢印アイコンで、ペンツールで書いた点を移動させる事が出来ます。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

ペンツールで書いた線や図形を編集したり、調整したりするのに便利な機能ですね。

文字なども『カーブに変更』する事で形を変えたりする事も出来ますよ。

 

ノードの変換機能

ノードでは指定した点を『シャープ』『スムーズ』『スマート』の3種類に変更する事が出来ます。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

シャープの場合にはポリゴンのようなカクカクした形状に変更。

シャープモードがデフォルトモードです。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

スムーズモードでは始点と終点以外が曲線に変更されます。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

スマートモードでは始点と終点含めて全て曲線に変更されます。

 

ノードのアクション機能

ノードのアクション機能には『カーブの切断』『カーブを閉じる』『カーブを滑らかにする』『カーブの結合』『カーブの反転』の5つがあります。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

指定した点に『カーブの切断』を使うと点を切り離す事が出来ます。

ペンツールで作った線を切り離して大きく形を変える時に使います。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

『カーブを結合』では、『カーブの切断』などで切り離された点同士をくっつける事が出来ます。

くっつけたい点同士を2点指定するだけで簡単につなげる事が出来ます。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

『カーブを閉じる』では、始点と終点をくっつける事が出来ます。

線を面にしたい時に便利ですね。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

『カーブを滑らかにする』では、指定した点を丸みのある曲線に変更できます。

滑らかな曲線を作る時に便利ですね。

 

最後に『カーブの反転』は指定したカーブの位置を反転させる事が出来ます。

ミラーとか左右対称とか作る時に使えますね。

 

Affinity Designerのペンツールを使って矢印を作る方法

図解や解説などによく使う『矢印』もAffinity Designerのペンツールを使うと簡単に作る事が出来ます。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

まずはペンツールを使って線を作ります。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

左上にある『線のスタイル』から『幅』『線端』『終了位置』を好みの矢印の形になるように変更。

丸みのある矢印にしたい場合にはノードツールを使って曲線にすると動きのある矢印を作る事が出来ます。

 

Affinity Designerのペンツールを使ってブラシで書いたような線を引く方法

Affinity Designerのペンツールを使えば線をブラシ線に変更する事が出来ます。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

ペンツールで線を作った後に右サイドバーにある『ブラシ』を選択。

色々なブラシの形があるので、好きなブラシを選ぶと簡単にブラシ線が出来上がります。

 

Affinity Designer ペンツールの使い方 ベジェ曲線

完成したブラシ線をノードツールで変更すると曲線など動きのあるブラシにする事も出来ますよ。

 

今回紹介したペンツールとノードツールの使い方を動画でも解説しています。

文章や画像だけだと分かりにくいなって時にはこちらも参考にしてみてください。

 

 

\お仕事の依頼やご相談はこちらから/

LINE公式に登録する

お得な特典があるサービス一覧

注目コンテンツ

ネットショップ開業におすすめなショッピングカート10選!現役ネットショップ店長が徹底比較!

ショッピングカートは機能や規模によって使う物を決めていきますが、私のおすすめはです。   ネットショップを開きたいけど種類が多くて選び方が分からない。 ネットショップのショッピングカートを比 ...

続きを見る

新着記事一覧

ネットショップノウハウ一覧

偽amazonから届く詐欺メールの暴き方

2023/9/22

本記事では、このような疑問を解決できるかもしれない手段を発見したので、共有しています。     Amazonを装った詐欺メールって多いですよね? しかも、年々手口が巧妙になってきて ...

インスタ 100万再生

Instagramの運用方法 WEBマーケティングのコツ ファンを作るSNS運用とは

Instagramでバズる事例紹介!100万再生だした動画の構成を徹底解説

2023/8/28

本記事では、このような疑問にお答えします。 Instagramのノウハウってたくさんあるけど、どれもハウツー動画を作る事が前提の物が多いですよね。 ハウツーが出せなかったり、動画編集にそこまで時間がか ...

MDS株式会社

Instagramの運用方法 ファンを作るSNS運用とは

怪しい営業DMが送られてくるインスタ代行サービスのMDSを半年間試してみた結果

2023/8/17

本記事では、このような悩みを解決します。 インスタグラムを運用してると怪しい営業DMが頻繁に届きますよね。 うちにも数多くの営業DMが来てて、普段なら「怪しいなぁ~」っと思いながらスルーするのですが、 ...

社長になる第一歩!開業方法まとめ

子供の面倒を見ながらでも出来る在宅ワークとは

2023/6/6

本記事では、このような悩みを解決します。 子育て中って忙しいですよね。 でも、そんな忙しい中でも将来の子供や家庭のために収入アップは絶対に必要!   実際に私も子供が小さい時には『収入を増や ...

Excel 分割

Excel 自分の時間を作るプログラミング技術

【Excelの小技】セル内の情報を自動で一括分割してくれるショートカット『フラッシュフィル』の使い方

2023/4/14

本記事ではこのような疑問を解決します。 Excelデータを一定の条件や文字が入ってる所で分割出来たら便利ですよね。 データを扱ってる職業だとよくある悩みだと思うので、今回はそんな時に便利なショートカッ ...

新着記事一覧を見る

  • この記事を書いた人
  • 最新記事

井川 裕輝

元倉庫業からEC総合責任者へ昇進。副業でもやってたEC事業で独立。その後Lステップと言うツールに出会い、岡山県でLステップ構築代行者として活動を始める。

-affinity designer, 売れるデザインノウハウ