ベベルと切り抜き（カットアウト）効果の手早く簡単な適用方法

by Mike Doughty

ベベルと切り抜き（カットアウト）効果は、３DテキストやWebページのロールオーバー イメージによく使われます。 通常、このような効果は、ピクセルを基本とするイメージ編集プログラムで作成されます。しかし、Canvas ７のSpriteEffects効果を使用すれば、ベクトルまたはテキスト オブジェクトを使って、簡単にそのような効果も作成可能です。

このチュートリアルで使われるテクニックは、SpriteEffects効果を最大限に利用することです。Canvasでは、初めにテキスト オブジェクトをパスに変換するのではなく、マスキングバスとしてテキスト オブジェクト利用します。この方法を使えば、かなりの時間を節約することができます。

備考：
太めのフォントを使用すると、最大の効果を生むことができます。ここでは、 ７２ポイントの「Generic Tech」フォントを使用します。

次に、テキスト オブジェクトの複製を作成します。

複製されたテキスト オブジェクトが選択されている状態で、右のような明るい赤色を塗りインクに適用します。

備考：
明るい色を選択すると、よりはっきりとしたコントラストが得られるので、より良い効果が得られます。

Step ３までの結果は、右図のようです。

ページ 1 | ページ 2 | ページ 3