文字の縁取り:枠付けと影をつけて立体化 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

▼▼テキストの入力▼▼

1)ツールボックスの「A」をクリック。

メインをクリックして範囲を指定して、ツールボックスで
フォント、サイズ、色を選択して、メインでテキストを入力。

※新たに別枠でテキストを入力する時は、一旦テキストエディターを
閉じた後、新たに「A」をクリック。
(*新たなレイヤーが作成される。)

▼▼文字の廻りを囲む▼▼

1・レイヤーを選択後、ツールボックスの「矩形選択」をクリック。
メインのテキストの箇所をドラッグで囲む。*白黒の波線になる。

2・メニューバーの「レイヤー」→「透明部分」→「選択部分との交わり」
*テキストがにょろにょろ動く感じになる。

3・メニューバーの「選択」→「選択範囲を拡大」
→ポップアップの小窓で数値(1~3程度)を指定して「OK」ボタン。

4・メニューバーの「レイヤー」→「透明部分」→「透明部分から引く」
*テキストが点線で動いているように囲われる。

▼▼枠の箇所に着色▼▼

1)レイヤーボックスのテキストが書かれている「レイヤー」を
右クリック→「レイヤーを追加」→ポップアップの小窓で「OK」
をクリック(*レイヤーに解り易い名前を付けることも可能)。

2)追加された「レイヤー」が選択されてる状態で「塗り潰し(バケツ)」
のボタンをクリック。
好みの「色」を選択してテキスト上でカーソルに「ペイントマーク」が
出ている事を確認してクリック。

*作業確認は、メニューバーの「選択」→「選択を解除」。

*枠の着色をやり直す場合は、「レイヤーボックス」の追加された
「レイヤー」を右クリック→「レイヤーの削除」でレイヤーを削除
して、新たに「レイヤー」を追加してから、着色する。


▼▼テキストの立体化▼▼

1)立体化したいテキストの「レイヤー」をクリックして選択。

2)メニューバーの「フィルター」→「照明と投影」
→「ドロップシャドウ」→ポップアップの小窓でオフセット、色等を調整
→「OK」をクリック。

*作業確認はメニューバーの「選択」→「選択の解除」で確認。

*こちらの動画が解り易い(↓)