以下のような画像を作っていきたいと思います。 リンクにカーソルを合わせた時に文字の外側が多少光ってみせるような画像です。
目次
「名前」とサイズの「幅」と「高さ」をそれぞれ設定し、最後にカラーモードを「RGB」に設定します。
今回、黒い背景に白い文字で作りたいと思うので、塗りを黒にする。
「長方形ツール」から長方形を選択し、キャンバスに描く。
レイヤーの追加ボタンを押して、新規にレイヤーを作る。
作ったあとが以下
「文字ツール」を選択し、文字の色を選び、文字を書いていく。
書いた文字が以下。
フォントやサイズをそれぞれ変更していきます。
表示させるための画像が作られました。
ここで一度web用に書き出しましょう。
設定をします。 英文字とカタカナ両方一緒に行ったほうが効率がよいので、どちらか一つをマウスで選択したあと、shiftキーを押しながらもうひとつを選択すると、一度に二つ選択ができます。 「効果」→「スタライズ」→「光彩(外側)」を選択します。
適当に設定をし、OKを押します。
以下のようなダイアログボックスがでてきます。
「新規効果を適用」を押します。
気に食わなければ、2つほど前に再び光彩の設定をしてください。
完成です。
web用に書き出して保存しましょう。
出来上がり。
もし、透明な背景で書き出したいのであれば、レイヤーパレットで黒いレイヤー側の表示を非表示にして(目の部分をクリックし、目を表示させなくして)書き出してください。