Efek Vintage Pada Teks Dengan Menggunakan Photoshop

Hallo Sahabat Dumet, gimana kabar sahabat hari ini? Baik yaaa pastinya….:) Kalo kabar saya hari ini kurang sehat, sepertinya kecapean, kurang tidur dan telat makan. Jadi badannya sedikit demam :( Tapi gapapa, walaupun kurang sehat tetap harus disyukuri, karena saya masih bisa nongkrongin computer dan menulis untuk sahabat semua. Hehehe :D Untuk tulisan kali ini, saya akan membuat sesuatu yang berhubungan dengan bunga, karna saya suka sesuatu yang bergaya vintage, jadi saya akan membuat text dengan gaya vintage menggunakan Photoshop CS6. Kita langsung saja mulai ya… 1. Buka aplikasi Photoshop yang ada di computer sahabat 2. Kemudian buka sebuah gambar yang akan dijadikan background, saya menggunakan gambar wood seperti ini. 

3. Berilah effect gradient overlay pada background dengan pengaturan seperti ini.

4. Kemudian buatlah sebuah Text yang sahabat inginkan, contohnya saya akan menulis huruf “D”. Berikan pengaturan text seperti gambar dibawah ini.

5. Setelah membuat sebuah huruf, silahkan sahabat click kanan pada layer text dan Convert To Shape maka hasilnya seperti ini.

6. Langkah selanjutnya, silahkan sahabat pilih Rounded Reactangle Tool pada tools bar, dan berikan pengaturan sebagai berikut.

7. Setelah ini, click pada text yang berada di lembar kerja anda, pastikan posisinya berada di tengah. Jika posisinya belum berada di tengah, sahabat bisa undo dengan menggunakan CTRL+Z. Sehingga hasilnya akan seperti ini.

 8. Berilah effect Bevel and Emboss dengan pengaturan seperti berikut.

9. Tambahkan Drop Shadow dengan pengaturan sebagai berikut.

10. Tambahkan Pattern Overlay dengan pengaturan sebagai berikut.

Nah.. untuk patternnya, sahabat bisa download free disini http://flashtuchka.deviantart.com/art/Vintage-Floral-Patterns-205174470 atau mencari sendiri di eyang google ya… :) Dan setelah pengaturan effectnya selesai, maka hasilnya akan menjadi seperti ini. 

Yeeeyyy… akhirnya selesai juga, deh.. silahkan sahabat kreasikan sendiri di rumah yaaa… :) Sampai jumpa, and keep loving me <3>

Read More

Membuat Icon Kalender Dengan Warna Pastel

Hallo Sahabat, Pada kesempatan kali ini saya akan memberikan tutorial membuat icon kalender yang sederhana menggunakan Photoshop CS6. Saya akan menggunakan warna pastel yang selalu memberikan kesan soft, sederhana, dan sejuk dipandang. Silahkan sahabat perhatikan langkah-langkahnya sebagai berikut: 1. Buat file baru dengan ukuran 800 pixel X 800pixel 2. Kemudian berilah warna pada background dengan menggunakan Paint Bucket Tool seperti ini. 

3. Buatlah layer baru dan beri nama Rounded1, kemudian buat sebuah objek dengan menggunakan Rounded Reactngle Tool seperti ini. 

4. Berilah sebuah stroke pada layer Rounded1, sehingga hasilnya akan seperti ini.

5. Duplikat layer Rounded1 dan beri nama Rounded2, drag lah layer Rounded2 menggunakan Move Tool, berikan warna pink soft hingga hasilnya seperti ini. 

6. Duplikat layer Rounded2 dan beri nama Rounded3, Drag kembali hingga hasilnya seperti ini. 

7. Buatlah layer baru dan beri nama Header, kemudian buat objek menggunakan Reactangle Tool seperti ini. 

Berilah pengaturan pada bagian shape seperti ini

8. Nah setelah selesai, klik kanan pada layer dan pilih Creat Cliping Mask. Maka hasilnya akan seperti ini. 

9. Tahap akhir, beri text bulan dan tanggal

And… Finish, mudah sekali bukan?

Sampai jumpa di tutorial selanjutnya :)

Read More

Mencari Jumlah Hari Dengan PHP

Hallo sahabat Dumet…. Bertemu lagi dengan Nela disini.. Bagaimana kegiatan sahabat hari ini? Apakah masih ada yang terjebak banjir? Atau mungkin masih ada yang terjebak nostalgia? :D Hmmm… kali ini materi apa lagi ya yang akan saya berikan kepada sahabat? Tentunya materi yang sederhana, karna saya juga masih harus banyak belajar. Jadi, mari kita belajar sama-sama untuk menambah pengetahuan kita.

Saya menemukan materi yang menarik dari sebuah buku yang berjudul PHP Programming terbitan ANDI dan WAHANA KOMPUTER. Disana dijelaskan, bahwa PHP mempunyai fungsi khusus yang digunakan untuk menghitung jumlah hari dalam bulan tertentu. Oyaa?? Masa sih?..... Ga percaya??? Mari kita buktikan bersama. :D PHP mempunya sebuah function cal_days_in_month(); function tersebut memiliki sintaks sebagai berikut: cal_days_in_month(a,b,c);

Keterangan: 
- a adalah jenis kalender yang diinginkan
- b adalah bilangan yang menunjukkan jenis bulan
- c adalah tahun untuk parameter a

PHP menyediakan 4 jenis kalender. Apa sajakah itu? Cieeee… mulai kepo :D ok ok biar engga penasaran, saya akan dengan senang hati memberitahukannya pada sahabat. Yang pertama adalah kalender Perancis (CAL_FRENCH), yang kedua adalah kalender Gregorius (CAL_GREGORIAN), yang ketiga kalender Yahudi (CAL_JEWISH), dan yang terakhir adalah…. Kasih tau engga yaaaa?? :p dan yang terakhir adalah kalender Julian (CAL_JULIAN). Akan tetapi yang paling sering digunakan adalah kalender Gregorian. Sekarang kita praktikan ya…. Silahkan ketikkan sintaks programnya sebagai berikut:

Sudah??? Coba sahabat perhatikan pada sintaks yang telah saya tandai dengan garis kota merah. Kalender yang saya gunakan adalah kalender Gregorian, dan saya ingin mencari jumlah hari pada bulan April ditahun 1992. Sekarang silahkan sahabat jalankan file PHP nya di browser kesayangan sahabat. Maka hasil yang akan ditampilkan adalah sebagai berikut: 

Bagaimana? Mudah bukan? :) Sampai jumpa di pertemuan virtual selanjutnya :)

Read More

Trik Hover Menggunakan CSS

Hallo… sahabat, bagaimana kabarnya hari ini? Pasti baik dong? Kalo ada yang kurang baik atau lagi tidak sehat, semoga cepat cehat ya.. aamiin :) Baiklah, untuk tulisan kali ini saya akan memberikan tutorial tentang trik hover menggunakan CSS3. Materi ini sangat sederhana dan mudah, jadi langsung saja simak langkah-langkahnya sebagai berikut: 1. Siapkan dahulu sebuah gambar, yang akan kita gunakan untuk disimpan di dalam HTML. Contohnya saya menggunakan gambar seperti di bawah ini: 

2. Kemudian, tulislah kode HTML dan simpan dengan nama trik.html

3. Lalu, berikan kode CSS dan simpan dengan nama trik.css

Nah… coba Sahabat jalankan file trik.html nya di browser kesayangan Sahabat. Sangat mudah bukan? :) Ok, sampai jumpa lagi pada tulisan saya berikutnya. Jangan bosan-bosan ya. :)

Read More

Apa itu Tweens Animation Frame?

Hallo.. sahabat, semoga sahabat semua dalam keadaan sehat semua ya… aamiin… Untuk tulisan saya kali ini adalah penjelasan mengenai Tweens Animation Frame. Pada tulisan sebelumnya saya telah berjanji akan menjelaskannya secara rinci, agar teman-teman semua mengerti dan tidak kebingungan lagi, apa lagi sampe galau gara-gara Tweens Animation Frame :D. Kalo bahasa intelektualnya nih, Tweens Animation Frame adalah fitur untuk membuat frame di antara dua frame kunci. Bagaimana? Mengerti kan? Pasti bingung… :p Baiklah, akan saya jelaskan dengan bahasa yang lebih manusiawi. Saya contohkan gambarannya seperti ini, coba anda perhatikan gambar dibawah ini. 

Kita bisa analisis gambar di atas sebagai berikut: Saya ibaratkan KUNCI 1 sebagai posisi awal sebuah bola basket berada, yaitu di sebelah kanan. KUNCI 2 adalah posisi saat bola basket berpindah tempat ke sebelah kiri. Nah jarak perpindahan antara KUNCI 1 dan KUNCI 2 ini lah yang disebut Tweens Animation Frame. Semakin banyak kita menambahkan frame pada dialog tween, maka semakin lambat pergerakan bola saat berpindah tempat, begitu pula sebaliknya. Seperti halnya saat anda berjalan dan berlari, Ketika Anda berjalan berarti anda sedang memberikan Tweens Animation Frame dengan penambahan frame yang banyak. Sedangkan saat anda berlari, anda memberikan Tweens Animation Frame dengan penambahan frame yang sedikit. Mudah dipahami bukan? Semoga tutorial ini bisa bermanfaat untuk teman-teman semua, sampai jumpa :).

Read More