31 May 08

Siapa yang tidak mengenal browser yang satu ini, Mozzila Firefox . web browser ini yang dibilang terbaik didunia ini memang menarik. Selain Themesnya yang bisa diubah-ubah, terdapat juga plugins yang dapat ditempel pada mozzila.

Ternyata tidak hanya manusia saja yang memakai mozzila, para alien diluar sana juga pakai mozzila untuk browsing di internet. kira2x mereka pakai google ngga ya sebagai search engine mereka..?? :)

firefox crop circle

ini salah satu gambar crop circle yang saya temukan di internet.

Firefox 2

27 May 08

Banyak yang bisa dimuat tentang pulau ini. yup, pulau bali. pulau surga, pulau seribu pura. banyak wisatawan yang berkunjung kepulau ini, baik itu domestik maupun luar negeri. Kebudayaannya yang unik dan menawan disertai penduduknya yang ramah menambah daya tarik pulau ini.

Kali ini saya membuat web yang berisi tentang pulau bali. walaupun sederhana tapi akan saya update lagi contentnya.

situs ini beralamat di http://bluefever-studio.com/bali/

bluefever-studio-bali

Yup, walaupun sederhana. mudah2xan bisa untuk memperkenalkan bali. :)

tunggu update-update selanjutnya.

16 May 08

Pita merah merupakan lambang internasioal untuk HIV selama 15 tahun. kenakan di blog anda sebagai rasa solidaritas anda terhadap 40 juta orang yang hidup dengan HIV. Red ribbon bisa didapatkan di http://www.worldaidsday.org/help_wear_red_ribbon.asp

Support World AIDS Day

16 May 08

Hmmm… Klo tadi kita kerja di Photoshop, sekarang kita kerja ke Illustrator. Yuk, kita mulai ja langsung..

  1. Buat bentuk tombol. Gw pake Rounded Rectangle 10 px.

  2. Isiin gradasi dengan tone atasnya lebih tua dari tone bawahnya. Jangan pake stroke, trus dikunci. Ini punya gw.

    Hasilnya:


  3. Pilih menu Object » Path » Offset Path.

    Pake -2px (kamu bisa modif lagi).

    Inget pake tanda minus, biar nanti hasil offset-nya lebih kecil dari bentuk semula (kaya perintah select»modify»contract di Photoshop). Isiin warna putih tanpa stroke. Jadi kaya gini :


  4. Pilih Direct Selection Tool (A) , trus teken tanda minus di keyboard ‘-‘. Hapus 2 titik ini (yang gw kasi tanda merah).


  5. Trus pake Convert Anchor Point Tool (Shift+C) . Kamu klik aja titik yang gw kasi tanda ungu. Fungsinya untuk ngelurusin sisi. Jadinya kaya gini.

  6. Pake Direct Selection Tool (A) , kamu seleksi dua titik bawah (Tips: pertama seleksi satu titik, trus teken Shift sambil klik titik yang satunya lagi). Bawa ke atas, kamu teken aja tanda up di keyboard kamu berkali-kali sampe sisa kira-kira setengahnya. Like this..


  7. Kali ini kita buat kotak kira-kira sebesar bagian putih tadi. Lebih besaran dikitlah. Kasi gradasi default (Black and White, angle -90).

    Taruh menutupi bagian putih tadi.

  8. Ctrl+A. Kamu bakal menseleksi bagian putihnya juga. Trus, buka palet Transparency, klik panah yang kesamping tu, pilih Make Opacity Mask.


    Semakin putih gradasinya, semakin kelihatan bagian putihnya. Semakin hitam gradasinya, semakin ga kelihatan objeknya.

  9. Jadi deh… Udah mirip sama yang dibuat di Photoshop kan? Klo diliat-liat lagi, caranya sama kq. Cuma perintahnya aja yang beda ;)
  10. Bisa kamu tambahin drop shadow pada bentuk dasar tombol. Gw pake pengaturan ini.


    Hasilnya:

Kamu juga bisa mengaplikasikan tutorial ini ke bentuk teks. Tapi sebelummya, kamu create outline dulu.. Baru deh kamu jalanin tutorialnya…

Good luck, selamat mencoba, dan terus berkreasi..

Silahkan download di sini (format: .ai, size: 1,1MB)

16 May 08
Seperti janji aku di postingan sebelumnya, aku udah nyiapin beberapa tutorial yang biasa aku pake pas ngedesain web. Aku pake dua software, Adobe Photoshop CS (yup, katro emang. Tapi ntar lagi gw ganti kq. Jadi yang pake versi yang baru, silahkan cari alternatif lain deh) ama Adobe Illustrator CS2 (ntar juga mo diganti pake CS3).
Yup, ini dia tutorialnya. Silahkan menikmati. Resep untuk 6 porsi, minyak goreng dapat diganti dengan mentega *loh.. salah =p*.

  1. Buat bentuk tombol yang kamu inginkan. Aku sih pake bentuk rounded rectangle . Ukuran dan warna terserah kamu. Disini aku pake warna #92CDFF.

  2. Trus kamu seleksi bentuk tombol dengan cara Select » Load Selection ato kamu Ctrl+klik thumbnail di palet layer.

  3. Ubah foreground ke tone yang lebih tua. Punyaku pake #094373. Trus, kasi gradasi linear, Foreground to Transparent . Buat gradasi dari atas ke bawah. Jangan lupa tekan Shift pas buat gradasi. Fungsinya untuk menjaga gradasi kamu agar tetap lurus.


  4. Bentuk tombol masih diseleksi, pilih menu Select » Modify » Contract.

    Pake 3 pixels aja.

    Ini akan membuat seleksi sebesar 3 pixels lebih kecil dari seleksi awal.

  5. Jangan di-deselect dulu… Pake tool Rectange Marquee Selection (M) , pilih Subtract from Selection, feathernya 0 . Buat seleksi untuk ngilangin bagian bawah kira-kira setengahnya.

    Trus nanti jadi kaya gini:


  6. Buat layer baru dengan cara klik aja icon Create a New Layer ato (Ctrl+Shift+N). Kali ini kita bakal buat efek glass-nya.

  7. Masih belum di-deselect. Ubah foregroundnya jadi warna putih (#FFFFFF) *MESTI WARNA PUTIH! Soalnya sekarang mau buat efek glass-nya. Putih adalah warna yang umum untuk buat efek glass*. Kasi gradasi linear, Foreground to Transparent , dari dari atas ke bawah (kaya sebelumnya). Baru di-deselect (Ctrl+D). Punyaku jadi seperti ini:

  8. Yaaapppzz.. Udah jadi deh.. Sekarang kamu bisa nambahin blending option seperti inner glow, drop shadow, ato stroke (di tutorial” yang aku temuin biasanya pake tiga itu ja). Klo mau ngisiin, jangan terlalu gede size-nya. Web 2.0 perlu warna yang tegas n kuat.

  9. Gw ngisiin inner glow…

    Drop shadow…

    dan stroke…

    Blanding tadi diaplikasikan pada layer 1. Hasilnya seperti ini.

    Tapi gw tetep milih tanpa blending option apapun.

So, gimana punyamu? Klo ga sreg silahkan kamu otak-atik lagi, trus kasi tahu aku (tempe juga boleh, tapi karena kedele mahal, ayam aja deh sekalian). Bagi" ilmu gitu deh..
Good luck, dan selamat berkreasi…

Silahkan download di sini (format: .psd, size: 31KB)

8 May 08

Akhirnya situs ini rampung juga. walaupun diliputi dengan kesibukan. situs ini dibuat untuk memberikan tutorial tentang design kepada semua orang, tutorial gratis.