見出し画像

【Bubble】メッセージ機能の、吹き出しの作り方

メッセージ機能を作る時、ただのテキスト表示のみだと味気ないので、吹き出しをつけたい。
でも、画像の吹き出しだと文字サイズに合わせて大きさが変わらないので使えない。

そんな時は、画像とGroupエレメントを組み合わせて使います。

手順

① Textを、見た目を整えたGroup内に入れる

画像1

② Imageとして吹き出しの"ツノ"を取り込む
(写真ではフリー素材の吹き出しそのままです…。実際はパワポで三角形を作って色を合わせたりすると綺麗です)

画像2

③ Group、Imageをグループ化し、Imageは「send to back」で裏へ

画像3


完成

画像4

こんな感じで、文章量が多くても対応できる吹き出しになりました。

メッセージ機能を作る時は参考にしてください。

この記事が気に入ったらサポートをしてみませんか?