1ide studio | workshop design graphis, foto, video| mendesain in terface video player

34
1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Upload: trevin-hunter

Post on 31-Mar-2015

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 2: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 1 :

• Ambil gambar untuk Layar Video.

• Gunakan ukuran standar video seperti 320px x 240px.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 3: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 2 :

• Buat Rounded Ractangle dengan radius 5px dan simpan di belakang gambar.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 4: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 3 :

• Layer Style – Drop Shadow pada Rounded Ractangle.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 5: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 4 :

• Layer Style – Gradient Overlay pada Rounded Ractangle.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 6: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 5 :

• Buat shape berbentuk lingkaran pojok

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 7: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 6 :

• Layer Style – Drop Shadow pada lingkaran.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 8: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 7 :

• Layer Style – Gradient Overlay pada lingkaran.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 9: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 8 :

• Buat sebuah segitiga di atas lingkaran menggunakan Polygon Tool dengan slides 3.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 10: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 9 :

• Layer Style – Inner Shadow pada segitiga.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 11: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 10 :

• Layer Style – Outer Shadow pada segitiga.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 12: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 11 :

• Layer Style – Gradient Overlay pada segitiga.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 13: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 12 :

• Buat sebuah Ractangle hitam.

• Turunkan opacitynya ke 10%.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 14: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 13 :

• Layer Style – Gradient Overlay pada Ractangle

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 15: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 14 :

• Buat sebuah Rounded Rectangle hitam panjang.

• Turunkan fill ke 20%.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 16: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 15 :

• Layer Style – Inner Shadow pada Rounded Ractangle.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 17: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 16 :

• Duplicate shape Rounded Ractangle.

• Di ujung kanan, tambahkan persegi .

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 18: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 17 :

• Buat shape berulang-ulang berwarna hijau.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 19: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 17 :

• Duplikat shape dan beri warna merah.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 20: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 18 :

• Simpan kedua shape merah dan hijau ke dalam sebuah group.

• Tambahkan vector mask.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 21: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 19 :

• Buat sebuah Rounded Ractangle dan simpan di atas timeline.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 22: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 19 :

• Layer Style – Drop Shadow pada Rounded Ractangle.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 23: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 20 :

• Layer Style – Outer Glow pada Rounded Ractangle.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 24: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 21 :

• Layer Style – Inner Glow pada Rounded Ractangle.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 25: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 22 :

• Layer Style – Gradient Overlay pada Rounded Ractangle.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 26: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 23 :

• Buat beberapa shape hitam beropacity 10%.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 27: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 24 :

• Beri judul film di bagian atas video player.

• Beri layer style – drop shadow.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 28: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 25 :

• Duplicate pemisah dan simpan di sebelah penanda timeline.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 29: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 26 :

• Buat dua shape Rounded Ractangle.

• Lakukan transformasi perspective pada salah satu rounded ractngale hingga salah sisinya membesar dan kedua shape membentuk ikon speker.

• Disebelahnya, buat shape berbentuk bulan sabit.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 30: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 27 :

• Layer Style – Inner Shadow pada Shape ikon speaker.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 31: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 28 :

• Layer Style – Inner Shadow pada Shape ikon speaker.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 32: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 29 :

• Buat sebuah shape segitiga.

• Beri layer style yang sama dengan ikon speaker .

• Duplicate shape, lalu pendekkan.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 33: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 30 :

• Di pojok kanan atas, buat tombol maksimum, minimum, dan close.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player

Page 34: 1ide Studio | Workshop Design Graphis, Foto, Video| Mendesain In terface Video Player

Langkah 31 :

• Hasil akhir interface video player.

1ide Studio | Workshop Design Graphis , Foto, Video| Mendesain In terface Video Player