Cara Membuat Kartu Nama atau ID Card 2 Mode Landscape

Landscape ID Card by Lombokdihati

Seperti pada umumnya, Kartu Nama atau ID Card mempunyai  dua macam bentuk atau model, yaitu model Potrait (berdiri) dan Model Landscape (persegi panjang).

Tips mengenai cara membuat ID Card  Model potarait, artikelnya  sudah saya posting sebelumnya, dan kalau anda belum sempat membacanya, silahkan baca disini

Untuk melengkapi artikel ID Card yang pertama, kali ini saya akan berbagi tips dengan teman-teman, mengenai Cara membuat ID Card sederhana dengan model Landscape.

Mudah-mudahan, artikel-artikel yang telah saya posting, bisa memberikan sedikit pencerahan buat teman-teman, untuk berkreasi lebih jauh dalam hal desain grafis.

Adapun langkah-langkah untuk membuat ID Card Landscape, yaitu :

1.     Buka Coreldraw anda, kemudian klik New

2.     Pilih media kertas dengan model Slide Landscape dengan ukuran pixel.

3.     Klik Rectangle Tool (F6), kemudian buat kolom diatas media dengan cara klik+Tahan+geser(Drag), selanjutnya :

·      Warnai media yang telah dibuat dengan mengklik salah satu warna pada menu warna yang terdapat disebelah kanan halaman.

·      Rubah suduh lancip kolom dengan mengklik menu Rectangle Corner Roundness yang terletak dibagian atas halaman.

·      Hilangkan garis pinggir kolom dengan mengklik menu Outline Widht yang terletak dibagian atas halaman, kemudian pilih None.

Selanjutnya, ganti warna background media dengan warna sedikit gelap, agar memudahkan anda untuk membedakan kolom ID Card dengan media.

Cara merubah background, silahkan klik disini

Selanjutnya, geser garis tepi kolom sampai sejajar dengan tepi media. (Lihat gambar no.1 dibawah)

4.     Langkah berikutnya, buat kolom baru dengan mengklik Ctrl+C dan Ctrl+V.

Klik warna merah pada menu warna untuk memberi warna pada kolom baru tersebut, kemudian geser keatas tepi bawah kolom baru tersebut, hingga kolom warna putih yang terletak dibawahnya menjadi kelihatan.

(Lihat gambar no. 2 diatas)

Selanjutnya, buatlah kolom baru diatas kolom yang sudah ada, kemudian berilah warna yang sama dengan kolom pertama, rubahlah sudut melengkung menjadi lancip.

Selanjutnya atur posisi kolom tersebut hingga kolom 1,2 dan 3, kelihatan menjadi satu kesatuan waran MERAH PUTIH. Merdekaaa….!!!!

5.     Langkah berikutnya, klik menu Text Tool (F8) untuk menulis teks pada ID Card anda.

6.     Sisipkan sebuah photo pada ID Card anda dengan mengcopy file yang tersimpan pada netbook/computer anda, kemudian paste pada halaman ID Card, dengan menekan tombol Ctrl+V pada keyboard anda.

Atur warna efek photo , kemudian geser posisi photo pada tempat yang anda inginkan.

7.     Sisipkan sebuah Peta Indonesia pada kolom ID anda (gambar no.1 dibawah), caranya sama seperti langkah no.6 diatas.

Kalau anda belum punya photonya, silahkan download disini

8.     Untuk membuat efek transparan pada Peta, klik menu Interactive Transparency Tool yang terdapat disebelah kiri halaman.

Selanjutnya Pilih Uniform kemudian Substrack. (Perhatikan gambar dibawah)

Aturlah letak peta tersebut agar ID Cardnya jadi indah dipandang mata.

Apabila ada tulisan yang tertimpa oleh garis peta tersebut, klik kanan pada tulisan tersebut, kemudian Order –> To Front.

(Perhatikan gambar dibawah)

9.     Sisipkan sebuah Stempel  pada ID Card (Caranya sama seperti pada langkah no.6). Untuk memberikan efek transparan, caranya sama seperti langkah no.8 diatas.

10.     Sisipkan tanda tangan pada ID Card anda.

Tanda tangan, bisa dari hasil scanner maupun dengan memakai tulisan teks dengan fonts Brooklyn Kid

11.     Masukkan Kode Bar pada ID Card anda. Caranya, klik menu Edit yang terletak pada bagian atas halaman, kemudian pilih Insert Barcode.

Selanjutnya pilih jenis Bar dan tulis angka-angka yang ingin anda jadikan kode ID.

12.     Langkah berikutnya, simpan file anda dengan mengklik tombol Ctrl+E pada keyboard anda. Maka akan muncul sebuah halaman yang harus anda isi tempat penyimpanan ID Card pada netbook/computer anda, Nama ID Card, dan type ID Card anda, kemudian klik Export.

Halaman yang muncul selanjutnya adalah seperti gambar dibawah.

Pada halaman seperti gambar diatas, atur ukuran ID Card yang akan anda simpan. (Ukuran ideal untuk ID Card Landscape adalah Lebar 640px dan Tinggi 407px).

Selanjutnya klik OK.

Cara Membuat Tombol Button Animasi dengan Easy GIF Animator

Button Animasi

Selain untuk membuat Banner Teks Animasi, applikasi Easy GIF Animator juga bisa kita manfaatkan untuk membuat Tombol Button seperti pada gambar diatas.

Apakah anda berminat?? Kalau iya, silahkan ikuti langkah-langkah dibawah :

1.     Buka applikasi Easy GIF Animator anda, kemudian klik Create Animated Button.

Gambar no.1

2.     Pada halaman seperti pada gambar no.2 dibawah, klik Round Rectangle, selanjutnya klik Next

Gambar no.2

Selanjutnya atur ukuran lebar dan tinggi button yang akan anda buat, jangan lupa klik Next

Gambar no.3

3.     Pada bagian background, klik Gradient color.

Gambar no.4

Pada halaman ini, anda bisa memilih warna dan motif warna button. Selanjutnya klik next.

4.     Pada halaman Border seperti pada gambar no.5 dibawah, pilih warna border/garis tepi untuk tombol button anda, kemudian klik Next.

Gambar no.5

3.     Pada bagian Caption seperti pada gambar no.6 dibawah, tulis teks untuk button, kemudian pilih jenis, ukuran, dan warna fonts, serta waktu penampakan teks pada masing-masing caption.

Gambar no.6

Selanjutnya klik Caption 2. Lakukan hal yang sama seperti langkah diatas, begitu juga untuk Caption 3.

4.     Setelah semua pengaturan selesai anda lakukan, selanjutnya klik Finish.

Pada halaman selanjutnya, klik File —> Save. Simpan file button anda dengan type Image GIF(*.gif).

Selesai

Cara Membuat Jam Analog Animasi Dengan Macromedia Flash

Pada posting terdahulu, saya sudah menerbitkan artikel dengan judul Cara Membuat Jam Digital dan Memasangnya  Pada Sidebar- Blog,  dan pembahasan tutorial pada artikel tersebut saya menyarankan anda untuk menggunakan salah satu situs layanan online dalam membuat jam. Hasilnya, jam animasi flash yang kita dapat masih terdapat tulisan nama website penyedia layanan online tersebut.

Kalau jam animasi tersebut kita pasang pada sidebar blog, tulisan tersebut pastinya akan ikut kelihatan, dan untuk menyembunyikannya kita harus mengutak-atik kode html agar tidak ikut kelihatan pada sidebar blog kita, sungguh menjengkelkan sekali

Setelah berkali-kali saya nanya kepada mbah google tentang cara membuat jam animasi flash, jawabannya sangat beraneka ragam, akhirnya rasa penasaran saya terjawab sudah, anda bisa lihat hasilnya pada jam flash diatas.

Pada artikel saya kali ini, saya akan mencoba memodif sedikit tutorial-tutorial terdahulu, agar teman-teman bloggers yang kebetulan masih belum tahu cara membuatnya, dapat ikut berkreasi

”Biarlah anjing menggonggong yang penting khafilah tetap berlalu”
Biarkan para bloggers senior mencibir dengan tutorial ini, yang penting artikel ini juga dapat bermanfaat untuk teman-teman sesama junior

Untuk bisa membuat jam animasi flash tersebut, modal utama kita tentunya kita harus menginstall sebuah software berbasis flash pada netbook/computer kita. Dan disini saya menyarankan anda untuk menggunakan Macromedia Flash Propessional 8. Ukuran software ini, tidak lebih besar dari software Coreldraw  hanya sekitar 107MB.

Adapun langkah-langkah dalam membuat jam animasi flash adalah sebagai berikut :

1.     Buka applikasi Macromedia anda, kemudian klik Flash Document pada bagian Create New.

Gambar.1

2.     Setelah muncul halaman baru, selanjutnya tekan Ctrl+F3 pada keyboard netbook/computer anda, sehingga muncul halaman seperti gambar dibawah.

Gambar.2

Pada halaman Document Properties seperti gambar no.2 diatas, silahkan isi form yang terdapat disana, dan ganti ukuran default media dengan ukuran jam yang ingin anda buat (contoh : 200 x 200 px), selanjutnya klik OK.

Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.

Pada bagian ini, anda juga bisa menggunakan ukuran gambar/foto yang terdapat pada netbook/computer anda. Jadi, sebelum membuka Macromedia Flash, silahkan edit  terlebih dahulu file gambar/foto yang tersimpan pada netbook/computer anda, contohnya seperti file gambar logo WP yang saya buat dibawah. Anda juga bisa menggunakan foto anda sendiri sebagai background jam animasi flash.

3.     Setelah gambar/foto anda sudah siap, langkah berikutnya adalah, klik menu File–>Import–>Import to Stage

Gambar.3

4.     Setelah gambar/foto yang anda import ke stage sudah muncul, selanjutnya klik menu Text Tool atau tombol T pada keyboard anda.

Gambar.4

Selanjutnya buatlah teks area pada gambar/foto dan tulis angka 1 sampai 12 secara terpisah. (Perhatikan gambar no.4 diatas)

5.     Langkah selanjutnya, klik Ctrl+F3 pada keyboard untuk mengatur ukuran dan warna angka pada Text Properties.

Gambar.5

Setelah selesai, klik Ctrl+F3 untuk menyembunyikan halaman text properties.

Selanjutnya, geser angka 1 sampai 12 tersebut seperti pada posisi angka jam pada umumnya, sehingga tampak seperti pada gambar no.6 dibawah.(Klik Selection Tool untuk menggeser)

6.     Langkah berikutnya, klik Line Tool pada menu, atau tombol N pada keyboard anda, kemudian buatlah 3 buah garis untuk penunjuk arah jam (jam, menit, detik) seperti pada gambar dibawah.

Gambar.6

Langkah berikutnya, klik Selection Tool atau tekan tombol V pada keyboard anda. Selanjutnya, klik garis pendek (jam) yang telah anda buat, kemudian tekan F8 pada keyboard anda.

Gambar.7

Pada halaman yang muncul seperti gambar diatas, pada kolom Name, ganti teks yang ada dengan jam_mc, pilih Movie klip untuk Type, dan pastikan titik Registration berada pada baris tengah bawah. Selanjutnya klik OK.

7.     Langkah berikutnya, tekan Ctrl+F3 untuk menampilkan halaman property.

Gambar.8

Pada gambar diatas, klik kolom <Instace Name> dan ganti dengan jam_mc.

8.     Selanjutnya klik garis ke-2 (menit) kemudian tekan F8, ganti Name  dengan menit_mc. Selanjutnya tekan Ctrl+F3 pada keyboard, ganti <Instance Name> dengan menit_mc.

9.     Langkah berikutnya, klik garis ke-3 (detik) kemudian tekan F8, ganti Name dengan detik_mc. Selanjutnya tekan Ctrl+F3, ganti <Instance Name> dengan detik_mc.

10.     Langkah selanjutnya, geser ke-3 garis tersebut satu persatu, dan letakkan pada gambar/media (ditumpuk) dengan posisi garis pendek (jam) terletak paling bawah, kemudian garis menit, dan yang terakhir garis panjang (detik).

Gambar.9

11.     Selanjutnya klik dibawah angka 1 pada halaman frame, kemudian tekan F9.

Pada halaman Action yang muncul, copy kode dibawah kemudian paste pada halaman tersebut.

//perintah yang dijalankan ketika frame dimainkan

onEnterFrame = function () {

                //membuat variable waktu sebagai date object

                waktu = new Date();

                //membuat variable jam dengan nilai sama dengan jam pada komputer

                jam = waktu.getHours();

                //membuat variable menit dengan nilai sama dengan menit pada komputer

                menit = waktu.getMinutes();

                //membuat variable detik dengan nilai sama dengan detik pada komputer

                detik = waktu.getSeconds();

                //digunakan jika komputer menggunakan sistem 12 jam

                //jika nilai variable jam lebih dari 12 maka akan dikurangi 12

                if (jam>12) {

                                jam -= 12;

                }

                //movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai variable menit di bagi 2

                jam_mc._rotation = jam*30+(menit/2);

                //movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6

                menit_mc._rotation = menit*6;

                //movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6

                detik_mc._rotation = detik*6;

};

Gambar.10

Selanjutnya tekan Ctrl+ENTER untuk melihat hasilnya.

12.     Simpan jam animasi anda dengan mengklik File–>Export–>Export Movie.

Pada halaman berikutnya, pilih type Flash Movie(*.swf) kemudian klik Save, dan pada halaman terakhir klik OK.

Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar Animasi Cincin Berputar

Judul diatas salah kali ya?? Hehehe.. Habis saya bingung banget, hampir setengah jam saya berpikir untuk membuat judul yang tepat untuk artikel yang ini. Dibilang cincin nggak juga, dibilang gambar loading juga bukan. Sempat juga sih pingin ngasih judul Cara Membuat Gambar Lingkaran Terputus-putus Berputar, tapi kayaknya ribet banget Bisa jadi mbah dugel jadi ikutan bingung ngedeteksinya

Saya harapkan teman-teman nggak jadi ikutin pusing mikirin judulnya, yang penting tutorialnya mudah dipahami. Kita langsung saja ya…

1.     Buka aplikasi Macromedia Flash anda, pada halaman Created New klik Flash Document.

2.     Setelah halaman utama muncul, selanjutnya tekan Ctrl+F3 pada keyboard anda.

Pada halaman Properties klik kolom Size default media, dan pada halaman Document Properties isilah form yang tersedia dengan ukuran gambar yang akan anda buat. (Contoh 200×200 px) selanjutnya klik OK. Tekan Ctrl+F3 untuk kembali kehalaman utama.

Untuk gambar panduan, silahkan Klik Kanan–>Open in New Tab Disini

3.     Langkah selanjutnya, klik Oval Tool (O) kemudian buatlah sebuah lingkaran diatas media.

Untuk menghasilkan lingkaran sempurna caranya klik tahan tombol SHIFT sambil menggeser muse.

Gambar.1

4.     Selanjutnya klik Rectangle Tool (R) kemudian buatlah 4 buah kotak panjang diluar media seperti gambar dibawah.

Gambar.2

Gantilah warna keempat garis kotak panjang tersebut dengan mengklik Fill Tool. Ganti dengan warna putih.

5.     Selanjutnya pindahkan keempat garis kotak panjang tersebut keatas lingkaran yang telah dibuat sebelumnya seperti pada gambar dibawah.

Gambar.3

Untuk merubah arah/posisi garis tersebut, klik Free Transform Tool (Q)

6.     Langkah berikutnya, tekan tombol A kemudian tombol V pada keyboard, kemudian klik pada bagian tengah garis kotak, selanjutnya tekan tombol DELETE pada keyboard sehingga bentuk bulatan berubah seperti gambar no.4 dibawah.

7.     Selanjutnya klik Oval Tool (O) kemudian buatlah sebuah lingkaran diluar media, seperti pada gambar dibawah.

Gambar.4

8.     Selanjutnya, seleksi lingkaran yang baru dibuat dengan mengklik tombol V pada keyboard, kemudian pindahkan lingkaran tersebut keatas media.

Gambar.5

Selanjutnya klik tombol A kemudian tombol V pada keyboard, selanjutnya klik pada lingkaran yang baru dipindah kemudian tekan tombol DELETE pada keyboard.

9.     Langkah berikutnya, klik pada salah satu kotak lingkaran kemudian klik Fill Tool untuk mengganti warna kotak lingkaran.

Gambar.6

Lakukan hal yang sama pada setiap kotak lingkaran, ganti warna sesuai dengan keinginan anda.

10.     Setelah langkah diatas selesai anda lakukan, selanjutnya klik dibawah angka frame 30 kemudian tekan F6 pada keyboard anda.

Gambar.7

Selanjutnya klik kanan dibawah angka frame 15 kemudian pilih Create Motion Tween.

11.     Langkah selanjutnya, tekan Ctrl+F3. Pada halaman Properties pilih CW pada Rotate.

Gambar.8

Klik Ctrl+ENTER untuk melihat hasilnya.

12.     Untuk menyimpan gambar animasi tersebut, silahkan klik File–>Export–>Export Movie

Simpan dengan type Animated GIF(*.gif) atau Flash Movie(*.swf).

SELESAI

Cara Membuat Gambar Animasi Bola Menggelinding

Selamat datang teman-teman pecinta animasi flash, pada artikel kali ini saya akan membahas mengenai Cara Membuat Gambar Animasi sederhana yaitu gambar animasi bola menggelinding. Lain halnya dengan gambar animasi Bola Memantul, pada gambar animasi ini pergerakan gambar bola akan disertai dengan putaran.

Apakah anda tertarik untuk mencoba membuatnya?? Let’s do it….

1.    Buka applikasi Macromedia anda, kemudian klik Flash Document  pada halaman Created New.

2.    Setelah muncul halaman baru, selanjutnya tekan tombol Ctrl+F3 pada keyboard anda.

Selanjutnya klik ukuran Default media kemudian pada  halaman Document properties ganti ukuran menjadi 400 x 100 px (terserah anda). Klik Ctrl+F3 untuk kembali ke media.

3.    Rename Layer 1 menjadi Alas, selanjutnya klik menu Rectangle Tool (R) kemudian buatlah gambar kotak persegi panjang pada media dengan menggerakkan mouse anda.

4.    Tambahkan 1 Layer lagi, kemudian ganti nama Layer menjadi Bola.

Klik menu Oval Tool (O), kemudian buatlah sebuah gambar lingkaran dengan posisi seperti gambar 4 dibawah.

Masih pada Layer Bola, selanjutnya klik menu Line Tool (N) kemudian buatlah 2 buah garis diluar media seperti pada gambar dibawah.

5.    Selanjutnya klik menu Subselection Tool (A) kemudian klik tahan pada garis dan letakkan kedua garis tersebut diatas bola dengan posisi seperti gambar dibawah.

6.    Langkah berikutnya klik menu Free Tansform Tool (Q) selanjutnya klik pada salah satu bagian lingkaran tersebut dan berilah warna sesuai selera anda, lakukan hal yang sama pada bagian lingkaran yang lain satu persatu.

7.    Masih pada menu Free Tansform Tool (Q), klik pada bagian garis kemudian tekan tombol DELETE pada keyboard anda. Lakukan hal yang sama pada semua bagian garis yang ada hingga menghasilkan gambar lingkaran seperti dibawah.

8.    Selajutnya klik dibawah angka Frame 20 Layer Bola kemudian tekan F6 pada keyboard anda. Lakukan hal yang sama pada Layer Alas. (Gambar 8b)

Langkah berikutnya klik dibawah angka Frame 10 Layer Bola kemudian klik kanan dan pilih Created Motion Tween (Gambar 8b)

9.    Berikutnya klik tombol V pada keyboard anda, kemudian klik dibawah angka Frame 20 Layer Bola. Geser gambar bola tersebut kekanan dengan menggunakan tombol Ctrl+Tanda panah pada keyboard anda.

10.    Langkah berikutnya klik dibawah angka Frame 10 Layer Bola kemudian tekan F9 pada keyboard anda.

Pada halaman yang muncul, ganti arah Rotate menjadi CW, dan 2 Times.

Tekan Ctrl+ENTER untuk melihat hasilnya.

Untuk menyimpan gambar tersebut, klik menu File–>Export–>Export Movie. Pilih type Flash Movie (SWF) atau Animasi.GIF.