Home >  未分類 > フォトショップでつくる本物そっくりのCDの作り方
未分類

フォトショップでつくる本物そっくりのCDの作り方

realisticcdpreview

今回はフォトショップで本物そっくりの光の反射まで再現されているCDの作り方をご紹介します。
プリントしたいイメージ画像を変更するだけの超お手軽なつくりになっているので、音楽に携わるひとはきっと活躍してくれますよ。
フォトショップ用PSDファイルもダウンロードすることができるのでフォトショップ初心者のひともファイルを使けば一発でオリジナルCDが作れるようになります。

 

チュートリアルを始める前に今回使用する「レイヤースタイル」をダウンロードしておきましょう。

 
レイヤースタイル 透明部分
http://photoshopvip.net/tutorial/cd-plastic-by-photoshop-vip.asl

レイヤースタイル データ部分
http://photoshopvip.net/tutorial/cd-data-by-photoshop-vip.asl

 

 

STEP 1

メインメニューよりファイル>新規を選択し、ドキュメントを開きます。
このチュートリアルでは、キャンバスの大きさを1000px X 1000pxの72px/inchとします。

1-111

描画色「灰色」(#3f454c)としメインメニューより「編集」>「塗りつぶし」を選択し描画色で塗りつぶします。

1-27

 

 

STEP 2

描画色を「黒」(#000000)としたらツールボックスより「楕円形ツール」を選択し、Shiftキーを押しながら円を描きます。
こうすることできれいな円を描くことができます。

2-110

ツールボックスより「パスコンポーネント選択ツール」を選択し、パスを選択します。
Ctrlキー(MacはCommandキー)を押しながらCキー+Vキーでパスのコピー&ペーストをします。

2-31

メインメニューより「編集」>「パスの自由変形」を選択し、ShiftキーとAltキーを押しながら図の様な小さな円を型抜きます。
ShiftキーとAltキーを同時に押すことによって、中心をずらさずに拡大・縮小ができます

2-32

あらかじめダウンロードしておいた「CD Plastic 透明」のレイヤースタイルを適用します。

2-41

 

 

STEP 3

STEP 2で作成したシェイプレイヤーを複製します。
ツールボックスより「コンポーネント選択ツール」を選択し、外側のパスのみを選択します。

3-110

メインメニューより「編集」>「パスの自由変形」を選択し、先ほど同様ShiftキーとAltキーを同時に押しながら少しだけ小さくします

3-27

続いて内側のパスのみを選択し、こちらは少しだけパスを大きくします。

3-35

あらかじめダウンロードしておいた「CD Data データ」のレイヤースタイルを適用します。

3-42

 

 

STEP 4

STEP 3で作成したシェイプレイヤーを複製します。
塗りつぶしカラーを「黒」から「しろ」(#ffffff)に変更します。
この部分にイメージ画像を挿入するので、外側のパスを少しだけ縮小します。

4-17

内側のパスだけ選択したら、少し大きくしましょう。

4-25

 

 

STEP 5

新しいグループを作成し、「ピクチャー画像」と名前変更します。
つづけてCtrlキー(MacはCommandキー)を押しながら「CDラベル」レイヤーのレイヤーマスクをクリックして、選択範囲を指定します。
メインメニューより「レイヤー」>「レイヤーマスク」>「すべての領域を表示」を適用します。

5-16

あとはお好きなイメージ画像を挿入すればあなただけのオリジナルCDの完成です。
今回は以前ご紹介したチュートリアル「フォトショップでつくるキラキラに輝く人物の作り方」で作成したデザインを使っています。

5-24

 

 

完成

realisticcd1
いかがでしたでしょうか。レイヤースタイルを効果的に使用することで一瞬本物と思うほどの高品質のCDをつくることができました。

本物のようなCDのフォトショップ用PSDファイルをダウンロード

download2

 

PhotoshopVIPは高品質のフォトショップチュートリアルを皆さんにお届けしています。
随時更新されるチュートリアルのRSS定期購読をしませんか。
RSS購読することにって、ホームページに新しい記事がないか探さずに、Photoshop VIPが毎日更新される記事をお届けする便利な機能です。
もちろん無料ですのでお気軽にどうぞ。
RSSをさらに詳しく知りたいひとはコチラの記事に説明しています。

 

PhotoshopVIPのRSS購読をする

rss

 

チュートリアルに関する質問等ありましたらご連絡ください。

BOOKMARK, MAYBE?

いかがでしたでしょうか、ブックマークはこちらからどうぞ。

RELATED ENTRY/関連記事

このエントリーに関連する記事は以下になります。

GOT COMMENT?/この記事についてコメント

以下のソーシャルメディアよりログインできるようになっています。

  • http://fumifumi.mbsrv.net/wordpress/?p=156 PHOTOSHOP VIP toutrial link | 第2高天Apartment

    [...] フォトショップでつくる本物そっくりのCDの作り方 http://photoshopvip.net/archives/6112 [...]

Back to Top