東村山1丁目 diary

渋谷のIT企業から波佐見焼の会社へ転職!Webディレクション・デザイン・ECなど仕事の話から、食事や映画の感想まで。

フォントの縁取り/ずらしカゲ 〜4月は、Illustratorがんばる月間〜

はい、タイトルの通りです。
これまでPhotoshopにばかり頼ってIllustratorをほぼ使ってこなかったので、一通りのスキルが身につくようにがんばります。

最終成果物として想定しているのは、とあるサービスのキャンペーンHTMLメルマガを作ること。
そのメールの中のバナー画像を、Illustratorを使って作ろうと思います。

上記の目標を達成するにあたり、キャンペーンバナー画像を構成する要素を一つずつ練習していきます。
今日は数字を強調するのに使う「文字の縁取り」。

アピアランスパネルで塗りと線を追加するなんて全然知らなかった!
追加したのち、塗りの下に線を置くのがポイント。
線を増やせばよく見かける二重縁取りもできます。
ちなみにフォントのカラーパネルからだと塗りと線の順番を入れ替えられないので注意。
ずらし影は、パスの変形で。

f:id:higashimurayama1:20170413113923p:plain

f:id:higashimurayama1:20170413113927p:plain

f:id:higashimurayama1:20170413133654p:plain

f:id:higashimurayama1:20170413133700p:plain

f:id:higashimurayama1:20170413134147p:plain

※参考にさせていただいたページ
https://www.cherrypieweb.com/weblog/technical/20120128183317.php

※おまけ
Macでアクティブウィンドウのスクショを取る方法
command + shift + 4 → スペース → クリック

はー、いっちょめいっちょめ。