及川WEB室|ホームページ制作

HTML、CSS、JavaScript、スマートフォンサイト、Facebookなど、サイト制作に関する事をメモしています。
個人的な備忘録です。
及川WEB室 ホームページ制作HOME
及川WEB室 > HTML > IllustratorCS5で地球を描く

IllustratorCS5で地球を描く

地球の画像 イラストレーターCS5 で立体的な地球を描いてみた。
3Dオブジェクトに、世界地図の画像をマッピング。

方法

地図画像の準備

  1. マッピングするための地図画像を用意する。
    私の場合は地図素材は↓こちらの世界地図を使わせて頂きました。ありがとうございます。
    白地図、世界地図、日本地図が無料【白地図専門店】
  2. 上記1.で用意した地図画像をIllustratorでシンボル化する。
    [ファイル] → [配置] でアートボードに地図画像を配置。
    → アートボード上の地図画像を選択
    → シンボルパネル([ウィンドウ] → [シンボル] )の[新規シンボル]
    → シンボルオプションを設定し[OK] illustrator CS5 シンボル illustrator CS5 シンボル地図画像がシンボルに追加された。

3Dの球体を描く

  1. 半円を描く。
    円と長方形を描き、円の右半分が隠れるように長方形を重ねる。
    → 円と長方形の両方を選択し、パスファインダーで[交差] 。半円を描く↓半円になった 半円
  2. 半円の線を消す。
    半円になったオブジェクトを選択。→ 線を消し、塗りのみにする。
    illustrator オブジェクト 塗りと線
  3. マッピング。
    半円になったオブジェクトを選択。→ [効果] → [3D]
    → [回転体] → 3D回転体オプションの内容を適宜変更。 → [マッピング] 3D回転体オプション → シンボルを先ほど新規作成した地図画像にする。 [面に合わせる] クリック、[アートワークに陰影を適用] にチェックを入れる → [OK] 半円
  4. 完成!半円
MENU Ξ