- Affinity Designer の調整機能を使って、画像や写真から白黒のアイコンを作成する方法を解説します
動画解説
○ 以下の動画で、実際の操作方法を解説していますので、ぜひご覧ください。
※ 実際のマウスなど操作の動きが確認できるので、大変理解しやすいです。
○ YouTubeチャンネル(ちょみ)もぜひご覧ください。
※ Affinity Designer、Affinity Photo、Affinity Publisher の解説動画を多数アップしています。
![](https://i.ytimg.com/vi/F2p85xM5Kb4/maxresdefault.jpg)
画像解説
概要
1.Affinity Designer の調整機能を使って、画像や写真から白黒のアイコンを作成する方法を解説します
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-011-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-021-1024x576.png)
操作方法
2.写真はストックからダウンロードできます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-031-1024x576.png)
3.レイヤーに移動します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-041-1024x576.png)
4.写真のレイヤーを選択します。「調整」→「しきい値」を
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-051-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-061-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-071-1024x576.png)
5.一発で白黒になりました。スライダーで調整します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-081-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-091-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-101-1024x576.png)
6.「楕円ツール」を選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-111-1024x576.png)
7.わかりやすいように、塗りつぶしなし、境界線ありに変更します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-121-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-131-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-141-1024x576.png)
8.アイコンにしたい範囲を円で囲みます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-151-1024x576.png)
9.「移動ツール」で位置を調整します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-161-1024x576.png)
10.写真のレイヤーを楕円のレイヤーの中に移動します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-171-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-181-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-191-1024x576.png)
11.楕円のレイヤーを選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-201-1024x576.png)
12.境界線の幅を調整します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-211-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-221-1024x576.png)
13.「レイヤー」→「境界線を展開」を選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-231-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-241-1024x576.png)
14.境界線が一つのカーブとして展開されました。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-251-1024x576.png)
15.これで、大きさの変更と一緒に境界線の太さも変わってきます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-261-1024x576.png)
16.全て選択し拡大します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-271-1024x576.png)
17.「右クリック」→「ラスタライズ」を選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-281-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-291-1024x576.png)
18.グループ化し、完成です。詳細は、下の動画解説をご覧ください。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-301-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-015-311-1024x576.png)
動画解説(YouTube)
○ 以下の動画で、実際の操作方法を解説していますので、ぜひご覧ください。
※ 実際のマウスなど操作の動きが確認できるので、大変理解しやすいです。
○ YouTubeチャンネル(ちょみ)もぜひご覧ください。
※ Affinity Designer、Affinity Photo、Affinity Publisher の解説動画を多数アップしています。
![](https://i.ytimg.com/vi/F2p85xM5Kb4/maxresdefault.jpg)
コメント