Home > スポンサー広告 > フォトショップでMac風のPOPなデザインを作る

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




他にもお得なフリー素材があります→にほんブログ村 デザインブログ フリー素材へ

Comments:-

Comment Form

Trackback+Pingback:-

TrackBack URL for this entry
http://204asamix.blog112.fc2.com/tb.php/6-807ac1ab
Listed below are links to weblogs that reference
スポンサーサイト from Web入門初心者のための、使えるツール集

Home > スポンサー広告 > フォトショップでMac風のPOPなデザインを作る

Home > フォトショップ > フォトショップでMac風のPOPなデザインを作る

フォトショップでMac風のPOPなデザインを作る

フォトショップMac風のPOPなデザインを作る。

web20-photoshop-78.png


こんな感じのイラストを簡単に作るチュートリアルが載ったサイトがあります。

チュートリアルは英語ですが、和訳してみました(かなり意訳していますf^^;)ので、是非参考にしてください。

和訳チュートリアル

On a new uncolored background with the dimensions 500x400, 72dpi create the next picture using the tool Photoshop Pen Tool :
(まず幅500ピクセル(px)×高さ400pxのサイズで、解像度を72dpiに、背景色を白に設定したファイルを新規作成します。そしてペンツールPenTool.gifを使って下のような絵を描きます。ちなみに9f0100はカラーコードです。)
w1.jpg



For your convenience are indicated the color code. Keep using the same instrument, we'll create the next picture:
(カラーコードは好きな色で、同じペンツールを使い下図のような曲線の絵を作ってください。)
w2.jpg

w3.jpg

In this way we got a colored picture:
(このような方法で曲線のある背景画像を作りました。そして更に)
We'll add some extra-effects using instruments Blending options, the function Drop Shadow.
(ちょっとした効果を先ほど作った背景画像に施してみます。ドロップシャドウの効果をここでは使います。)
ドロップシャドウの出し方は、
ドロップシャドウしたいレイヤーを選択。
�レイヤー→レイヤースタイル→ドロップシャドウ
w5.jpg

We'll black out the right picture edge choosing the instrument Gradient tool Photoshop Gradient Tool and we got the next picture:
(グラデーションツールGradientTool.gifで、画像の右端を若干薄暗くさせます。グラデーション効果を出したものがコレ)
w7.jpg

After that we'll take the girl picture and cut out the background using the instrument EraseTool.jpg

(女の子の絵を使って、消しゴムツールEraseTool.jpgで背景をコツコツ消していきます。)
★ちなみに女の子の写真画像は用意されていません。
w8.jpg

Then, on the same file with the right button of the mouse choose Blending options. Choose Colour Overlay and set out the black colour:
(その女の子の画像ファイルにカラーオーバーレイ効果を使い、真っ黒にします。)
★カラーオーバーレイも、ドロップシャドウと同様にレイヤー→レイヤースタイルから使えます。
w9.jpg

カラーオーバーレイのプロパティ画像。
w6.jpg

We have to add only the girl shadow. We'll copy the girl background and the copy we'll transform using the function Free Transform provoked by the right mouse button. Move the shadow on a short distance and on the shadow background we'll change the opacity like this:
(女の子の影を作ります。
�女の子の絵のレイヤーを選択し、コピーします。
�新しくレイヤーを作成し、そこにコピーした女の子の画像を貼り付け。
�コピーした女の子の画像の角度を変えます。
編集→変形→回転で絵のように回転させます。
�最後にコピーした女の子の画像の透明度を設定します(31%)。
注意点は、必ずコピーした女の子のレイヤーを選択してから透明度を変更してください。)
w11.jpg

Put through everything together and we got the next picture:
(レイヤーを全部表示させて終了!オツカレサマでした。)
w12.jpg


adobetutorialz.com


他にも関連サイトが沢山ありますので、ご参照ください。

他にもお得なフリー素材があります→にほんブログ村 デザインブログ フリー素材へ

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
http://204asamix.blog112.fc2.com/tb.php/6-807ac1ab
Listed below are links to weblogs that reference
フォトショップでMac風のPOPなデザインを作る from Web入門初心者のための、使えるツール集

Home > フォトショップ > フォトショップでMac風のPOPなデザインを作る

ぜんそく気味な人には良い感じらしい。
携帯を木目調にして、モダンな感じにしてみるには、↓をクリック。
グッドデザイン賞の折りたたみ式デザイン電卓
あなたのiPhoneを白にする方法↓
TagCloud
Recent Comments
Recent Trackback
Meta
About

プロフィール画像

Author: asamix204

今年になってWebを始めた、まだまだ入門初心者のasamix204です。
サイトを制作する上でお世話になったサイトを順番に紹介していこうと思います。こんなサイトを探してた!というサイトを紹介できれば嬉しいです。

Links
Feeds

Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。