01
前回のケリーバッグ、オリジナル画像で作る方法について
ご質問いただいたので、その作成手順などを。

作業の流れとしては、エルメスさんが提供されている展開図（型紙）の
「線」だけを使い、そこに好きな画像を入れていく、という感じです。

説明画面は、Photoshop CS3（Mac版）ですが、ElementsでもOKだと思います。
なお、バージョンによってメニューの配置や表示が異なる場合があります。

それでは、さっそく作ってみましょう。
　



　
02　型紙をダウンロードして、Photoshopで読み込む

・エルメスさんのHPから白無地の展開図（kelly_papier.pdf）を選び、ダウンロードします。

・展開図のダウンロード方法
エルメスHP＞日本語＞エルメスの世界＞だって、ほしいんだもの！＞あなたのケリーをダウンロード！＞好きなケリーの柄を選んで、「これを選択」＞PDFファイルをダウンロード。
http://www.hermes.com/

・ダウンロードしたpdfファイルの展開図アイコンを右クリック
＞[このアプリケーションで開く]＞Photoshopを選び、開きます。

もし、やり方が解らない場合は、こちらをご参照ください。
● Adobe＞[基本操作] PDF ファイルで使われている画像を取り込むには
http://www.adobe.com/jp/support/kb/ts/227/ts_227279_ja-jp.html


　
　



　
　
03　展開図の線だけを抽出する

・メニューバーの[選択範囲]から、[色域指定]を選択、スポイトが表示されますので、展開図の任意の白いところをクリック＞白い部分が選択されました。

・メニューバーの[選択範囲]から、[選択範囲を反転]を選択、＞白以外の部分（線など）が選択されます。

・これを、メニューバーの[編集]から、[コピー]＆[ペースト]（貼付け）し、保存します。「線だけの展開図」ができました。


　
　
　
　



04　作業用に新規ドキュメントを作成する

・メニューバーの[ファイル]から、[新規]を選択、A4 タテ（幅210mm×高さ297mm）の新規ドキュメントを作成し、保存します。これから、このドキュメント上に作業を始めていきます。

・03で作成した線だけの展開図レイヤーを、このドキュメントにドラッグ&ドロップ。

・折り線などの色を抜きます。メニューバーの[レイヤー]から、[新規調整レイヤー]＞[色相・彩度]を選択。
「下のレイヤーを使用してクリッピングマスクを作成」にチェックを入れ、[マスター]の[彩度]スライダーをー100（＝一番左端）に設定します。

・線だけの展開図レイヤーと調整レイヤーをグループ化しておきます。



　
　
　
　


05　使用する画像を用意する

今回は私の愛車、Ferrari F40をば。
Photoshopで開きます。




　
　
　
　

06　展開図に画像を入れる

・画像レイヤー（Ferrari F40）をドラッグ&ドロップ。
・レイヤーの位置は、展開図の下になります。（画像の上に展開図の線が見えます）




　
　
　
　

07　展開図に画像をレイアウトする

・画像を複製し、展開図の各面に、大きさを調整しながら貼っていきます。
この時、画像の上下、左右を展開図の面の方向と合わせます。

・メニューバーの[編集]から、[変形]＞[水平方向に反転]（左右）
または、[垂直方向に反転]（上下）を選択して画像レイヤーを変形します。
作例のFerrari F40の向きをご参照くださいませ。

・画像を貼る面にぴったり合わせたい場合は、ツールバーから[多角形選択ツール]などを使って画像を切り抜きます。

・その他の画像を入れる場合も同様です。

展開図が完成しました・・・か？


追記）画像の回転について
画像の少し外側にカーソル（ポインタ）をもっていくと、回転ハンドルが表示されますので、そのままドラッグでグルっと180°回転する方が簡単です。回転ハンドルを表示するためには、ツールオプションバーの「バウンディング・ボックスを表示」にチェックを入れておきます。


　
　

　
　


08　レイヤーパレットでレイヤーの位置関係を確認してみる

・レイヤーの位置関係は↑こんな感じです。
・展開図レイヤーの下に画像レイヤーが配置されています。

展開図ができたら、後はプリントして、組立てて完成です。


---------------------------------------------------------------------------
プチ付録：
Photoshopの使い方や用語が、よくわかんねーという方は、
Photoshopのヘルプやマニュアル本、下記サイトなどをご参照くださいませ。

● Adobe＞Photoshop Elements 7 ユーザガイド
http://help.adobe.com/ja_JP/PhotoshopElements/7.0_Win/

● Adobe＞図解で覚える基本操作一覧
http://www.adobe.com/cfusion/search/index.cfm?loc=ja&term=図解で覚える基本操作一覧　&cat=support&product=photoshopelements

● スタジオグラフィックス・オン・ザ・ウェブ
http://aska-sg.net/
---------------------------------------------------------------------------