下絵の準備と編集

キャリアアップ演習
PART
地図の作成 【 下 絵 の 準 備 と 編 集 】
2
下絵の準備と編集
インターネットで検索した地図を、下絵用の画像にする手順を学びましょう。
1. 下絵の準備
実際の制作に入る前に、下絵用の地図を準備します。
今回はあらかじめ、下絵の地図を準備していますが、下絵用の地図がない場合は下
記の方法で準備を行います。手順を確認しましょう。
インターネットで検索した地図から、スクリーンショットを使って下絵用の画像を
作ります。Windows と Macintosh ではスクリーンショットの方法が異なりま
す。制作環境にあわせて、それぞれの手順を参照してください。
▶ Windows の場合
トレース
下絵をなぞってイラストにする作
業です。
❶ インターネットブラウザを起動し、目的の場所を検索しましょう。
今回は「ISA GINZA GLASSE」の地図を作ります。地図検索サイトで「ギン
ザ・グラッセ」と入力し、地図検索をします。
❷ 表示させたい領域になるように地図の位置を調整してから[PrintScreen]キー
を押します。
一時的にクリップボードに画面の状態がコピーされました。
PrintScreen
[PrintScreen]キーを押すと、
画面の状態が一時的にクリップボ
ードにコピーされます。
このデータを画像ファイルとし
❸ Photoshop のドキュメント上に地図を貼り付けます。
Photoshop を起動し、新規ドキュメントを作成します。
新しいドキュメント上で、[編集]
[ペースト]
を行います。
て 扱 う た め に は、 ペ イ ン ト や
Photoshop などの画像加工ソフ
トで作った新規ドキュメントにペ
ーストします。
新規ドキュメント作成
Photoshop の作業中にクリップ
ボードにデータを格納すると、プ
リセットの中身がクリップボード
になり、新規ドキュメントを作成
すると、クリップボードにコピー
された情報にあわせて自動的にフ
ァイルサイズ(寸法)が設定されます。
環境により、❸の図とは幅や高さ
などの設定内容が異なっているか
もしれませんが、そのまま[OK]
をクリックし、ドキュメントを作
成します。
36
トリミングのポイント
目印になりそうな分かりやすい建
物や、主要な道路は残しましょう。
また、地図にする範囲があいまい
な場合は、必要になる可能性のあ
キャリアアップ演習
❹[切り抜きツール]を利用して、必要な範囲のみをトリミングします。
る範囲も含め、大きめにトリミン
グします。
PART
❺ ファイルを TIFF形式で保存します。ファイル名は任意の名前で構いません。
ファイルを軽くするために、レイヤーは破棄して保存しましょう。
TIFF 形式
記憶形式の異なるファイルを保存
できるファイル形式です。
保存の際、TIFFオプションはその
地図の作成 【 下 絵 の 準 備 と 編 集 】
2
ままの設定で構いません。
▶ Macintosh の場合
グラブ
【ショートカットキーを使う方法】
❶ Windows 同様に、インターネットブラウザで地図を検索します。
❷ 地図を画面に表示した状態で、
[command]
+
[shift]+「4」キーを押します。マ
ウスの形が下図のように変わったら、必要な範囲をドラッグします。
Macintosh でスクリーンショッ
トを撮るには、ユーティリティア
プリケーション「グラブ」を使う方
法もあります。
「グラブ」は、
[アプリケーション]
フォルダー内の[ユーティリティ]
フォルダーにあります。
マウスを離すと、
「ピクチャ1」または「スクリーンショット」などという名前の
画像ファイルが、デスクトップへ自動的に保存されます。
タイマー撮影ができたり、スクリ
ーンショットに写るポインタの形
を環境設定で変更できる便利なア
プリケーションです。
❸ デスクトップに保存されたファイルを Windows 同様に Photoshop で開き、
[切り抜きツール]で必要な部分のみ切り取り、TIFF形式で任意の名前で保存し
ます。
2. 新規ドキュメントの準備と下絵の配置
プロファイル
Illustrator で新規ドキュメントの作成と制作環境を設定します。
lllustrator では、新規ドキュメン
トを作成時に、ドキュメントプロ
ファイルを選択することからスタ
❶ 新規ドキュメントを作成します。
ートします。
[新規ドキュメントプロファイル]
は「Web」を選択します。
これによって、適切なカラーモー
ファイル名
サイズ
単位
カラーモード
ギンザ・グラッセ地図
800 × 600
ピクセル
RGB
詳細
新規オブジェクトをピクセルグリッドに整合をオフ
❷ 今後の制作に必要な環境を整えます。
[編集]-[環境設定]-[単位]で[一般]
と
[文字]の単位をピクセルに、
[線]の単
位をポイントにします。
ドなどの設定が行われます。
[新規オブジェクトをピクセルグリ
ッドに整合をオフ]にしておかない
とオブジェクトのサイズや線幅を
小数で指定することができません。
環境設定(MAC の場合)
[Illustrator]メニューから[環境
設定]で行います。
37