+62 852-4056-7490 •

Artikel

Membuat Slideshow Di Web (adobe Edge)

nadir3011 3 Comments Oktober 13, 2013
img

Assalamualaikum Wr. Wb.

#Salam_Logika

Kali ini kita akan membahas bagaimana membuat slideshow di website hanya dengan drag-drop menggunakan aplikasi yang disebut Adobe Edge Animate. Ok langsung saja kita menuju TKP.....

 

 

1.       Buat folder misal “slideshow” kemudian di dalam folder slideshow buat lagi folder “images” lalu di dalam folder images berisi foto yang akan digunakan untuk tampilan slideshow nantinya.

 

 

2.       Jalankan aplikasi adobe edge animate-nya, kemudian pilih create-new dan pada menu file pilih save “ctrl + s” lalu pada tab save as cari folder yang telah dibuat tadi dan klik “save”.

 

 

  

 

3.       Pada panel library yang berada disebelah kanan layar select semua foto kemudian tarik ke panel lembar kerjanya.

 

 

4.       Pada panel timeline nya select semua file foto kemudian pada panel “properties” ubah “position and size” width(W) = 800 dan Heigh (H) = 360 dan pada stagenya ubah nilainya menjadi width(W) = 800 dan Heigh (H) = 400. 

 

 

 

Mulai dari sini kita akan mengatur mulai dari foto mana yang akan kita tampilkan pertama di slideshow nantinya... 

 

5.       Select tiga foto untuk mengurutkan foto ke-2,3,4. Lalu aktifkan opacity pada properties dan ubah nilainya menjadi 0. 

   

 

6.       Tarik garis merah ke berapa lama foto pertama muncul disini saya menggunakan 2 detik untuk foto pertama. Kemudian tarik lagi garis merah-nya ke detik yang ingin ditampilkan foto keduanya disini saya munculkan di detik 2-3. Kemudian aktifkan opacity pada foto kedua dan ubah nilainya menjadi 100. 

 

Begitu pun untuk foto berikutnya tinggal mengatur waktu muncul dan ubah nilai opacity-nya menjadi 100.

 

7.       Pada foto ke-empat buatlah dua (2) kali pemanggilan fotonya dan untuk memanggil foto yang pertama kembali, seperti foto dibawah ini. 

 

 

8.    Untuk menampilkan slideshow-nya secara berulang kali. Usahakan garis merahnya berada pada akhir time fotonya lalu klik “insert trigger (ctrl + T) pada actionnya” kemudian klik “play from” dan ubah nilainya menjadi 0. 

 

 

Untuk menampilkannya di web browser, klik menu file kemudian pilih “preview in browser (Ctrl + enter)”

 

Sekian dan terima kasih....
 

Wassalamualaikum Wr. Wb. 

#SALAM_LOGIKA


Tags: web

3 Comments

reply

John Doe

June 29, 2014 - 11:23 Proin eget tortor risus. Cras ultricies ligula sed magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
reply

Diana Doe

June 29, 2014 - 11:23 Proin eget tortor risus. Cras ultricies ligula sed magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
reply

Melissa Doe

June 29, 2014 - 11:23 Proin eget tortor risus. Cras ultricies ligula sed magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Peter Doe

June 29, 2014 - 11:23 Proin eget tortor risus. Cras ultricies ligula sed magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Leave a reply Your email address will not be published.


Allowed HTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Inappropriate and irrelevant comments will be removed at an admin's discretion.
Your email is used for verification purposes only, it will never be shared.