入稿用データ制作方法:UPSOLD:オリジナルＴシャツ、オリジナル文具など貴方のデザインでオリジナルグッズSHOPが作れます。

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


	デザイナーマイページ

	UPSOLDの特徴と概要

	デザイン公開の流れ

	ベース商品のご紹介

	初めてのデザイン登録

	入稿用データの制作方法

	著作権について

	登録マニュアル

	Q&A

	お問い合わせ


	印刷データの作成

	はじめに

	プリント可能領域について

	画像サイズについて

	濃色ボディーについて

	サムネイルデータの作成

	JPEG画像の作成（ホワイト・ライトカラーボディの場合）

	PNG画像の作成（濃色：ディープ、ダークカラーボディの場合）

	はみ出すデザイン

	全面プリント


	ロゴデータ作成について


	合成用画像ダウンロード


	登録マニュアルトップ

	マイページﾞ各項目説明

	商品を新規追加したい

	Win・MacOS10.3.9以降

	ブランドを新規追加したい

	会員制の設定

	クリップアートの登録

	閲覧数一覧ページ

	販売数一覧ページ

	登録情報を変更したい

	代行登録について

【 7 】PNG画像の作成について(Web用に保存以外での制作方法　Photoshop5.0)

Photoshopのバージョンによって制作方法が異なります。ここで、代表的な2種類の方法を解説いたします。どちらも最終的には透過PNGが生成されます。

↓ Phoshop 5.0 / 5.5 でのPNG作成方法

●ファイルメニューからPNG画像を生成する場合

(1)…縦横：1,500ピクセル以上で作成したデータの背景レイヤーを透明の状態で用意しておきます。
(2)…「ファイル」メニューより「別名で保存(A)」を選択します。
600×600ピクセルの画像の背景レイヤーを透過させ、別名で保存を選ぶ

(3)…半角英数字でファイル名を入力し、「ファイル形式」のプルダウンメニューから
「PNG (*.PNG)」を選び「保存」します。
　↓クリックで拡大します。

(4)…「PNG設定」というウインドウが出たら、インターレース「なし」にチェックして
「OK」ボタンを押してください。
「なし」にチェックして、保存する

●書き出しウィザードでPNG画像を生成する場合

(1)…縦横：1,500ピクセル以上で作成したデータの背景レイヤーを透明の状態で用意しておきます。
(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)」を選択し、画像の大きさを幅1,500pixel、
高さ1,500pixel以上に設定します。
続いて「画像モード(M)」を「RGB」に、「内容」を「透明」に設定し「OK」をクリックします。
　↓クリックで拡大します。

(4)…さきほどIllustratorでコピーしたデザインをPhotoshopにペーストします。

(5)…ペーストしただけの状態では「確定」とはなりませんので、ドキュメントサイズいっぱいにデザインが貼り付けられた場合はそのままEnterキーを押して確定させてください。
画像の中央にペーストされ、デザインとドキュメントの端との間に余白が空くような場合は、
ペーストしたデザインをShiftキーを押しながら拡大して位置を調節の後、Enterキーを押してください。
(6)…保存する場合は上記のPhotoshopでの保存方法と同じです。
「なし」にチェックして、保存する

次ページ→　【 8 】ボディからはみ出すデザインについて