Penangan Siku Kluang

Zaman sekolah rendah dulu, ada mata pelajaran Lukisan. Dalam jadual waktu cuma sekali seminggu dan ambil dua masa pembelajaran. Sekarang ni dipanggil Pendidikan Seni Visual (PSV) dan darjah 4 ke atas ada subjek tambahan Kemahiran Hidup (KH). Salah satu kerja dalam kelas ialah anyaman kertas. Lebih kurang macam anyam tikar mengkuang.

Aku ingat-ingat lupa arwah nenek rajin buat tikar nih. Mungkin dia ambil upah buat tikar agaknya. Dia akan potong beberapa helai daun mengkuang dan rebus dalam periuk besar. Daun pandan dia kurang sikit agaknya leceh kerana daunnya pendek-pendek. Lepas tu sidai kat ampaian macam sidai kain. Bila dah kering warnanya bertukar jadi pucat dan dia akan potong guna satu alat macam sikat. Nanti daun mengkuang tu akan jadi halus-halus lebihkurang 1cm lebarnya tiap satu.

Pastu dia asingkan jadi tiga longgok. Dua longgok tak berapa banyak; satu longgok lagi banyak. Dia akan rebus tiap longgok tu dalam periuk campur dengan pewarna (esen) satu kaler merah satu kaler hijau satu lagi kaler putih. Tak ingatler berapa lama dia masak tapi pastu kena jemur lagi sampai kering.

Gambar ni cilok Google

Biasanya dia akan buat atas lantai rumah (papan) dan lekatkan hujung tikar guna paku tekan. Untuk ketatkan anyaman dia guna lidi. Kemasan tepi biasanya dia buat 'Tulang Belut'. Sebidang tikar mengkuang tu dia boleh siapkan dalam 3 hari kot. Lebih kurang cenggitulah yang aku ingat.

Kat sekolah pun lebihkurang je cuma tak perlu kelepet belah tepi macam tikar mengkuang. Guna kertas warna; siapkan dan hantar kat cikgu; nanti dapat B (sekarang guna Band bukan band muzik yea :) ).

2 minggu lepas Afrina tunjuk kat aku kerja anyaman dia tapi dia kata nak selang 3-2-3-2 jadi macam siku keluang. Aku kata tak pernah dengar lorrr...

Aku buat sampel camni:

dia kata bukan.

Yang ni pulak:

bukan jugak.

Cuba yang ini pulak:

lagilah bukan katanya.

Sudahnya aku suruh dia buat dulu dan tunjuk pada cikgu. Dia balik dan tunjukkan corak anyaman siku keluang camni:

Aku bagitau dia selain gunakan gam untuk kemaskan anyaman, kita boleh selitkan kertas lain kat belakangnya (kat sini aku guna kertas putih). Tapi dia belasah gam tiap-tiap bucu kertas warna biru tuh. Lepas dia hantar semula minggu lepas; dia kata cikgu tak percaya dia buat. Hahahahahahahah cikgu bagi Band 6 ke?

Cerita seterusnya »

Percubaan Pertama

Cerita ni agak lama juga. Minggu pertama bulan nih, aku jah yang tak sempat nak pos. Tapi tuan punya badan dok merengek-rengek nak nengok semula lukisan dia, kenalah sempatkan diri buat posting nih. Haaa meh nengok pe citernya.

Hari Senin 1 April masa kat tadika, cikgunya beri borang kaler pink. Ada pertandingan mewarna terbuka untuk

kanak-kanak 4-6 tahun di Angsana sempena Ekspo IKS IPPJ. Ngam-ngam eksponya pun jatuh pada 4-6 April.

Walaupun dah daftar kat Tadika, kat sini kena buat pendaftaran semula tak tauler sebab apa.

Belum mula lagi. Satu jam jer masanya start 10.30 pagi. Boleh tahan juga penyertaan, atas pentas pun penuh.

Aiman me'mandrem' kertas lukisan sebab nak hadiah beskal...

10.40 pagi pertandingan bermula. Pertama kali nih si Yana mewarna... dulu dok ngabiskan bedak jer.

Alamak setengah jam dah siap; aku kat luar tali suruh dia gelapkan semula semua warna sambil pesan tambah ler bangunan untuk latar entah dia dengar ke tidak.

Ada lagi doploh minit sebelum habis masa 11.40 pagi tapi Yana kata penat. Dah malas le tuuu. Latar belakang satu kaler jah. Tak de canle amik adiah hahahahahahah.

Yang ini ada can dapat no. 1. Dia buat ngam-ngam siap satu jam...

Haaa '1st time' masuk dapat no. 11. Hadiah sampai no. 12 jer. Tapi betul beskal tuh milik tuan punya gambar tadi...

Pertandingan mewarna nih salah satu aktiviti Ekspo Industri Kecil & Sederhana IPPJ sempena ekspo di situ. Percuma jah tak yah bayar. Masa umum pemenang tu aku kat klinik Kg Melayu hantar si kecik Asyraaf buat rutin 'medical check up'. Aiman kata nama Yana dipanggil tapi budak lain yang naik sambil pegang lukisan dia. Nasib aku sempat sampai dan bagitau abang D-Jay tuh. Hihi camni pun ado...

Cerita seterusnya »

Jimat Ruang Entri Menggunakan z-index Ala PowerPoint

Satu lagi slide yang agak menarik untuk dikongsi. Semua imej dikumpul macam susun duit (Hahaha yang men daun terup mesti kata cam susun daun terup).

Sebenarnya gambar-gambar tu tegak je, aku yang ejas jadi senget. Kalau semua tegak, boleh juga tapi tak nampakle susunannya.

Nanti aku ajar camana nak sengetkan gambar-gambar tu. Cuma agak tak cantik kalau nak letak 'penerangan gambar' (caption) sebab z-index jenis ini lebih kepada gambar yang boleh shuffle ke atas dan ke bawah mengikut arahan.

Aku pernah guna masa bercerita pasal onscreen keyboard. Kat sini aku letak 11 gambar lama ya:

(halakan anak panah [Mouse] pada imej untuk lihat penerangan gambar)

« Imej Sebelum «

» Imej Seterusnya »

Kalau berminat, salin jelah kod kat bawah ni ya :)

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>
$(document).ready(function() {
var z = 0;
var inAnimation = false;
$('#pictures img').each(function() {
z++;
$(this).css('z-index', z); });
function swapFirstLast(isFirst) {
if(inAnimation) return false;
else inAnimation = true;
var processZindex, direction, newZindex, inDeCrease;
if(isFirst) { processZindex = z; direction = '-'; newZindex = 1; inDeCrease = 1; }
else { processZindex = 1; direction = ''; newZindex = z; inDeCrease = -1; }
$('#pictures img').each(function() {
if($(this).css('z-index') == processZindex) {
$(this).animate({ 'top' : direction + $(this).height() + 'px' }, 'slow', function() {
$(this).css('z-index', newZindex)
.animate({ 'top' : '0' }, 'slow', function() {
inAnimation = false; }); });
} else {
$(this).animate({ 'top' : '0' }, 'slow', function() {
$(this).css('z-index', parseInt($(this).css('z-index')) + inDeCrease);
}); } });
return false; }
$('#next a').click(function() { return swapFirstLast(true); });
$('#prev a').click(function() { return swapFirstLast(false); }); });
</script>

<style> #gallery { position: relative; }
#pictures { position: relative; height: 360px; }
#pictures img { position: absolute; top: 0; left: 50px; }
#prev, #next { margin-top: 15px; text-align: center; font-size: 14px; }
.container {margin-left:auto;margin-right:auto;width:400px}
.grid_a,.grid_b,.grid_c,{display:inline;float:left;margin-left:10px;margin-right:10px}
.container .grid_a{width:100px}
.container .grid_b{width:470px}
.container .grid_c{width:470px}
.container .prefix {padding-left:50px}
.container .suffix {padding-right:50px}
.alpha{margin-left:0}
.omega{margin-right:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}* html
.clearfix{height:1%}
.clearfix{display:block}
</style>

<div style="padding-bottom: 10px; text-align: center;">
(halakan anak panah [Mouse] pada imej untuk lihat penerangan gambar)
</div>
<div class="container" id="wrapper">
</div>
<div class="grid_c" id="content">
</div>
<div class="grid_b prefix suffix" id="gallery">
</div>

<div id="pictures">
<a href="apa-apa link, kosongkan pun tak pe"><img alt="gambar pertama" src="Imej pertama" title="Penerangan gambar pertama" /></a>
<a href="apa-apa link, kosongkan pun tak pe"><img alt="gambar kedua" src="Imej kedua" title="Penerangan gambar kedua" /></a>
<a href="apa-apa link, kosongkan pun tak pe"><img alt="gambar ketiga" src="Imej ketiga" title="Penerangan gambar ketiga" /></a>
<a href="apa-apa link, kosongkan pun tak pe"><img alt="gambar keempat" src="Imej keempat" title="Penerangan gambar keempat" /></a>
<a href="apa-apa link, kosongkan pun tak pe"><img alt="gambar kelima" src="Imej kelima" title="Penerangan gambar kelima" /></a>
</div>

<div style="float: left; padding-left: 80px; padding-right: 50px;">
<span class="grid_a alpha" id="prev"><a href="#previous">&laquo; Imej Sebelum &laquo;</a></span></div>
<div style="text-align: left;">
<span class="grid_a omega" id="next"><a href="#next">&raquo; Imej Seterusnya &raquo;</a></span></div>

<div class="clear"></div>

Sedikit penerangan warna dalam kod tu:

Cam biasa, skrip jQuery warna merah tak perlu jika blog korang dah ada (tak kisah apa version pun, kalau boleh ersi 1.3.2 atau terkini. Mungkin dah ada dalam template blog; dalam posting sebelum ini; atau di widget kat sidebar)

Kalau rasa script warna hijau tu panjang sangat; aku ada ringkaskan. Terpulangle nak guna script aku atau yang sedia ada (sama je). Ini aku punya, gantikan keseluruhan warna hijau tu dengan script nih: <script src="https://empayarutama.googlecode.com/files/z-index.js" type="text/javascript"></script>

Ayat (halakan anak panah [Mouse] pada imej untuk lihat penerangan gambar); Imej Sebelum; Imej Seterusnya; semua korang boleh guna ayat sendiri. Begitu juga dengan segala saiz ukuran tinggi (height); lebar (width); jarak kiri/kanan (padding) - korang ejas sendiri ikut kesesuaian blog.

Dalam kotak atas ada 5 set gambar, di mana set untuk imej kelima aku tandakan dengan warna oren. Jika ada lebih gambar/imej, tambah lagi di bawahnya. Salln dan tempek je kod warna oren tu bergantung kepada berapa banyak imej yang korang nak letak.

Haaa, camana nak buat gambar tu tersusun tak sama?

Nak sengetkan gambar, imej korang mesti berada pada format .png (kan ada format .gif, jpg, .jpeg, .tiff, .bmp) sebab bila disengetkan nanti, warna latar yang terlebih akan jadi 'transparent'. Format lain akan buat warna itu jadi putih.

Dah tu camana nak tukar kepada format .png? Aku guna "Paint" yang biasanya ada tersedia dalam komputer kita nih. Klik kanan 'mouse' dan pilih 'Open with' -> 'Paint'. Pastu dalam 'Paint' nengok atas kiri tekan 'File' -> Pilih 'Save As' dan akan keluar satu 'pop-up' untuk simpan imej. Korang pilihle nak 'Save In' kat mana; beri nama 'File name'; dan bawah dia 'Save as type' haaa pilih 'PNG (*.PNG)'. Sekarang korang dah ada satu imej dalam format .png

Ok, katalah semua gambar berukuran 350px*300px. 'View' sekeping gambar melalui 'Microsoft Office Picture Manager' -> Tekan Butang 'Edit Pictures' -> Tekan 'Rotate And Flip' ada belah kanan tu -> Cari 'By Degree:' ada kotak camni:

Gambar akan lebih senget ke kanan bila nombor lebih besar (12 degree dah senget sangat dan imej akan jadi lebih lebar). Ia akan senget ke kiri bila nombor negatif lebih besar. Ejas le cantik-cantik tiap-tiap gambar tu jangan bagi sengetnya sama.

kalau puas hati, 'save' dan ejas gambar lain pulokkkk.

Dah siap le tu ^_^

Cerita seterusnya »