文字を透明に切り抜く方法 【Affinity Designer 2 iPad版】

Cut out letters transparently 疑問を解決

文字を透明にして後ろの背景が見える様にしたデザインをよく見かけます。

文字を透明に切り抜く事は、アフィニティーデザイナーiPad版でも簡単に作る事が出来ます。

作り方は簡単です。

 

文字を透明に切り抜く方法

文字を透明に切り抜く方法は色々有りますが、ここでは簡単に文字を透明に切り抜く方法を紹介しています。

 

シェイプ上の透明文字の作り方

任意のシェイプを作ります。

【アーテステックテキスト】を選択し、テキストを入力します。(直接シェイプ上に入力してもOK)

Cut out the letters transparently 1

シェイプの上にテキストを重ねます。

Cut out letters transparently 2

シェイプとテキスト2つを選択します。

【コマンドコントローラー】の『option』を選択した状態で<ジオメトリ>の[型抜き]を選択します。

この時点で透明文字が完成です。

Cut out letters transparently 3

『option』を選択した状態で[型抜き]を行う事で、複合レイヤーが出来ます。

複合レイヤーは、後からテキストレイヤーとシェイプレイヤーを個別に編集する事が出来ます。

Cut out letters transparently 4

『option』を使わず[型抜き]も出来ますが、後から個別の編集が出来ません。

後で編集する予定がない場合は、そのまま[型抜き]でも透明文字が出来ます。

 

パス上の透明文字の作り方

パス上の透明文字の作り方も、上記で説明した内容とほぼ同じになります。

 

相違点は、パス上の文字を作った場合、型抜きするオブジェクトが必要になります。

今回は、同じシェイプを使います。(ベースのシェイプは何でも構いません)

Transparent character on the path 1

パス上のテキストを入力し、開始ハンドルと終了ハンドルを調整しテキストを調整します。

Transparent character on the path 2

*パス上のテキストの作り方は【アーティスティックテキスト】ツールを参照してください。

 

シェイプとパス上のテキストの2つを選択した状態で、<ジオメトリ>の[型抜き]を選択します。

Transparent characters on the path 3

このようにパス上の透明文字が作れます。

 

文字を透明に切り抜く方法 まとめ

文字を透明に切り抜く事はできたでしょうか?

この方法が一番簡単な方法だと思います。

 

ポイントは、【コマンドコントローラー】の『option』を選択した状態で<ジオメトリ>の[型抜き]を選択する事です。

複合レイヤーを作る事で、後から拡大縮小や回転・移動が出来るのでデザイン上とても便利だと思います。

 

それではまたね〜

 

 

コメント