Affinity by Canva(Affinity3) で最初に設定しておくと楽なこと

2025-11-08

Affinity パソコン関係

t f B! P L
Affinity V3の初期設定とカスタマイズ方法を解説するブログのメインアイキャッチ画像
どういう使い方をするかに寄りますが、自分的に最初に設定しておくと楽な設定をメモしておきます。
あくまで私、「さまシロ」が「設定しておくと楽だなぁ」と思ったことなので、ご自分の使い方に合わせて、自由に変更してください。

少しでも参考になれば(=・ω・=)

スタジオの整理

左上に表示されてるスタジオですが、この表示が多いとツールバーの項目が少なくなってしまうので、よく使う「ベクター」と「ピクセル」以外非表示にしています。
Affinity V3のツールバー左側にあるツールプリセットスタジオで「ベクター」と「ピクセル」のみを表示した状態

1.スタジオの右側にある、3つの点部分をクリックする

Affinity V3のツールプリセットスタジオ右上にある、スタジオマネージャーを開くための3点リーダーメニューアイコンの拡大

2.スタジオマネージャーで、不必要なスタジオを非表示にする

Affinity V3のスタジオマネージャーダイアログで各プリセットスタジオの表示・非表示チェックボックスを設定する画面
一番下の「スタジオを作成」から、自分オリジナルのスタジオを作ることもできます。

デフォルトのスタジオでも「ウィンドウ」ー「パネル」ー「プリセットの追加」である程度カスタマイズできますが、
スタジオを新しく作った方が呼び出しや保存が楽なのでオススメです。

また、新機能が追加されたとき、スタジオの上書き更新を求められるので、カスタマイズは新規スタジオでやった方がいいと思います。
Affinity V3のカスタムスタジオ一覧で新規追加したスタジオを右クリックして編集・復元・更新・削除メニューを表示した画面
作成したスタジオを右クリックすると、編集メニューが出てきます。
「編集」で名前や色、アイコンを変えられて、
「復元」で保存した状態にリセットすることができます。
「更新」でスタジオの配置を上書きできます。

表示を「アイコンとテキスト」から「アイコンのみ」にすれば、ツールバーがもっとスッキリします。

ツールバーの名前を表示させる

アイコンだけだと何の機能か分からないので、名前を表示させています。

1.メニューから「表示」-「ツールバーをカスタマイズ」をクリック

2.左から「ツールバー」を選択し、右上のダイヤログから「アイコンとテキスト」を選ぶ

Affinity V3のツールバーのカスタマイズダイアログで表示オプションから「アイコンとテキスト」を選択する画面
ツールバーにあるアイコンの名前が表示されました。
これでちょっとわかりやすくなります。
Affinity V3のメイン画面上部で各アイコンの下に機能名テキストが表示された状態のツールバー
ちなみに、各項目を直接ツールバーにドラッグ&ドロップすることで、ツールバーの内容をカスタマイズすることができます。
よく使う項目を登録しておくと便利です。
「整列」とかよく使うので登録しています。

項目から削除したいときは、ツールバーから枠外にドラッグ&ドロップすれば削除できます。
Affinity V3のツールバーのカスタマイズ画面で「整列」などの機能アイコンをドラッグアンドドロップで配置する様子

Affinity by Canva の設定

「編集」-「設定」からAffinityの設定を開くことができます。
Affinity V3のアプリケーションメニュー「編集」の最下部にある「設定」を選択するドロップダウンメニュー画面
設定をクリックすると、こんな感じの画面が表示されます。
自分もまだ全機能を試せていないので、今後こっそりこのページが更新されていくと思います(=・ω・=)
Affinity V3の設定ウィンドウ全体像で一般やカラーやパフォーマンスなどの設定カテゴリが並ぶ画面

一般

項目をSVGとしてコピー ON

SVGファイルをコピペしたときに、SVG形式を保ったままコピペできます。
OFFにすると画像で貼り付けられてしまうので、ONにした方が便利かと。
Ver3.1.0からデフォルトでONになったかも?(=・ω・=)

削除後に選択を維持することを希望 OFF

オブジェクトを消した後、選択が次のレイヤーに移ってしまうので、連打してるとうっかり消したくない物を消しちゃったりします。
安全のため、OFFにしてます。

起動時にホームスクリーン表示 OFF

Ver3.1.0から追加されました。
起動時に表示される小さなウィンドウを表示しないようにできます。
Affinity V3の設定ウィンドウの「一般」タブで「項目をSVGとしてコピー」や「起動時にホームスクリーンを表示」の設定を行う画面

機械学習

セグメンテーション ON

オブジェクト選択ツールで選択するとき、AIで大まかな形を認識して選択してくれます。
その他はCanvaの有料登録が必要なのですが、この選択だけは無料なのでONにしておきましょう。
ONにすると、学習データのダウンロードが入ります。

カラー

CMYKカラープロファイル Japan Color 2001 Coated

パソコンモニター、スマホ、インクジェットプリンター、業務用出力機、とデバイス(機械)によっていろいろと色が違います。
白い紙の色が微妙に違うように、白、と言っても青みがかった白があったり、オフホワイト、クリームホワイトがあったりと、ちょっとずつ色が違ったりします。

(=・ω・=)<(白ってな、200色あんねん)

デバイスによって色が違うんだよ、と言われてもそのままだと困ってしまうので、できるだけ色を統一しよう!と決めたルールが「カラープロファイル」と呼ばれます。

説明したものの、デザイナーを目指している人以外覚えなくていいです。
とりあえず、設定を以下のようにしておきましょう。

「CMYKカラープロファイル Japan Color 2001 Coated」
Affinity V3の設定ウィンドウの「カラー」タブでCMYKカラープロファイルにJapan Color 2001 Coatedを選択している設定画面
印刷物を作成しない場合はそのままでかまいませんが、何か印刷する可能性があるときは日本でよく使われる「Japan Color 2001 Coated」にしておくと安心です。

RGBプロファイルも、AdobeRGBのほうがキレイに色が出ますが、モニターは大体sRGBなので、「RGB入稿で印刷物を作る」という特殊な状況じゃないかぎりsRGBがオススメです。
※新しく「Japan Color 2011Coated」が出ていますが、2025年時点ではまだ対応していない印刷屋さんが多いです。
2011のほうが若干シアンが強く、キレイに出ます。
暗い青がグレーにならずキレイに出ますが、その分肌色がくすみやすいので切り替え時には注意してください。数年後には2011がメインになる……のかな?

印刷会社の「グラフィック」さんとかはすでに2011を使っているみたいです。
入稿先に合わせて、設定を変えて下さい。

パフォーマンス

OpenCLコンピューティング加速化を有効化 OFF

これのチェックを外すだけでフリーズする確率が減るので、チェックを外すことをおすすめします。
グラフィック関係の操作の能力を向上するらしいですが、チェックを入れてもあまり恩恵を感じないです。

そのうち改善されるのかしら(=・ω・=)

ユーザーインターフェイス

画像のデフォルト設定をピクセル表示 OFF

ツールバーに「ベクター表示モード」と「ピクセル表示」モードを切り替えるボタンがあるのですが、新規ファイル作成時にデフォルトで「ピクセル表示モード」になっています。
チェックを外すと、「ベクター表示モード」がデフォルトになります。
Affinity V3の設定ウィンドウの「ユーザーインターフェイス」タブで「画像のデフォルト設定をピクセル表示」オプションのチェックを外す様子
拡大してみると、このくらい見え方が違います。
低解像度のWEB画像を描き出す際や、ドット絵を作成するときはピクセル表示モードの方がいいと思いますが、普通に使っている分にはベクター表示モードでいいかと。
Affinity V3でのベクター表示モードによる滑らかな描画とピクセル表示モードによるピクセルジャギーの拡大比較画面

ラインをポイント単位で表示 ON/OFF

線の太さをポイント表示するか選べます。
自分はmm表示したいのでOFFにしてます。お好みで。

テキストをポイント単位で表示 ON/OFF

テキストのサイズをポイント表示にするか選べます。
自分はポイントで見たいのでONにしてます。
残念なことに級数(Q)表示はできません(´・ω・`)
Affinity V3の設定ウィンドウの「ユーザーインターフェイス」タブで「ラインをポイント単位で表示」や「テキストをポイント単位で表示」を設定する画面

ツール

ツールハンドルサイズ 中/大

ベクター線を引くときのハンドルのサイズを決められます。
大きい方が選択するのが楽なので、大きめにするのをオススメします。
自分は「大」にしてます。
Affinity V3の設定ウィンドウの「ツール」タブでツールハンドルサイズを「大」に設定し「ズームにマウスホイールを使用」オプションを確認する画面

ズームにマウスホイールを使用 ON/OFF

画面の拡大縮小はCtrl+マウスホイールでできるのですが、コレにチェックを入れるとCtrlキーを押さなくても、マウスホイールだけで拡大縮小ができるようになります。お好みで。

Illustratorも使っているので拡大縮小時にALT+ホイールを使ってしまい、よく間違えるのでチェックを入れてます。
上下に移動するときはマウスホイールではなく、ホイール押し込みでドラッグして移動しています。

移動ツールの縦横比制約

拡大縮小するときに、縦横比の維持をデフォルトでするのか、Shiftを押すとできるようにするのか選べます。
お好きな方を選んでください。自分は「自動」にしています。
Affinity V3の設定ウィンドウの「ツール」タブ内で「移動ツールの縦横比制約」の設定を「自動」に設定している様子

タブレット入力方式 高精度

Affinity V3の設定ウィンドウの「ツール」タブ最下部でタブレット入力方式のプルダウンメニューから「高精度」を選択している設定画面
タブレットを使う人は「高精度」にしておくとオススメです。
ペンの精度が上がります。

古いペンタブレットだとうまく動かないことがあるので、ワンテンポ遅れて線が書かれるとか、挙動が変だなと思ったら「Windowsインク」または「低精度」にしてください。 「高精度」→「Wndowsインク」→「低精度」の順にオススメ。

微調整の距離 0.1mm 修飾キー使用時の微調整距離 1mm

オブジェクトを選択してカーソルキーで移動するとき、どのくらい移動するか指定できます。
単位をミリメートルにして、0.1mmと1mmにしておくと、印刷物を作るときに楽です。
カーソルキーを押すと0.1mmずつ移動し、Shiftを押しながらカーソルキーを押すと1mmずつ移動します。
3mm上に移動したいなーってときとか、超楽です。オススメ。
Affinity V3の設定ウィンドウの「ツール」タブ内で「微調整の距離」を0.1mm「修飾キー使用時の微調整距離」を1mmにカスタマイズした設定画面
WEB上のものしか作らないよーという人も、ptでキリのいい数字にしておくと便利だと思います。

ショートカット

上のダイヤログでスタジオを、下のダイヤログでメニューを選択します。
ここから先は完璧個人の好みなので、真似せず自分の好きなように設定してください。

「こんな設定もできるんだよ」という参考程度にご覧ください(=・ω・=)

上のダイヤログ…スタジオ選択
Affinity V3の設定ウィンドウの「ショートカット」タブで上部ドロップダウンメニューから特定のスタジオを選択する画面
下のダイヤログ(各メニューが表示される)
Affinity V3の設定ウィンドウの「ショートカット」タブで下部ドロップダウンメニューから「ファイル」などのメニュー項目を選択する画面
「すべてに適用」のチェックを入れれば、全スタジオ共通でショートカットが使えます。
もちろん、チェックを外してスタジオ別にショートカット設定も可能です。

ショートカット設定

ファイル

🌱「配置」 Ctrl+Shift+P
イラレのショートカットと合わせる為。
デフォルトで設定してある「ドキュメント設定」は解除。

🌱「エクスポート>エクスポート」 Ctrl+Alt+Shift+S
イラレの「Web用に書き出し」のショートカットが使い慣れているので、それと合わせて。

ドキュメント

🌱「設定>ドキュメント設定」 消去
Ctrl+Shift+Pのショートカットを配置に割り当てたい為。
また、ドキュメント設定はコンテキストツールバーに表示される&そんなに頻繁に使わない為。
(正直、インデザのCtrl+Dとどっちにするか迷った(=・ω・=))

テキスト

🌱「特殊文字を表示」 Ctrl+Alt+Shift+i(アイ)
イラレのショートカットがCtrl+ALT+iなので、揃えようと思ったのですが、Photoshopと同じ「ドキュメントのサイズを変更」が割り当てられていたので、Shiftを追加しています。

特殊文字を表示すると、改行やTABなどを記号で見ることができます。
結構頻繁に使うので、ショートカットキーを割り当てておくと楽です。
下の方にあります。

ベクター

🌱「オブジェクトをアートボードに変換」 Ctrl+F2

選択したオブジェクトのサイズでアートボードを作ることができるので便利です。
簡易的な画像書き出し用に。
イラレ時代によく使っていたので、同じキーを割り当ててます。

🌱「カーブに変換」 Ctrl+Shift+O

Ctrl+Enterでテキストをカーブにするショートカットキー。
イラレで言うところの「アウトライン」みたいなやつなので、イラレと同じショートカットキーを割り当ててます。

たとえ使わないとしても、Ctrl+Enterのショートカットキーは暴発しやすいので削除しておくと安心です。

イラレ使いは皆、テキストを確定させようとしてアウトライン化してしまうという罠にハマります。

ピクセル

🌱「ピクセル選択範囲>レイヤーから」 削除

Ctrl+Shift+Oのショートカットキーを「カーブに変換」に割り当てたいので、削除します。
レイヤーから選択範囲を作りたいときは、Ctrlキーを押しながらレイヤーサムネイルをクリックすれば、選択範囲が作れます。

🌱「反転」 Ctrl+i

Photoshopでよく使っていた「階調の反転」のショートカットキーをあててます。
マスクの反転とか便利です。

🌱「ピクセル選択範囲」 Alt+E

イラストを描くときの下塗りで選択範囲を1px拡大をよく使うので、ショートカットキーを割り当てました。
Expandの意味でEを割り当ててます。

レイヤー

🌱「すべてロック解除」 Ctrl+Alt+2
🌱「ロック」 Ctrl+2
レイヤーのロックを良く使うので、使いやすいショートカットを割り当ててます。

🌱「非表示>非表示」 Ctrl+3
🌱「表示>すべて」CTRL+Alt+3
表示/非表示もよく使うので、使いやすいショートカットキーを割り当ててます。

🌱「変換>アートテキストに変換」 Ctrl+4
「アーティスティックテキスト」を「フレームテキスト」に変換したいときは、右クリックでメニューが出てくるのですが、逆の「フレームテキスト」を「アーティスティックテキスト」に変換したいときは、メニューから「レイヤー」-「変換」ー「アートテキストへ」を選択しないと変換できません。
めんどいので、Ctrl+4のショートカットを割り当ててます。

表示

🌱「ズーム200%、ズーム400%、ズーム800%」 消去
あまり使わないし、他のショートカットを割り当てたいため削除。
ズーム100%はよく使うので残してます。
原寸で表示できるので、印刷物の大体のサイズ感が分かって便利です。

ツール

🌱フレームテキストツール 4
🌱表ツール 消去
アーティスティックテキストツールを使おうとしてフレームテキストになるのがめんどい為。
Tのショートカットキーをアーティスティックテキストツール専用にしました。
フレームツールは、「フレームテキストをアーティスティックテキストに変換」のショートカットキーを「Ctrl+4」に割り当てているので、覚えやすいよう「4」に設定。
そもそもフレームテキストツールあまり使わないので……(=・ω・=)

🌱「角丸長方形ツール」 消去
あまり使わないため

🌱ベクター切り抜きツール 7
本当はイラレのクリッピングCtrl+7と揃えたかったけど、できなかったので「7」のみで登録。
画像の一部を切り抜くときによく使ってます。

※ImeProcessedと出たら、IMEをオフにしてください。

使いながら、また随時更新していこうと思います。
少しでも参考になれば!(=・ω・=)✨

検索

最新の投稿

ベクター塗りつぶしツール/Affinity3

シェイプビルダーツールで作った物や、カーブで描いたイラストなどを塗るときに便利な「ベクター塗りつぶしツール」について解説します。

ベクター塗りつぶしツール/Affinity3

人気の投稿

Twitter(X)

アフィリエイトについて

このサイトはアフィリエイト広告(Amazonアソシエイト含む)を掲載しています。

QooQ