Games Tangkap Telur menggunakan Suara

Games Tangkap Telur

Metamorfosis Kupu-Kupu

ANIMASI 2D - SISTEM TATA SURYA

Cara Membuat Animasi dan Mengedit Logo

Cara Membuat Animasi dan Mengedit Logo

Pada pembuatan animasi kali ini,kita akan mencoba mengedit dan membuat logo menjadi bergerak dan menambahkan tulisan. Software yang digunakan adalah aplikasi PhotoShop CS3.

Sekarang kita akan mengedit logo Unsri

Pertama, buka aplikasi photoshop cs3. Setelah itu pilih file dan klik new seperti pada gambar dibawah ini

Lalu akan tampil kotak dialog seperti ini

Atur ukuran yang diinginkan lalu pilih Ok.

Maka akan tampil seperti ini. Lalu pilih File,dan pilih open. Sehingga akan muncul pilihan gambar yang anda inginkan. Setelah dipilih lalu pilih open.

Selanjutnya,tambahkan frame untuk mengedit logo tersebut dengan memilih pilihan Duplicate selected frame pada kotak dialog bawah, dan pada sebelah kanan, tambahkan juga frame sama seperti langkah sebelumnya dengan memilih Duplicate selected frame.

Kemudian, untuk menggerakkan bagian yang akan diedit,pilih Quick selected tool pada kotak dialog sebelah kiri.

Maka akan tampil garis-garis putus seperti gambar,arahkan pointer ke bagian yang akan diedit,ratakan garis-garis putus tersebut sehingga ia terlihat rapi dan beraturan.

Jika sudah selesai,dan garis putus-putus tadi sudah selesai diletakkan pada bagian yang akan diedit,maka langkah selanjutnya adalah memutar bagian yang telah diberi garis putus-putus dengan memilih frame yang kedua. Ingat, ketika anda memilih frame pada bagian kedua yang ada dibawah gambar, jangan lupa utuk memilih frame dibagian kedua juga disebelah kanan anda, klik pada frame tersebut sehingga akan muncul gambar mata. Anda hanya dapat memilih satu frame saja, karen jika anda memilih lebih dari satu,maka pengeditan tidak berhasil.

Kemudian, klik Ctrl+T lalu akan muncul tanda panah untuk memutar bagian yang telah diberi garis putus-putus. Putar bagian tersebut, lalu klik Enter.

Lakukan langkah tadi hingga perputaran selesai.

Lalu,lakukan lagi langkah yang seperti sebelumnya secara berulang.

Jika sudah selesai, pilih semua frame, lalu atur waktunya sesuai dengan keinginan.

Jika sudah selesai klik Play. Maka animasi pada logo sudah selesai!

Simpan logo yang telah diedit tadi. Klik file,lalu pili save for web and device atau dapat pula dengan mengklik alt+shift+ctrl+s.

Klik Save for Web & Devices,maka akan muncul gambar seperti dibawah ini.

gambar telah berhasil disimpan.

Kedua,cara membuat tulisan bergerak pada Photoshop CS3.

Pertama, buka aplikasi photo shop. Setelah itu pilih file dan klik new.

Lalu atur ukuran kanvas yang diinginkan dan klik OK.seperti gambar dibawah

Selanjutnya,tambahkan frame dengan memilih Duplicate selected frame pada kotak dialog bawah, dan pada sebelah kanan, tambahkan juga frame sama seperti langkah sebelumnya dengan memilih Duplicate selected frame.

Kemudian ketik tulisan sesuai keinginan anda,lakukan secara berulang pada setiap frame.

Setelah membuat tulisan sesuai keinginan anda,maka atur waktu untuk memulai proses bergeraknya tulisan.

Jika sudah selesai klik Play. Maka animasi pada nama sudah selesai!

Simpan logo yang telah diedit tadi. Klik file,lalu pilih save for wed and device atau dapat pula dengan mengklik alt+shift+ctrl+s.

Gambar berhasil disimpan.

Kemudian kita akan menyatukan gambar dan tulisan tersebut menjadi satu dengan menggunakan aplikasi SWIsH Max4.

Buka aplikasi tersebut,lalu tampilannya akan menjadi seperti ini. Pilih movie. Lalu klik Ok.

Maka akan muncul tampilan seperti ini, dan pilih insert,lali pilih Import Animation.

Lalu akan muncul gambar yang sudah diedit dengan menggunakan photo shop tadi,lalu klik open.

Pilih import. 

Atur gambar tadi sesuai keinginan anda.

 Kemudian tambahkan tulisan yang sudah diedit. Lakukan langkah sama seperti diatas.

 Atur posisi tulisan tadi. Jika sudah selesai,maka simpan animasi tersebut. Plih file, pilih Export, lalu pilih SWF.

Maka hasil editan animasi anda telah tersimpan.

Tugas Multimedia - Animasi Gambar Photoshop

MULTIMEDIA - Pengertian dan Contoh PLAIN TEXT,FORMATTED TEXT & HYPERTEXT

MULTIMEDIA

Pengertian dan Contoh dari  : Plain Text , Formatted Text & Hypertext

1.      Plain Text ( Unformatted Text)

Pengertian:

Plain Text adalah teks yang diencode dalam format ASCII. Plain text tidak memiliki format dan informasi struktur seperti ukuran dan tipe font, warna, atau layout. Plain text biasanya digunakan antar-komputer yang tidak memiliki kesepakatan untuk saling bertukar informasi format dan layout teks. Biasanya plain text berupa ASCII yang setiap characternya memiliki range antara 7 hingga 8 bit.

Contoh penggunaannya : Notepad (Windows), edit (DOS), ed, emacs, vi, vim, Gedit atau nano (Unix, GNU/Linux), SimpleText (Mac OS), atau TextEdit (Mac OS X)

Sumber gambar :      http://bluerac.blogspot.co.id/

2.      Formatted Text ( Rich Text Format )

Pengertian :

Rich text adalah suatu text yang sudah melewati proses formatting, artinya text tersebut sudah diberikan effect khusus dalam format penulisannya serta merupakan sebuah format dokumen yang dibuat oleh Microsoft, yang dibuat berdasarkan spesifikasi Document Content Architecture (DCA) yang dibuat oleh IBM untuk System Network Architecture (SNA). Misalkan, di setting italic atau font - type (tipe tulisannya) di ubah dan diubah warna fontnya dengan keinginan editornya.

Contoh penggunaannya : saat kita mengetik pada Wordpad (.rtf) dan  biasa digunakan pada dokumen Word processor Program/aplikasi untuk membuat atau mengedit formatted text

Sumber Gambar :     http://shinjyurishi.blogspot.co.id/

3.      Hypertext

Pengertian :

Hypertext adalah suatu text yang mengandung tujuan untuk navigasi ke suatu halaman lain, dapat disebut juga sebagai link penghubung ke halaman tersebut. Hypertext ini tidak hanya link yang berupa tulisan, tetapi dapat juga berupa link berupa gambar dan sebagainya. Hypertext merupakan konsep utama yang mendasari World Wide Web, merupakan format yang gampang digunakan dan fleksibel dalam berbagi informasi melalui Internet.

Contoh penggunaannya :

Sumber Gambar :     http://kencanabobyvalita.blogspot.com