Friday, August 2, 2013

Tutorial Photoshop | Menggambar Microsoft Surface Realistis

Masih dalam edisi tutorial photoshop menggambar sesuatu yang realistis, dan sekarang kita menuju ke episode ke 2 setelah berhasil mencoba menggambar Nokia Lumia 920 realistis di episode perdana sebelumnya.

Seperti judulnya, inilah yang akan kita buat pada episode kali ini. Sebuah tablet yang cukup populer keluaran Microsoft (Developer) & Pegatron (Manufacturer) pada tanggal 26 oktober 2012 bersamaan dengan Windows 8 - Microsoft Surface.


Gambar diatas adalah contoh hasil dari Microsoft Surface yang saya buat melalui Adobe Photoshop CC. Tanpa basa-basi lagi, kita mulai saja Tutorialnya! (jika screenshot terlalu kecil, kamu dapat meng-klik gambar untuk memperbesar)


Phrase 1: Membuat Frame dan Body Dasar

Buatlah file baru pada photoshop kamu (klik File - New), kemudian sesuaikan lembar kerja baru kamu sesuai dengan gambar dibawah


Jika sudah selesai, buatlah Rounded Rectangle dengan ukuran Width: 1342px dan Height: 840, dan diberi Fill Solid dengan Color Hex: #353535, Stroke: 0, Radius:20 dan beri nama layer tersebut dengan nama Frame.


berilah efek Bevel & Emboss dan Drop Shadow melalui Blending Options dengan pengaturan seperti screenshot dibawah:


Dan kamu akan melihat hasil sementara seperti ini


Lanjut ke step selanjutnya, buatlah Rounded Rectangle lagi, dengan ukuran Width: 1318px dan Height: 816, dan diberi Fill Solid dengan Color Hex: #535353, Stroke: 0, Radius: 20. Kemudian letakkan ditengah Frame dan beri nama layer tersebut dengan nama Body.

Jika sudah berilah efek Bevel & Emboss melalui Blending Options, dengan pengaturan seperti screen shot dibawah:


Kemudian buatlah Rounded Rectangle yang ketiga, dengan ukuran Width: 1314px dan Height: 812, dan diberi Fill Solid dengan Color Hex: #000000, Stroke: 0, Radius: 20. Kemudian letakkan ditengah Body dan beri nama layer tersebut dengan nama Inner Body.

Dan hasilnya akan seperti screenshot ini:



Phrase 2: Membuat Layar | Boot Screen dari Microsoft Surface

A. Membuat Layar

Buatlah Rectangle dengan ukuran Width: 1168px dan Height: 656, dan diberi Fill Solid dengan Color Hex: #111111, Stroke: 0. Kemudian letakkan ditengah Inner Body dan beri nama layer tersebut dengan nama Screen. Jika sudah berilah efek Inner Shadow melalui Blending Options, dengan pengaturan berikut:


Dan hasilnya akan seperti ini:


B. Membuat Boot Screen (Optional, jika kamu tidak menginginkan boot screen - dapat di skip)
 
Buatlah tulisan "Surface" dengan menggunakan Horizontal Type Tool, Font Color: #ffffff, Font: Segoe UI - Semilight, Font size: 72pt, Anti-Aliasing Method: Smooth. dan Ubahlah jarak karakter menjadi -10.


Jika sudah, buatlah 5 buah lingkaran menggunakan Elipse Tool dengan ukuran Width: 5px dan Height: 5px, dan diberi Fill Solid dengan Color Hex: #ffffff, No Stroke.

Kemudian buat lagi 1 buah lingkaran menggunakan Elipse Tool dengan ukuran Width: 35px dan Height: 35px, dan diberi Stroke: 3 dengan Color Hex: #ffffff, No Fill sebagai alat bantu lintasan. Gabunglah ke-6 lingkaran tersebut dalam Group, dan beri nama Boot.

Kemudian susunlah lingkaran-lingkaran itu seperti ini:


Jika sudah hilangkan garis lintasan itu dengan cara menghilangkan visibilty.


Boot Screen telah selesai, saatnya lanjut ketahap selanjutnya!



Phrase 3: Gloss Reflection

Buatlah Rectangle dengan ukuran Width: 1268px dan Height: 1037.49px, dan diberi Fill Solid dengan Color Hex: #000000, Stroke: 0. Berilah nama layer ini dengan Gloss. Jika sudah rotate dengan sudut 22°.
dan letakkan dengan posisi seperti ini.

Jika sudah buka Blending Options pada layer Gloss ini, kemudian Ubahlah Fill Opacity menjadi 0%, kemudian berilah efek Gradient dengan pengaturan berikut:


Jika sudah, Convert to Smart Object pada layer Gloss tersebut. Masih dala keadaan layer Gloss selected, sambil menekan Ctrl di keyboard, kliklah gambar thumbnail dari layer Body maka akan ada seleksi seperti ini


Kemudian pada bagian yang terseleksi, klik kanan dan klik Layer via Copy, Jika sudah hapuslah layer Gloss yang lama, kemudian pada layer baru ini, beri nama Gloss lagi.

Efek Gloss Reflection telah selesai. kita menuju ke tahap selanjutnya.


Phrase 4: Membuat Start Button, Front Camera dan Microphone

A. Membuat Start Button

Untuk Membuat tombol Start, kamu harus membuat 4 Persegi menggunakan Rectangle Tools (Fill Solid, Color Hex: #ffffff, Stroke:0, Width&Height: 58,42px), kemudian susun menjadi 2 persegi x 2 persegi, kemudian gabung ke-4 persegi tersebut dalam Group, dan beri nama group itu dengan nama Start kemudian klik kanan, kemudian pilih Convert to Smart Object.

Selanjutnya pada group Start yang baru kamu buat, klik Edit, Transform, dan pilih Perspective. Tariklah sudut kiri atas gambar Start kebawah hingga Vertical Skew menjadi: -6.4. (Caranya sama dengan membuat tombol Start pada Nokia Lumia 920 sebelumnya)


Jika sudah Convert to Smart Object sekali lagi, kemudian ubahlah ukuran group Start hingga ukuran Width & Height menjadi 29,17%.

Letakkan pada posisi seperti ini:


B. Membuat Camera

Buatlah lingkaran menggunakan Elipse Tool dengan ukuran Width: 16px dan Height: 16px, dan diberi Fill Solid dengan Color Hex: #676767, Stroke: 0, dan beri nama layer tersebut dengan Camera Hole.

Berilah efek Inner Shadow dengan pengaturan berikut:


Jika sudah, buat lagi Lingkaran yang lebih kecil, dengan ukuran Width: 4.36px dan Height: 4.36px, dan diberi Fill Solid dengan Color Hex: #000017, Stroke: 0, dan beri nama layer tersebut dengan Camera Lens.

Berilah efek Inner Glow melalui Blending Options, dengan pengaturan seperti gambar dibawah ini.


Letakkan Camera Lens ditengah Camera Hole, kemudian gabungkan kedua layer tersebut ke dalam Group. Beri nama group tersebut dengan Camera. Jika sudah letakkan posisi Camera seperti screenshot dibawah ini


C. Membuat Microphone

Buatlah lingkaran menggunakan Elipse Tool dengan ukuran Width: 5px dan Height: 5px, dan diberi Fill Solid dengan Color Hex: #676767, Stroke: 0, dan beri nama layer tersebut dengan Mic.

Berilah efek Inner Shadow dengan pengaturan berikut:


Letakkan Mic disebelah Camera dan Tablet Microsoft Surface buatan kamu telah selesai!


Realistic Microsoft Surface Photoshop Tutorial by: Andy Wihalim
All results and preview was made with app: Adobe Photoshop CC


0 komentar


© 2011-2015 AW | Part of ACE Cr.
Designed by AW | Powered by Blogger
Posts RSSBack to top