- 図形、シェイプ、ノードなどのパスに沿って、テキストを配置する方法を解説します
- Affinity Designer、Affinity Photo どちらでも利用できます
動画解説
○ 以下の動画で、実際の操作方法を解説していますので、ぜひご覧ください。
※ 実際のマウスなど操作の動きが確認できるので、大変理解しやすいです。
○ YouTubeチャンネル(ちょみ)もぜひご覧ください。
※ Affinity Designer、Affinity Photo、Affinity Publisher の解説動画を多数アップしています。
画像解説
概要
1.図形、シェイプ、ノードなどのパスに沿って、テキストを配置する方法を解説します
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-011-1024x576.png)
2.図形、シェイプ、ノードなどのパスに沿って、テキストを配置する方法を解説します
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-021-1024x576.png)
3.写真はストックからダウンロードできます
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-031-1024x576.png)
4.「レイヤ」タブをクリックします。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-41-1024x576.png)
5.「ドーナツ型ツール」をクリックします。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-51-1024x576.png)
6.「ドーナツ型ツール」をクリックします。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-61-1024x576.png)
7.「Shiftキー」を押しながら、ドラッグすると、正円を作成できます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-71-1024x576.png)
8.「移動ツール」をクリックします。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-81-1024x576.png)
9.ドーナツ図形を中央に移動します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-91-1024x576.png)
10.複製します。ショートカットにより、「Ctrl」+「C」でコピーし、「Ctrl」+「Ⅴ」で貼り付けします。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-101-1024x576.png)
11.「アーティスティックテキストツール」をクリックします。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-111-1024x576.png)
12.パス上にカーソルを合わせると表示が変わるので、そこでドラッグし、テキストを調整します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-121-1024x576.png)
13.円形に沿って、テキストが配置できました。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-131-1024x576.png)
14.緑の点がテキスト開始位置、赤の点がテキストの折り返し位置になります。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-141-1024x576.png)
15.「Enterキー(改行)」で反対側にテキストを配置できます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-151-1024x576.png)
16.緑と赤の点を移動し、横の位置を調整します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-161-1024x576.png)
17.緑と赤の点を移動し、横の位置を調整します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-171-1024x576.png)
18.つづいて、縦の調整を行っていきます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-181-1024x576.png)
19.下半分のテキストを選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-191-1024x576.png)
20.「ベースライン」を選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-201-1024x576.png)
21.スライダーを、左右に動かすことで、縦の位置を調整できます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-211-1024x576.png)
22.以下のように、ドーナツ図形に収まるように配置します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-221-1024x576.png)
23.横の位置など、詳細を調整します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-231-1024x576.png)
24.つづいて、上半分のテキストを調整します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-241-1024x576.png)
25.上半分のテキストを選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-251-1024x576.png)
26.ベースラインのスライダーで、調整します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-261-1024x576.png)
27.ドーナツ図形の中に、収まるように配置します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-271-1024x576.png)
28.つづいて、「楕円ツール」をクリックします。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-281-1024x576.png)
29.下図の場所に、円を配置します
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-291-1024x576.png)
30.わかりやすいように、色を変更します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-301-1024x576.png)
31.黒色を選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-311-1024x576.png)
32.「Shift」+「alt」を押しながら、ドラッグすることで、複製できます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-321-1024x576.png)
33.細かい調整を行います。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-331-1024x576.png)
34.細かい調整を行います。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-341-1024x576.png)
35.「Ctrl」+「G」を押し、グループ化します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-351-1024x576.png)
36.テキストを含むレイヤを選択し、「パススルー」タブをクリックし、「消去」を選択します。くり抜かれテキストが作成できます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-361-1024x576.png)
37.テキストを含むレイヤを選択し、「パススルー」タブをクリックし、「消去」を選択します。くり抜かれテキストが作成できます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-371-1024x576.png)
38.「グループ」レイヤをドラッグし、「ドーナツ図形」レイヤの中に移動します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-381-1024x576.png)
39.画像のように、テキストがくり抜かれた図形を作成できます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-014-391-1024x576.png)
動画解説(YouTube)
○ 以下の動画で、実際の操作方法を解説していますので、ぜひご覧ください。
※ 実際のマウスなど操作の動きが確認できるので、大変理解しやすいです。
○ YouTubeチャンネル(ちょみ)もぜひご覧ください。
※ Affinity Designer、Affinity Photo、Affinity Publisher の解説動画を多数アップしています。
コメント