webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
読者です 読者をやめる 読者になる 読者になる

webかたつむり

ウェブデザインを勉強中

bannar copy 袋文字を作る

文字の線と塗りを消して、テキストの線と塗りを設定すること。

文字の線・塗りを「無し」にする理由を超丁寧に解説【アピアランス】

  • バナーコピーを作る時に、いつも段取りが悪い袋文字を整理します。
  • 「ウィンドウ」「アピアランス

f:id:ohta-felica:20160816210610p:plain

  • 「文字」の線と「塗り」をなしにする。

f:id:ohta-felica:20160816210442p:plain

  •  テキストを選択して、新規塗りを追加。

f:id:ohta-felica:20160816210924p:plain

  •  「塗り」だけでなく、「線」のレイヤーも追加された。

f:id:ohta-felica:20160816211038p:plain

  •  「線」を設定する。

f:id:ohta-felica:20160816211230p:plain

 

  • 「塗り」と「線」レイヤーの順番を入れ替える。

f:id:ohta-felica:20160816211410p:plain

  •  「線」のレイヤーを選択した状態で「fx」「パスの変形」「変形」。

f:id:ohta-felica:20160816211605p:plain

  •  プレビューを確認しながら、「線」を右下に移動させてみる。

f:id:ohta-felica:20160816212026p:plain

  • 「項目を複製」を選択

f:id:ohta-felica:20160816212519p:plain

  •  複製した「線」を内側の線よりも一回り大きくすると、縁取りができる。

f:id:ohta-felica:20160816212859p:plain

  •  グラフィックスタイルに登録すればいつでも呼び出せる。

f:id:ohta-felica:20160816215125p:plain