電子メールニュースレターの外観に 特徴を持たせませんか?
Super Creativeのクリエイティブディレクター Sydney Michudaです 繰り返し使える ヴィンテージモダン風のヘッダーを 一緒に作成しましょう 新規ドキュメントを作成して アートボードを電子メールの ヘッダーサイズである 600 px × 300 pxなどに設定し カラーモードをデジタル用の RGBカラーに設定します ロゴとカラーを ドキュメントに追加します ヘッダーはニュースレターの タイトルになるので 暗い背景にして 本文と差別化 しましょう また、グランジ風の質感を加えて プロの仕上がりを感じさせましょう そのためには ドキュメントにグランジテクスチャを配置し 透明パネルで 「乗算」を選択して 「不透明度」を45%に下げます レイアウトを始めましょう ロゴをアートボードの上方中央に 移動します テキスト「Barbershop」を ロゴの下に追加して 補足情報を伝えようと思います Interstateなどの 実用的なスタイルのフォントにし トラッキングを100に設定します 大文字のトラッキングを増やすと ヴィンテージ感が増します ニュースレターであることがわかるよう 名称も追加しましょう 「Barbershop」と同じフォントですが ロゴほど重要ではないので サイズを少し小さくしました さらに、装飾的な筆記体フォントを レイアウトに加えて ヴィンテージモダンを演出します 名称の上に テキストを追加して おしゃれで読みやすい筆記体フォントを見つけます R41 Alphabeta 16にしましょう また、ロゴと名称の間に 小さい点を追加して さりげなく 情報を分離しましょう ちょっと遊んで この店の創業年を ロゴの上にローマ数字で 追加することにします 両サイドが寂しいので 装飾的なテキストを追加しましょう タグラインを サンセリフ体のInterstateで入力して 形容詞だけ筆記体の R41 Alphabetaに変え 3行に分けて垂直方向に整列します 楕円形ツールで テキストの中ほどをクリックし ShiftキーとAlt(Macではoption)キーを押しながら テキストを囲む円を 作成します 「塗りと線を入れ替え」を実行して テキストが円の中央に あることを確認したら 空きスペースにドラッグします この手順を繰り返して 対になるタグラインを 右側にも作成します 最後に、この周りを縁取る 金色の枠を追加しましょう 金箔の画像を ドキュメントに配置します 長方形ツールでアートボード上をクリックして アートボードのサイズである 600 px × 300 pxと入力し 「塗りと線を入れ替え」を実行します 線パネルで 「線を内側に揃える」をクリックし 線幅を10 ptに設定します この線を金箔のマスクに 変えたいので この線を単色のシェイプに 変換する必要があります シェイプを選択して「オブジェクト」 「アピアランスを分割」とクリックすると 線ではなく 塗りのシェイプになります 続いて、このシェイプと 金箔の画像の両方を選択し 「オブジェクト」 「クリッピングマスク」 「作成」の順にクリックします これで金箔が クリッピングマスク内に収まり 電子メールのヘッダーが 完成しました 後で使えるように .aiファイルとして保存します web用に保存するには「ファイル」 「書き出し」 「書き出し形式...」
「JPEG (JPG)」の順に選択して 「アートボードごとに作成」をオンにし 「解像度」に「標準 (150 ppi)」を選択して 「OK」をクリックします 同じヘッダーを繰り返し使っても 構いませんし 少し違うデザインに したければ 背景色を変えたり 発行日を追加したりしましょう テキストに工夫を凝らした 洗練された電子メールのヘッダーを 作成できるようになりました これでニュースレターが しまって見えますね 以上、Super Creativeの Sydney Michudaでした ご視聴ありがとうございました


