【初心者向け】Affinityでグミっぽい文字加工の作り方【Affinity】

2025年11月26日2025年11月29日

サムネイルやちょっとした画像を作るのに、無料のアプリでもなにかかわいい加工が作れたら…

Affinityは気になるけど、使い方が分からなくて手をつけられない…

最近Affinityが無料になったこともあり、興味はあれどなかなか手が出ない人も多いのではないでしょうか？

今回はそんな初心者の方でも気軽に作れる“Affinityで作れる簡単でかわいいグミ風加工”の作り方を紹介します！

「Affinity を使いこなせていない」「まずは何か一つ作ってみたい」という方は、ぜひこの記事を見ながら一緒に作ってみてください！

この記事を読めばわかること

グミっぽい文字加工の完成イメージ

今回作る完成イメージはこちらです。

一見難しそうに見えるかもしれませんが、初めての方でもわかりやすいようにひとつずつ画像付きで解説します。

手順を真似するだけでOK！一緒に作ってみよう〜

Affinity by Canvaを使用します。

買い切り版の「Affinity Designer」「Affinity Photo」もありますが、
今回のチュートリアルでは現在無料で提供されているAffinity by Canvaで作成が可能です。

持っていない方はこちらの公式サイトからダウンロードができます↓

Affinityを起動したら画面右上の「＋」ボタンを押し、新規ドキュメントを作成します。

今回の設定項目は以下の通りにしました。

ドキュメント単位：ピクセル
ページ幅：2000px
ページ高さ：2000px

※変更する項目のみ記載

設定ができたら、画面右下の「ドキュメントを作成」から次のステップに移ります。

アートボードが表示された状態になったら、「ベクター」のモードに設定します。
画面左上、「ベクター」「ピクセル」「レイアウト」「Canva AI」の中からベクターが選択されていればOKです。

設定できたら早速効果をかけたいテキストを入力していきます。

画面左側のツールリストからアーティスティックテキストツールを選択し、
アートボード上の任意の場所をクリックして文字を入力し、配置を整えます。

効果がわかりやすいようにサイズは少し大きめにしておきます。
ここではテキストのサイズは242pt、
フォントはフリーフォントの「ふんわりラウンド」を使用しました。

文字サイズによって後々エフェクトの調整時に入力する適正な数値が変わってくる可能性があるため、
「作例の通りに作りたい」場合はできるだけ近い数値に揃えることをおすすめします。

アーティスティックテキストツールが見つからない人は…

ツールリスト一番下の「…」をクリックして「ツールをカスタマイズ」ウィンドウを開きます。

スクロールしていくとテキストグループ内にアーティスティックテキストツールがあるので、
ツールリストにドラッグして追加してください。

「ツールをカスタマイズ」ウィンドウでアーティスティックテキストツールがグレーアウトされていれば、すでにツールリストに入っている状態です。

土台の文字ができたら、こちらにレイヤーエフェクトを使って効果をかけていきます。

レイヤーパネルからテキストのレイヤーを選択した状態で、
パネル下方の「FX」と書かれたレイヤーエフェクトをクリックします。

レイヤーパネルが見つからない人は…

画面最上部「ウィンドウ」メニューから「一般」＞「レイヤー」を選択することで
レイヤーパネルを表示できます。

レイヤーエフェクトの設定画面が開くので、
ここからつけたい加工にチェックを入れて調整していきます。

まずはグラデーションオーバーレイにチェックをいれ、下記の通り設定します。

描画モード：標準
不透明度：100%
タイプ：線形
グラデーション：左から
- #FDF0CF　中間点60% / 不透明度100%
- #FFB1B1　中間点75% / 不透明度100%
- #FF96AB　不透明度100%
スケールX：100%
スケールY：100%
オフセットX：0%
オフセットY：0%
角度：270°