Desain busana sistem digital dengan Macromedia Flas8

MODUL PELATIHAN
DESAIN BUSANA DENGAN MACROMEDIA FLASH 8
UNTUK GURU SMK TATA BUSANA

Muhdhor, S.Pd.

SMK IBU KARTINI SEMARANG

Jl. Imam Bonjol No. 199 Semarang

Desain busana sistem digital dengan Macromedia Flas8

 KATA PENGANTAR

Segala puji dan rasa syukur kepada Allah SWT yang telah melimpahkan
segala rohmat, taufiq serta hidayah-Nya sehingga kami dapat menyelesaikan
modul pelatihan desain busana dengan Macromedia Flah 8.
Modul ini disusun sesuai dengan teori dan praktek, maka dengan adanya
modul ini nantinya bisa memberikan alternatif cara belajar baru.
Tidak lupa kami mengucapkan terima kasih kepada segenap pihak,
khususnya UDINUS yang telah mendampingi penulis dalam mempelajari software
ini.
Akhir kata, kami berharap modul pelatihan desain busana dengan
Macromedia Flah 8 bermanfaat bagi kita semua.

Hormat Kami,
Penyusun

Desain busana sistem digital dengan Macromedia Flas8

 BAB I
PENDAHULUAN
Pendidikan merupakan komponen utama dalam peningkatan kualitas suatu
bangsa. Seiring berkembangnya teknologi secara langsung menuntut dunia
pendidikan untuk menyesuaikan perkembangan tersebut dalam meningkatkan mutu
pendidikan sehingga menciptakan sumber daya manusia yang berkualitas. Mutu
pendidikan bergantung pada pelaksanaan pembelajaran di sekolah-sekolah, yang
terlihat pada keberhasilan belajar siswa. Proses pembelajaran merupakan salah satu
tahap dalam menentukan keberhasilan belajar siswa. Maka dari itu, banyak upaya
dari guru untuk meningkatkan keberhasilan belajar siswa. Salah satu upaya untuk
meningkatkan keberhasilan belajar siswa dengan mengembangkan media
pembelajaran.
Perkembangan teknologi informasi berpengaruh terhadap dunia pendidikan.
Salah satu yang paling berkembang adalah media pembelajaran. Oleh karena itu dari
sektor pendidikan harus mampu memanfaatkan teknologi untuk mengembangkan
media pembelajaran berbasis multimedia yang semakin menarik, interaktif dan
komprehensif. Media visual seperti gambar, denah, peta, diagram serta audio visual
seperti video, slide suara menjadi pilihan yang bagus untuk meningkatkan mutu
pendidikan. Media Pembelajaran juga akan sangat berguna bagi siswa apabila
mereka terlibat secara langsung dalam menggunakan media tersebut.
Disamping itu Saat ini kita sudah memasuki era “Making Indonesia 4.0”,
maka kurikulum yang disusun oleh sekolah harus mampu memberi kompetensi
kepada peserta didik menguasai kompetensi keahlian yang berorientasi pada
sistem digital. Oleh karena itu Macromedia Flah 8 salah satu alternative
perangkat lunak yang dapat digunakan untuk membantu belajar desain busana
secara digital.

Desain busana sistem digital dengan Macromedia Flas8

 BAB II
MACROMEDIA FLAH 8
A. Sekilas Tentang Adobe Flash
Adobe flash adalah sebuah tools / software pengolah dan pembuat
animasi 2 dimensi berbasiskan gambar vector. Adobe flash juga dapat
digunakan untuk keperluan pembangunan situs web yang interaktif dan
dinamis juga pembuatan aplikasi berbasis web, desktop ataupin
mobile.Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan
sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi
yang ada di dalamnya atau digunakan untuk berkomunikasi dengan program
lain seperti HTML, PHP, dan Database dengan pendekatan XML, dapat
dikolaborasikan dengan web, karena mempunyai keunggulan antara lain kecil
dalam ukuran file outputnya.
Bahasa pemrogramman yang digunakan di Adobe Flash adalah Action
Script. Action Script 2.0 ( ditujukan untuk penggunaan platform desktop ) dan
Action Script 3.0 ( ditujukan untuk penggunaan platform mobile ).

B. Sejarah Macromedia Flah 8

Pada awalnya, Flash dirilis oleh perusahaan software bernama
Macromedia. Flash 1.0 diluncurkan pada tahun 1996 setelah Macromedia
membeli program animasi vektor bernama Future Splash. Versi terakhir yang
diluncurkan di pasaran dengan menggunakan nama 'Macromedia' adalah
Macromedia Flash 8. Hingga pada tanggal 3 Desember 2005 Adobe Systems
mengakuisisi Macromedia dan seluruh produknya, sehingga nama
Macromedia Flash berubah menjadi Adobe Flash. Dibawah adobe flash
berkembang menjadi sebuah software pengolah animasi yang terkenal hingga
mencapai versi yang akan saya bahas sekarang yaitu Adobe Flash CS6.
Meskipun Macromedia Flah 8 masis berada di bawah Adobe flash
CS6, namun secara tampilan sama, termasuk fungsi too-toolnya juga sama,
namun fiturnya masih stabil Macromedia Flah 8 dari pada Adobe Flah CS6.
Disamping itu keunggulan Macromedia Flah 8 bisa di install di Windows 8
Windosw 10 dan windows di atasnya.

C. Mengenal Macromedia Flah 8

Fitur- fitur terbaru pada Macromedia Flah 8 diantara lainnya adalah :
1. Memberikan dukungan untuk HTML 5.

Desain busana sistem digital dengan Macromedia Flas8

 2. Ekspor symbol dan urutan animasi yang cepat menghasilkan sprite sheet
untuk menigkatkan pengalaman gaming. Alur kerja, dan performance.
3. Memberikan dukungan untuk Android dan IOS dengan Adobe Flash player
terbaru.
4. Performanya memberikan pemuatan foto berukuran besar menjadi lebih
cepat. Hal ini terwujud dengan adanya Adobe Mercury Graphics Engine
yang mampu meminimalisir waktu render.

D. Cara menginstall Macromedia Flah 8

Di folder berisi dua file , Flash8-en dan README

Langkah meninstallnya adalah sebagai berikut:

1. Doble klik file Flash8-en.
Tunggu sampai proses penyiapan software komplit, slanjutnya klik Next

Desain busana sistem digital dengan Macromedia Flas8

2. Klik Next

3. Klik I accept the……. Dan klik Next

4. Klik Create Shortcut on Desktop, selanjutnya klik Next

Desain busana sistem digital dengan Macromedia Flas8

5. Centang Install Macromedia Flash Player dan Klik Next

6. Klik Install, dan tunggu proses install sampai selesai

7. Klik Finish

Desain busana sistem digital dengan Macromedia Flas8

8. Waktu menjalankan Aplikasi Macromedia Flash 8, yang pertma kali harus
perhatian hal-hal di bawah ini, pertama klik I have a serial number
andwont to activate macromedia flash dan Klik Continu

9. Isikan Serial Number nya dan klik Continue

10. Activation Was Succsesfull, tapi ada saran untuk melengkapi account
Macromedia Flash 8, saran saya tidak usah diisi, agar kalo ada
peningkatan versi program tidak bermaslah.
Klik Remind Me Latter

Desain busana sistem digital dengan Macromedia Flas8

11. Memulai File baru. Klik File- New

12. Munjul tampilan seperti ini, selanjunya klik Flash Dokumen

Desain busana sistem digital dengan Macromedia Flas8

 13. Tampian Macromedia Flash 8

E. Mengenal tampilan program

Layyer
Menu Bar

Time Line

Work Area
(Area Kerja)
Tool Bar
Librari

TAMPILAN ADOBE FLASH

1. Menu Bar, tempat sekumpulan perintah yang dikelompokkan sesuai dengan
spesifikasi perintah
2. Tool Bar, alat gambar

Desain busana sistem digital dengan Macromedia Flas8

3. Work Area (Area Kerja)
4. Layyer Perincian pekerjaan
5. Time Line
6. Tampilan File gambar di aplikasi
7. Librari , berfungsi untuk mengedit fungsi Tool

Tool dalam Aplikasi ini sebenarnya banyak sekali, namun yang seing di gunakan
adalah:
1. Selection Tool (V)
Berfungsi untuk mengedit garis, menandai Obyek gambar. Garis yang akan di edit
dengan Selection Tool ini bila didekati kursor, kursor berubah lengkung berari
garis siap dilengkungkan, bila kursor berubah tanda siku berarti sambungan garis
siap di ubah

2. Pen Tool (P)

Tool ini Berfungsi untuk membuat garis, ciri garis yang di buat dengan Pen Tool
ini akan selalu terhubung setiap kita klik di area kerja, untuk mengakhiri dengan
doble klik, ciri yang kedua setiap titik yang kita klik di sertai dengan sumbu untuk
mengedit tingkat kelengkungan garis.

Desain busana sistem digital dengan Macromedia Flas8

3. Line Tool (N)
Line Tool ini bersi untuk membuat garis lurus, cara penggunaan Tool ini adalah
dengan mengklik di area kerja selanjutnya di drag ke tempat lain (Klik , jangan
dilepas, selanjutnya di tarik untuk membuat garis dan lepas kliknya. Untuk
mengedit garis ini supaya menjadi lengkung dapat menggunakan Selection Tool

4. Pencil Tool (Y)

Pencil Tool ini cara penggunaanya sama dengan Line Tool, tapi goresan yang di
hasilkan bisa membuat garis lengkung, meskipun tetap cenderung kearah garis
lurus

Desain busana sistem digital dengan Macromedia Flas8

5. Brush Tool (B) funsinya sama kita menggunakan kuas cat air.

6. Paint Bucket Tool (K)

Tool ini berfungsi untuk mengisi warna pada gambar, are kerja yang bisa di beri
warna bengan Paint Bucket Tool ini adalah area kerja yang sudah di batasi
dengan garis.

Desain busana sistem digital dengan Macromedia Flas8

7. Eraser (E)
Eraser berfungsi untuk menghapus goresan atau gambar yang tidak terpakai

8. Hand Tool (H) , berfungsu untuk menggeser gambar/ garis yang sudah
di tandai dengan Selection Tool

9. Stroke Color
Tool ini untuk mengubah warna garis , caranya klik warna hitam di bawa gambar
pencil, selanjutnya pilih warna yang di sukai

10. Fill Color

Tool ini untuk mengunbah isian warna gambar, caranya klik kotak putih di bawah
gambar ember (Paint Bucket Tool) dan pilih warna yang di sukai

Desain busana sistem digital dengan Macromedia Flas8

 BAB III
PERSIAPAN MEMBUAT DESAIN BUSANA
DENGAN ADOBE FLASH CS6

A. MEMBUKA FILE BARU

Langkah membuka file baru :
a. Klik Flash Dokumen.

b. Tampil dokumen baru

Desain busana sistem digital dengan Macromedia Flas8

c. Menyeting ukuran kertas
Menyeting satuan ukuran, silahkan pilih Centimeter. Selanjutnya , Width :20 cm
dan Heigth : 29 cm. Klik OK

Ganti ukuran Satuan

menjadi Centimeter,
ukuran dig anti 20x 29
Klik Size cm

d. Tampilan awal area kerja adalah seperti gambar dibawah ini.

Desain busana sistem digital dengan Macromedia Flas8

B. MENYISIPKAN GAMBAR PADA AREA KERJA
Pada kesempatan ini gambar yang kita sisipkan adalah proporsi tubuh yang akan kita
gunakan untuk mendesain busana.
langkah-langkahnya adalah sebagai berikut :
1. Klik File, Import, Import to Stage

2. Setelah muncul jendela file yang akan di impor, selanjutnya pilih salah satu gabar
proporsi , dan klik OK

Desain busana sistem digital dengan Macromedia Flas8

3. Bila muncul dialog seperti gambar dibawah ini klik NO, karena kalau klik YES
semua file gambar yang pernah di impot akan muncul semua.

4. Hasil gambar yang di import adalah sebagai berikut :

Desain busana sistem digital dengan Macromedia Flas8

5. Mengubah gambar hasil import menjadi gambar Water Mark (gambar bayang-
bayang yang berada di belakang layar), Caranya :
a. Klik kanan garis Time Line
b. Klik Insert Bank keyframe, gambar akan hilang

Klik
kanan
di garis
Time
line ini

Sementaratampilan menjadi kosong (tanpa gambar)

c. Untuk memunculkan gamar dalam bentuk Water Mak, klik Onion Skin
Desain busana sistem digital dengan Macromedia Flas8
6. Proses menggambar dapat di lakukan diaatas Proporsi sesuai dengan Imaginasi
kita

Desain busana sistem digital dengan Macromedia Flas8

 BAB IV
MEMBUAT DESAIN BUSANA
DENGAN MACROMEDIA FLASH 8

1. Menggambar dengan Line Tool

Setelah tampilan Area kerja sudah siap dengan proporsi yang samar-samar,
selanjutnya kita bias membuat desain busana dengan Line Tool.
Line Tool ini dapat digunakan untuk membuat garis tubuh atau mode busana.
Langkahnya adalah sebagai berikut :
Klik Line Tool selanjutnya gunakan menjiplak garis proporsi tubuh garis mode. Line
Tool ini meskipun bentuknya lurus, namun bias di edit dengan Selection Tool , hingga
hasinya bias lengkung sesuai dengan desain yang kita buat

Desain busana sistem digital dengan Macromedia Flas8

2. Mengedit garis
Perhatikan kursor bila di dekatkan ke garis, bila dibawa kursor muncul garis lengkung
kecil, selanjutnya klik garis dan geser, sehingga garis berubah menjadi lengkung.
Bila kursor di dekatkan ke sambungan garis maka dibawa kursor muncul tanda siku,
selanjutnya deser untuk mengubah bentuk sambungan garis supaya berubah
sambungan garis yang tidak kaku.
Lakukan membuat garis dan mengidet garis sehinggga menjadi gambar desain
busana.

Garis bahu sudah

tidak kaku lagi

Desain busana sistem digital dengan Macromedia Flas8

3. Menggambar dengan Brush Tool (B)
Brush Tool adalah jenis Tool gambar bebas , garesan yang dihasilkan sesuai dengan
goresan tangan kita. Namun garis yang dihasilkan sifatnta seperti member warna/
pewarnaan .

Mengubah warna tinta

Klik kotak warna

di bagian kanan
atas, pilih salah
satu warna di
bagian bawah,
dan gunakan
untuk
menggambar

Desain busana sistem digital dengan Macromedia Flas8

4. Mengisi Warna pada gambar
Setelah gambar di buat, dan bidang yang akan diisi dengan warna sudah nyambung
semua (maksudnya tidak ada kebocoran) langkah selanjutnya member warna pada
bidang tersebut. Klik Paint Bucket Tool (K) dan pilih warna seperti tangkah nomer 3
diatas, dan klik area yang akan di beri warna

Klik di sini
untuk
memilih
warna

5. Untuk mengahiri gambar silahkan klik File- Export

Desain busana sistem digital dengan Macromedia Flas8