Web Design

Sekarang mari kita mulai membuat Windows Media Player dengan Coreldraw aplikasi powerfull dari Corel yang sangat memanjakan kita dalam men disain




Langkah - Langkahnya:



1. Buatlah 2 buah lingkaran dengan ELLIPSE TOOL (F7)






2. Setelah itu tekan CTRL + A (Select All)

Lalu tekan CTRL + G (Group)



3. Untuk Lebih memudahkan munculkan Grid,
Caranya: pada Menu Utama pilih View - Grid, Kemudian
buat 2 Kotak dengan Rectangle Tool (F6) sebagai bantuan memotong 3/4 bagian lingkaran





Sambli tekan dan tahan tombol Shift ---- Klik (Lingkaran - Kotak kanan - Kotak Bawah) lalu gunakan Metode Simplify


Hasilnya:





Kemudian hapus kedia kotak dengan tombol Delete

Nah hasilnya:





4. Buang bagian lingkaran dalam dengan cara membuat lingkaran lagi dan gunakan metode Trim






Setelah di Trim (Caranya seperti pada metode simplify tadi)

Hapus yang tidak diperlukan, jadi tinggal 1/4 lingkaran ini





5. Klik bangun tersebut dan tekan tombol [+] pada keyboard sebanyak 1 X untuk menggandakan

Kemudian tekan mirror horrisontal

Hasilnya:





Gunakan Move Tool dan atur posisinya:






6. Buat 2 Buah bagian lagi sehingga menghasilkan seperti ini

Tapi kali ini pilih mirror vertical





7. Sekarang tinggal membuat tombol PLAY jadi buat segitiga dengan


Hasilnya:





Tinggal mewarnai saja, sebaiknya hilangkan Grid agar kanvas menjadi putih bersih lagi, caranya seperti mengaktifkan Grid tadi




8. Mewarnai bagian - bagian

Klik bagian yang ingin diwarnai dan pilih warna pada color pallete di sebelah kanan



Unofficial icon From Windows Media Player sudah tercipta, minta maaf loh kepada pemilik windows ini hanyalah sekedah latian saja jadi gak ada maksud apa - apa, apalagi membajak logo tersebut... hehehe... ;P





+ Tips Tambahan - Extreme Tutorial:

Untuk langkah ke 8 yaitu pewarnaan bisa menggunakan Gradien (Fountain Fill) agar lebih menarik




Pengaturan untuk warna merah




Hasilnya:





Bisa juga ditambahkan Interactive Shadow Tool

Hasilnya:





Anda bisa berkreasi sendiri dengan Tool - Tool yang ada dalam Coreldraw...

ini hasil karya alternatif dari penulis (jo - ilmugrafis)


Kalian pasti bisa berkreasi lebih hebat lagi... ;P

"I am Just Newbie who want to Share Tutorials..."



Unofficial Logo Windows Media Player

Buka lembar kerja kosong, lalu buat lingkaran (seperti biasanya, hehehe). Lalu buat bangun persegi yang tak beraturan melintas didepan lingkaran tersebut. Lihat bawah:



Lalu group semua kotak persegi itu dengan tool “group” lihat bawah :



Lalu gunakan tool “intersect” pada lingkaran oleh persegi tersebut. Lihat bawah :



Lalu delete persegi panjangnya. Gambar akan tampak seperti di bawah:



Kemudian warnailah kedua bangun sesuai warna logo telkom. Kemudian pilih group persegi tadi lalu klik menu fountain fill. Menu tersebut akan keluar seperti dibawah:





Lalu warnai dan gradasi persegi didalam lingkaran tersebut. Lihat bawah:



Hasilnya akan seperti di bawah :



Lalu gradasi warnai dan gradasi pula lingkaran yang dibelakang bangun persegi itu. Hasil akan tampak seperti dibawah.





Telkom - Commited 2 U

Anda Jika Anda telah membaca artikel sebelumnya, tentu Anda sudah paham tentang cara mengganti warna scrollbar pada IE. Nah, untuk Anda yang tidak mau repot dengan menuliskan kode-kode tersebut, ada alternatif lain yang lebih mudah, yaitu dengan menggunakan Cool Web Scrollbars.

Dengan software yang dapat di download di http://www.harmonyhollow.net/ ini dijamin Anda tidak akan mengalami kesulitan lagi.

Untuk membuat kode warna scrollbar dengan Cool Web Scrollbars, caranya sebagai berikut:

1.	Setelah program dijalankan maka akan muncul tampilkan seperti pada gambar di bawah ini.
2.	Ada tujuh "bagian" yang dapat Anda tentukan warnanya, mulai dari Face Color, Arrow Color sampai Track Color. Untuk mengetahui "arti" dari masing-masing bagian tersebut, letakkan cursor mouse pada panel sebelah kiri. Jika Anda meletakkan cursor mouse di atas tanda panah, maka secara otomatis keterangan Arrow Color akan berwarna merah.
3.	Untuk mengganti warna, klik pada icon
4.	Jika Anda telah mengganti semua warna sesuai dengan pilihan Anda, Anda dapat melihat tampilan scrollbar tersebut dengan mengklik tombol Actual Size Preview.
5.	Tombol Generate Code digunakan untuk membuat kode yang dapat langsung Anda copy dan paste ke halaman html Anda.

Anda yang rajin surfing pasti sering menjumpai halaman web dengan warna scrollbar yang warna-warni. Jika pada halaman ini scrollbar tersebut berwarna biru kehijauan (lihat scrollbar di sebelah kanan). Mungkin saja Anda bingung, gimana memuat scrollbar seperti itu?

Sebenarnya itu adalah "permainan" CSS saja. Misalnya dengan menambahkan kode di bawah ini pada bagian HEAD pada suatu halaman web:

Kode di atas akan menghasilkan tampilan seperti contoh di sini.

Untuk membuat tampilan yang berbeda dengan contoh di atas, Anda tinggal mengganti warna pada CSS di atas. Sebagai "spedoman" warnanya Anda dapat melihat pada gambar di bawah ini.

Sayangnya CSS ini hanya dapat bekerja pada browser Internet Explorer versi 5.5 ke atas.

Pernah mengalami kejadian seperti ini:
Anda sudah mengupdate situs Anda, tapi waktu Anda melihat pada browser yang terlihat masih halaman yang lama (yang belum diupdate) ?

Mengapa hal ini terjadi ? Penjelasan yang sangat detail dapat Anda baca di sini. Lalu bagaimana caranya mencegah hal itu terjadi? Anda bisa menambahkan tag di bawah ini di antara tag <HEAD> dan </HEAD>:

<META http-equiv="Pragma" content="no-cache">

Cara lain adalah dengan menekan Shift yang diikuti dengan mengklik tombol Refresh pada browsers. Langkah itu akan "memaksa" untuk mengambil halaman web langsung dari servernya, bukan dari cache.

Anda pasti sering menjumpai link seperti "Bookmark situs ini", yang jika link tersebut kita klik maka akan langsung masuk ke dalam Favorites. Dengan memasukkan situs ke dalam Favorites, maka kita tidak perlu susah-susah lagi mengetikkan nama situs pada Address Bar, tapi cukup dengan mengklik nama situs yang terdapat pada daftar Favorites.

Untuk membuat link bookmark tersebut, masukkan kode di bawah ini di antara tag <HEAD> dan </HEAD> pada halaman web Anda:

Pada suatu halaman web kita seringkali melihat link navigasi seperti Back untuk kembali ke halaman sebelumnya dan Forward untuk menuju ke halaman yang pernah kita buka sebelumnya.

Anda bisa membuat link navigasi tersebut dengan menggunakan java script seperti contoh di bawah ini.

<a href="javascript:history.back(1)">Back</a>

<a href="javascript:history.forward(1)">Forward</a>