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 ペンツールの使い方 ベジェ曲線

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

 

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

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

 

 

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

注目コンテンツ

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

ネットショップ開きたいけどネットショップのショッピングカートって種類多すぎてどれを選べばいいのか分からない。各サービス毎に特徴を教えて!ついでにおすすめはどれ? ショッピングカートは機能や規模によって ...

続きを見る

新着記事一覧

起業 商工会議所 メリット

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

起業した経営者が商工会議所に入会するメリット・デメリット

商工会議所ってどんな所なのか知りたい 起業したばかりの経営者が商工会議所に入るメリットを知りたい 商工会議所で人脈って作れるのか知りたい 本記事では、このような悩みを解決します。   &nb ...

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

エクセルの単価表から新しい単価を抽出して反映させる関数

メーカーから貰った単価表の単価だけを抽出して、既存の単価表に移植させたい! 本記事では、このような悩みを解決します。     メーカーが値上げすると商品全部の値段を見直さないといけ ...

excel 半角カタカナ 全角

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

excelで半角カタカナの文字を全角の文字に変換する方法

半角カタカナが入ってるセルを全角に変換したい! 本記事では、このような悩みを解決します。     excelで半角カタカナの文字を全角の文字に変換する方法 画像のように半角カタカナ ...

Excel

Excelで特定の文字が含まれていたら処理を起こす関数

Excelで特定の文字が含まれていたら処理を起こす関数と使い方を知りたい 本記事では、このような疑問を解決します。     特定の文字が含まれていたら処理を起こす関数【COUNTI ...

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

csvファイルを開いた時にjanコードが文字化けしてる時の対処法

csvファイルが文字化けした時の対処法について知りたい 文字化けした時の対処法で直らない原因を知りたい 本記事では、このような悩みを解決します。     csvファイルが文字化け表 ...

新着記事一覧を見る

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

井川 裕輝

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

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

© 2022 ネットショップ情報メディア『WellMaga』