Membuat Animasi Teks Auto Typing Menggunakan Action S

  • Published on
    27-Jun-2015

  • View
    514

  • Download
    5

Transcript

<p>TUTORIAL ELIPS COMPUTER: 09 Membuat Animasi Teks Autotyping Menggunakan Action Script pada Flash CS3</p> <p>DETEKSI PENGUNJUNG</p> <p>TUTORIAL ELIPS COMPUTER</p> <p>Search This Blog</p> <p>09 Membuat Animasi Teks Autotyping Menggunakan Action Script pada Flash CS3FollowersDalam tutorial ini, saya akan menjelaskan bagaimana membuat animasi teks autotyping dengan hanya menggunakan sebuah dynamic text dan beberapa baris action script. Tutorial ini dapat digunakan pada Flash MX 2004, Flash 8, Flash CS3, dan versi yang terbaru Flash CS4. Mungkin anda sering melihat animasi teks autotyping, yaitu animasi teks yang muncul per huruf seperti ketika kita mengetik pada monitor. Tapi, pada kesempatan kali ini, saya akan menjelaskan kepada anda semua bagaimana membuat animasi hanya menggunakan action script dan sebuah dynamic text. Langsung saja kita mulai tutorialnya. Langkah selanjutnya, pada panel properties, anda atur seperti dibawah ini:</p> <p>Search</p> <p>powered by</p> <p>Pengunjung OnlineGanti text typenya menjadi Dynamic Text (karena ini akan digunakan untuk menampilkan teks melalui ActionScript). Namai instance name dengan monitor_txt. Ganti line typenya menjadi multiline. Ubah warna fontnya menjadi hijau. Ubah ukuran fontnya menjadi 16. Ubah fontnya menjadi Lucida Console. Langkah pertama, silahkan anda buka program Flash anda, pada tutorial ini saya membuat dengan Flash CS3. Buat dokumen baru. Pada panel properties yang terletak di bagian bawah, anda klik tombol setting.</p> <p>Flag Counter</p> <p>Search Engine Submissio - AddMe</p> <p>FeedjitLive Traffic Feed Kemudian akan muncul windows publish setting, kemudian anda ganti pada bagian version menjadi flash player 8 dan ganti ActionScript Version menjadi ActionScript 2.0. lalu tekan tombol OK.A visitor from Jakarta, Jakarta Raya viewed "TUTORIAL ELIPS COMPUTER: 09 Membuat Animasi Teks Autotyping Menggunakan Action Script pada Flash CS3" 0 secs ago A visitor from Indonesia viewed "TUTORIAL ELIPS COMPUTER: Tutorial Photoshop Glowing Dance" 15 mins ago A visitor from Serpong, Jawa Barat viewed "TUTORIAL ELIPS COMPUTER: Tutorial Illustrator Membuat Kaos Vektor" 11 hours 45 mins ago A visitor from Jakarta, Jakarta Raya viewed "TUTORIAL ELIPS COMPUTER: Tutorial membuat animasi 3d dengan CorelDraw &amp; Adobe Photoshop part 1" 16 hours 52 mins ago A visitor from Jakarta, Jakarta</p> <p>http://tutorialelipscomputer.blogspot.com/2010/11/09-membuat-animasi-teks-autotyping.html[1/19/2011 11:03:58 AM]</p> <p>TUTORIAL ELIPS COMPUTER: 09 Membuat Animasi Teks Autotyping Menggunakan Action Script pada Flash CS3</p> <p>Jika sudah, lalu anda ganti backgroundnya menjadi berwarna hitam. Dengan cara: pada panel properties, disebelah kanan background anda klik segitiga hitam,</p> <p>Raya viewed "TUTORIAL ELIPS COMPUTER: Tutorial Illustrator Membuat Kaos Vektor" 16 hours 59 mins ago A visitor from Surabaya, Jawa Timur left "TUTORIAL ELIPS COMPUTER" via elips-graph.com 19 hours 49 mins ago</p> <p>Lalu akan muncul palet warna seperti dibawah ini, lalu anda pilih warna hitam (#000000).</p> <p>A visitor from Surabaya, Jawa Timur viewed "TUTORIAL ELIPS COMPUTER" 19 hours 52 mins ago A visitor from Semarang, Jawa Tengah viewed "TUTORIAL ELIPS COMPUTER: Illustrator Tutorial Minimalist Music Poster" 20 hours 40 mins ago A visitor from Bekasi, Jawa Barat viewed "TUTORIAL ELIPS COMPUTER: Tutorial Illustrator Membuat Kaos Vektor" 1 day 2 hours ago A visitor from Jakarta, Jakarta Raya viewed "TUTORIAL ELIPS COMPUTER: Tutorial Photoshop Glowing Dance" 1 day 8 hours ago</p> <p>Lalu anda pilih text tool (T) atau tekan tombot T pada keyboard. Kemudian, buatlah kotak text pada stage, kira-kira sedikit lebih kecil dari stage.</p> <p>Real - time view Menu</p> <p>Langkah selanjutnya, kita akan melakukan embedding font, agar movie flash kita dapat dimainkan dikomputer mana saja, walaupun tidak memiliki font yang dipakai seperti yang kita gunakan pada tutorial ini. Langkah-langkahnya: Pada panel properties, klik tombol embed, kemudian akan muncul window character embedding.</p> <p>http://tutorialelipscomputer.blogspot.com/2010/11/09-membuat-animasi-teks-autotyping.html[1/19/2011 11:03:58 AM]</p> <p>TUTORIAL ELIPS COMPUTER: 09 Membuat Animasi Teks Autotyping Menggunakan Action Script pada Flash CS3</p> <p>Untuk memilih lebih dari satu, gunakan tombol ctrl, lalu pilih character set yang diinginkan. Tapi, anda harus tahu bahwa embedding font dapat menyebabkan ukuran movie flash anda membesar, jadi embed yang penting saja. Pada bagian include these characters: anda melihat karakter seperti ini ? Cara untuk menambahkannya: Klik menu start&gt;&gt;programs&gt;&gt;accessories&gt;&gt;system tools&gt;&gt;Character Maps. Kemudian akan muncul window Character Maps. Pada bagian font anda ganti menjadi Lucida Console. Kemudian anda cari karakter seperti ini ? Tekan tombol select. Tekan tombol Copy. Kemudian anda paste-kan pada kotak include these characters:</p> <p>Jika sudah selesai, pada window characters embedding, anda tekan tombol OK.</p> <p>http://tutorialelipscomputer.blogspot.com/2010/11/09-membuat-animasi-teks-autotyping.html[1/19/2011 11:03:58 AM]</p> <p>TUTORIAL ELIPS COMPUTER: 09 Membuat Animasi Teks Autotyping Menggunakan Action Script pada Flash CS3</p> <p>Langkah selajutnya, anda buat layer baru letakkan diatas layer 1, dan ubah namanya menjadi action.</p> <p>Kemudian kita akan menuliskan ActionScript pada frame 1 layer action dengan mengklik frame 1 pada layer action lalu tekan tombol F9 untuk membuka jendela Action. lalu anda ketikkan script berikut: view sourceprint?01 var i:Number = 0; 02 var myMessage:String = "ketikkan kata apa saja yang anda sukai disini...."; 03 function autoWrite():Void { 04 05 06 07 08 09 10 } 11 var writingInterval:Number = setInterval(autoWrite,20); } if (i</p>

Recommended

View more >