ジュース感覚で飲めて、見た目も可愛いお酒、サングリア。
今日はAffinity Designerのシンボル機能を使って、サングリアの缶ドリンクを作ります。
![mik](https://devmilk.biz/wp-content/uploads/2022/02/milk-icon.jpg)
缶を作って、それから違う色のラベルを作って
缶に貼っていくので、このラベルを作る工程に
シンボル機能を使っていこうと思うんだー。
![sugar](https://devmilk.biz/wp-content/uploads/2022/02/sugar-icon.jpg)
今日はまず、色と缶を作る工程を説明していくね。
操作手順
1. 今回作るモノ
![](https://devmilk.biz/wp-content/uploads/2022/02/can00v2-1024x505.jpg)
左からレモン、カシス、キウィーのサングリア。
缶は同じでラベルだけが違います。このラベルを個別に作るのではなく、シンボルを使ってスマートに作っていきます。
2. スウォッチの用意
ラベルに使う色のスウォッチを用意しておきます。
Affinity Designerを起動して、長方形ツールで小さな矩形を9つ作り、以下の色を設定します。
![](https://devmilk.biz/wp-content/uploads/2022/02/can01.jpg)
赤の行: 左から、#8B0A31、#DA8094、#FFCAD4。
黄の行: 左から、#FAC800、#EEEF20、#F5E59D。
緑の行: 左から、#43A202、#D1E91C、#ECF69D。
それぞれの色をスウォッチに登録します。
スウォッチの登録の手順は以下になります。
![](https://devmilk.biz/wp-content/uploads/2022/02/can25.png)
コンテキストツールバーから「表示」>「スタジオ」>「スウォッチ」でスウォッチパネルを表示し、右上のハンバーガーボタンク>「ドキュメントパレットを追加」と進みます。
![](https://devmilk.biz/wp-content/uploads/2022/02/can33.png)
スウォッチに「名前なし」のパレットができます。
![](https://devmilk.biz/wp-content/uploads/2022/02/can27.png)
「名前なし」パレットが表示されている状態で、ワイン色の矩形を選択して右クリックし、「スウォッチに追加」>「塗りつぶしから」を選択します。
![](https://devmilk.biz/wp-content/uploads/2022/02/can28.png)
「名前なし」パレットにワイン色のスウォッチに追加されます。
![](https://devmilk.biz/wp-content/uploads/2022/02/can35.png)
同じ要領で他の色のスウォッチも追加します。
![](https://devmilk.biz/wp-content/uploads/2022/02/can36.jpg)
ハンバーガーボタン>「パレットの名前を変更」でパレット名を「サングリア」にします。
![](https://devmilk.biz/wp-content/uploads/2022/02/can37.png)
3. 缶をつくる
![](https://devmilk.biz/wp-content/uploads/2022/02/can03.jpg)
缶ドリンクの写真を用意してファイルに読み込みます。
![sugar](https://devmilk.biz/wp-content/uploads/2022/02/sugar-icon.jpg)
缶の写真はコーラでなくても何でもOKだよ。
![](https://devmilk.biz/wp-content/uploads/2022/02/can04.jpg)
長方形ツールで缶と同サイズの長方形を描きます。
![](https://devmilk.biz/wp-content/uploads/2022/02/can05.jpg)
参考にした缶ドリンクと同じ形状にするため、長方形の不透明度を75%にします。
![](https://devmilk.biz/wp-content/uploads/2022/02/can25.jpg)
長方形の四隅に凹みを付けます。
コンテキストツールバーの「コーナー」から「凹み付け」を選択し、凹み度合いを25%に設定します。
![](https://devmilk.biz/wp-content/uploads/2022/02/can07.jpg)
「カーブに変換」をクリックして、長方形をカーブに変換します。
![mik](https://devmilk.biz/wp-content/uploads/2022/02/milk-icon.jpg)
矩形には、シェイプとカーブというのがあって、
シェイプは閉じたパス、
カーブは閉じていないパスになります。
![](https://devmilk.biz/wp-content/uploads/2022/02/can30.jpg)
ノードツールを出します。
![](https://devmilk.biz/wp-content/uploads/2022/02/can08-1024x597.jpg)
四隅の各ポイントをクリックすると、ハンドルが表示されますので、このハンドルをノードツールで動かして線を整え、缶の形に近づけます。
![](https://devmilk.biz/wp-content/uploads/2022/02/can09.jpg)
缶の頭に細長い長方形を載せてフタを作ります。
![](https://devmilk.biz/wp-content/uploads/2022/02/can31.png)
コーナーから「丸み付け」を選択し、度合いを50%に設定して、フタの四隅を丸くします。
![](https://devmilk.biz/wp-content/uploads/2022/02/can39.jpg)
フタ、本体の色をそれぞれ、塗り:#C9C6C6、境界線:2pt #3C3A3Aに設定し、レイヤーの不透明度100%にします。
![](https://devmilk.biz/wp-content/uploads/2022/02/can38.jpg)
これで缶ができました!
![sugar](https://devmilk.biz/wp-content/uploads/2022/02/sugar-icon.jpg)
ノードツールで缶の四隅を調整するあたりがちょっとてこずるんだよね。
![mik](https://devmilk.biz/wp-content/uploads/2022/02/milk-icon.jpg)
何度かやれば慣れるよ。
それじゃあ次はラベル作りをやるよ。