Cara membuat slideshow dengan navigasi sederhana bag.2

Bila sebelumnya kita sudah membuat animasi kartini, nah ini merupakan lanjutan dari tutorial slideshow yang kita sempurnakan agar hasilnya lebih optimal tentunya. Bila Anda belum mengikuti tutorial sebelumnya, Anda bisa membacanya melalui link dibawah ini :
Cara membuat slideshow dengan navigasi sendiri

Versi : Microsoft Office Powerpoint 2007, 2010, dan diatasnya
Kategori : Mudah
Jenis : Animasi

01 | Berikan animasi
Klik pada gambar agar terseleksi, lalu berikan animasi dengan langkah yang sama seperti langkah sebelumnya, namun pada ikon Effect Options, silahkan pilih Left untuk arahnya. Ketika pada awalnya kita membuat arah kanan ( Right ), maka pada selanjutnya kita membuat arah yang berlawanan. Bila sudah, Lakukan hal yang sama, yakni menarik panah warna merah dan sesuaikan panjangnya dengan animasi sebelumnya. Yakni, animasi pada arah menuju RIght (kanan). Sehingga, bila kita melakukan pergerakan animasi, bisa berjalan dengan baik.

Gbr.28 mengatur animasi 

02 | Koneksikan dengan Chevron
Tentu kita sudah tahu, apa yang dimaksud Chevron, ya navigasi yang kita gunakan untuk mengatur jalannya animasi. Jangan lupa untuk tetap mengaktifkan animation pane dengan cara mengklik ikonnya pada tab menu Animations. Animasi yang baru saja kita buat, normalnya terletak pada urutan yang paling atas. Klik kanan --> Timings.

Gbr.28a Mengkoneksikan dengan Chevron

Muncul kotak dialog, selanjutnya Klik tombol Triggers, klik opsi Start effect on click of, klik panah drop down lalu pilih chevron yang nilai angkanya lebih besar, jadi bila ada chevron 5 dan 6 seperti yang kebetulan saya dapatkan, maka saya memilih Chevron 6. Akhiri dengan menekan tombol OK.

Ketika langkah diatas telah dilakukan, maka deret animasi tadi akan turun kebawah dengan ditandai Chevron 6 atau chevron yang sesuai piihan pada animation Pane. Anda bisa mencobanya dengan menekan Tombol F5, eitss tutorial animasi belum selesai.

03 | Pemberian efek pendukung
Selanjutnya mudah saja, perhatikan bintang merah dan hijau pada animation Pane di Chevron 5. Nah, ada bintang merah yang berfungsi menghilangkan, sedangkan bintang hijau memunculkan. KIta tinggal memberikan efek yang sama saja namun dibalik. Jadi, bila bintang merahnya chevron 5, maka selanjutnya bintang merahnya Chevron 6, begitu pula dengan bintang hijau.

Gbr.28b Efek pendukung dengan animasi Fade

Untuk memberikan efek bintang merah, klik navigasi yang menunjuk arah kiri lalu klik ikon Add animations lalu pilih Fade pada bagian Exit. Sedangkan untuk memberikan bintang hijau sama dengan tutorial sebelumnya, hanya saja pilih fade bagian Entrance.

04 | Sesuaikan Animasi
Bila langkah-langkah diatas sudah diterapkan, selanjutya tarik bintang merah dan hijau pada bagian atas pada bagian bawah Chevron 6 sesudah Group, klik kanan pada masing-masing efek dan klik opsi Start with Previous. Ini akan membuat animasi berjalan otomatis ketika tombol diklik (navigasi Chevron 6).

Gbr.28c Pengaturan animasi berjalan otomatis

Tutorial diatas mengakhiri pembuatan animasi slide show sederhana tema kartini kali ini, Anda bebas untuk mengembangkannya agar tampak lebih menarik, misalnya memberi gradasi warna, memberikan sedikit penjelasan hingga mengganti gambarnya dan membuatnya lebih banyak.

Semoga tutorial ini dapat memberikan manfaat bagi Anda yang mungkin saja cukup direpotkan untuk menampilkan banyak gambar pada slide yang sama, namun ingin membuatnya lebih bersih dan canggih tentunya, sampai bertemu di Tutorial animasi Powerpoint selanjutnya. Berikut ini hasilnya, silakan dilihat dulu.

Gbr.28d Hasil Akhir Slideshow

Kalo ada masukan, jangan dipendam sendiri. Yuk, dibagi. Siapa tahu dapat memberikan manfaat bagi penulis maupun pembaca yang lain tentunya.

Bagi yang mau mengunduhnya untuk belajar lebih jauh tentang Slideshow diatas, silakan melalui link dibawah ini :

Download Kartini.pptx (172Kb)


Bila bingung cara mendownloadnya, Anda bisa membaca caranya pada link dibawah ini :
Cara mengunduh file di Themediastorage

Artikel dengan tag Tutorial :
Membuat lampu sorot dengan mudah di Powerpoint
Cara membuat animasi tombol sulap
Menampilkan gambar dengan Tombol animasi
Yuk, buat animasi lampion di Powerpoint

Read More

Cara membuat slide show dengan navigasi Sederhana

Siapa yang tidak tahu slideshow, saya kira sudah banyak yang mengetahuinya. Kebanyakan dipakai dalam situs-situs yang juga digunakan beberapa kode javascript yang diiringi dengan beberapa plugin tertentu. Kalau begitu, kita akan membuat plagiatnya tapi dengan versi powerpoint, nah daripada banyak bicara mending kita langsung membuatnya.

Karena dalam minggu-minggu Kartini, maka slideshow yang akan dibuat tentu saja mengandung unsur-unsur Kartini. Nah, kita akan menuangkannya pada edisi Slideshow sederhana, ya namanya hanya sederhana. Tentu saja hanya ada dua gambar didalamnya. 

01 | Masukkan gambar dan Teks

Untuk memasukkan gambar, klik tab Menu Insert lalu pilih Picture. Bila sudah, sekarang buat teks dengan tab menu insert lalu klik ikon textbox. Atur sesuai keinginan dan ketikkan kata-kata yang diinginkan. Anda sebenarnya bisa juga membuat kedua-dua dari slideshow berupa gambar. Namun, agar tampak bervariasi Anda bisa membuat teks dan gambar. Bila objek gambar dan teks sudah jadi, letakkan pada posisi berjauhan, pastikan gambar pertama berada pada posisi didalam slide, sedang objek lainnya diluar slide (baik itu gambar juga maupun teks yang sudah kita buat).

Gbr.27 menyisipkan Objek

02 | Lakukan Grouping

Apa itu Grouping ? grouping merupakan penyatuan antar elemen satu dengan yang lain, sehingga bila dipindahkan akan mengikuti seluruhnya. Blok semua elemen (baik yang ada didalam maupun diluar slide) lalu tekan tombol Ctrl + g pada Keyboard. Alhasil, semua elemen akan ditandai oleh garis putus-putus. Bila sudah dilakukan grouping, sekarang geser dulu garis putus-putus yang diklik akan menjadi garis menyambung dan pastikan bahwa ada garis putus-putus yang menyelubungi keseuruhan gambar yang ada didalam dan diluar slide. Untuk lebih mudahnya, Klik salah satu elemen (gambar atau teks) , bila muncul garis ganda seperti pada screenshoot maka grouping telah selesai. Taruh agak kebawah, pastikan semua elemen jadi turun serempak, kita akan membuat navigasinya.

Gbr.27a membuat navigasi

03 | Membuat Navigasi

fungsinya sebagai navigasi saat diklik akan bergerak eleman yang tadi kita buat. Untuk membuatnya kita bisa memakai bentuk Chevron. Caranya klik Ikon Shapes pada tab menu Home atau Insert —> Pilih bentuk Chevron pada bagian Block Arrows. Buat dua bentuk tapi yang satunya dibentuk berlawanan (kebalikan) dengan cara mengklik bulatan hijau untuk memutarnya.

04 | Memberikan animasi

Gbr.27b memberikan animasi

Animasi yang kita berikan yakni bergeser kearah kanan dari posisi kita maksudnya. Tarik gambar yang sudah kita sisipkan pada langkah pertama pada tengah-tengah posisi Slide. didampingi oleh dayang-dayang Navigasi. Klik gambar dan pastikan elemen yang diluar slide juga ikut terangkat. Klik Tab menu Animations —> Klik Lines pada bagian Motion Paths. Bila sudah, atur effect options menjadi Right pada tab menu Animations.
Bila langkah diatas sudah dilakukan, otomatis akan muncul panah hijau yang searah menunjuk panah merah. Klik panah merah lalu atur menjadi panjang, ini berguna membuat elemen pertama menjadi keluar dari slide dan elemen kedua (diluar slide) menjadi didalam slide. aktifkan Animation pane untuk melihat hasil dari pergerakan animasi dengan cara menekan Tombol Play.

Bila terlalu melebihi jauhnya pergerakan, Anda bisa mengklik panah warna merah dan mengaturnya menjadi pendek dengan menariknya secara hati-hati agar tetap dalam kondisi lurus. Mungkin ini akan menyita waktu, tapi animasi yang dihasilkan juga tak kalah menarik, atur hingga posisi elemen pertama dan kedua berjalan dan berhenti pada posisi yang tepat.

05 | Mengkoneksikan pada navigasi

Karena kita membuat animasinya berjalan kearah kanan, maka panah kearah kanan yang akan kita modifikasi. Klik animasi pada animation pane —> Pilih Timings. Muncul kotak dialog lalu klik Tombol Triggers. Klik bulatan Start effect on click of —> Klik panah kecil lalu pilih Chevron pada drop down, normalnya akan ada dua chevron. pilih yang memiliki angka lebih awal. Misalnya dalam anak panah ada chevron 5 dan Chevron 6 , maka pilih Chevron 5. Begitu seterusnya.

gbr.27c mengatur efek timing

Bila sudah, tekan area slideshow dengan tombol F5 pada Keyboard lalu coba klik navigasi kearah kanan yang sudah kita buat. Bila sukses, kita tinggal melakukan modifikasi sedikit, namun bila tidak ada reaksi, Anda bisa memilih Chevron yang lain atau Chevron dengan angka lain pada kotak dialog Timings.

06 | Melakukan Modifikasi

pada Navigasi yang kita klik tadi kita akan memberikan animasi menghilang, klik navigasi tersebut lalu klik Ikon Add animations pada tab menu Animations —> pilih Fade pada bagian Exit. Muncullah animasi baru pada animation pane, tarik kebawah pada animasi sebelumnya (biasanya bernama Group lalu diikuti angka) klik kanan pada animasi fade tadi lalu pilih Start with Previous. Ini akan membuat animasi berjalan otomatis ketika animasi pertama dijalankan.

Gbr.27d Membuat animasi Fade

Modifikasi selanjutnya kita akan membuat navigasi lain muncul saat navigasi yang diklik menghilang. Klik pada navigasi lainnya (disini saya memilih navigasi kiri yang diberikan animasi) caranya hampir sama dengan yang tadi, bedanya cuma Pilih Fade pada bagian Entrance bukan Exit. Lalu, lakukan hal yang sama yakni dtarik dibawah lalu klik kanan —> Start with previous.

Kembali jalankan animasi dengan cara tekan Tombol F5. Normalnya, ketika animasi dijalankan, maka navigasi salah satunya akan hilang.Lalu klik navigasi yang ada dan perhatikan bahwa navigasi yang lain muncul. Lalu, kenapa navigasi yang muncul itu tidak bisa diklik, itu karena kita belum memberikan sentuhan animasi didalamnya. Ini bisa menjadi bagian dari hiasan powerpoint agar tidak memakan tempat, namun tetap bisa bersatu dalam satu slide.

gbr.27e mengatur animasi otomatis

pada bahasan selanjutnya, kita akan membuat navigasi lainnya agar bisa saling bersambungan, tetap di Sipowerpoint

Artikel dengan Tag Tutorial :

Cara membuat animasi Lampion menarik
Membuat animasi footer pada slide Powerpoint
Menampilkan gambar ketika tombol diklik di slide
Yuk, bermain sulap dengan Tombol di Powerpoint
Membuat animasi lampu sorot di Powerpoint
Animasi tulisan mengecil sebagai credit

Read More