Film paling ditunggu {The Hunger Games : Catching Fire} :D

Hafifah Bella July 13, 2013 No comments Edit

Pernah nonton film The Hunger Games ? kalo belum pernah nonton, minimal pernah denger kan?

yowes yowesss kalo belum disini saya mau berbagi cerita tentang film The Hunger Games..

Ini adalah salah satu film favorit saya banget, karna pemeran utamanya cewe dan fight banget :D

makanya ni saya mau ngajak temen2 untuk tertarik ama film ini, hhaa.. yukk tengok

______________________________________________________________________

The Hunger Games merupakan cerita fiksi fantasi yang menceritakan tentang permainan yang mematikan demi mempertaruhkan kemerdekaan distrik..

Jadi ada 12 distrik di film itu, masing2 distrik harus mengirimkan perwakilannya 2 orang anak muda (laki2 dan perempuan) untuk bermain di The Hunger Games..

Jujur aja saya juga ga ngerti kenapa mereka harus mengirim perwakilan2 itu, dan asal usul adanya permainan The Hunger Games juga saya gatau.. hhaa yang penting ni film seru, itu aja udah :p

Soalnya saya ga baca buku nya sih, jadi sebenernya film ini diadaptasi dari buku trilogy The Hunger Games..

nah jadi tuh di The Hunger Games 1 , si pemeran utama Katniss Everdeen dan Peeta Mallark menang (Distrik 12)

Menurut beberapa sumber yang saya baca, The Hunger Games 2 (Catching Fire) , si Katniss Everdeen dan Peeta Mallark diharuskan mengikuti tur kemenangannya ke distrik2 lain, mereka harus meninggalkan keluarganya dan teman2 dekatnya..
Dan di sela2 tur nya itu, banyak pemberontakan dari Distrik2 terhadap Capitol (penyelenggara The Hunger Games) , sehingga Capitol menyelenggarakan kembali permainan yang membertaruhkan nyawa tersebut.

nah katanya sih di Catching Fire ini, Katniss Everdeen dan Peeta Mallark harus melawan para pemenang The Hunger Games sebelumnya..
waw, makin seru kayanya..

Oya, buat kamu yang ga suka film sadis, saya sarankan jangan nonton deh.. hhaaa soalnya serius deh sadis banget
kecuali kalo emang penasaran pengen nonton :D

______________________________________________________________________

Untuk kamu yang penasaran, nih saya kasih The Hunger Game : Catching Fire Trailer 2013 - Official [HD]
Film ini akan tayang di bisokop2 mulai 22 November 2013.. so, siapkan waktu dan kantongmu yaahhh.. :p

Disela-sela tur kemenangannya tersebut, pemberontakan di distrik-distrik lainnya di Panem akhirnya membuat “Capitol” harus menyelenggarakan kembali permainan hidup dan mati dalam “The Hunger Games“. - See more at: http://tema-windows8.blogspot.com/2013/04/sinopsis-film-hunger-games-catching-fire.html#sthash.bF5GuoOm.dpuf

tentang tur kemenangan Katniss Everdeen dan Peeta Mellark setelah mereka memenangkan pertandingan “The Hunger Games” (Di film pertamanya). Disela-sela tur kemenangannya tersebut, pemberontakan di distrik-distrik lainnya di Panem akhirnya membuat “Capitol” harus menyelenggarakan kembali permainan hidup dan mati dalam “The Hunger Games“.

- See more at: http://tema-windows8.blogspot.com/2013/04/sinopsis-film-hunger-games-catching-fire.html#sthash.bF5GuoOm.dpuf

Membuat Design Teks 3D dengan Adobe Illustrator

Hafifah Bella July 12, 2013 9 comments Edit

Sebelumnya saya ucapkan terimakasih kepada temen2 yang sudah menyempatkan dirinya untuk klik link kesini,hho..
saya akan berbagi sedikit cara untuk membuat design teks 3D dengan Adobe Illustrator..

Kebetulan saya baru bikin design untuk ucapan Ramadhan 1434 H ini..
Oya sedikit info, kalo pada postingan sebelumnya saya masih menggunakan Adobe Illustrator CS2 maka disini saya sudah menggunakan Adobe Illustrator CS5, makanya tampilannya agak beda, tp tool nya sama ko.. hhhee

yupps langsung saja

1. Seperti biasa, kita bikin aja design dengan ukuran Artboard 210 x 287 mm (alias: A4).

2. Buat kotak dengan Rectangle Tool (M), dan beri warna kuning muda (Yellow : 15%). Kemudian tambahkan teks dengan menggunakan Type Tool, beri warna hijau. Hasilnya akan terlihat seperti dibawah ini

3. Untuk variasinya, kita bikin bulat2 dengan Elipse Tool (tool ini ada di pilihan Rectangle Tool atau tekan L pada keyboard). Beri warna hijau

4. Kita buat Opacity warnanya dibawah 100%, di panel Transparency seperti ini

5. Pengurangan Opacity itu berguna ketika ada penumpukan objek maka akan terlihat transparansinya dan hasilnya akan seperti ini

6. Duplikat bulat2 tersebut, dan posisikan di ujung kiri atas dan ujung kanan bawah seperti ini

7. Ini dia bagian yang dinanti-nanti, kita akan bikin Teks 3D nya.. sebelumnya bikin layer baru dulu yaaa.. di panel Layers, klik New Layer (yang dilingkar merah dibawah ini)

8. Kita ganti nama layer nya ya.... double klik di layer baru nya, sehingga akan muncul window seperti ini

9. Buat teksnya, terserah mau pake font apa aja tapi disini saya pake font Coreldraw.
Kemudian diberi warna hijau

10. Beri efek 3D pada menu Effect > 3D > Extrude & Bevel

11. Maka akan muncul window 3D Extrude & Bevel Options, atur posisi dimensinya sehingga menjadi seperti dibawah ini

12. Maka akan tampak hasilnya

13. Untuk variasinya, kita bikin per huruf nya miring2.. tapi sebelumnya di Create Outline dulu.. caranya gini

Klik kanan pada teks yang sudah diketik, trus pilih Create Outline

14. Setelah itu di Ungroup dulu, klik kanan di teks tsb pilih Ungroup

15. Baru deh kita buat miring2 per huruf seperti ini

16. Buat kata2 lain dan ulangi cara nomor 9-15 .. dan hasilnya seperti ini

17. Setelah itu tambahin deh kata2 ucapannya.. jreng jreeeenngggg jadi deeeh :D

Tinggal dimodif deh ama kamu mau bikin ucapan apa aja :D

Happy Ramadhan guyss.. Marhaban Ya Ramadhan..
Semoga tutor ini bermanfaat..
Feel free to share..

email : hafifah.bella@gmail.com
facebook : http://www.facebook.com/hafifah.bella

Desain Kartu Ucapan dengan Adobe Illustrator

Hafifah Bella July 06, 2013 No comments Edit

Okeh, tulisan ini saya buat karena terinspirasi waktu kemarin bikin Kartu Ucapan milad nya istri mas feri (rekan kerja)..
saya cuma mau sedikit share aja cara membuat design yang sangat simpel untuk kartu ucapan, semoga ini bisa bermanfaat untuk kamu2 yang lagi galau pengin bikin kartu ucapan tapi ga begitu expert di design..
so, try this sob.. karena ini mudah banget, simpel, tapi elegan ~ (wkwkk :D)

Tapi yang paling penting lagi, orang yang mau kamu kasih kartu ucapan ini pasti bakalan seneng dengan pemberian kamu apapun itu.. apalagi kalo bikin sendiri kan desainnya..
yuks, check this out ^^

1. Buka dulu dong Adobe Illustrator nya (maaf saya gabisa kasih link download nya, cari sendiri ya :D)

2. Pilih File > New ( atau bisa dengan Shortcut keyboard Ctrl+N , yang pake Mac Cmd+N ), pilih ukuran kertas nya .. disini saya menggunakan kertas A4 , jadi nanti ukuran design nya A4 dibagi 2 kaya screen shot diatas.. lumayan kan sekali cetak langsung dapet 2 :D

3. Sebelah kiri kan ada Toolbox tuh, nah kamu pilih yang Rectangle Tool yah.. ini ni screen shot nya

4. Buat kotak nya, terserah kamu.. kira2 aja kaya gini ni

5. Beri warna, pilih di panel Color trus kita kasih gradasi di panel Gradient seperti ini. Atur sesuka hati kamu

6. Hasilnya jadi seperti ini ni

7. Untuk variasinya, kita bikin gambar. Disini saya menggunakan Paintbrush Tool (pilih di ToolBox yah)

8. Terus di copy-paste bertumpuk dan banyak jadi seperti gambar dibawah ini.. Oya, cara cepetnya untuk copy-paste adalah pilih Selection Tool trus arahkan ke object yang ingin diduplikat sambil tahan tombol Alt pada keyboard, kalo udah keliatan duplikatnya dilepas aja tombol Alt nya, wiss dehh..

9. Saya bikin objek lain seperti ini

10. Tambahin teks ucapannya yaa pake Type Tool di Toolbox

11. Daaaann nih hasilnya.... :D

Sekian dari saya.. mudah2an bermanfaat , maaf kalo terlalu singkat dan kurang jelas..
kalo ada pertanyaan silakan tanyakan saja lewat komentar dibawah ini..
atau bisa juga hubungi saya melalui
email : hafifah.bella@gmail.com
facebook : http://www.facebook.com/hafifah.bella

Salam berbagi :D

Membuat Objek Draggable pada Website dgn CSS

Hafifah Bella July 06, 2013 1 comment Edit

Assalamualaikum temen2, terimakasih atas kunjungannya ke blog kecil saya ini :D
langsung saja disini saya mau berbagi sedikit codingan CSS untuk membuat objek di website menjadi Draggable (read: bisa ditarik "bahasa kerennya gtu")..
Ini bisa jadi referensi buat temen2 yang ingin membuat web nya menjadi lebih unik karna objek nya bisa ditarik kemana2 sesuka hati visitor web nya, hhhaa

simpel sih, kaya gini ni..
Tinggal di modif aja deh sesuka hati..
_________________________________________________________

<!DOCTYPE html>

<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style type="text/css">
#draggable { width: 100px; height: 70px; background: silver; cursor:move; }

</style>
<script>
$(document).ready(function() {
$("#draggable").draggable();
});
$( ".selector" ).draggable({ cursor: 'crosshair' });
//getter
var cursor = $( ".selector" ).draggable( "option", "cursor" );
//setter
$( ".selector" ).draggable( "option", "cursor", 'crosshair' );
</script>
</head>
<body style="font-size:62.5%;">

<div id="draggable">Drag me</div>

</body>
</html>
_________________________________________________________

Kalo temen2 mau ganti objeknya tinggal ganti yang di bagian ini

#draggable { width: 100px; height: 70px; background: silver; cursor:move; }

width : untuk lebar objek
height : tinggi objek

background : bisa diganti jadi background-image , sehingga codingnya jadi gini
background-image:url(../BNURkolCAAAzZfI.jpg%20large.jpg)
yang didalam kurung itu adalah tempat penyimpan gambar/objeknya

cursor : itu biarin move aja , jadi biar kursornya ngebentuk panah 4 arah yang menunjukkan bahwa objek itu bisa di drag..

gini ni hasil modifan aku

selamat mencoba dan semoga bermanfaat ^^
Wassalamualaikum.. :D