考え、感じる、Web制作。

Web制作の学習や情報についての記事が中心です。

Illustratorの学習 その1

Adobe Illustratorを学ぶ

今回はIllustratorでDVDプレイヤーを描く。
f:id:ys_nim_9:20141212205224j:plainf:id:ys_nim_9:20141212205235j:plain

取扱説明書用素材の描画

家電の取扱説明書の画像は、一般的に写真素材が使われることは稀である。これは、写真だとボタン類に位置が分かりにくくなりやすい点に起因している。このため、イラストを用いることが多く、Illustratorがよく用いられる。

正面のイラストを作る

まず、サンプル下段の正面の画像から作る。元の写真を背景画像として配置し、その上に描画していく。

3分割の前面パネル
  1. 新規レイヤーに写真画像と同じ大きさの黒い箱を配置する。
  2. 新規レイヤーに大中小の箱を配置する。
  3. 円形のグラデーションで光沢を入れる。
USBマークの作りこみ
  1. USBマークをパスで作る。
  2. 白い塗りのマークをコピー、背面へ貼り付け。
  3. 貼り付けたオブジェクトを黒く塗る。
  4. オブジェクト>パス>パスのオフセットをクリック。
  5. パスのオフセットウィンドウが開いたら、1px,ラウンドでOK。
  6. 手前の白塗りパスと奥の黒塗りのパスをグループ化しておく。
DVDの文字
  1. 黒で文字を書く(文字の影)。
  2. コピーし前面に明るい色で貼り付け(文字の本体)。
  3. オブジェクト>パス>パスのアウトラインをクリック。
  4. スウォッチからパネルメニューのグラデーション>メタルをクリック。
  5. 文字にグラデーションを入れる。
  6. シアーツールで斜めに変形させる。

斜視図

サンプル上段の斜視図を描画する。

  1. 前面以外のパスを描き、塗りつぶし>グラデーション
  2. 作成済みの正面画像をコピー、グループ化、新しいレイヤーに貼り付け
  3. 自由変形ツールに持ち替え>左端のctrl+ドラッグで変形し、上面に合わせる

本体の下面部に影を入れる。

  1. パスで線をを描く。
  2. 効果>ぼかし>ガウスをクリック。