見出し画像

罫線1本で作る「On/Off Switch Control」のアピアランス

次のような「On/Off Switch Control」をアピアランスで実装してみましょう。

1. ペンツールや直線ツールを使って罫線を引く

画像1

2. 線幅、線のカラーを設定し、「線端:丸型先端」に変更する

画像2

3. 線を追加し、線のカラーを変更。線幅を細くする

画像3

4. [破線]オプションをオンにし、「線分:0、間隔:50pt」のように設定(50ptの値は線幅に応じて大きめで)

画像4

5. [線分と間隔の正確な長さを保持]オプションをオンにすると、円がひとつだけ表示される

画像5

ここから先は

196字 / 3画像 / 1ファイル

¥ 100

定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5