トップ＞入稿用データ制作方法　【 7 】PNG画像の作成について

トップページ LOAPS Shopping Townの特徴と概要 デザイン公開の流れ ベース商品のご紹介 初めてのデザイン登録 入稿用データの制作方法 著作権について 登録マニュアル Q&A お問い合わせ 印刷データの作成 はじめに プリント可能領域について 画像解像度について カラーモードについて カラーモード変換 文字データとレイヤー数 濃色ボディーについて サムネイルデータの作成 JPEG画像の作成 （ホワイト・ライトカラーボディの場合） PNG画像の作成 （濃色：ディープ、ダークカラーボディの場合） 登録マニュアルトップ マイページﾞ各項目説明 商品を新規追加したい 閲覧数一覧ページ 販売数一覧ページ 登録情報を変更したい

【 7 】PNG画像の作成について(Web用に保存以外での制作方法　Photoshop5.0) Photoshopのバージョンによって制作方法が異なります。ここで、代表的な2種類の方法を解説いたします。どちらも最終的には透過PNGが生成されます。 ↓ Phoshop 5.0 / 5.5 でのPNG作成方法 ●ファイルメニューからPNG画像を生成する場合 (1)…縦横：600ピクセルに作成したデータの背景レイヤーを透明の状態で用意しておきます。 (2)…「ファイル」メニューより「別名で保存(A)」を選択します。 (3)…半角英数字でファイル名を入力し、「ファイル形式」のプルダウンメニューから 「PNG (*.PNG)」を選び「保存」します。 　↓クリックで拡大します。 (4)…「PNG設定」というウインドウが出たら、インターレース「なし」にチェックして 「OK」ボタンを押してください。 ●書き出しウィザードでPNG画像を生成する場合 (1)…縦横：600ピクセルに作成したデータの背景レイヤーを透明の状態で用意しておきます。 (2)…「ヘルプ(H)」メニューより「透明画像の書き出し...」を選択します。 (3)…「透明画像の書き出しウィザード」が開きます。(1)で背景レイヤーを透明の状態にしていますので、「画像の背景に透明を使用」をチェックし「次へ」ボタンをクリックします。 　↓クリックで拡大します。 (4)…画像の用途を「オンライン」にし、「次へ」をクリックします。 　↓クリックで拡大します。 (5)…画像形式を「PNG」にし、「次へ」ボタンをクリックします。すると、保存する場所などを聞かれますので、任意の場所、ファイル名を付けて保存してください。 　↓クリックで拡大します。 (6)…「保存」ボタンクリック後に、PNG設定のウィンドウが開きます。「インターレース」を「なし」にし、「OK」をクリックします。 　↓クリックで拡大します。 (7)…これで、PNG画像が生成されました。最後に「完了」ボタンをクリックしてウィンドウを閉じてください。 　↓クリックで拡大します。 ↓ Illustrator8.0で作成したデータをPhotoshopに持ってきてPNG画像を作成する方法 ●Illustrator8.0からPNG画像を作る場合 (1)…Illustrator8.0とPhotoshop5.0を起動しておきます。 (2)…Illustratorでデザインデータを開き、デザインの「全てを選択」して「コピー」します。 ※この時のレイヤーとオブジェクトのロックは解除してあるものとします。 (3)…Photoshopで「ファイル」メニュー「新規(N)」を選択し、画像の大きさを幅600pixel、 高さ600pixelに設定します。 続いて「画像モード(M)」を「RGB」に、「内容」を「透明」に設定し「OK」をクリックします。 　↓クリックで拡大します。 (4)…さきほどIllustratorでコピーしたデザインをPhotoshopにペーストします。 (5)…ペーストしただけの状態では「確定」とはなりませんので、ドキュメントサイズいっぱいにデザインが貼り付けられた場合はそのままEnterキーを押して確定させてください。 画像の中央にペーストされ、デザインとドキュメントの端との間に 余白が空くような場合は、 ペーストしたデザインをShiftキーを押しながら拡大して位置を調節の後、Enterキーを押してください。 (6)…保存する場合は上記のPhotoshopでの保存方法と同じです。 次ページ→　【 8 】ボディからはみ出すデザインについて