Web Design Level 1

Web Design Level 1 (Photoshop dan Flash)

Silabus umum

• Mengetahui Photoshop dan Flash dan Elemen-elemennya yang ada.
• Berlatih menggunakan perintah-perintah dasar hingga yang bersifat advance (lanjutan) secara lengkap dan mendetail.
• Mempraktekan cara mengimplementasikan terhadap pekerjaan yang sesungguhnya dalam Photoshop dan Flash

Photoshop

• Menerapkan pengetahuan dasar desain
• Bekerja dalam konteks organisasi desain
• Menerapkan pengetahuan tentang metode grafika
• Mengoperasikan perangkat lunak desain grafis
• Mendokumentasikan kemajuan kerja
• Menerapkan teori dasar desain grafis
• Menyusun dokumentasi lengkap untuk menjaga Hak Atas Kekayaan Intelektual terhadap karya yang dihasilkan
• Menyusun brief  teknis spesifikasi cetak
• Menerapkan teori dasar komunikasi
• Menghasilkan creative brief untuk pengembangan karya Desain

Flash

• Aplikasi Flash
• Pendekatan Flash
• Evaluasi produk Flash
• Bekerja dengan Flash
• Bekerja dengan grafik
• Membangun elemen grafis untuk produk Plash
• Frame-oleh-frame
• Motion tweening
• Bentuk tweening
• Jenis Interaktivitas
• Giat belajar
• ActionScript dalam Flash
• Komponen dalam Flash
• Kekuatan Multimedia
• Suara dalam Flash
• Video dalam Flash
• Elemen Visual dalam Flash
• Penonton, tujuan, arsitektur
• Masalah Desain
• Aksesibilitas
• Pengujian dan kegunaan
• Pengemasan & penerbitan produk Flash

Pengenalan

Adobe Photoshop dan Adobe Flash (sekarang dikenal sebagai Adobe Animate) adalah dua perangkat lunak yang sangat populer dalam dunia desain grafis dan animasi. Keduanya memiliki kegunaan yang unik dan dapat digunakan bersama-sama untuk membuat proyek-proyek kreatif yang menakjubkan. Berikut adalah beberapa cara di mana Anda dapat menggabungkan Photoshop dan Flash untuk menciptakan hasil yang luar biasa:

### 1. **Pembuatan Grafis:**

- **Photoshop:** Gunakan Photoshop untuk membuat grafis, ilustrasi, dan latar belakang yang akan digunakan dalam proyek animasi Anda. Anda dapat membuat karakter, objek, dan efek visual di Photoshop.

  

- **Flash/Animate:** Impor grafis yang telah Anda buat di Photoshop ke dalam Flash/Animate. Ini memungkinkan Anda menggunakan grafis Photoshop sebagai elemen dalam animasi Flash.

### 2. **Animasi:**

- **Photoshop:** Photoshop memiliki fitur animasi yang memungkinkan Anda membuat frame-by-frame animation, animasi timeline, atau animasi path. Anda dapat membuat animasi karakter atau objek di Photoshop.

- **Flash/Animate:** Flash/Animate dirancang khusus untuk animasi. Anda dapat membuat animasi vektor, bone-based animation, tweening (pergerakan objek yang diberikan jalur), dan banyak lagi. Gunakan Flash/Animate untuk menggabungkan animasi yang telah Anda buat di Photoshop ke dalam proyek animasi Flash.

### 3. **Efek dan Pengolahan Lanjutan:**

- **Photoshop:** Gunakan Photoshop untuk memberikan efek khusus, perubahan warna, dan penyesuaian gambar. Photoshop memiliki berbagai filter dan alat untuk meningkatkan grafis Anda.

- **Flash/Animate:** Setelah mengimpor grafis dari Photoshop, Anda dapat memberikan efek animasi seperti perubahan warna, transparansi, skewing, dan scaling dalam Flash/Animate. Gunakan timeline untuk mengatur perubahan ini sepanjang waktu.

### 4. **Optimasi dan Eksport:**

- **Photoshop:** Setelah selesai, Anda dapat mengoptimalkan grafis Anda untuk web menggunakan fitur Save for Web di Photoshop. Ini memungkinkan Anda mengatur kompresi gambar dan menghasilkan gambar dalam format yang optimal untuk digunakan di web atau dalam proyek Flash/Animate.

- **Flash/Animate:** Setelah menyelesaikan animasi, Anda dapat mengekspor proyek Anda dalam format yang berbeda, termasuk video, GIF animasi, atau format SWF yang dapat diputar di web.

### 5. **Kerjasama Kreatif:**

- **Photoshop dan Flash/Animate:** Anda dapat mengedit grafis dan animasi antara Photoshop dan Flash/Animate dengan cara yang kolaboratif. Misalnya, jika Anda mengedit karakter dalam Photoshop, perubahan tersebut dapat diimpor ke Flash/Animate. Ini memungkinkan kolaborasi yang mulus dalam tim yang bekerja pada proyek animasi.

Menggabungkan kekuatan Photoshop dan Flash/Animate memungkinkan Anda untuk membuat animasi yang kaya dengan grafis berkualitas tinggi. Ini adalah pendekatan yang umum digunakan oleh para profesional animasi dan desain grafis untuk menciptakan konten yang menarik dan memikat.

Keuntungan

Mempelajari aplikasi Photoshop dan Flash (sekarang dikenal sebagai Adobe Animate) memiliki sejumlah keuntungan signifikan, terutama jika Anda tertarik pada desain grafis, fotografi, dan animasi. Berikut adalah beberapa keuntungan mempelajari kedua aplikasi ini:

### 1. **Kreativitas Tanpa Batas:**

   - **Photoshop:** Mempelajari Photoshop memungkinkan Anda mengedit dan memanipulasi gambar dengan kreativitas tanpa batas. Anda dapat membuat ilustrasi, mengedit foto, dan menciptakan grafis yang menakjubkan.

   - **Flash/Animate:** Dengan Flash/Animate, Anda dapat menghasilkan animasi vektor, animasi karakter, interaktif, dan banyak lagi. Ini membuka pintu bagi kreativitas dalam membuat animasi bergerak dan konten interaktif.

### 2. **Keterampilan Profesional:**

   - **Photoshop:** Keterampilan Photoshop sangat dicari di berbagai industri, termasuk desain grafis, periklanan, penerbitan, dan fotografi. Kemampuan mengedit gambar dengan baik adalah aset yang sangat berharga.

   - **Flash/Animate:** Keterampilan dalam animasi digital adalah keterampilan yang dicari di industri animasi, permainan video, iklan, dan pembuatan film. Mempelajari Flash/Animate membuka pintu untuk karier di bidang ini.

### 3. **Fleksibilitas dalam Proyek:**

   - **Photoshop:** Photoshop dapat digunakan untuk berbagai proyek, termasuk desain logo, kemasan, poster, dan grafis web. Keahlian Photoshop memberi Anda fleksibilitas untuk berkontribusi dalam banyak konteks kreatif.

   - **Flash/Animate:** Flash/Animate sangat berguna untuk proyek animasi, termasuk animasi karakter dalam film dan permainan, iklan interaktif, presentasi, dan konten web yang dinamis.

### 4. **Peningkatan Kreativitas dalam Pembelajaran:**

   - **Photoshop:** Dengan Photoshop, Anda dapat mengasah keterampilan seni digital dan menggali kreativitas Anda dalam pembelajaran dan eksplorasi desain.

   - **Flash/Animate:** Animate memungkinkan Anda menciptakan cerita visual yang dinamis, memahami prinsip-prinsip animasi, dan belajar cara membuat konten interaktif yang menarik.

### 5. **Pasar Kerja yang Luas:**

   - **Photoshop:** Kemampuan menggunakan Photoshop membuka peluang kerja di berbagai industri termasuk periklanan, penerbitan, desain web, dan produksi film.

   - **Flash/Animate:** Keahlian animasi digital diperlukan di industri permainan video, produksi film animasi, produksi TV, dan agensi periklanan.

### 6. **Kemampuan untuk Berkolaborasi:**

   - **Photoshop dan Flash/Animate:** Dengan memahami kedua aplikasi ini, Anda dapat dengan mudah berkolaborasi dengan profesional dari berbagai bidang, karena Photoshop dan Flash/Animate adalah alat yang umum digunakan di industri kreatif.

Mempelajari Photoshop dan Flash/Animate memberi Anda keunggulan kompetitif di pasar kerja yang sangat kompetitif dan memungkinkan Anda untuk mengeksplorasi banyak bidang kreatif. Keterampilan ini dapat menjadi dasar yang kuat untuk karier yang sukses dalam desain grafis, animasi, atau industri kreatif lainnya.

Pengguna

Aplikasi Photoshop dan Flash (sekarang dikenal sebagai Adobe Animate) digunakan oleh berbagai kelompok pengguna di berbagai industri. Berikut adalah beberapa contoh pengguna dari kedua aplikasi tersebut:

### **Pengguna Photoshop:**

1. **Fotografer Profesional dan Hobiis:** Photoshop digunakan untuk mengedit foto, menghilangkan cacat, meningkatkan warna, dan membuat efek kreatif pada gambar.

2. **Desainer Grafis:** Desainer grafis menggunakan Photoshop untuk membuat ilustrasi, desain logo, materi pemasaran, dan grafis untuk situs web.

3. **Seniman Digital:** Seniman digital menggunakan Photoshop untuk menciptakan seni digital, ilustrasi, dan konsep seni untuk film, permainan video, dan buku komik.

4. **Desainer Web dan Pengembang:** Photoshop digunakan untuk membuat tata letak situs web, prototipe desain, dan elemen grafis untuk situs web.

5. **Pelaku Bisnis dan Pemasaran:** Orang-orang dalam pemasaran dan bisnis menggunakan Photoshop untuk membuat materi pemasaran seperti brosur, poster, dan iklan untuk promosi produk dan layanan.

### **Pengguna Flash/Animate:**

1. **Animator:** Flash/Animate adalah alat kunci bagi animator, terutama dalam industri animasi film dan televisi. Mereka menggunakan Flash/Animate untuk membuat animasi karakter, animasi efek, dan film animasi.

2. **Pengembang Game:** Industri game menggunakan Flash/Animate untuk membuat animasi dalam permainan video, termasuk animasi karakter, efek khusus, dan cutscenes.

3. **Pengembang Situs Web Interaktif:** Flash/Animate digunakan untuk membuat elemen interaktif di situs web, seperti animasi banner, animasi tombol, dan presentasi interaktif.

4. **Pembuat Konten Multimedia:** Flash/Animate digunakan untuk membuat konten multimedia interaktif, termasuk presentasi, kursus e-learning, dan aplikasi interaktif.

5. **Pengembang Aplikasi Mobile:** Dalam konteks pengembangan aplikasi mobile, Flash/Animate digunakan untuk membuat animasi dan antarmuka pengguna yang menarik dalam aplikasi dan permainan.

6. **Pembuat Kartun dan Pembuat Konten YouTube:** Flash/Animate digunakan oleh para pembuat konten untuk membuat animasi kartun, animasi lucu, dan konten animasi untuk platform seperti YouTube.

7. **Pelaku Pendidikan:** Guru dan instruktur menggunakan Flash/Animate dalam pendidikan untuk membuat materi pembelajaran interaktif, animasi pendidikan, dan aktivitas interaktif.

Penggunaan Photoshop dan Flash/Animate terus berkembang seiring dengan perubahan kebutuhan industri dan perkembangan teknologi. Keduanya tetap menjadi pilihan utama bagi banyak profesional kreatif untuk memenuhi kebutuhan desain grafis, fotografi, dan animasi.