Create Siri Button from iPhone 4 S

Hello

Kali ini, PSDGOD akan cuba menghasilkan SIRI button dari teknologi iPhone 4S dengan menggunakan Photoshop

Buka Photoshop.exe anda sekarang

Step 1

File > New dan setkan canvas kepada 600x600. OK














Step 2

Fillkan Background Layer dengan warna code : #cccccc dengan menggunakan Paint Bucket Tool (G) 





















Step 3

New Layer dan fillkan juga dengan warna code yang sama #cccccc..kemudian, double click pada layer 1 dan ikut butiran seperti rajah di bawah

Setkan gradient dengan warna hitam + transparent seperti rajah sebelah

Checked pada Gradient Overlay

Blend Mode : Normal
Opacity : 40%
Style : Radial
Scale : 150%














Step 4

New Layer, gunakan Ellipse Tool (U) dan buat bulatan yang tepat.

*Tips : Hold shift





















Step 5

Sebuah bulatan sudah terhasil. Gunakan warna bulatan code : # 999999.

Seterusnya, buatkan bulatan yang sama, menggunakan warna hitam

Rujuk rajah bawah

Step 6

New Layer, gunakan Elliptical Marquee Tool (M), buatkan sebuat ellipse di keliling ellipse tadi

Step 7

Fillkan ellipse tadi dengan warna code : #cccccc 

Filter > Noise > Add Noise, kemudian, setkan noise kepada 200%. Checked Uniform, dan checked Monochromatic

Step 8

Selepas Add Noise, kembali ke Filter > Blur > Radial Blur

Amount : 70
Blur Method : Spin
Quality : Best
















Step 9

Kemudian, layer itu Right Click > Create Clipping Mask

Right Click pada layer tadi & ubah kedudukan agar meliputi ellipse. Rujuk rajah

Pastikan kedudukan layer anda seperti rajah sebelah. Kemudian, tukarkan Blend Mode layer 2 & layer 2 copy kepada Soft Light dan Opacity : 60%






















Step 10

Di sini, double click pada layer Shape 3, checked pada Gradient Overlay

Setkan gradient anda seperti rajah sebelah. OK

Setkan semua seperti butiran ini

Blend Mode : Normal
Opacity : 50%
Style : Angle














Step 11

Layer Shape 1 & Shape 3 haruslah mengulangi step 10
























Step 12

Double Click pada layer Shape 2

Checked pada Bevel and Emboss, ikuti butirannya


Style : Inner Bevel
Technique : Smooth
Depth : 857%
Direction : Down
Size : 40px
Soften : 0%










Step 13

Pastikan anda mendapat rupa yang seperti ini

Pilih Rounded Rectangle Tool (U) dengan Radius : 100px

Code Warna : #371b35

Gunakan Pen Tool (P) dengan foreground putih


Create Clipping Mask & kurangkan Opacity kepada 20%

Step 14

Pen Tool (P) dan checked kepada Paths

Pilih Brush (B) : 9px

Buat lengkungan yang cantik menggunakan Pen Tool (P), kemudian Right Click > Stroke Path...

Buat di bahagian yang lain pula, kemudian Stroke Path > Delete Path

Rujuk rajah sebelah

Gunakan Rectangular Marquee Tool (M)

Dan padam

 






















Step 15

Double Click pada layer pada step 14, kemudian checked pada Bevel and Emboss

Style : Inner Bevel
Technique : Smooth
Depth : 184%
Direction : Down
Size : 4px
Soften : 3px

Highlight Mode : Opacity : 0%

Shadow Mode : Opacity : 71%




Step 16

Rectangle Marquee Tool (M), kemudian buatkan Gradient warna putih melintang

Rujuk rajah bawah

Kemudian, Create Clipping Mask dan kurang kan Opacity kepada : 50%




















Final Touch!

     

Di penghujung sekali, anda boleh melakukan beberapa modifikasi sekiranya anda mahu. Contohnya pada warna, opacity ataupun saiz ellipse

Selamat Mencuba