webページのつくり方 | 学びの道

webページのつくり方、web制作、web作成、学びの道を歩み中!フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。

Photoshop ポラロイド風画像を作る

Photoshopで ↓ このような、ポラロイド風画像を作成したいと思います。

【例】

f:id:kaoru01-05:20140322085649g:plain

 

 

 

【ポイント】土台から作成していく!

今回は4枚構造となります。

f:id:kaoru01-05:20140322091221g:plain

 

                                      

 

【1枚目作成】

新規作成 → 新規作成した背景を塗りつぶす

 

                                      

 

【2枚目作成】新規レイヤーを追加 → 長方形選択ツールで2枚目の四角を作成 → 白で塗りつぶす

注意!)との時、長方形ツールを選んでしまうと、3枚目の影が作成が出来なくなります。

f:id:kaoru01-05:20140322092217g:plain

 

※背景と比率を同じにしたい場合の方法

レイヤー1を選択 → (ツール)選択範囲 → すべてを選択(Ctrl + A(ALLの意味)でも可)  

→ (ツール)選択範囲 → 選択範囲を変形 → 数値を入れる(今回は90%) ↓

f:id:kaoru01-05:20140322102133g:plain

 

→ Enterキー2回 で確定

  • 1回目は、数値の確定
  • 2回目は「バウンディングボックス」を確定させ「選択範囲」にする為)

 → 最後に白く塗りつぶして完成

 

                                      

 

【3枚目作成】

レイヤー1を選択して新規レイヤー2を作成する

(レイヤー1の選択範囲が新規レイヤー2に引き継がれます) → 黒で塗りつぶす

 → (ツール)フィルター → ぼかし → ぼかし(ガウス

f:id:kaoru01-05:20140322102716g:plain

 

→ 4pixel 

f:id:kaoru01-05:20140322103619g:plain

 

→ Ctrl + Tで自由変形ツールを選択((ツール)編集→自由変形ツールでも可)

→角にマウスを持っていき、f:id:kaoru01-05:20140322112000p:plainの形になったらずらせる  

→ エンターで確定

f:id:kaoru01-05:20140322112444g:plain

 

 

→ 長方形選択ツール → 右下の影になる部分を残して他不要な部分を選択 

→Backspaceで削除 

f:id:kaoru01-05:20140322113419g:plain

 

↓ こうなったらOKです。

f:id:kaoru01-05:20140322114330g:plain

 

                                       

 

【4枚目作成】

最上位レイヤーに写真を配置 → 長方形選択ツールで見せたい部分を囲む → Enter で確定 ↓

f:id:kaoru01-05:20140322124414g:plain

 

 

→長方形1レイヤー(シェイプレイヤー)を画像レイヤーの下に移動 

f:id:kaoru01-05:20140322121932g:plain

 

→ ①画像レイヤーを選択 → ②③クリッピングマスクを作成 ↓

f:id:kaoru01-05:20140322122450g:plain

 

→ 長方形1レイヤーにシャドウ(内側)を適用

  • 不透明度 30%
  • 距離 0px
  • チョーク 10%
  • サイズ 10px    

f:id:kaoru01-05:20140322123233g:plain

 

→完成