Master Power Point FLASH Internet Newest

Microsoft Powerpoint Macromedia FLASH Internet

Microsoft Powerpoint

Media Presentasi | Microsoft PowerPoint

Microsoft PowerpointPada Sesi Ini:Membuat PresentasiMengenal Microsoft Powerpoint sebagai aplikasi yang dapat digunakan dalam pembuatan slide presentasi

Menulis Konten PresentasiLangkah-langkah dalam pembuatan slide dengan menuliskan konten-konten presentasi yang dibutuhkan

Mengatur Slide LayoutMengenal jenis-jenis slide layout yang tersedia dalam Microsoft Powerpoint serta mengaturnya sesuai dengan keinginan

Mengatur DesainMemodifikasikan slide presentasi agar lebih menarik dengan menggunakan Slide Design yang tersedia dalam Microsoft Powerpoint

Mengatur Transisi antar SlideMengatur pergantian slide dari satu slide ke slide berikutnya

PrintingMencetak slide presentasi mulai dari pencetakan setiap slide dalam lembar yang berbeda, sampai pencetakan handout yang mencakup beberapa slide yang kemudian dapat disertai dengan komentar atau tempat (space) untuk mencatat

1

Media Presentasi | Microsoft PowerPoint Dalam bab ini akan dipelajari dasar-dasar untuk membuat presentasi dengan menggunakan Microsoft Powerpoint icrosoft Powerpoint memungkinkan kita untuk membuat berbagai presentasi dengan sangat mudah. Jika kita pernah membuat presentasi pada transparansi, kita akan merasakan kemudahan yang disediakan Microsoft Powerpoint; kemudahan ini memungkinkan kita untuk memasukkan gambar, tulisan, diagram, bahkan potongan film. Setelah kita selesai membuat slide, kita dapat mencetaknya di atas kertas transparan, slide 35mm, atau langsung menampilkannya pada layar.

M

Membuat PresentasiSebelum memulai Microsoft Powerpoint, pastikan bahwa komputer Anda telah menyala dan telah masuk ke dalam Microsoft Windows. 1 Klik Start Tombol Start secara default terletak di sebelah kiri layar 2 Klik All Programs Tergantung dari versi windows yang digunakan, untuk windows XP tulisan yang akan tampil adalah All Programs, namun untuk Windows versi sebelumnya, tulisan yang akan tampil adalah Programs. 3 Arahkan pointer mouse ke Microsoft Office Pada versi 2003 ini, shortcut Microsoft Powerpoint secara default telah disimpan dalam folder Microsoft Office 2003, namun untuk versi sebelumnya shortcut Microsoft Powerpoint langsung ditampilkan pada saat kita mengarahkan pointer ke All Programs. 4 Pilih Microsoft Office Powerpoint 2003 Sekarang kita telah siap untuk memulai Microsoft Powerpoint.

2


Outlin Slide e tab tab

Title bar

Menu bar

Standard toolbar

Formattin g toolbar

View buttons

Status bar

Drawing toolbar

Notes Slide pane

Task

Gambar 1-1 Tampilan Microsoft PowerpointElemen Title bar Fungsi Menampilkan nama presentasi yang sedang terbuka sekaligus nama aplikasi yang digunakan (dalam kasus ini Microsoft Powerpoint) Menampilkan menu untuk mengakses berbagai fungsi dalam program Menampilkan berbagai shortcut yang sering digunakan misalnya membuka dan menyimpan file, mencetak presentasi Menampilkan berbagai shortcut yang digunakan untuk memformat dokumen, seperti bold, italic Menampilkan berbagai shortcut untuk menggambar garis dan berbagai bentuk, juga dapat memodifikasi objek tertentu Menampilkan thumbnail dari setiap presentasi; untuk mengatur urutan presentasi kita dapat menggeser urutan dalam slide tab Digunakan apabila kita ingin lebih fokus pada isi presentasi dan bukannya pada tampilan presentasi; outline tab digunakan untuk mengorganisasikan isi presentasi

Menu bar Standard toolbar

Formatting toolbar Drawing toolbar

Slide tab

Outline tab

3


Elemen Task pane

Fungsi Menampilkan berbagai fasilitas yang relevan dengan apa yang sedang kita lakukan dalam Microsoft Powerpoint Menampilkan slide lembar demi lembar, seperti yang akan ditampilkan pada layar atau dicetak Digunakan untuk memasukkan catatan untuk setiap slide agar dapat membantu kita untuk mengingat apa yang harus disampaikan Menampilkan informasi apa yang sedang kita lakukan Digunakan untuk berpindah antar tampilan dalam Microsoft Powerpoint; ada 3 tampilan: normal view, slide sorter, dan slide show

Slide pane Notes pane

Status bar View buttons

Tabel Error! No text of specified style in document.-1 Penjelasan Berbagai Elemen dalam Tampilan Microsoft Powerpoint

Menulis Konten Presentasi1 Buka presentasi baru Untuk membuka presentasi baru, kita dapat menekan tombol New atau menekan tombol + 2 Tuliskan pada Title Slide (slide pertama pada presentasi baru), title: Bahan Ajar Fisika dan subtitle:

Disusun oleh : Taufik Rahman S.[nama masing-masing]3 Tambahkan slide baru dengan mengklik atau tekan + Pada saat kita menambahkan slide baru setelah slide pertama, maka layout akan secara otomatis berubah dari Title Slide menjadi Title and Text.

4 Tuliskan pada bagian title: Tujuan5 Tuliskan pada bagian text: Siswa memahami tentang hukum-hukum fisika Siswa dapat mengaplikasikan ilmu fisika dalam kehidupan sehari-hari. Title and 2-column

6 Tambahkan slide baru dan pilih text

4


7 Tuliskan pada bagian title: Materi 8 Tuliskan pada text kolom pertama

Teori Mekanika Listrik Optik Fisika Kuantum Hukum - hukum fisika Hukum Newton Hukum Pascal Hukum Planck

9 Tuliskan pada text kolom kedua

10 Blok Mekanika sampai dengan Fisika Kuantum pada kolom pertama dan tekan Pada saat kita menekan maka teks yang kita blok tadi akan secara otomatis akan di-demote (menjadi subtopik dari Teori); untuk mengembalikannya kita dapat menekan tombol +. 11 Blok UFO sampai dengan Lochness dan tekan

Mengatur Slide LayoutMicrosoft Powerpoint telah menyediakan banyak layout untuk kita gunakan dalam membuat presentasi sederhana. Yang perlu kita lakukan hanyalah memilih layout yang sesuai dan memasukkan teks yang akan kita presentasikan. Secara umum ada 2 jenis layout yang sering kita gunakan: Title Slide: merupakan halaman pertama dari presentasi yang kita buat Title and Text: merupakan halaman dengan judul di atas dan poin-poin presentasi di bawahnya

5


1. Tambahkan slide

2. Pilih layout yang sesuai

Gambar 1-2 Menambahkan Slide Baru

Mengatur DesainPresentasi yang telah kita buat sebelumnya mungkin terasa agak hambar dan kurang dipenuhi oleh latar belakang maupun ornamen yang menarik. Untuk membuat presentasi ini lebih hidup kita dapat menggunakan template yang telah disediakan oleh Microsoft Powerpoint.

6


1. Pilih Slide Design yang Perbeda an color scheme untuk design template yang sama

2. Pilih template

Gambar 1-3 Modifikasi dengan Menggunakan Slide Design

1 Gunakan presentasi. 2 Klik Pane Kita dapat dan akan ditampilkan Slide Design Task menggunakan tombol navigasi

untuk berpindah dari satu task pane ke task pane lainnya yang sudah terbuka. Untuk membuka task pane lain yang belum terbuka, kita dapat mengklik tombol di sebelah tanda x pada task pane yang sedang terbuka. 3 Pilih Design Templates pada Slide Design Task Pane

proposal.pot atau template lain 4 Pilih template yang Anda hendaki Ada cukup banyak template bawaan Microsoft Powerpoint, jika template ini tidak mencukupi kita dapat mencarinya pada Microsoft Office Online. 5 Pilih Color Schemes pada Slide Design Task Pane

Setiap design template memiliki beberapa color schemes, tergantung dari pembuat template 6 Pilih color scheme yang bernuansa biru

7


7 Pilih Pane

Animation Schemes pada Slide Design Task

Animation Schemes akan memberikan animasi untuk setiap perpindahan slide dan juga untuk setiap objek yang diletakkan pada slide. Catatan: jika kita memberikan animasi kita harus menekan tombol kiri mouse atau tombol keyboard untuk berpindah dari satu animasi ke animasi, dari satu slide ke slide lain pada saat kita menampilkannya pada layar. 8 Pilih animation: Float 9 Klik Apply to All Slides Kita dapat memilih Animation Schemes yang berbeda untuk setiap lembar slide dengan cara memilih terlebih dahulu slide yang akan diberikan animasi, kemudian baru memilih jenis animasi yang akan diberikan.

Mengatur Transisi antar SlidePergantian antar slide terjadi dari satu slide ke slide yang lain. Proses pergantian ini, disebut transisi antar slide. Pada setiap kali berganti ke slide berikutnya maka slide secara keseluruhan dapat diatur cara tampilnya. Pengaturan ini dilakukan dengan langkah-langkah: 1 Membuka menu Slide Show, klik Slide Transition 2 Tampilan Menu Slide Transition seperti gambar 6.10 memberikan kemudahan untuk pengaturan pembukaan setiap slide

8


Gambar 1-4 Menu Slide Transition 3 Terdapat tiga kotak yang perlu diperhatikan: Ruang Effect, berisi preview untuk setipa slide yang ditransisikan. Proses dilakukan dengan memilih salah satu kondisi transisi (klik) dengan kecepatan yang diinginkan (Slow, Medium, Fast) Ruang Advanced, berisi kejadian proses transisi (pilihan) setelah klik mouse atau beberapa menit secara otomatis? Ruang Sound, berisi memilih sound yang tersedia pada pustaka sound (klik) dengan pilihan bunyi sekali atau bunyi tersu sampai ditemukan sound lainnya (loop until next sound)

4 Setiap slide dapat diperlakukan sama Apply All atau hanya berlaku untuk slide tertentu saja (Apply) 5 Demikian untuk setiap slide dapat dibuatkan transisi antar slidenya

PrintingMemiliki hard-copy dari slide presentasi dan menuliskan catatan di sekitarnya merupakan cara yang lebih menarik untuk mengikuti suatu presentasi. Microsoft Powerpoint menyediakan fasilitas pencetakan slide mulai dari pencetakan setiap slide dalam lembar yang berbeda, sampai pencetakan handout yang mencakup beberapa slide disertai komentar atau tempat untuk mencatat.

9


Tentukan bagaimana slide akan dicetak

Lihat hasil pra-cetak pada jendela Print Preview

Gambar 1-5 Mencetak Slide

1 Gunakan presentasi yang telah dibuat. 2 Klik File Print... atau tekan + 3 Pilih Print what: Handouts Ada 4 pilihan pencetakan, yakni slides, handouts, notes pages, dan outline view. Slides akan mencetak setiap slide dalam halaman terpisah; setiap halaman akan memiliki orientasi landscape. Pilihan ini cocok apabila kita hendak mencetak di atas transparansi. Handouts akan mencetak beberapa slide dalam satu halaman; satu halaman dapat memuat 2, 3, 4, 6, atau 9 slide. Jika kita memilih 3 slide untuk setiap halamannya kita akan mendapatkan handout disertai dengan garisgaris di sebelah kanan untuk mencatat presentasi Notes pages akan mencetak slide disertai dengan notes di bagian bawah slide; ukuran slide yang akan tercetak

10

Media Presentasi | Microsoft PowerPoint adalah setengah ukuran kertas printer, setengah lagi dipakai untuk notes. Outline View akan mencetak apa yang kita lihat pada Outline Tab, hanya saja formatting akan ditampilkan pada hasil cetakan. 4 Pilih Color/grayscale: Color Pilihan grayscale cocok digunakan apabila kita hendak mencetak di atas transparansi dengan menggunakan printer Laser. 5 Klik Preview untuk melihat contoh hasil cetakan

11

Macromedia FLASH

Media Presentasi | Macromedia FLASH

Pengenalan Animasi dan FlashPada Sesi Ini:Mempelajari dasar-dasar flash Bekerja dengan workspace Mengenal frame dan keyframe Mengenal Layer, properties inspector, Grid dan Rulers Mengenal drawing tools

1


Pengenalan FlashPendahuluanFlash adalah salah satu program pembuatan animasi yang sangat handal. Kehandalan flash dibanding dengan program lain adalah dalam hal ukuran file dari hasil animasinya yang kecil. Untuk itu animasi yang dihasilkan oleh program flash banyak digunakan untuk membuat sebuah web agar menjadi tampil lebih interaktif. Dengan makin kecilnya ukuran file dari hasil animasi menggunakan flash maka web yang dibuat menggunakan flash dapat diakses dengan cepat. Grafis berbasis vector dan animasi menawarkan kecepatan dan kualitas yang tinggi untuk desain halaman web dan animasi, dan flash adalah program terbaik dalam hal animasi berbasis vector.

Mengenal WorkspaceWorkspace di Flash terdiri dari empat komponen penting, yaitu : 1 Stage Stage adalah tempat dimana gambar, button, video dan lain2 tampil selama animasi dimainkan.

Gambar 2-1 Stage 2 Timeline Timeline adalah tempat dimana kita memberikan perintah kepada flash untuk menampikan gambar di stage sesuai

2

Media Presentasi | Macromedia FLASH dengan waktu yang telah kita tetapkan, selain itu timeline juga sebagai tempat dimana kita bekerja dengan layer, mengurutkan layer di timeline mempengaruhi posisi gambar tersebut di stage, gambar yang berada di layer diatas maka akan tampil di stage di atas gambar yang berada di layer bawah.

Gambar 2-2 TimeLine Tanda tanda yang mewakili cara menganimasi yang ditunjukan oleh timeline : Motion tween

Shape tween

Indikasi bahwa proses tween tidak selesai

Single keyframe

Bendera merah menandakan bahwa frame mempunyai label

3


3 Library Panel ini adalah tempat dimana flash membuat list dari semua element yang ada di document flash (.fla).

Gambar 2-3 Library 4 Action Script Code yang digunakan untuk memberikan perintah interaktif kepada semua element di document flash.

Mengenal frame dan keyframeKeyframe adalah salah satu frame dimana kita dapat menentukan perubahan property suatu objek untuk animasi. Flash dapat melakukan tween, yaitu secara otomatis merubah dan memperbanyak gambar antara suatu frame dengan keyframe yang telah ditentukan untuk menghasilkan suatu animasi yang mengalir. Dengan bantuan keyframe pembuatan animasi dapat lebih mudah karena kita tidak perlu membuat gambar satu persatu hingga menghasilkan suatu animasi yang diinginkan.

4


Gambar 2-4 frame dan keyframe Dengan memanfaatkan timeline kita dapat mengatur penempatan frame dan keyframe, dan juga kita dapat mengatur lamanya proses tween dengan men-drag keyframe di timeline Beberapa perintah lain yang dapat dipakai untuk memodifikasi frame atau keyframe : Menambah frame, insert > frame Menambah keyframe, insert > keyframe Menambah keyframe kosong, insert > blank keyframe Untuk menghapus frame, keyframe adalah dengan cara memilih frame atau keyframe yang akan di hapus lalu edit > timeline > remove frame

Mengenal LayerLayer adalah tempat gambar atau objek ditempatkan, jumlah layer dapat ditambah dan jumlah yang dapat ditambah tergantung dengan memory computer yang dipakai.

5


Gambar 2-5 Layer Setiap mengedit suatu layer kita hanya dapat memilih satu layer saja yang aktif, icon pencil disebelah nama layer menjadi indicator bahwa layer itu sedang aktif, saat kita mengedit suatu layer yang aktif maka tidak akan mempengaruhi keadaan layer yang lain. Untuk mengedit Layer, langkah-langkahnya: 5 Untuk menabah layer, insert > timeline > layer 6 Untuk menghapus layer dapat dilakukan dengan memilih layer yang ingin dihapus dan meng-click icon delete layer ( icon tempat sampah).

Mengenal Grid dan RulersGrid adalah sebuah set garis-garis yang saling berpotongan vertikal dan horisontal yang berguna sebagai penunjuk menggambar dan meletakkan elemen - elemennya, fungsinya mirip seperti kertas grafik pada dunia non digital. Flash juga menggunakan grid untuk meluruskan benda jika anda mengaktifkan fitur Snap to Grid. Karena grid hanya sebagai alat bantu maka grid tidak muncul pada hasil movie anda. Cara memunculkan grid dari menu View, pilih Grid>Show Grid. Jika fasilitas grid ini dalam keadaan aktif maka terdapat tanda cek disampingnya dan pada stage memperlihatkan suatu set garis-garis berpotongan sebagai bagian dari Stage. Grid yang ada dalam stage dapat diatur sesuai dengan keinginan kita yaitu warna dan ukuran panjang dan 1ebarnya. Caranya adalah gunakan menu view>grid>edit grid sehingga muncul kotak dialog mengenai setting dari warna dau ukuran dari grid. Ruler dan guides membantu anda dalam menggambar obyek dengan presisi ukuran, bentuk, dan posisi pada Stage.Untuk memunculkan ruler, pilih menu view>rulers.

6


Mengenal properties inspectorProperties inspector adalah cara untuk merubah suatu objek atau document, cara yang dilakukan adalah dengan merubah nilai dari semua opsi yang ada di kotak properties inspector.

Gambar 2-6 properties inspector

Mengenal Drawing ToolsPada subbab ini akan mengajarkan tentang cara menggunakan drawing tool dari Macromedia Flash. Sebenarnya fungsi fungsi dari tool hampir sarna dengan pada photoshop.

PendahuluanBagian ini akan mengajarkan tentang cara menggunakan drawing tool dari Macromedia Flash. Sebenarnya fungsi fungsi dari tool hampir sarna dengan pada photoshop sehingga pada bagian ini tidak dibahas secara mendalam. Flash juga memungkinkan anda mengimport gambar dari program lain. Jika anda membuat gambar pada sebuah program lain seperti Macromedia Free Hand atau Adobe Illustrator, anda dapat mengimport gambar tersebut ke dalam Flash. Hal ini dilakukan jika kemampuan yang dibutuhkan dalam flash masih kurang sehingga dibutuhkan untuk menggambar dengan program lmage editor yang lain dan kemudian diekspor ke dalam flash.

ToolsTools adalah panel yang dapat digunakan untuk menggambar, mewarnai, memilih, dan memodifikasi objek yang ada di stage. Panel tools dapat dibagi menjadi tiga, yaitu : 7 Area tools untuk menggambar, mewarnai dan memilih. 8 Area tools untuk membesarkan atau mengecilkan objek. 9 Area tools mengenai warna.

7


Gambar 2-7 Area Tool

Line toolLine tool digunakan untuk membuat garis lurus. Ini adalah tools yang paling sederhana dan relative sering dipakai. Untuk mengaktifkan line tool kita cukup mengklik yang ada pada toolbar. Cara menggambar garis klik, tahan dan geser pointer di dalam stage. Ketika kita menggeser pointer maka garis akan muncul dari titik kita mengklik mouse. Garis yang kita buat belum sepenuhnya jadi sampai kita melepaskan mouse. Kita juga dapat menetapkan sudut dari garis yang kita buat sebesar 45 derajat yaitu dengan menekan [shift] pada saat kita menggambar garis. Setting pada Line tool terdiri dari warna garis, ketebalan garis dan bentuk garis. Jlka kita ingin merubah warna, bentuk, dan tebal garis pilih panel yang bernama stroke color. Ini dapat ditemukan di Properties Inspector. Untuk merubah wama garis, klik bagian warna sehingga muncul kotak palet warna.

Gambar 2-8 Line Tool

8

Media Presentasi | Macromedia FLASH Untuk memilih warna, klik contoh warna di palet Warna. Palet warna akan menghilang dan contoh warna garis akan berubah sesuai dengan warna yang kita pilih. Untuk mengubah bentuk garis. Klik panah drop-down dari bentuk garis lalu pilih bentuk garis yang kita inginkan. Untuk mengubah ketebalan garis, klik panah dropdown menu dari ketebalan garis. Kemudian pilih ketebalan garis yang diinginkan. Dapat dipilih dengan skala maksimal. Lakukan langkah berikut untuk menggambar menggunakan garis: 10 Gambarlah sekumpulan garis acak di ruang kerja, pastikan View > Fast dipilih.

Gambar 2-9 Menggambar Garis 11 Melihat tampilan garis bergerigi ini karena View > Fast dipilih. PiIih View > Antialias dan lihatlah garisnya. Sekarang semua tampak bersih dan lurus. Flash menggunakan teknologi pengaturan prioritas, yang memungkinkan Anda menampilkan grafis vektor seolah datang dari sebuah printer di monitor Anda. 12 Untuk membersihkan layar, masuklah ke Edit > Select All, lalu Edit > Clear. Aturlah ukuran garis dengan masuk ke Window > Panels > Stroke. Geserlah slider ke atas untuk meningkatkan ukuran Line.

9

Media Presentasi | Macromedia FLASH 13 Gambarlah sejumlah garis di layar. Ulangi pekerjaan ini dengan memilih ukuran yang berbeda untuk lebih mengetahui apa yang Anda buat.

Gambar 2-10 Menggambar garis 14 Bersihkan layar (Edit > Select All dan Edit > Clear). Masuklah ke View > Snap To Objects. lni mengaktifkan opsi Snap, yang memungkinkan Anda menggamhar garis hersamhung yang di-Snap (dipasangkan/dihuhungkan) ke garis lain. Gambarlah hentuk seperti ditampilkan pada Gambar Gambar 2-11. Perhatikan garis Anda terhubung ke garis lain pada gambar, memberikan Anda kemungkinan untuk membuat bentuk tertutup.

Gambar 2-11 Garis-garis yang terhubung 15 Dua panah pemilih diletakkan di bagian atas jendela Tools. Satu hitam dan satu putih. Klik panah hitam (disebut perangkat Arrow) untuk mengaktifkannya. Sekarang klik sebuah titik sudut (titik tempat garis bertemu) mirip dengan gambar pada Gambar pada langkah 5. Pegang tombol kiri mouse dan tarik, lepaskan tombol kiri mouse pada titik tertentu di layar. Garis-garis dihubungkan ke titik sudut bersama; Anda baru saja mengubah bentuk gambar dengan menarik titik sudut bersama. Lakukan hal ini pada titik sudut lainnya, yang akan mengubah lagi bentuk tersebut. Lihat Gambar 2-12.

10


Gambar 2-12 Modifikasi gambar 16 Sekarang gunakan perangkat yang sarna, namun kali ini tunjuklah sebuah titik bukan ujung pada salah satu garis. Klik dan tarik. Apa yang terjadi? Garis menjadi kurva. Buatlah seluruh garis pada kurva yang Anda gambar menggunakan metode ini. Lihat Gambar 2-12.

Gambar 2-13 Modifikasi gambar

Oval toolOval tool digunakan untuk membuat bentuk melingkar. Klik Oval tool pada toolbar untuk mengaktifkannya. Cara membuat bentuk melingkar, klik, tahan dan geser mouse. Maka akan muncul bentuk melingkar yang mengikuti arah pointer mouse kita. Gambar lingkaran baru terbentuk jika kita melepas mouse kita. Untuk membuat lingkaran yang tepat tekan [shift] pada saat kita menggeser mouse Setting dari Oval tool sarna dengan pada line tool yaitu warna garis, tebal garis, bentuk garis dan warna. Dan cara pengaturannya juga sarna yaitu pada panel properties inspector.

11


Gambar 2-14 Oval Tool

Rectangle toolRectangle tool digunakan untuk membuat bentuk persegi. Klik rectangle tool pada toolbar untuk mengaktifkannya. Cara membuat persegi, klik, tahan, dan geser mouse. Maka akan muncul bentuk persegi. mengikuti arah pointer dari mouse. Bentuk persegi baru terbentuk jika kita melepas mouse. Untuk membentuk bujur sangkar klik [shift] pada saat menggambar. Pengaturannya sarna dengan pada oval tool dan terdapat tambahan yaitu round rectangle radius yang terdapat pada toolbar modifier. Rectangular radius digunakan untuk membuat sudut persegi manjadi bentuk kurva, klik tombol Round Rectangle Radius sehingga muncul kotak dialog Rectangle Setting. Masukkan nilai jari-jari dari sudut rectangle. Persegi yang kita buat akan memiliki sudut berbentuk kurva.

Pencil ToolPencil Tool digunakan untuk membuat garis luar secara bebas (garis tidak tepat lurus). Klik tombol Pencil Tool untuk mengaktifkannya. Untuk menggarnbar lintasan klik, tahan, dan geser mouse sehingga lintasan yang kita buat terbentuk. Pengaturan warna, ukuran dan jenis pada pencil tool sarna dengan line tool yaitu pada panel properties inspector. Pencil Tool Modifier pada toolbar adaiah pencil mode. Pencil mode membantu kita ketika membuat lintasan sehingga kita dapat memperhalus atau memperlurus lintasan yang kita buat. Terdapat tiga model: Straighten, Smooth dan Iink.

Gambar 2-15 Straighten, Smooth dan Iink.

12

Media Presentasi | Macromedia FLASH Langkah berikut menunjukkan kepada Anda cara membuat graf dengan Pencil Flash : 17 Pilih perangkat Pencil dari Toolbox dengan mengklik ikonnya untul menyorotnya, yang menunjukkan kepada Anda bahwa perangkat terse but aktif. 18 Walaupun Anda telah memilih perangkat Pencil, Anda harus melakukar beberapa hal sebelum mulai menggambar. Pertama, masuklah ke Edit > Preferences dan klik tab Editing pada jendela Preferences. 19 Pastikan scluruh setting pada daerah Drawing Settings di jendela Prefe. rences bertuliskan Normal. Ini adalah defaultnya. Saya akan membahas pengubahan setting ini nanti. Dengan mengklik panah bawah di sebe1ah setiap kotak setting, Anda menampilkan daftar opsi. Jika semuanya sudah bertuliskan Normal, klik OK. 20 Sekarang masuklah ke View > Grid dan pastikan Snap To Grid tidak diberi tanda cek. Jika ada tanda cek, memilihnya akan membuang tanda tersebut. 21 Masuklah ke View > Guides dan pastikan Snap To Guides tidak diberi tanda cek. Saya menyisipkan dua langkah ini sebelum menggambar dengan perangkat Pencil untuk memberikan Anda kebebasan menggambar seluas mungkin. 22 Satu langkah lagi sebelum mulai menggambar: masuklah ke View > Fast. Ini menonaktifkan anti-alias, yang mempercepat kinerja komputer Anda. 23 Perangkat Pencil Anda masih tetap disorot. Masuklah ke bagian bawah jendela Tools; di bawah heading Options, klik panah yang menunjuk ke bawah untuk membuka daftar Optiions. Pilih opsi Ink Bottle. 24 Peganglah tombol kiri mouse, gunakan perangkat Pencil untuk menggambar outline yang akan menjadi wajah kartun. Sisakan jarak sehingga titik akhir Anda tidak berhubungan dengan titik awalnya.

13


Gambar 2-16 Gambar Outline dengan Pencil 25 Aktitkan perangkat Arrow. Klik dan pegang bagan ujung garis yang telah Anda gambar, lalu tariklah hingga titik ujung garis berada di atas titik awal Anda menggambar. Titik sudut yang Anda tarik akan terhubung ke titik awal, sehingga lingkarannya menutup.

Gambar 2-17 Modifikasi Gambar 2-16

BrushBrush mengecat dengan warna apa pun yang dipilih. Jika Anda masih memilih warna biru muda dari latihan sebelumnya, perangkat ini akan mengecat dengan warna biru muda. Sekarang setelah Anda tahu cara mengubah warna

14

Media Presentasi | Macromedia FLASH pengisian dari latihan terakhir, ubahlah warna pengisian menjadi hitam, lalu lakukan langkah berikut untuk membiasakan diri dengan perangkat Brush: 26 Pilih ikon Brush pada perangkat Tools. Perhatikan isi bagian Options I jendela Tools berubah. Daerah Options terdiri dari tiga item yang bisa dipilih, diindikasikan oleh panah penunjuk ke bawah. 27 Klik panah pertama untuk mengatur opsi Paint. Paint Normal harus di pilih. Klik dimanapun di luar daerah ini untuk menutupnya. 28 Daftar pada Options kedua menampilkan beragam ukuran Brush. Pilih ukuran Brush ketiga dari atas. 29 Options ketiga muncul menunjukkan bentuk Bnlsh. Lingkaran dipilih secara default, dan memang ini yang akan kita gunakan. Klik di manapun di luar daerah ini untuk menutupnya. 30 Pilih View > Anti-alias, yang akan memperlembut sapuan anda.

Gambar 2-18 Brush

15


Memanipulasi Objek dan Symbol, Serta Konsep Symbol dan LibraryPada Sesi Ini:Mempelajari bagaimana memanipulasi objek Mempelajari konsep symbol dan library Mempelajari cara Mengubah objek menjadi symbol

16


Memanipulasi ObjekSelection toolBagian yang tidak dapat dipisahkan dalam membuat dan memanipulasi bentuk di Flash adalah memfungsikan selection tool. Fungsi ini mirip dengan selection tool pada photoshop. Perbedaan dari seleksi dalam flash dengan seleksi dalam photoshop adalah pada photoshop bidang yang diseleksi dibatasi dengan garis putus putus yang berkedip kedip sedangkan pada flash, tanda suatu bidang yang sudah diseleksi adalah terdapat titik titik dalam bidang tersebut. Perbedaan lainnya adalah pada flash hanya bisa menyeleksi suatu bidang atau obyek dan tidak bisa membuat seleksi pada daerah kosong dalam stage.

Konsep Symbol dan LibrarySymbol dan library adalah termasuk salah satu bagian yang paling penting dalam membuat animasi dengan flash.

PendahuluanSymbol dan library adalah termasuk salah satu bagian yang paling penting dalam membuat animasi dengan flash. Jika kita tidak bisa memahafni konsep ini maka kita akan kesulitan untuk bisa melangkah ke bagian selanjutnya. Untuk membuat suatu bentuk bisa beranimasi, kita harus membuat bentuk tersebut menjadi symbol. Pada bab ini kita akan membahas ten tang symbol, bagaimana symbol dibuat, bekerja, diatur dan di perbaiki.

SymbolSymbol adalah suatu asset yang dapat dipakai berulang kali, symbol dibuat dengan cara mengkonversi suatu grafis objek menjadi suatu symbol dengan behavior yang telah ditentukan. Setiap symbol yang dibuat akan disimpan di library. Setelah kita mengubah suatu objek menjadi symbol maka kita bias memanipulasi objek tersebut, tetapi kita mengatur perubahan bentuk dari symbol itu dalam stage.

Mengubah objek menjadi symbolJika ingin mengubah suatu objek menjadi symbol papat dilakukan dengan cara : 31 Blok objek yang kita ingin rubah menjadi symbol.

17

Media Presentasi | Macromedia FLASH 32 Modify > convert to symbol. 33 Beri nama symbol, dan pilih type symbol yang dinginkan ( movie clip, button atau graphic ).

Gambar 2-19 Convert to Symbol Masing masing type memiliki fungsi tersendiri, movie clip digunakan untuk membuat symbol yang memiliki animasi, button adalah symbol yang akan dijadikan tombol, dan graphic adalah symbol yang statis atau tanpa animasi.

LibraryLibrary di dalam flash fungsinya sesuai dengan namanya adalah sebuah tempat penyimpan symbol yang sudah kita buat. Jika kita membuat sebuah symbol maka secara otomatis symbol tersebut akan masuk ke dalam library. Jadi selama kita bekerja semua symbol yang sudah pernah kita buat, walaupun sudah kita hapus, symbol tersebut masih tersimpan dalam library.

Gambar 2-20 Library Untuk menampilan library, pilih : window>library dari menu bar. Library window akan muncul daftar semua symbol yang ada

18

Media Presentasi | Macromedia FLASH ditampilkan di bawah preview window. Icon disebelah nama symbol menunjukkan tipe dari simbol (behavior). Library mempunyai kegunaan yang cukup penting, dan jika kita mengoptimalkan pemakaiannya maka akan membantu mempermudah di dalam membuat animasi. Misalnya symbol yang ada dalam stage terlanjur dihapus dan tidak bisa dikembalikan lagi maka kita bisa mengambil symbol yang masih tersimpan dalam library dengan cara mendragnya ke dalam stage. Untuk membuat sebuah simbol baru untuk diletakkan di library, ikuti langkah langkah berikut : 34 Dengan sebuah library Flash baru membuka, masukiah ke Insert > Nell, Symbol. Jendela Symbol Properties akan muncul. Untuk Behavior, pilih Graphics. Berilah nama simbol baru tersebut.

Gambar 2-31 Creat new symbol 35 Stage sekarang menjadi jendela Symbol Edit, dan sebuah tanda silang keeil muncul pada daerah preview Library dan pada jendela Edit. Tanda silang ini merupakan titik tengah untuk simbol barl!. Ketika gambar, tombol, klip film diubah ukurannya, dirotasi, dan dibalik, aksi-aksi tersebut merujuk ke titik tengah ini; dengan demikian posisinya sebagai titik referensi simbol sangat penting. Buatlah sebuah gambar pada jendela Edit yang di tengahkan mengikuti titik tengah. Perhatikan saat Anda menggambar, gambar yang sama muneul pada jendela preview Library. lni karena Anda sebenarnya membuatnya pada library.

19


Gambar 2-42 Symbol Edit 36 Selama Anda tetap berada pada mode Symbol Edit, apa pun yang Anda lakukan pada simbol di layar juga akan dilakukan pada simbol yang muneul pada library. Cobalah. Ubahlah bentuk simbol di layar, dan perhatikan tampilan daerah preview Library. 37 Ketika simbol yang Anda buat tepat seperti yang Anda inginkan, inilah saatnya meninggalkan mode Symbol Edit dan kembali ke stage Flash. Cara melakukannya sederhana. Lihatlah sudut kiri atas jendela Edit.

Gambar 2-53 sudut kiri atas jendela Edit 38 Klik kata yang menunjukkan nama scene ini, Anda segera dibawa ke stage Flash. Jendela Library tetap terbuka dan menampilkan simbol baru Anda pada daerah preview. 39 Sekarang Anda akan mengeksplorasi manfaat library. Klik dan tarik simbol yang ditampilkan pada daerah preview Library ke stage Flash. Lakukan hal ini beberapa kali untuk membuat Anda terbiasa. Simbol pad a library ber. tindak sebagai induk untuk contoh yang diklon (diperbanyak) yang ditem patkan pada stage. Symbol yang diklon ini juga dikenal sebagai instance. 40 Gunakan perangkat Arrow untuk memjJih salah satu instance, dan masuklah ke Modify > Transform > Rotate. Anda melihat delapan titik kontrol ditempatkan di sekeliling instance. Titik kontrol pada sudut memungkin-

20

Media Presentasi | Macromedia FLASH kan Anda mengklik dan menarik untuk merotasi instance; titik kontrol di tengah garis pembatas memungkinkan Anda mengklik dan menarik untuk mengubah hentuk instance. Cobalah ini pada seluruh instance untuk membuat penampilan yang berbeda untuk masing-masingnya. 41 Pilih salah satu instance dan masuklah ke Modify > Transform > Scale. 42 Delapan titik kontrol muncul pada pembatas instance yang dipilih. Klik dan tarik sebuah titik tengah yang muncul pada pembatas instance yang dipilih. Klik dan tarik sebuah titik sudut dan instance akan diubah ukurannya dengan mempertahankan bentuk aslinya. Klik dan tarik pada titik lain, dan instance bisa diubah ukurannya secara horizontal atau vertikal. Ubahlah ukuran semua instance di layar untuk mempelajari kemampuan.

Memanipulasi SimbolSeperti telah dijelaskan pada bab sebelumnya, untuk memanipulasi symbol tidak bisa dilakukan dengan cara cara yang biasa, misal dengan menggunakan drawing tool yang langsung dioperasikan pada stage. Cara memanipulasi symbol harus menggunakan cara yang berbeda dengan jika kita memanipulasi obyek.

Mengedit SymbolAda beberapa cara untuk mengedit symbol yang ada di document flash, mengedit symbol di tempatnya, mengedit di window baru, dan mengedit dengan symbol-editing mode. 43 Mengedit di tempat symbol itu berada. Double click pada symbol yang ingin di edit atau click kanan pada symbol yang ingin di edit, lalu pilih edit in place Edit symbol sesuai dengan kemauan Untuk keluar click tombol back ( panah ke kiri) di pojok kanan atas timeline.

Gambar 2-64 tombol back 44 Mengedit di window baru Double click pada symbol yang ingin di edit atau click kanan pada symbol yang ingin di edit, lalu pilih edit in new window

21


Akan muncul window baru, lalu edit sesuai keinginan Untuk keluar, click tompol silang di pojok kanan atas timeline Pilih atau click symbol yang mau diedit Edit > edit symbol Edit sesuai keinginan Untuk keluar, edit > edit document

45 Mengedit dengan symbol-editing mode

Menggunakan Panel EffectSelain dari cara diatas ada lagi cara lain untuk memanipulasi symbol yaitu dengan menggunakan panel effect. Panel effect digunakan untuk mengatur pewarnaan dan transparansi pada obyek tetapi tidak bisa digunakan untuk mengubah bentuk symbol. Untuk memunculkan panel effecy dapat dengan cara window > panel > effect. Ada empat pilihan dalam panel effect untuk memanipulasi symbol, yaitu : 46 Brightness Untuk mengatur kecerahan warna dari instance. 47 Tint Digunakan untuk menambahkan suatu warna kedalam warna asal dari instance symbol. 48 Alpha Digunakan untuk memberikan efek transparan terhadap instance. 49 Advanced Merupakan gabungan dari tint dan alpha.

22


Konsep Tentang AnimasiPada Sesi Ini:Mempelajari Dasar Animasi Mempelajari cara Penggunaan Timeline Teknik animasi di Flash

23


Animasi merupakan satu fungsi utama dari Flash. Animasi, dan cara pembuatannya tidak sesederhana menggerakkan sesuatu dari titik A ke titik B. Ada banyak faktor yang harus dipertimbangkan untuk membuat animasi yang efektif dan efisien.

Dasar AnimasiAnimasi pada awalnya berupa kumpulan atau potongan gambar yang ditampilkan bergantian secara cepat. Karena keterbatasan mata kita, kita tidak bisa membedakan setiap gambar yang satu dengan yang lainnya dan yang tampak dalam mata kita adalah sebuah gerakan yang disebut animasi. Dalam film, setiap bagian gambar itu disebut frame. Frame frame tersebut berganti dengan kecepatan tertentu sehingga tidak nampak oleh mata kita. Kecepatan banyaknya frame yang ditampilkan dihitung dalam satuan frame per detik (fps = frame per second). Film yang kita saksikan di bioskop menampilkan 24 frame per detik. Video tape dan televisi menampilkan 30 frame per detik. Semakin tinggi kecepatan dari frame maka gambar yang dihasilkan akan semakin halus tetapi kerugiannya adalah memerlukan jumlah frame yang lebih banyak dengan waktu yang sama. Misalnya film kecepatan 50 frame perdetik lebih baik dari pada 25 frame per detik, tetapi dengan waktu yang sarna misal.dua jam, untuk kecepatan 50 frame per detik membutuhkan lebih banyak frame dari pada yang kecepatannya 25 frame per detik dan itu berarti sebuah pemborosan. Dengan menggunakan flash kita bisa menentukan kecepatan frame dari animasi yang kita buat sehingga bisa optimal pada saat dimasukkan dalam web.

Penggunaan TimelinePada bagian pengenalan workspace telah disinggung secara singkat tentang timeline, pada bab ini akan dijelaskan kembali lebih mendalam. Didalam flash frame-frame dari animasi diletakkan dalam bagian time line. Ditempat tersebut kita dapat mengaturframe yang digunakan untuk animasi. Di dalam time line terdapat timeline header yaitu ;~bagian yang terdapat angka 1, 5, 10, dan seterusnya itu rberguna untuk menunjukkan letak frame. Jadi jika kita membuat sebuah animasi maka gerakan dari gambar akan dimulai dari frame ke satu, dilanjutkan kedua dan seterusnya hingga animasi berakhir. Playhead yang selanjutnya kita sebut sebagai penunjuk frame yaitu garis vertikal berwarna merah b~rgun~ untuk menunjukkan posisi

24

Media Presentasi | Macromedia FLASH dari frame yang dltampllkanpada stage. Playhead dapat dipindah ke frame yang kita inginkan cukup dengan mengklik frame tersebut. Misalnya terdapat animasi bola yang bergerak dari kiri ke kanan.

Teknik animasi di FlashDisini akan dibahas dua teknik animasi yang dapat digunakan di flash, kedua cara itu adalah motion tween dan frame by frame.

Motion tweenSeperti yang telah dibahas pada bab sebelumnya, teknik motion tween digunakan untuk mempermudah suatu proses animasi. Kata motion tween diambil karena dalam proses animasi terjadi pergerakkan antara 2 gambar acuan, kata tween diambil dari in between. Kita dapat membuat motion tween dengan cara menempatkan gambar acuan awal (starting keyframe) dan gambar acuan akhir (ending keyframe), lalu kita perintahkan flash untuk membuat motion diantara kedua gambar itu maka kita akan mendapatkan hasil yang sangat halus Cara motion tween adalah cara paling sederhana dalam membuat animasi flash.

Frame by frameTeknik animasi ini mengubah isi dari stage di setiap frame dan teknik ini sangat baik dipakai untuk melakukan animasi yang sangat complex dimana gambar berubah di setiap frame. Frame by frame animation membuat ukuran file naik secara drastic dibandingkan dengan motion tween animation.

25


Mengenal Keyframe dan Tweening dengan Motion PathPada Sesi Ini:Mengenal keyframe mempelajari Tweening dengan Motion Path

26


Mengenal keyframeKeyframe adalah salah satu frame dimana kita dapat menentukan perubahan property suatu objek untuk animasi. Flash dapat melakukan tween, yaitu secara otomatis merubah dan memperbanyak gambar antara suatu frame dengan keyframe yang telah ditentukan untuk menghasilkan suatu animasi yang mengalir. Dengan bantuan keyframe pembuatan animasi dapat lebih mudah karena kita tidak perlu membuat gambar satu persatu hingga menghasilkan suatu animasi yang diinginkan.

Gambar 2-15 Keyframe Dengan memanfaatkan timeline kita dapat mengatur penempatan frame dan keyframe, dan juga kita dapat mengatur lamanya proses tween dengan men-drag keyframe di timeline Beberapa perintah lain yang dapat dipakai untuk memodifikasi frame atau keyframe : 50 Menambah frame, insert > frame. 51 Menambah keyframe, insert > keyframe. 52 Menambah keyframe kosong, insert > blank keyframe. 53 Untuk menghapus frame, keyframe adalah dengan cara memilih frame atau keyframe yang akan di hapus lalu edit > timeline > remove frame. Setiap scene dalam sebuah flash movie dapat terdiri dari beberapa layer. Anda dapat menggunakan layer untuk mengatur bagian dari serangkaian animasi sehingga tidak terpisah dengan animasi yang lain. Jika Anda ingin menjalankan gerakan beberapa grup atau simbol sekaligus, masing-masing objek harus berada dalam layer yang berbeda.

27


Gambar 2-26 Fungsi Keyframe

Tweening dengan Motion PathLayer motion guide memperbolehkan Anda menggambar garis edar normal yang dihubungkan dengan layer motion guide menjadi sebuah layer guide. Langkah untuk membuat motion path selama animasi tween adalah: 54 Buat rangkaian animasi menggunakan perintah tween motion seperti yang dijelaskan pada bagian tween instance, grup, dan teks. 55 Pilih salah satu perintah berikut: Pilih layer yang berisi animasi dan pilih menu Insert > Timeline > motion guide. Klik kanan layer yang berisi animasi dan pilih menu Add motion guide.

Gambar 0-3 Layer 56 Klik frame 1 layer Guide dan gambar garis bantu untuk alur dari animasi dengan menggunakan tombol Pencil seperti pada gambar berikut ini:

28


Gambar 2-47 Layer Guide 57 Klik frame guide layer dan geser gambar diujung awal garis. Klik frame akhir dari guide layer dan geser gambar diujung akhir garis.

Gambar 0-5 Guide layer 58 Untuk menyembunyikan layer motion guide dan garis sehingga hanya terlihat gerakan objek yang tampak saat anda bekerja yaitu dengan klik kolom mata (eye) pada layer motion guide.

29


Bekerja dengan warna dan Animasi frame by framePada Sesi Ini:Mempelajari cara bekerja dengan warna Mempelajari cara Menggunakan warna stroke dan fill Animasi frame by frame

30


Bekerja dengan warnaFlash menyediakan bermacam cara untuk menggunakan, membuat, dan memodifikasi warna. Menggunakan palet default atau sebuah palet yang Anda buat, Anda dapat memilih warna stroke atau warna fill untuk dipasang pada suatu objek. Warna stroke digunakan untuk mewarnai garis outline (garis tepi) objek, sedangkan warna fill digunakan untuk memberi warna pada bagian bidang objek. Saat menggunakan warna stroke pada sebuah bentuk, Anda dapat memilih warna padat dan mengatur bentuk dan ketebalan warna stroke. Untuk memberi warna pada bagian bidang objek, Anda dapat menggunakan warna padat, gradasi, atau gambar bitmap. Untuk menggunakan gambar bitmap sebagai pengisi bidang objek, Anda harus mengimpor sebuah gambar bitmap ke dalam file yang aktif. Dengan panel Mixer Anda dapat membuat dan menyunting warna padat/solid atau warna gradasi. Untuk membuat dan menyunting warna gradasi, gunakan panel Color Mixer. Anda dapat mengimpor, mengekspor, menghapus, dan memodifikasi warna palet pada sebuah file dengan menggunakan panel Color Mixer.

Gambar 2-18 Panel Mixer

Menggunakan warna stroke dan fillKontrol Stroke Color dan Fill Color di dalam toolbar digunakan untuk memilih warna stroke dan warna fill, membalik warna stroke dengan warna fill, atau memilih warna default stroke dan fill (warna stroke = hitam dan warna fill = putih). Objek oval dan rectangle dapat menggunakan warna stroke dan fill. Objek text dan brush stroke hanya dapat menggunakan warna fill. Gambar garis dengan tombol Line, Pen dan pencil hanya dapat menggunakan warna stroke.

31


Gambar 2-29 Kontrol Stroke Color

Membuat warna sendiriUntuk membuat komposis warna sesuai dengan keinginan, kita dapat melakukannya dengan cara: 59 Klik tombol Color Picker pada palet warna maka tampil kotak dialog.

Gambar 2-30 Color Picker 60 Klik pada bagian area warna kemudian tekan tombol Add Custom colors. 61 Klik tombol OK, maka objek akan berubah warna sesuai dengan warna yang anda pilih.

Menggunakan Stroke dan Fill Color dalam Panel PropertiesUntuk mengubah warna, bentuk dan ketebalan garis pada objek yang dipilih, dapat digunakan kontol Stroke color dalam panel

32

Media Presentasi | Macromedia FLASH ptoperties. Untuk bentuk garis, anda dapat memilih control stroke style pada properties, atau anda dapat membuat sendiri menggunakan tombol Custom stroke style. Untuk memilih sebuah warna fill dapat menggunakan kontrol fill color dalam panel properties.

Gambar 2-41 kontrol fill color

Animasi frame by frameKini akan diuraikan langkah langkah membuat animasi dengan teknik frame by frame: 62 Click nama layer untuk membuat layer itu aktif dan pilih frame di layer tersebut dimana frame tersebut adalah frame awal animasi. 63 Jika frame yang dipilih belum menjadi keyframe, maka pilih insert > timeline > keyframe untuk membuat frame tersebut menjadi keyframe. 64 Buat lah suatu objek di frame tersebut, bisa menggunakan drawing tools, paste graphics dari clipboard atau import file 65 Pilih frame selanjutnya dari frame yang pertama lalu pilih insert > timeline > keyframe atau lakukan click kanan lalu pilih insert keyframe dari opsi pilihan. 66 buatlah objek yang merupakan kelanjutan dari objek pada frame sebelumnya atau increment dari objek sebelumnya untuk menjadi suatu animasi. 67 untuk menghasilkan animasi frame by frame maka lakukan langkah 4 dan 5 hingga terbentuk animasi atau gerakan yang anda inginkan. Untuk mencoba hasil dari animasi gunakan control > play.

33


Membuat Animasi SederhanaMembuat animasi sederhana dengan motion tweenContoh pembuatan animasi yang sangat sederhana dengan menggunakan teknik motion tween dan tools yang telah dipelajari di bab sebelumnya. 68 Langkah pertama adalah dengan membuat document baru di flash. Pilih file > new. Pada kotak dialog new document, pilih flash new document, click OK. Di properties inspector setting ukuran stage menjadi 550 x 400 pixels. Background color di set menjadi warna lain selain putih.

Gambar 2-12 Properties inspector 69 Menggambar Lingkaran. Pilih oval tools pada tools panel.

34


Gambar 2-23 Tools Panel Pilih pilihan no color pada palet stroke color

Gambar 2-34 Pilih Color Pilih salah satu warna untuk fill color, pastikan warnanya sangat kontras dengan warna stage.

35


Gambar lingkaran di stage dengan cara Shift+click+dragging di stage, menggunakan tombol shift agar menghasilkan gambar bulat sempurna.

Gambar 2-45 Gambar lingkaran 70 Membuat Symbol Pilih selection tool di tools panel

36


Gambar 2-56 Tools Panel Click longkaran di stage untuk memilih objek tersebut Pilih modify > convert to symbol Pada kotak dialog berikan nama my_circle, dan type yang digunakan adalah movie clip. Click OK, maka akan ada lingkaran yang dikotakkan, ini menandakan objek tersebut telah menjadi symbol. Symbol yang baru dibuat ini akan muncul di library, dan dapat digunakan lebih dari sekali karena termasuk reuseable asset. Drag lingkaran ke kiri hingga keluar area stage

71 Menganimasikan Lingkaran

37


Gambar 2-67 Animasi Lingkaran Click frame 20 pada layer 1 di timeline

Gambar 2-78 Frame Animasi Insert > timeline > frame, maka frame telah dimasukkan ke timeline.

Gambar 2-89 Frame Animasi

38


Dengan keadaan frame 20 masih dipilih, insert > timeline > keyframe Dengan memilih frame 20 sebagai keyframe maka di frame inilah property atau bentuk suatu symbol akan berubah, maka pada frame inilah anda akan mengubah posisi dari lingkaran yang ada diluar stage.

Gambar 2-40 Keyframe Dengan keadaan frame 20 masih dipilih, drag lingkaran yang diluar stage ke dalam stage. Pilih frame 1 pada layer 1 di timeline Di kotak property inspector pilih motion dari pop up menu dari tween. Akan muncul tanda panah pada layer 1 di timeline antara frame 1 dan frame 20.

Gambar 2-41 Property inspector Ini adalah proses animasi motion tween, drag playhead yang berwarna merah untuk melihat hasil dari motion tween.

39


Gambar 2-42 animasi motion tween Untuk melihat atau mengetest secara keseluruhan dapat dengan cara, control > test movie.

40

Internet

Internet| Internet untuk Pembelajaran

Pengenalan Internet I: Website dan GooglePada Sesi Ini:Mengenal Web BrowserMengenal jenis-jenis web browser yang sering digunakan

Mengenal WebsiteLangkah-langkah untuk mengakses suatu website yang diinginkan

Teknik Pencarian dengan GoogleMenggunakan website Google dalam pencarian bahanbahan (artikel maupun gambar) yang dibutuhkan

Mendownload FileMenggunakan browser dalam proses download file

Chat, Messanger, dan FriendsterMengenal Chatting (menggunakan Yahoo Messanger), situs penambah teman (Friendster).

1


Mengenal Web BrowserUntuk mengakses internet, Anda memerlukan browser yang sudah terinstall di komputer Anda. Dalam dunia internet, dikenal beberapa jenis browser yang lazim digunakan, beberapa diantaranya adalah Internet Explorer, Mozzila Firefox dan Opera. Masing-masing beowser memiliki kelebihan dan kekurangan masing-masing. Internet Explorer merupakan browser yang sudah terinstall secara oromatis untuk pengguna windows sehingga anda tidak perlu lagi menginstall browser tersebut. Untuk membuka browser Anda klik START-PROGRAM-INTERNET EXPLORER.

Mengenal WebsiteUntuk mengakses internet, anda perlu mengetikkan alamat website yang ingin Anda buka. Caranya buka browser Anda STARTPROGRAM-INTERNET EXPLORER sampai muncul tampilan browser. Kemudian pada panel address bar, ketikkan alamat website yang ingin Anda akses, misalnya www.google.com, www.yahoo.com, www.blogger.com dan lain sebagainya.

Teknik Pencarian dengan Google1 Buka Web Browser Anda 2 Pada Address bar ketikkan alamat website google, yakni http://www.google.com sampai muncul tampilan seperti dibawah ini

2


Tampilan Awal Google 3 Untuk pengaturan pencarian, Anda dapat mengubah settingan Google dengan pilihan menu Preference. Pada menu ini, Anda dapat mengatur bahasa yang digunakan dan settingan lainnya.

4 Ketikan kata kunci yang akan berhubungan dengan bahan yang Anda cari pada kolom pencarian

3


5 Tekan Enter pada keyboard Anda, atau klik tombol Google Search pada layer 6 Hasil pencarian Anda akan tampil sebagai berikut

7 Klik dua kali pada bagian yang ingin Anda baca.

Trik pencarian dalam GoogleTerkadang kata kunci yang Anda masukkan tidak menampilkan hasil pencarian seperti yang diinginkan, untuk itu Anda perlu melakukan modifikasi pada kata kunci yang dimasukkan. Misalnya : untuk mencari file tentang bunga dengan format pdf,

4

Internet| Internet untuk Pembelajaran Anda harus menambahkan kata filetype:pdf di depan kata kunci Anda sehingga kata kunci yang Anda ketikkan menjadi bunga filetype:pdf Berikut ini adalah query yang dapat Anda gunakan untuk membatasi pencarian di Google.Query xxx" Keterangan Membatasi pencarian pada situs dengan domain tertentu Misalnya anda mengetikkan www.yahoo.com mail berarti anda membatasi pencarian kata mail di situs www.yahoo.com.Menentukan frasa tertentu tidak boleh ada pada hasil pencarian

/"

Misalnya anda mengetikkan kata /bunga , ini artinya anda mencari file yang di dalamnya tidak memuat kata bunga. Biasa penggunaan nya digabungkan dengan kata kunci lainnya. xxx yyy Untuk pencarian berupa frasa tertentu. Misalnya anda mencari kata bunga mawar yang tidak terpisah antara kata bunga dan kata mawar, maka anda harus mengetikkan bunga mawar Untuk mencari situs yang memuat kata xxx tapi tidak memuat kata yyy Misalnya anda ingin membatasi pencarian pada kata bunga saja tanpa memuat kata mawar, maka anda harus mengetikkan kata kunci bunga-mawar.

xxx-yyy

Tabel Query untuk Mempermudah Pencarian di Google

Mencari Gambar dengan GoogleKehandalan Google tidak hanya terbatas pada pencarian file berupa teks, namun juga dapat mencari gambar. Untuk mencari gambar, Anda perlu mengganti tab diatas kolom pencarian menjadi images, kemuadian ketikkan kata kunci yang Anda inginkan. Misalnya untuk mencari gambar bunga mawar, Anda perlu mengetikkan kata bunga mawar dan akan muncul hasil sebagai berikut :

5


Pencarian Gambar dengan Google

Mendownload FileAda kalanya Anda menemukan file penting di internet dan merasa butuh untuk menyimpannya di komputer Anda. Dalam hal ini, Anda akan melakukan proses pendownloadan file dengan tujuan menyimpan file tersebut. Proses download file dapat dilakukan dengan berbagai cara, yakni menggunakan software seperti Windows Commander dan menggunakan browser. Pada sesi ini akan dijelaskan proses pendownload file dengan menggunakan browser. Perlu diingat bahwa tidak semua browser menunjang proses pendownload-an file. Browser yang paling umum digunakan adalah Internet Explorer. Untuk mendowload file, Anda terlebih dahulu membukan halaman website yang mengandung link ke alamat tempat file yang Anda inginkan. Kemudian klik kanan link tersebut dan pilih save as. Selanjutnya Anda hanya perlu menentukan lokasi penyimpanan file di komputer.

Chat, Messanger, dan FriendsterDunia internet banyak menjanjikan berbagai hal yang menarik untuk di buka. Dengan internet Anda bisa ngobrol gratis dengan berbagai orang di belahan dunia lain dengan menggunakan fasilitas chatting, selain itu Anda juga bisa menambah teman

6

Internet| Internet untuk Pembelajaran sekaligus membangun jaringan dengan orang-orang baru dengan menggunakan Friendster.

Friendster Friendster merupakan website khusus untuk menjalin pertemanan di dunia maya. Di situs ini Anda dapat menampilkan data diri Anda, berikut foto. Selain itu Anda juga dapat menambah teman dan menerima testimonial dari teman-teman Anda. Untuk mengakses situs ini, cukup mengetikkan alamat www.friendster.com sehingga browser Anda akan menampilkan halaman berikut :

Tampilan Utama Friendster Untuk mempunyai account di Friendster, cukup dengan sign-up terlebih dahulu. Pada proses ini Anda diminta untuk mengisi alamat email dan beberapa data diri yang dianggap penting.

7


Tampilan Home dari Friendster

Chatting dengan Yahoo MessengerChatting merupakan salah satu kegiatan lain yang biasa dilakukan dalam jaringan komputer. Yahoo! Messanger merupakan salah satu program instant messenger untuk dapat saling berkomunikasi (chatting) antara dua orang atau lebih dalam jaringan komputer di manapun kedua orang atau lebih itu sedang on-line. Untuk dapat menggunakan program ini, Anda harus memiliki account e-mail di yahoo dan menginstall program Yahoo messanger di komputer Anda. Kemudian Anda akan diminta untuk mengisi yahoo-id dan password sampai muncul tampilan berikut.

8


Tampilan Yahoo Messanger

Menambah teman dalam Yahoo! Messanger Untuk menambah teman dalam Yahoo! Messenger, pilihlah icon Add kemudian akan muncul dialog baru. Isikan username teman Anda pada kotak yang tersedia, serta tuliskan nama teman Anda itu. Pilih next untuk melanjutkan proses ini. Pada window berikutnya, tentukan kelompok di mana teman Anda itu berada. Memulai chatting Untuk memulai chatting, lihatlah pada list teman Anda. Pilih teman Anda yang sedang aktif (on-line) kemudian klik ganda pada nama teman Anda tersebut. Akan muncul window baru yang merupakan window khusus untuk chatting bersama teman Anda. Anda kemudian dapat menuliskan pesan kepada teman Anda. Untuk memperindah dan memberikan ekspresi saat chatting, Anda dapat menggunakan smiley-smiley yang tersedia, sehingga chatting akan terasa lebih hidup. Melakukan konferensi dengan banyak teman Yahoo! Messenger memberikan fasilitas bagi Anda untuk dapat chatting dengan banyak orang sekaligus. Fasilitas ini dinamakan

9

Internet| Internet untuk Pembelajaran Conference. Anda dapat mengundang beberapa teman Anda untuk mengikuti konferensi yang Anda buat, dan Anda bersama temanteman Anda dapat saling ber-chatting seakan-akan Anda saling berbincang-bincang dengan teman-teman Anda. Mengakhiri program Yahoo! Messenger Setelah Anda selesai chatting, tentu Anda perlu menutup program Yahoo! Messenger. Sebelum itu, hal penting yang perlu Anda lakukan adalah log out dari Yahoo! Messenger. Setelah itu Anda dapat dengan aman menutup program Yahoo! Messenger. Hal ini perlu dilakukan sebab dengan menutup program tanpa log out, Anda tidak secara otomatis log out dari Yahoo! Messenger.

10


Pengenalan Internet II : EmailPada Sesi Ini:Pengenalan EmailMengenal email yang sangat penting digunakan dalam dunia Internet

Registrasi Email Yahoo!Langkah-langkah dalam melakukan proses registrasi email Yahoo!

Login dan PasswordMelakukan login ke email dengan memasukkan user id dan password yang didapatkan setelah proses registrasi

Inbox EmailMengenal inbox (surat masuk) dalam email

Compose EmailLangkah-langkah dalam meng-compose (mengirim) email ke orang lain

Antara Yahoo!, Gmail, dan HotmailMembandingkan Yahoo!, Gmail, dan Hotmail sebagai situs penyedia layanan email gratis

11


Pengenalan EmailEmail merupakan salah satu bagian yang tidak bisa dilepaskan dalam dunia Internet. Dengan menggunakan email, Anda dapat berkirim surat ke seluruh belahan dunia tanpa menggunakan perangko. Cukup dengan mengakses internet, membuka situs penyedia layanan email, login, dan mulailah Anda berkirim-kirim surat secara gratis. Disamping gratis, email juga memiliki keunggulan lain yakni prosesnya yang cepat dan mudah untuk digunakan. Situs-situs penyedia layanan internet sangatlah banyak, namun yang paling sering digunakan adalah layanan email Yahoo!, Google dan Hotmail. Hal ini dikarenakan fitur yang disediakan sangatlah lengkap dan menjanjikan kemudahan bagi para penggunanya.

Registrasi Email Yahoo!Dalam sesi ini akan diperkenalkan cara registrasi email di Yahoo! Hal yang pertama yang perlu Anda lakukan adalah mengakses alamat situs Yahoo! Kemudian melakukan proses registrasi. Setelah selesai melakukan registrasi, Anda akan mendapatkan sebuah Yahoo-id yang dapat dipergunakan untuk mengakses layanan Yahoo! Lainnya seperti Yahoomessager, layanan penyimpanan foto, sharing file dan lain sebagainya. Langkah-langkah yang perlu Anda lakukan adalah : 8 Buka Browser anda, kemudian ketikkan http://mail.yahoo.com sehingga muncul tampilan berikut:

12


Tampilan Awal mail.yahoo.com 9 Bagi Anda yang sudah mempunyai yahoo-id, cukup sign in dengan memasukkan yahoo-id dan password, akan tetapi bagi anda yang belum mempunyai yahoo-id diharuskan untuk registrasi terlebih dahulu dengan menekan tombol sign up pada tampilan Yahoo. 10 Setelah menekan tombol sign-up, Anda akan dibawa pada halaman dengan tampilan seperti gambar dibawah. Untuk memperoleh sebuah yahoo-id, Anda diwajibkan mengisi beberapa kolom data diri, antara lain nama, jenis kelamin, Yahoo-id yang diinginkan, pertanyaan berikut jawaban yang nantinya akan dibutuhkan disaat Anda lupa password. Jangan lupa untuk mengisi kolom-kolom yang bertanda bintang.

13


Tampilan Registrasi pada Yahoo! 11 Setelah mengisi data diri, Anda diwajibkan untuk melakukan verifikasi pendaftaran dengan mengetikkan huruf dan angka yang muncul dilayar 12 Setelah semua kolom terisi, jangan lupa untuk menekan tombol Saya Setuju atau I agree untuk menyatakan bahwa Anda setuju dengan ketentuan yang ditetapkan Yahoo! 13 Selamat! Anda telah mendapatkan sebuah Yahoo! Id.

Login dan PasswordUntuk login ke email Anda, cukup dengan mengetikkan yahooid dan password pada halaman depan mail yahoo! Namun akan menjadi masalah jika dikemudian hari Anda lupa password Anda. Tidak perlu panik jika hal tersebut terjadi, Anda cukup menekan tombol help untuk menanyakan

14

Internet| Internet untuk Pembelajaran password Anda, tentu saja dengan menjawab sejumlah pertanyaan rahasia yang Anda isi pada saat registrasi.

Melakukan Login

Inbox EmailSetelah memasukkan Yahoo-id dan Password, Anda akan dibawa ke sebuah halaman depan email Anda dengan tampilan berikut ini

Halaman Depan Email

Pada panel sebelah kiri Anda bisa menemukan folder inbox, Draft, Sent, Bulk dan Trash. Kesemua folder tersebut memiliki fungsi yang berbeda-beda, antara lain : Inbox untuk

15

Internet| Internet untuk Pembelajaran menampung email yang masuk, Draft untuk menampung email yang belum selesai ditulis, Sent untuk menampung email yang telah Anda kirim. Bulk untuk menyimpan email sampah atau spam, sedangkan Trash berfungsi untuk menyimpan email yang sudah Anda hapus. Di bagian tengah, Anda akan menemukan sebuah ucapan Welcome beserta pemberitahuan email baru di inbox Anda. Untuk masuk ke inbox, cukup dengan meng-klik link tersebut atau meng-klik folder inbox. Setalah masuk ke inbox, akan muncul tampilan berikut :

Tampilan Inbox Email Email yang bercetak tebal menunjukan email yang belum Anda baca. Untuk membacanya, cukup dengan mengklik email yang bersangkutan.

Compose EmailAnda sudah mengetahui cara membaca email, tapi bagaimana cara mengirimnya? Tak perlu khawatir, Anda hanya perlu mengikuti langkah-langkah berikut : 14 Pada halaman depan, klik tombol Compose yang terdapat pada panel kiri atas. 15 Anda akan dibawa ke halaman seperti tampilan dibawah. Isikan alamat email yang Anda tuju pada

16

Internet| Internet untuk Pembelajaran kolom To dan isikan subjek email Anda pada kolom Subject

Compose Email 16 Ketikkan isi email Anda pada kolom besar yang terdapat ditengah-tengah. Anda dapat memodifikasi teks email Anda dengan penebalan, warna, pengaturan alignment penambahan smiley, dan lain sebagainya. 17 Jika Anda ingin melampirkan sebuah file, jangan lupa meng-klik tombol Attach File sehingga muncul tampilan berikut :

Melampirkan File 18 Tekan tombol browse untuk mencari file yang akan Anda lampirkan

17

Internet| Internet untuk Pembelajaran 19 Untuk file dengan ukuran besar, proses attach file akan memakan waktu yang agak lama. 20 Jika proses attach file selesai, klik tombol Attach File 21 Jika Email Anda telah siap untuk dikirim, tekan tombol Send

Antara Yahoo!, Gmail, dan HotmailSeperti yang telah dijelaskan sebelumnya, terdapat beberapa situs penyedia layanan email gratis, diantaranya Yahoo!, Gmail dan Hotmail.

Tampilan Gmail

Setiap penyedia layanan memiliki spesifikasi tersendiri. Berikut adalah perbandingan antara beberapa penyedia layanan email gratis.

18


Fitur Kapasitas Attachment Virus Scanning Autofill alamat email

Gmail 1 GB Unlimited Tidak ada ada 5 Ada

Yahoo 1GB

Hotmail 2MB unlimited Ada Tidak ada

Tidak ada

Antara Gmail, Yahoo!, dan Hotmail Setelah membandingkan berbagai layanan penyedia email gratis, tentunya pilihan kembali kepada Anda. Disarankan untuk memilih penyedia layana yang sesuai dengan kebutuhan Anda dan mudah diakses dimana saja.

19

Documents

Master Power Point FLASH Internet Newest