Membuat Wallpaper Dian Sastro pake Efek Futuristik

Sebelumnya saya minta maaf kepada Mba Dian Sastro karena fotonya saya pinjem buat diedit.. hehehe.. gpp kan mba Dian ? kali aja Mba Dian Sastro lagi mampir disini.. hehehe.. Pede amat ya web ini dikunjungin Dian Sastrowardoyo..
Saya akan buat wallpaper Dian Sastro dengan efek futuristik.. hasilnya liat aja nanti deh ya.. di akhir acara.
Pertama buka dokumen baru, karena untuk wallpaper maka minimum ukurannya adalah 800×600 px dengan resolusi 300 pake 1024×768 px. Saya pake yang minim aja karena komputer saya lambat ..

Warnai Background dengan warna Hitam.
Buka gambar Dian Sastro lalu seleksi.. karena warna background nya putih.. pake Magic Wand Tool ajah.. selebihnya pake polygonal lasso tool.

Drag foto yang udah diseleksi ke dokumen baru tadi.

Gunakan eraser tool untuk merapihkan bagian pinggir gambar yang mungkin kurang rapi. Klik eraser tool, klik kanan di layar pilih soft round.


Buat garis Path seperti gambar di bawah dengan Pen Tool

Klik Brush Tool ( atau tekan tombol B), klik kanan di layar, pilih brush size 3. ini untuk membuat garis sesuai Path tadi.

Buat Layer baru ( Layer > New > layer ), Klik Direct Selection Tool, klik kanan di garis path > Stroke path

Delete path . Posisi tool masih di Direct Selection tool, Klik kanan padi garis path > Delete Path.
Tekan CTRL + J untuk mengcopy layer garis path tadi sebanyak 4 kali..
Klik Move Tool, geser satu persatu layer hasil duplikat tadi ke kiri atau kanan, dengan menggunakan Panah (kiri/kanan) di Keyboard.

Klik Layer paling atas, tekan CTRL + E untuk menggabungkan layer atas ke bawahnya, sebanyak 4 kali.

Tekan CTRL + J lagi untuk menduplikat layer gabungan tadi (layer 2), Klik Edit > transform > flip horizontal.. untuk membalikan gambar di layer copy tadi. ke bawah atau atas.

Klik layer paling atas.. Gabungkan lagi dengan menekan CTRL + E.

Sekarang hapus bagian yang kurang penting di layer 2 dengan menggunakan eraser tool

Buat layer baru di paling atas.. Warnai atas garis dengan aneka warna, sesuai selera..

Ubah layer efek menjadi COLOR. ..

dan perhatikan hasilnya, hapus bagian bawahnya dengan eraser tool, gunakan Soft Round supaya keliatan bergradasi.

Sekarang Buka gambar RENDER PACK, gambar-gambar render pack tinggal cari aja di google image.. tulis kata kunci RENDER PACK , atau bisa download render pack yang dibawah

( Klik untuk memperbesar , kalo udah besar disayang pacar klik kanan save image as )
Setelah file render pack kebuka di photoshop, seleksi sebagian , lalu DRAG ke dokumen Foto editan tadi.. Atur-atur letak nya.. di rotate (puter), resize ( perkecil/perbesar), hapus pinggir-pinggir nya dengan Eraser tool ( Soft Round) dan yang paling penting, simpen di bawah layer foto.!

Buat juga untuk bagian sisi yang laen dan bagian bawah.. untuk bagian bawah spesial berada di atas layer foto.

Hasilnya kayak gini :

Untuk membuat efek bening, buat layer baru, buat bentuk seperti dibawah dengan polygonal lasso tool,warnai dengan brush yang gede ( soft Round ) berwarna Putih dikit aja di bagian atas nya.

Hapus bagian yang agak mengganggu dengan eraser tool (Soft Round ), Kecilkan Opacity nya.

Dengan cara yang sama buat 2 lagi di atas nya
Hasil final nya:

Dian Sastrowardoyo Wallpaper

Selamat mencoba..

Sumber

Read More … Membuat Wallpaper Dian Sastro pake Efek Futuristik

MEMBUAT DATABASE DENGAN PHPMYADMIN

Mudahnya membuat database dengan phpmyadmin tanpa mengetikkan perintah2 sql!

Cukup dengan tools yang disediakan phptriad yaitu phpmyadmin, jadilah database yang kita inginkan.

Untuk pembelajaran yang pertama, kita akan membuat sebuah database dengan nama guestbook(buku tamu), buku tamu ini diibaratkan ketika kita datang ke pesta pernikahan, biasanya kita mengisi buku tamu supaya orang yang sedang melaksanakan pesta bisa tahu kalau kita hadir (ko jadi ngelantur ya...) .

Intinya apabila sudah bisa buat database buku tamu ini, Insya Alloh akan lebih mudah membuat database yang lainnya.

Untuk mempersingkat waktu, Ikuti Langkah berikut ini :

Ketikkan http://localhost/phpmyadmin/ di browser, kemudian enter.

Tampilan phpMyAdmin :

Tuliskan nama database pada create new database, contoh : guestbook kemudian klik tombol create :

Setelah diklik akan terbentuk database yang kita buat dengan nama guestbook.

Sekarang kita buat tabel untuk database guestbook tersebut.

Misalkan nama tabelnya adalah tamu, ketikkan di sebelah name pada create new database. Kemudian klik tombol Go.

Sekarang kita isikan field-field dan atribut yang dibutuhkan seperti gambar di berikut ini :

Setelah mengetikkan field2 nya, klik tombol Save, maka hasilnya akan tampil sbb :

Tipe data yang biasa digunakan

• INTuntuk menyatakan data berupa angka.
• VARCHAR, menyatakan data berupa karakter atau string (batasnya sampai 255 karakter).
• DATE, menyatakan data berupa tanggal.
• TIME, menyatakan data berupa waktu.
• TEXT, menyatakan data berupa karakter dalam jumlah yang banyak(>255 karakter), bisa untuk pesan atau berita atau materi.

Apabila ada saran dan kritik, silahkan isi komentarnya.

Terima Kasih

Selanjutnya, Tampilan Input guestbook dengan php...

Read More … MEMBUAT DATABASE DENGAN PHPMYADMIN

Cara Membuat Blog

Cara Membuat Blog

Tutorial cara pembuatan Blog
 

~ Pengertian blog

Blog atau weblog adalah catatan pribadi seseorang di internet. Berisi informasi yang sering di update dan kronologis. Blog lebih identik dengan sebuah diary. Perbedaan mendasar adalah bahwa blog bisa dibaca siapa aja. Banyak blog yang fokus terhadap satu objek informasi, misalnya politik, web design, olah raga dll, tapi kebanyakan blog itu lebih seperti jurnal pribadi yang berisi informasi perjalanan dan kehidupan sehari-hari seseorang blogger dan pemikirannya.

• beberapa ciri blog : isi utama biasanya berupa informasi yang bersifat kronologis, dan terbagi menjadi beberapa kategori,

• terdapat arsip untuk berita atau informasi lama,

• ada tempat buat orang lain meninggalkan pesan atau memberi komentar,

• terdapat link ke web/blog favorit atau yang sering dikujungi misalnya di blogroll

Membuat blog nggak harus punya domain atau hosting, karena saat ini banyak sekali penyedia layanan untuk pembuatan blog secara gratis, misalnya blogger, wordpress dll. persyaratannya juga nggak susah, nggak harus ngerti pemrograman ato web design untuk punya blog, karena sudah disediakan template yang bisa dipilih dan diubah. jadi jangan sampe ketinggalan, buruan daftar dan mulai nge-blog. kalo jaman dulu, punya imel ajah udah keren, sekarang nggak lagi, sekarang jamannya bikin blog dan punya blog, he he he..

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogspot.com.
Ga perlu basah basi lagi langsung saya praktekan cara membuat blogger, cekidot..   


~Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, Click disini untuk mendaftar akun google.
1. click cretae new account

2. Isi formulir pendaftaran dengan lengkap..

3. Masukan Verifikasi akun Anda, masukan no ponsel anda seperti di bawah ini.

4. lalu tim Gmail akan mengirimkan kode Verifikasi google , lalu masukan Verifikasi kode tsb.

   selesai pedaftaran

5. login / masuk ke Gmail dengan akun google yang telah anda buat tadi.

6. Muncul form pendaftaran seperti di bawah ini, Isikan data data anda dan click lanjutkan.

7. click ciptakan blog anda.

8. Beri judul nama blog anda, cek ketersediaan dan click lanjutkan..

9. Langkah selanjutnya pilih template yang anda inginkan dan lanjutkan.

10. Blog anda telah selesai, dan click Mulai Blogging.

11. Postinglah kata-kata pertamamu, contoh seperti di bawah ini
      setelah selesai Terbitkan Entri.

12. Muncul kata berikut, lalu click Lihat Entri / Lihat Blog.

13. Teng tereeng.... jadi deh..

Sekian tips cara membuat blog dari saya, semoga bermanfaat bagi anda.. trimakasih..

Read More … Cara Membuat Blog

Cara Membuat Tulisan Berjalan (Marquee)

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri

kode :

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan

kode :

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan


3. Teks berjalan bolak balik

kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



4. Teks berjalan dari atas ke bawah

kode :

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



5. Teks berjalan dari bawah ke atas

kode :

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



6. Teks berjalan mondar-mandir

kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



7. Teks berjalan zig-zag nembus

kode :

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :









Contoh Tulisan Berjalan



8. Teks berjalan zig-zag mantul

kode :

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :











Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan

Contoh Tulisan Berjalan

dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :

<center> ............. </center>

adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL

Demikianlah artikel mengenai Cara Membuat Tulisan Berjalan (Marquee)
Semoga Bermanfaat

Sumber

Read More … Cara Membuat Tulisan Berjalan (Marquee)