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

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

  • Upload
    washi

  • View
    57

  • Download
    0

Embed Size (px)

DESCRIPTION

1 ide 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. - PowerPoint PPT Presentation

Citation preview

Page 1: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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: 1 ide  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