完全データ入稿について Photoshop

手順は、
まず、ラスタライズしたいレイヤーを選択します。

赤枠の「T」は、文字を意味します。現在は、文字として編集可能です。

• 
  ラスタライズ前

そして、「レイヤー」メニューから「ラスタライズ→テキスト」を選択します。

• 
  ラスタライズ方法

この時、複数のフォントがある場合は、「ラスタライズ→全てのレイヤー」を選択すると一括で行えます。

「T」から、画像に変換されました。

• 
  ラスタライズ後

ラスタライズされず前に、後から修正できるようにファイルをバックアップとして残される事をおすすめします。(ラスタライズ後からの文字編集はできません!)

風景画の場合は、CMYKにして、600dpi（推奨）

• 
  「風景画」の例

イラスト画の場合も、CMYKにして、600dpi（推奨）

可能であれば、各色をチャンネル分けし、色を指定してください。
視覚的に仕上がりイメージをご確認いただけるので、是非おすすめします。(その場合のカラーモードは破棄されますが、そのままで結構です。)

• 
  「イラスト画」の例

カラーモードの変更は、「イメージ」メニューから選択できます。

• 
  カラーモードはCMYK

• 
  解像度は600(pixel/inch)

1. メニューから、「イメージ」→「画像解像度」を選択し、"幅"の欄に0.2と入力します。

2. すると、現在の解像度でのピクセル数が上部に表示されます。

   • 
     上記画面はPhotoshopCS2(Macintoshです)

   ここでは、ピクセル数を確認するだけなので、キャンセルして、元の画面に戻ります。

3. ツールメニューから「鉛筆ツール」を選択します。
4. ブラシを5ピクセルに合わせます。
   • 
     2.で表示されたピクセル数のブラシにします

5. ピクセル数を入力すると、マウスカーソルの範囲が変わりますので、その範囲と絵柄を比較してください。

   ピクセル数の入力は、解像度によって変更されます。1000dpiの時の0.2mmは、8ピクセルです。

   撥水絵付の場合は、同様に1〜2mmの線幅をご確認ください。

【１色のみの場合】

画像を統合し、不要なレイヤー・チャンネルは削除してください。

【２色以上の場合】

*色ごとにレイヤーに分けてください。

*入稿としては画像を統合したファイルでも可能ですが、完全データではなくなります。

アール加工の手順

ここでは、例として、「414JJ1003」のマグに、 ロゴを配置してアールを掛ける作業を実際の画面でご説明します。(ラウンド範囲を想定)

画面は、Mac Illustrator CS2 です。

1. ホームページのテンプレート一覧から、対応するアイテムの転写範囲をダウンロードします。

2. aiファイルを開くと下記のような画面が出てきます
   
   開いた時のレイヤーは下記のようになります。「転写範囲」レイヤーが上記のレイヤーです。

   • 
     レイヤーパレット

   デザインを配置する場合は、「転写範囲」レイヤーには配置せず、新規レイヤーを作成し配置して下さい。
   その際、「転写範囲」レイヤーをロックして動かないようにし、範囲や中心を確認して配置して下さい。

3. 入稿したいデザインをコピーし、「新規レイヤー」を作成し、ペーストします。
   

4. 入稿したいデザインをコピーし、「新規レイヤー」を「デザイン」レイヤーとし、動かないように「転写範囲」レイヤーをロックし、「ガイド」レイヤーを表示させます。

   

   そして、入稿デザインをお好みの高さに移動させます。
   上図では、上から26mm位置に配置しています。

   上からの位置は、ガイドの一番外側の線から下になります（ただし、転写範囲は内側の範囲です）

5. 入稿データをクリックし、縦の中心にガイドを引きます。

   そして、そのガイドに合わせて、円を外側をコピーしながら縮小します(下図では赤線にしています。)

   

   円を縮小する際、必ず、正円のまま縮小してください。縮小後、表示を広域にし、変形していないか確認してください。

6. コピーしたガイドを可能範囲でカットします。また、同じ長さで直線(緑線)を引きます。

   範囲が分からなくなったら「転写範囲」レイヤーを表示させてください。

   • 
     同じ長さの直線を作ります

7. ビットマップ画像をクリックしデザインの縦の上・中心・下にガイドを引きます。

   • 
     ガイドを3本引きます

   (ビットマップ画像は出来るだけ上下左右の余白がない方が作業し易いです。)

8. 1の上部のアンカーポイントのみを選択し、コピー(ドラッグ)しながら線(水色)を、中心ガイドと交わる箇所に配置します。
   また、右側も同様に作業してください。

   アンカーポイントの下部は、円の中心になります。必ずダイレクト選択ツールで上部のみを選択して下さい。

   

9. 入稿デザインの中心くらいに画面を表示させ、「5.」と同じように、上下のガイドに合わせて、円を外側をコピーしながら縮小します。

   

   円を縮小する際、必ず、正円のまま縮小してください。縮小後、表示を広域にし、変形していないか確認してください。

   [ここまでの完成画面]

   

   「5.」で追加した線は、赤線です。
   「6.」で追加した線は、緑線です。
   「8.」「9.」で追加した線に赤○の印を付けています。
   ※見やすいように、元からあるガイド線は色を薄くしています。

10. 「8.」「9.」で追加した線(上記の赤○)を選択し、「デザイン」レイヤーに移動させます。

    

    「ガイド」レイヤーを非表示にし、パスファインダの分割をクリックします。グループ化を解除し、内側の四角形のみ残して削除します。

ここから、photoshopの作業が加わります。

下記は、入稿デザインのロゴです。

11. 「背景」レイヤーをダブルクリックし、背景レイヤーとしてのロックを解除します。

    

    メニューのイメージから"カンバスサイズ"で上下左右に適度な余白を空けます。

12. Illustrator の画面から、「10.」で作成した枠をコピー&ペーストし、横の中心を合わせ、上下のラインを白背景に合わせます。

    

13. さらに、「5.」「6.」で作成した赤線と緑線を1つずつ、コピー&ペーストします。

    

14. イメージメニューから「カンバスの回転」90°(時計回り)を選択します。

    

    ここから、フィルタ機能のシアーを使ってアール加工をしていきます。

    Photoshop の場合は、Illustrator と違って数値で加工することが出来ません。よって、完全に一致させることは困難です。また、変形させることにより、少なからず画質の劣化が生じます。その為、Illustrator でのベクトルデータを推奨しています。

    [シアーのご説明]

    手順は、赤○の部分を選択し、円弧に沿うように変形させていきます。

    

    例えば■(四角)に加工すると想定します。

    

    まだ、今のままでは未完成です。
    左右が垂直になっていますので、扇形に変形させる必要があります。

    

    最終的に、下図のような扇形にして完成になります。

    

    では、今回のの画面でいうと、

    まず、シアーの大きさを計る為に、緑線にシアーをかけて、赤線と同じようになるように上図の赤○を調整します。失敗したらヒストリーで戻り、うまくいくまで何度か繰り返します。成功したら、今度は実際の入稿画像にシアーをかけます。

    

    成功したシアーは、フィルタメニューの一番上に表示され、"前回と同じ"内容で加工することが出来ます。

15. では、実際の画面で加工していきます。

    赤線と緑線のみを表示させ、緑線が赤線と同じようになるようにシアーを繰り返します。

    

16. 次に入稿デザインにシアーをかけます。

    

    見やすいように、他のレイヤーは非表示にします。

    2色以上の場合は、ここで全てにシアーをかけます。

17. イメージメニューから「カンバスの回転」90°(反時計回り)を選択します。

    「12.」のillustrator の画面と同じように、青枠と入稿デザインの白背景と合わせます。

    

    全体を見ると下図のようになります。

    

    • 
      拡大/左側
    • 
      拡大/右側

18. イメージメニューから「自由変形」 を選択し、扇形にしていきます。

    四隅の□にマウスを合わせると、カーソルが変化します。

    

    ここから先、2色以上の場合は、複数レイヤーを選択しながら作業します。

    ここで、クリックしたまま→コマンドを押しながら、さらに shift を押しながら右にドラッグします。

    

    上も同様にし、左へドラッグします。
    赤点線のように青枠と入稿デザインの外枠が合うようにします。

    今のままでは、左下に隙間が空いているので、もう少し微調整します。

    同じように、左下の□をクリックしたまま→コマンド + shift を押しながら下にドラッグします。

    

    

    左側はこれで完成です。
    右側の上下も同様に作業します。

    Illustrator と Photoshop とは違うので、完全に青枠と入稿デザインの白背景を合わせることは出来ません。

19. 問題がないか、全体的に確認します。

    

    問題なければ、入稿デザイン以外のレイヤーは削除し、余計な余白はカットします。

    

次に、完成した入稿画像を、Illustretor の転写範囲に配置します。

20. 加工前のデータを加工後のデータに入れ替えます。

    

    作業途中のデータは、ガイドレイヤーに残していただいても結構です。

    デザインレイヤーには、入稿画像のみにしてください。

Photoshop での完全データとは、下記が全て含まれていることを指します。

• 1. のバージョンと保存形式は適切である
• 2. ラスタライズされていること
• 4. 線幅0.2mm・ヌキ0.3mm以上である(撥水絵付の場合は、1〜2mm)
• 5. のレイヤー、チャンネルが規定通りであること
• 6. のテンプレートを使用し、原寸サイズである
• 6. のテンプレートを使用し、7. のアール加工をしている