![見出し画像](https://assets.st-note.com/production/uploads/images/96297539/rectangle_large_type_2_52871b12c889433e20171cbd5a1ff95c.png?width=1200)
「チケットの半券」のようなグラフィック
「チケットの半券」のようなグラフィックをアピアランスで実装する方法について考えてみました。
「チケットの半券」のようなグラフィックをアピアランスで#アピアランス100本ノック #常用アピアランス pic.twitter.com/5mNyob8Wwj
— DTP Transit (@DTP_Transit) January 23, 2023
ロジック(1)
まず、切り取り線部分を表現します。
![](https://assets.st-note.com/img/1674491000863-IBplVtVwCi.png?width=1200)
![](https://assets.st-note.com/img/1674491003344-By3PqEoWwV.png?width=1200)
![](https://assets.st-note.com/img/1674491009278-I9xhSwMRH7.png?width=1200)
![](https://assets.st-note.com/img/1674491014878-MfaFI8OJau.png?width=1200)
ロジック(2)
グループ化後、影を追加します。
![](https://assets.st-note.com/img/1674490974825-HVuzAnxkeq.png?width=1200)
![](https://assets.st-note.com/img/1674490981791-NOl3LZ6i03.png?width=1200)
![](https://assets.st-note.com/img/1674490985740-Md8cLTQ85i.png?width=1200)
バリエーション
いったん型抜きで形状をこねた後にグループ化し、カラーリングを行うのがよさそう。
バリエーション:
— DTP Transit (@DTP_Transit) January 23, 2023
いったん型抜きで形状をこねた後にグループ化し、カラーリングを行うのがよさそう。 pic.twitter.com/S5xR4SqIoK
バリエーション(2)
左右に大きなホール(穴)、上下に切り取り線であれば、ひとつのオブジェクトでOKです。
![](https://assets.st-note.com/img/1675247202385-lylZJodiRI.png?width=1200)
ダウンロード
![](https://assets.st-note.com/img/1674491996379-lBC6uhWdv1.png?width=1200)
2023年2月1日19:30に差し替え
ここから先は
0字
/
1ファイル
¥ 100
定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5