Biskoot™

Photoshop: Color Range

2010-06-22T10:00:00.003+08:00

Hi semua, biskoot jarang update dah sekarang. Sekarang banyak sangat borang kena isi seperti borang maklumat diri, borang kesihatan, ~~borang kahwin~~ dan juga borang yang boring diisi. Biskoot percaya ramai yang nak masuk IPT tengah sibuk isi borang, tak kisah lah 'Institut Penari Tango' ke, 'Ini Polis Trafik' ke, 'I Perut Tough' ke semuanya tengah buat-buat sibuk.

Bila tengok ada orang follow blog ni, tinggalkan jejak dekat entri & chatbox, membuatkan biskoot rasa sayu tilu (eh? band tilu!) melihat keadaan blog yang tidak berupdate. Jadi ini adalah tutorial simple untuk korang. Tutorial ini akan tunjukkan cara guna tool color range.

1. Klik File > Open (Ctrl + O). Buka gambar yang nak digunakan, teknik ini memerlukan gambar yang kontra seperti gambar yang menggunakan green atau blue screen.

2. Klik Select > Color Range.

3. Color Range: a. Fuzziness, adjust kontra warna yang dipilih samada nilai rendah (soft) atau sebaliknya. b. Tool dikiri, akan memilih warna yang baru. Tool ditengah, akan tambah warna yang dipilih kedalam selection. Tool dikanan akan buang warna yang dipilih daripada selection. c. Bahagian yang berwarna putih adalah bahagian yang akan dipilih dan hitam adalah sebaliknya.

4. Klik pada warna putih dalam gambar tersebut, perhatikan yang bahagian putih (Color Range) telah berubah kerana warna putih telah jadi warna pilihan.

5. Naikkan Fuzziness ke nilai yang lebih besar sedikit demi sedikit supaya selection menjadi lebih kontra.

6. Seterusnya klik Ok setelah selesai. Korang boleh copy dan paste menjadi layer baru dan letak Styles: Color Overlay supaya nampak lebih menarik. Korang perlu select area yang nak digunakan dahulu sebelum menggunakan tool Color Range supaya warna yang korang pilih tu tak melibatkan warna yang sama pada bahagian lain.

Sebelum

Selepas

P/S - Sumber gambar dari Edora.

Photoshop: Sampul Duit Raya Template

2010-06-17T22:04:00.001+08:00

Hi semua, dah lama biskoot menyepi tanpa khabar berita ~~pasal bertapa kat gunung ledang~~. Tapi ada juga luangkan masa untuk follow blogger yang datang bertandang kesini, tengoklah blog korang ada ke tak kat sidebar blogger. Masa tu juga jadi silent ~~killer~~ reader kat blog yang selalu update, biskoot memang dasar ~~penipu~~ pemalu!

Nak dengar gossip panas? Sekarang si Ikemal dah ada design blog baru.. kemas lagi tu sebab ada cewek bantu. Tak kenal?! Beliau famous dengan ayat 'sedangkan loser ingin in love', tipu korang tak ingat. Pastu dengar pula cerita yang si Aiz dah pun ~~berkahwin~~ berteman, siapa dia tu? lelaki ke perempuan? melayu ke korea? lu jenguklah sendiri, biskoot (opss terikut stail Nabil). Kalau Aiz dan Ikemal dah berteman? mana mungkin biskoot tak berteman haha. Ok tutup bab ni, jom kita buat sampul duit raya. Asyik pakai yang free dari bank je setiap tahun, kita buat perubahan sikit tahun ni. Tutorial ini akan tunjukkan cara untuk hasilkan template sampul duit raya. :)

1. Klik File > New > Open (Ctrl + N).

2. Guna setting seperti diatas.

3. Klik pada Rectangle Tool (U) di toolbar.

4. Klik dan tarik seperti diatas untuk buat petak.

5. Tekan Shift semasa tarik, bentuk tadi akan berubah menjadi segiempat sama. Guna cara ni untuk resize mengikut skala yang konstan.

6. Pastikan petak tadi bersaiz 80% dari kanvas.

7. Buat setting baru seperti diatas.

8. Buat line yang panjang melebihi tinggi petak hitam.

9. Tekan Ctrl dan diikuti klik ketiga-tiga layer di panel layer.

10. Klik pada Move Tool (V).

11. Klik pada dua petak biru diatas.

12. Semua layer akan tersusun pada pusat tengah kanvas.

13. Buat shape baru menggunakan setting diatas.

14. Buat shape pada bahagian kanan (front cover) seperti diatas.

15. Buat untuk ketiga-tiga sisi seperti diatas. Namakan ia sebagai layer gam sebab part ini akan digamkan.

16. Pastikan ketiga-tiga layer tersebut berada dibawah layer petak hitam, Shape 1.

17. Buat shape baru menggunakan setting seperti diatas.

18. Buat shape di bahagian kiri (back cover) seperti diatas. Namakan ia sebagai layer akan gam sebab part ini akan jadi kawasan gam. Aduyai, bakunya bahasa hehe.

19. Pastikan kedua layer tersebut berada diatas layer petak hitam.

BAHAGIAN GABUNG PATH SHAPE

20. Klik pada layer gam yang teratas.

21. Klik pada Pen Tool (P).

22. Tekan Ctrl dan tarik sehingga boleh select keseluruhan path layer gam tu. Seterusnya, tekan Ctrl + C untuk copy.

23. Klik pada Vector Mask layer petak hitam (ikon petak putih) di panel layer.

24. Tekan Ctrl + V untuk paste. Layer tersebut akan berubah jadi warna hitam kerana path layer gam tadi telah dimasukkan kedalam path petak hitam.

25. Ulang semula cara tadi untuk layer gam bahagian bawah.

26. Tekan Ctrl dan klik pada layer gam yang berwarna kelabu kecuali yang panjang. Klik pada ikon tong sampah untuk delete layer tersebut.

27. Seterusnya, letak teks diatas template yang hampir siap.

28. Pastikan layer yang nak didesign berada dibawah layer akan gam dan berada diatas petak hitam.

29. Line merah dijadikan sebagai penanda tengah. Klik pada ikon mata untuk sembunyikan line tersebut.

Contoh 1

Contoh 2

Tutorial ni telah direkues oleh Qaseh Insyirah, uh macam nama drama je hehe. Kepada bro Ayie dan Edora, biskoot akan pertimbangkan tutorial yang kalian rekues sebab tengah buntu ni hehe. Ha.. tengok atas tu biskoot buat dua contoh untuk korang. Kalau dah siap sampul duit raya, jangan lupa untuk postkan ke rumah biskoot duit raya tahun ni hehe. :)

Psst - Sesiapa yang lepasan matrikulasi dan asasi nak semak upu sekarang, boleh klik sini. Isi maklumat dan proceed sehingga website tu beritahu yang talian belum dibuka. Pada page tu tengok pada address bar, cari ayat 'semakan04' tukar kepada 'semakan02' dan tekan enter. Wallah..! beritahu biskoot korang dapat mana.

Photoshop: Shortcut Keys

2010-06-12T21:15:00.000+08:00

Hi semua, just untuk inform korang. Dalam tutorial yang lepas-lepas, biskoot ada letak shortcut key dalam kurungan contoh Ctrl + N, Ctrl + O dan sebagainya. Bende alah ni sebenarnya boleh percepatkan proses korang untuk menggunakan photoshop. Sebagai pengguna photoshop, korang kene la hafal sedikit shortcut key tool yang biasa digunakan. Shortcut key yang biskoot tunjukkan boleh didapati dalam pelbagai versi photoshop di Morris-Photographics.

Klik untuk saiz besar - page 1

Klik untuk saiz besar - page 2

Klik untuk saiz besar - page 3

Klik untuk saiz besar - page 4

Cuba korang tekan Ctrl + N. Kalau korang nak tau, simbol '+' tu bukannya korang kena tekan Ctrl, pastu lepaskan Ctrl, tekan N pula. Bukan camtu ya, maksudnya tekan Ctrl diikuti dengan N (jangan lepas Ctrl). Kalau disuruh pula tekan Alt + Shift + Ctrl + S, mahu berbelit jari korang nanti haha. Oh ya bagi pengguna Mac, Ctrl = Cmd dan Alt = Opt. Seperti yang korang tengok, shortcut key ni dalam versi CS3. Korang boleh download dalam bentuk pdf, klik sini (43kb) untuk download. Jika korang ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Photoshop: Replace Color

2010-06-12T12:11:00.001+08:00

Hi semua, lagi 2 minggu untuk biskoot berblog. Selepas tu mungkin agak payah bagi biskoot nak buat tutorial baru kerana sudah mula menyibukkan diri dengan persediaan ke ipta. Tapi biskoot try sebanyak mana yang boleh. Hari tu cik Chybee ada tag biskoot, tenkiu ya hehe (biskoot tak reti buat tag). So kali ni biskoot tunjuk cara untuk tukar warna baju, objek lain pun boleh tapi perlu yang kontra dengan warna sekeliling. Tutorial ini akan tunjukkan cara untuk ubah warna baju.

1. Klik File > Open. Pilih dan buka gambar yang nak digunakan.

2. Klik pada Polygonal Lasso Tool (L).

3. Buat satu bentuk yang merangkumi bahagian yang nak diubah warnanya.

4. Setelah selesai, korang akan dapat selection garis putus-putus ni. Kena select camni supaya tak kacau warna hijau yang lain, apa-apa perubahan hanya berlaku kat dalam selection tadi je.

5. Klik pada Zoom Tool (Z).

6. Zoom pada bahagian tersebut supaya senang korang nampak warna hijau tu. Berdasarkan gambar diatas, ada warna hijau terang dan hijau gelap (shadow).

7. Klik pada Image > Adjustments > Replace Color.

8. Satu window akan keluar, klik pada warna hijau terang baju tersebut dan perhatikan pada imej hitam-putih dalam window tu. Putih bermaksud bahagian yang akan diubah warnanya dan hitam sebaliknya. Pada Fuzziness (biru), adjustkan nilainya supaya imej hitam-putih menjadi lebih kontras.

9. Klik pada tools biru dan klik pada warna hijau gelap (shadow) baju tersebut. Cara ni akan menambahkan bahagian yang akan diubah warnanya. Tools yang berada disebelah kana biru, akan lakukan yang sebaliknya.

10. Setelah mengklik pada bahagian baju tersebut dan imej hitam-putih menjadi kontra seperti diatas (border pink). Korang boleh ubah warnanya dengan mengklik pada Result (border biru), pada Saturation dan Lightness jangan diubah nanti background korang akan jadi lain. Perhatikan pada border kuning, ada sedikit warna yang masih tidak diubah. Jadi gunakan tool yang sebelum ni untuk pilih warna tersebut untuk diubahkan warnanya.

Sebelum

Selepas

Terima kasih kepada Edora kerana bagi menggunakan gambar model cute ni. Jika korang ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Photoshop: Image Processor

2010-06-10T00:09:00.000+08:00

Hi semua, maaflah ye biskoot lama tak update. Sekarang ni mood nak blogging berkurang pasal banyak keje lain yang lebih utama. So tutorial ni just simple-simple je ye, kita senam jari dan otak sikit hehe. Imej processor ni memudahkan korang edit gambar secara pukal. Contohnya, Hasni (bukan nama sebenar) baru balik dari majlis kawin dan asyik suka bergambar mengalahkan pengantin (327 pics). Semua gambar tu pula nak masukkan dalam dia punya facebook/blog/etc. Beliau pun tension kerana baru upload 5 gambar (4mb per pic) dah ambil masa sejam, connect guna kabel tepon la tu. Tiba-tiba Hasni (diulangi bukan nama sebenar.. hehe) termasuk pula blog biskoot (promot blog sendiri haha) dan terbaca tutorial ni. Nak tahu apakah kesudahannya?

1. First sekali, ikut tutorial ni. Buka photoshop, klik File > Scripts > Image Processor.

2. Katakan ini folder yang biskoot nak process gambar tu.

3. Yang biru, pilih folder yang banyak sangat gambar korang nak edit tu. Photoshop akan edit semua gambar, diulangi semua gambar dalam folder yang korang pilih tu. So separatekan la mana yang tak nak supaya tak lama sangat nak process gambar tu. Yang pink, biskoot amik Save In Same Location. Ambil option seterusnya untuk save kat tempat lain. Yang kuning, korang ikut jela setting tu. Kalau nak quality tinggi letak 14, nanti saiz file pun tinggi juga la. Nilai width dan height tu adalah maksimum dimensi gambar yang akan diresize. Pastu buat setting seperti diatas, dah siap klik Run.

4. Selepas proses berdesap-desup tu selesai, akan ada folder JPEG seperti diatas. Macam tadi, biskoot Save In Same Location. Bila save kat tempat lain pun akan ada folder JPEG ni. So dalam folder tu la gambar yang dah diedit, gambar lama masih ada lagi.

Walaupun biskoot letak maksimum widthnya 720 pixel, ada la sikit dimensi tidak seperti yang dijangkakan macam imej diatas. Korang boleh je guna Window Picture Manager dan segerombolan dengannya untuk buat proses ni, biskoot cuma sampaikan dalam cara photoshop. Jika korang ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

P/S - Oh ya! Hasni tak dapat upload semua sebab kawasan rumah dia blackout haha.

Off-Day: Kelantan

2010-06-03T07:17:00.000+08:00

Hi semua, biskoot akan off dari berblog untuk beberapa hari.

Happy blogging ya! Yum2, tgh breakfast ni. O yea! :)

Photoshop: Animated Banner [Simple]

2010-06-02T10:00:00.001+08:00

Hi semua, biskoot sediakan tutorial ini untuk korang hasilkan banner ringkas yang animated. Kalau nak yang lebih advanced, biskoot pun tak sampai lagi tahap tu. Kalau ada yang dah sampai tahap dewa tu, kongsi-kongsi lah di bahagian komen ni ya. Tutorial ini akan tunjukkan cara untuk menghasilkan banner ringkas beranimasi menggunakan photoshop.

1. Start dengan buka gambar yang ready-made, klik File > Open (Ctrl + O).

2. Kelima-lima banner tu biskoot buat dimensi yang serupa, so nanti takde lah tetiba ada yang kecik atau besar. Highlight semua banner korang yang nak guna, klik Open.

3. Seterusnya, window banner yang korang pilih tadi akan dibuka. Pada window banner yang last dibuka, klik Select > All (Ctrl + A).

4. Seterusnya, klik Edit > Copy (Ctrl + C).

5. Kena buat kanvas baru, klik File > New (Ctrl + N).

6. So nanti dekat Preset, dia ada tulis Clipboard. Setting semua tu akan automatik ikut dimensi apa yang korang copy tadi. Sebab tu biskoot buat semua banner sama saiz. Faham dah sekarang? klik Ok.

7. Seterusnya, klik Edit > Paste (Ctrl + V).

8. Pastu korang repeat balik dari step ke2 sampai ke7 (skip step ke5 dan ke6) untuk semua banner yang korang nak guna. Ingat, copy paste kat dalam kanvas yang baru tu.

9. Seterusnya, susun layer korang dari bawah (first) hingga keatas (last) dan hidden kan semua layer kecuali layer yang bawah sekali (Background tidak termasuk).

10. Klik pada Window > Animation.

11. Panel animation akan keluar seperti diatas.

12. Klik pada 0 sec untuk ubah masa yang dipaparkan bagi setiap slide.

13. Seterusnya, klik pada Forever/Once bawah slide pertama dan pilih Forever.

14. Klik pada Duplicate Selected Frames (biru) untuk buat slide baru.

15. Pada slide duplicate yang baru, showkan layer second yang nak dipaparkan dan hide layer pertama. Rujuk diatas.

16. Repeat step ke14 dan ke15 untuk slide-slide yang lain. Jika korang terlebih buat slide, klik ikon tong sampah (biru) untuk buang slide. Klik ikon play (pink) untuk mainkan animasi banner korang. Kalau puas hati, teruskan step yang seterusnya.

17. Klik pada File > Save For Web & Devices (Alt + Shift + Ctrl + S).

18. Pastikan pada format (biru) & looping option (pink) sama seperti diatas.

19. Korang boleh testing power guna Internet Explorer.

Sebelum

Selepas

Tutorial ni mungkin agak payah nak faham bagi mereka yang baru kenal dengan photoshop. Jadi yang baru tu, cuba try tutorial yang lain ya. Korang boleh juga buat banner animasi menggunakan software flash, hah yang tu dah jauh dari bidang biskoot. Segala kesakitan mental yang disebabkan oleh tutorial ini, tuan blog tanak bertanggungjawab hehe. Jika korang ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Blogger: Custom Sidebar Title

2010-05-31T06:01:00.006+08:00

Hi semua, tutorial ni disediakan khas kepada mereka yang nak buat custom sidebar title. Dekat google dah banyak website yang tunjuk cara-cara camni. So kalau korang tak faham tutorial yang ni, search tutorial lain kat pakcik google ye. Oh yeah! Tutorial ini akan tunjukkan cara untuk menghasilkan custom sidebar title.

1. Login akaun Blogger korang, klik Layout > Page Elements.

2. Klik pada Add a Gadget.

3. Biskoot pilih HTML/Javascript, korang boleh pilih yang lain.

4. Pada Title, biskoot masukkan 'Custom Sidebar'. Seterusnya klik Save.

5. Lepas dah create gadget baru, klik Save.

6. Seterusnya pergi ke Layout > Edit HTML.

7. Tick pada Expand Widget Templates.

8. Dekat browser korang, klik Edit > Find (Ctrl + F).

9. So nanti muncul satu bar kat browser korang. Taip title gadget tadi, biskoot punya 'Custom Sidebar'.

<h2 class="title"><data:title></data:title></h2>

10. Lepas dah jumpa gadget tu, skroll kod tu kebawah sedikit. Cari kod kat atas ni.

<img border="0" src="http://img44.imageshack.us/img44/1539/customsidebar.png" />

11. Tukarkan kepada kod atas ni. Jangan lupa letak korang punya url imej kat bahagian yang diboldkan tu. Dah siap, klik Save Template.

Sebelum

Selepas

Walla ammah! Dah bolehlah tengok hasilnya kat blog korang. Pastikan lebar imej korang tak besar daripada lebar sidebar supaya sidebar korang tak berselerak. Sidebar biskoot lebar maksimumnya 440px, jadi biskoot buat lebar imej tu ngam-ngam choi je. Design sidebar korang pula kena la smart macam biskoot punya ni (sila abaikan ayat sebelum ni). Jika korang ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Update 6/10 - Ramai yang tak dapat letak imej kat gadget follower, akhirnya biskoot dah jumpa penyelesaiannya. Korang perlu copy paste kod ini,

.sidebar .Followers h2{
text-indent: -9999px;
background-image: url(IMAGE URL HERE);
title: block;
width: 250px;
height: 40px;
}

ke dalam bahagian css selepas kod ini,

<b:skin><![CDATA[

Jangan lupa untuk tukar IMAGE URL HERE kepada url imej korang dan ubah setting width dan height kepada saiz imej yang digunakan. :)

Photoshop: Teks 3D

2010-05-30T08:16:00.001+08:00

Hi semua, selamat hari ahad biskoot ucapkan. Sebelum tu, biskoot nak ucapkan berbanyak terima kasih kepada bro Ariff yang menyenaraikan blog ini sebagai blog terkacak dalam entri beliau disini. Kalau blog dah kacak, tuan blog kacak ke tak? hah itu yang menjadi persoalan sekarang haha (lupakan ayat ini selama-lamanya). Teks 3d dah ada banyak cara orang boleh hasilkan. Kalau guna software Illustrator lebih senang, tapi camna pula nak buat guna Photoshop?. Tutorial ini akan tunjukkan cara untuk hasilkan teks 3d.

1. Buat satu kanvas baru, klik File > New (Ctrl + N).

2. Gunakan setting kanvas seperti diatas.

3. Setelah kanvas baru dibuat, klik pada Horizontal Type Tool.

4. Gunakan setting teks seperti diatas.

5. Seterusnya tulis apa-apa perkataan pada kanvas contohnya Biskoot (wow market nama biskoot nih haha).

6. Klik butang mouse kanan pada layer teks yang dihasilkan dan klik Convert to Shape.

7. Seterusnya kita akan adjust permukaan teks tersebut, klik Edit > Transform Path > Skew. Korang boleh juga guna Distort atau Perspective.

8. Contoh permukaan teks yang biskoot dah adjust.

9. Ini step paling penting, korang kena ikut dengan betul. Klik pada layer teks tersebut, dan tekan Ctrl + J untuk duplicate teks dan tekan arrow keyboard kebawah. Lakukan step ni berulang kali untuk hasilkan thickness yang korang nak, contoh diatas biskoot duplicate 10 layer.

10. Contoh diatas ni pula, biskoot duplicate 20 layer.

11. Nak adjust kaler teks, double klik pada petak hitam di sebelah layer tersebut. Contoh diatas telah diapplykan pada layer yang teratas sekali, jadi kita akan nampak permukaan teks kebawah. Pasal kita duplicate pastu tekan arrow bawah. Kalau nak permukaan keatas kita duplicate pastu tekan arrow atas, kalau buat camni tak perlu teruskan step yang ke12.

12. Jadi untuk hasilkan permukaan teks yang keatas, klik pada layer teks yang terbawah sekali dalam panel layer dan ubah kalernya. Kalau kita tengok memang takde perubahan pasal layer teks tu ada kat lapisan yang paling bawah sekali.

13. Jadi kita drag layer tu, klik pada layer dan bawakan dia pada area yang berwarna tu tetapi jangan lepas. Sebab bila kita drag layer dan tarik keatas (bahagian berwarna), panel layer akan secara otomatiknya akan skroll keatas.

Tadaa! Akhirnya jadi juga setelah teks yang kat bawah sekali dinaikkan diatas. Seterusnya korang nak merge layer atau ubah bagi lagi cantik terpulang pada kreativiti korang. Contoh teks 3d yang biskoot dah adjust ada pada permulaan tutorial ni. Jika kamu ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Photoshop: Photomerge

2010-05-28T12:30:00.004+08:00

Hi semua, fuh penat biskoot pergi berjalan-jalan ke Kemensah rabu dan khamis lepas. Alih-alih terlupa bawa kamera, terpaksa la buat muka tak malu pinjam henset member yang berkamera. Oleh sebab event itu, biskoot tak sempat nak blogwalking dan reply comment korang. Apa jua sekali pun, biskoot tetap akan berikan tutorial yang terbaik untuk korang. Bagi yang rekues tutorial bokeh, kebanyakan tutorial tersebut menggunakan plugin alienskin yang berbayar, jadi tutorial tu masih dalam k.i.v lagi ok :) . Photomerge adalah tool untuk menggabungkan gambar-gambar yang diambil dari pelbagai sudut yang berasingan. Tutorial ini akan tunjukkan cara untuk gabung gambar guna photomerge.

1. Untuk nak start buat, klik File > Automate > Photomerge.

2. Satu window akan keluar, klik Browse dan pilih gambar-gambar yang nak digabungkan.

3. Setelah pilih gambar, pilih Layout yang korang suka, biskoot pilih Reposition Only. Auto (biru) = photoshop akan tentukan layout. Perspective (pink) = view perspektif. Cylindrical (kuning) = view cylinder. Reposition Only (hijau) = view biasa cuma posisi dialihkan. Interactive Layout (coklat) = korang boleh tentukan sendiri bahagian mana yang nak digabungkan.

4. Setelah beberapa ~~kurun~~ saat menunggu prosesnya siap, lebih kurang camnilah hasil yang korang dapat nanti.

5. Seterusnya klik pada Crop Tool.

6. Cropkan pada bahagian yang diperlukan supaya bahagian transparent (kotak-kotak kelabu) dibuang.

7. Akhirnya korang akan dapat satu gambar panorama yang superb walaupun guna kamera henset.

Sebelum

Selepas

Bagi mereka yang baru sahaja kenal blog ni, korang boleh surf tutorial lain melalui tab Tutorial. Jika korang ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Photoshop: Enhance Photo

2010-05-26T10:00:00.004+08:00

Hi semua, hari ni biskoot sibuk jadi tutorial ini telah dischedulekan. Mungkin saat kamu baca tutorial ini, biskoot dah pun pegi ~~Korea~~ jauh (macam cerita sedey pula). Sinopsis tutorial kali ni, teknik enhance photo boleh tukarkan gambar yang kurang menarik menjadi gambar yang lebih umphh. Teknik ni boleh naikkan ~~keanggunan~~ seri kat gambar. Tips, jangan gunakan gambar yang gelap, terangkan dahulu gambar yang nak edit. Tutorial ini akan tunjukkan cara untuk cantikkan foto. Kredit gambar dari blog Lyla dan Catt.

1. Macam biasa buka gambar nak edit dulu, klik File > Open (Ctrl + O). Pilih gambar dan klik Ok.

2. Duplicate layer, klik Layer > Duplicate Layer. Popup keluar, klik Ok.

3. Adjust skit gambar tu, klik Image > Adjustments > Auto Levels. Buat yang serupa untuk Auto Contrast dan Auto Color.

4. Sekarang kita pegi the curve kat damansara pula (gurau je..), klik Image > Adjustments > Curves.

5. Pada drop-down list Presets (biru), pilih Increase Contrast (RGB). Selesai, klik Ok.

6. Bagi tona skit kat gambar tu, klik Image > Adjustments > Photo Filter.

7. Pada drop-down list Filter (biru), biskoot pilih Red untuk tutorial ni . Ikut suka nak guna mana dan klik Ok.

8. Setkan Density (biru) dalam lingkungan 50%-60% dan pastikan Preserve Luminosity bertanda.

9. Seterusnya duplicate layer yang diadjust tadi, rujuk no 2. Klik Filter > Sharpen > Unsharp Mask.

10. Setkan mengikut setting diatas dan klik Ok.

11. Seterusnya blurkan gambar tu, klik Filter > Blur > Gaussian Blur.

12. Setkan nilai sesedap mata memandang. Elok dah kalau edge dalam gambar blur dan gambar jangan terlalu blur (korang mesti blur apa yang biskoot cakap kan? hehe).

13. Setkan blending mode layer tadi ke Soft Light.

14. Setkan opacity layer ke 50%.

Sebelum

Selepas

Sebelum

Selepas

Indeed, biskoot nak sangat tengok perkembangan korang yang mengikuti tutorial dalam blog biskoot ni. Kalau boleh, hantarlah hasil artwork korang ke emel biskoot (emel ada di page Si Biskoot). Biskoot akan pilih dan buat entri khas untuk hasil yang telah korang buat. Ini juga boleh jadi indikator untuk biskoot samada korang faham atau tak. Jika korang ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Photoshop: Fisheye Effect

2010-05-25T12:40:00.006+08:00

Hi semua, biskoot baru join Gengblogger setelah diperkenalkan oleh cik Catt. Kita berkenal-kenalanlah disana ye. Tutorial efek fisheye kali ni telah direkues oleh cik Edora. Sinopsis tutorial efek fisheye, efek lens kamera dari view mata ikan yang bulat, biskoot tengok efek ni selalu guna dalam video sukan extreme. Tutorial ini akan tunjukkan cara untuk menghasilkan efek fisheye.

1. Buka gambar yang nak edit, klik File > Open (Ctrl + O).

2. Seterusnya pilih layer Background di panel layer dan klik Layer > Duplicate Layer.

CARA SPHERIZE:

3. Biskoot akan buat 5 cara mengikut turutan, tajuk diatas hanya untuk bezakan setiap cara. Pilihlah cara yang terbaik, klik Filter > Distort > Spherize.

4. Setkan mode pada Normal dan amount mengikut sesedap rasa, biskoot letak 100%. Setelah selesai klik Ok.

5. Perhatikan, efek Spherize tidak sesuai sebab ia menghasilkan part yang tidak melengkung (rujuk sudut imej).

6. Jadi delete layer itu, klik butang mouse kanan pada layer Background copy dan klik Delete Layer.

CARA PINCH:

7. Seterusnya buat layer duplicate baru, rujuk no 2. Klik Filter > Distort > Pinch.

8. Setkan amount mengikut sesedap rasa lagi, biskoot letak -100%. Setelah selesai klik Ok.

9. Perhatikan pada bahagian cerah, efek Pinch tidak sesuai sebab ia menghasilkan bahagian yang tidak melengkung. Jadi delete layer ni, rujuk no 6.

CARA LENS CORRECTION:

10. Seterusnya buat layer duplicate baru, rujuk no 2. Klik Filter > Distort > Lens Correction.

11. Popup akan keluar, setkan nilai pada bahagian biru & pink seperti imej diatas (klik untuk besarkan imej). Setelah selesai, klik Ok.

12. Hide dulu layer Background, klik pada ikon mata.

13. Kawasan petak-petak adalah kawasan transparent, kita boleh lihat dengan jelas imej yang terhasil daripada Lens Correction tidak memenuhi ruang.

14. Untuk edit imej tersebut, klik Edit > Transform > Warp.

15. Tarik bucu imej seperti diatas. Perhatikan imej tersebut jadi seperti imej asal jika kita edit bucunya. Kalau resize imej jadi besar supaya memenuhi ruang, imej tersebut jadi blur.

16. Jadi delete layer ni, klik pada ikon tong sampah (pink). Ini cara lain untuk delete layer selain no 6.

CARA WARP FISHEYE:

17. Seterusnya buat layer duplicate baru, rujuk no 2. Klik Edit > Transform > Warp.

18. Pada setting diatas, klik drop-down list dan pilih Fisheye.

19. Seterusnya tarik ikon petak kecik (pink) keatas dan kebawah mengikut efek yang dimahukan. Setelah selesai, tekan Enter.

CARA WARP CUSTOM:

20. Ataupun cara ni, pilih Custom dari drop-down list setting. Kamu mungkin perlu delete layer sebelum ni (rujuk no 16 atau 6) dan duplicate layer Background (rujuk no 2).

21. Tarik bahagian dalam petak kecil sehingga ia berbentuk seperti imej diatas. Setelah selesai, tekan Enter dan imej fisheye kamu dah pun siap.

Sebelum

Selepas

Ok, menarik kan? Untuk bahagian gelap di tepi imej boleh rujuk tutorial Efek Lomo. Biskoot ada dapat cadangan daripada pelawat kat Rekues, dia cadangkan untuk letak imej before & after. Tutorial yang lepas biskoot dah edit balik, jadi senanglah untuk kamu faham. So korang pun hantarlah lagi cadangan nanti biskoot pertimbangkan. Jika kamu ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Photoshop: Lomo Effect

2010-05-24T12:03:00.005+08:00

Hi semua, minggu ni mungkin minggu produktif bagi biskoot dalam menghasilkan entri-entri baru jadi jangan terlepas ya. Sedang biskoot menerjah blog, terminat pula dengan blog cik Izan bila baca tajuknya 'ketuk keybod pun boleh'. Bunyinya lebih kurang macam iklan rejoice, 'guna jari pun boleh' hehe. Dalam entri terbarunya, beliau bercerita tentang piano maya dan bagi sesiapa yang mempunyai bakat bermain instrumen sila isi form bakal suami beliau hehe. Sinopsis tutorial lomo effect, dapat menghasilkan seakan-akan efek lomografi yang terdapat pada kamera dslr atau kata lain, cara murah nak dapat efek lomo, huhu. Tutorial ini akan tunjukkan cara untuk menghasilkan efek lomo.

1. Buka gambar yang nak digunakan, klik File > Open (Ctrl + O) dan klik Ok.

2. Pastikan layer Background dah dipilih.

3. Duplicatekan layer tersebut, klik Layer > Duplicate Layer dan klik Ok.

4. Seterusnya pada layer baru duplicate tadi, klik Image > Adjustments > Color Balance (Ctrl + B).

5. Klik pada Shadows (merah) dan setkan menggunakan setting seperti imej diatas.

6. Klik pada Midtones (biru) dan setkan menggunakan setting seperti imej diatas.

7. Klik pada Highlights (kuning) dan setkan menggunakan setting seperti imej diatas dan klik Ok setelah selesai.

8. Gambar kamu akan mendapat hasil lebih kurang camni.

9. Klik pada Rectangular Tool.

10. Setkan tool menggunakan setting seperti imej diatas.

11. Pada hujung kiri paling atas, klik dan drag ke... (terus baca no 12).

12. Hujung kanan paling bawah dan lepaskan butang mouse.

13. Seterusnya, pilih layer shape yang telah dihasilkan dan klik pada Path Selection Tool.

14. Select keseluruhan layer shape tadi untuk aktifkan semua point yang ada pada shape tersebut (klik gambar untuk besarkan).

15. Setelah semua point diaktifkan, klik pada ikon (biru) untuk invertkan ruang kaler pada layer shape.

16. Seterusnya blurkan shape, klik Filter > Blur > Gaussian Blur.

17. Pilih nilai yang sesuai dan klik Ok, pastikan tiada spot hitam di tengah-tengah gambar.

Sebelum

Selepas

Sebelum

Selepas

Imej diatas adalah contoh yang telah diapplykan efek lomo. Hah takkan baca je, try la buat tutorial ni. Kalau kamu pandai, gambar dalam tutorial ni diambil di kolej mana. Pembayangnya, somewhere in UM hehe. Jika kamu ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Photoshop: Style Presets

2010-05-24T00:37:00.002+08:00

Hi semua, biskoot ada seekor burung pink comel kat belah kiri blog. Burung pink tu terbang dari blog Aiz ke biskoot. Atas sebab apa? itu yang kita semua tak tahu. Sekarang ada berlaku sedikit perubahan, ini sebab biskoot sedang cuba memperbaiki & mengupgrade ke'mantop'an blog ni. Sinopsis tutorial kali ni, style presets boleh digunakan pada teks atau gambar untuk menjimatkan masa dan juga bagi yang baru nak cuba bereksperimen dengan style. Tutorial ini panjang, kamu boleh skip mana-mana step yang dah tahu dan klik pada imej untuk besarkan jika tidak jelas. Tutorial ini akan tunjukkan cara menggunakan style presets.

1. Buat kanvas baru, klik File > New (Ctrl + N).

2. Klik pada arrow Preset (merah) dan pilih Web untuk tutorial ini.

3. Pastikan semua setting serupa seperti imej diatas dan klik Ok.

4. Klik pada Type Tool.

5. Arrow biru untuk tukar jenis font. Arrow pink untuk tukar saiz font. Ikon kuning untuk tukar color font. Ikon hijau untuk buka panel text setting (coklat). Setkan semua setting seperti imej diatas.

6. Tulis apa-apa perkataan pada kanvas seperti biskoot, biskut atau biscuit (eh cam serupa je ayat-ayat ni).

7. Klik pada Window > Styles untuk buka panel styles.

8. Panel styles adalah seperti imej diatas. Preset didalam panel adalah style yang boleh digunakan.

9. Cara menggunakan styles, pastikan layer yang hendak diapply telah dipilih. Seterusnya klik pada mana-mana preset style. Seperti yang dipaparkan adalah style dari preset kedua (merah).

10. Contoh yang lain adalah style dari preset ke15 (merah).

11. Jika kamu berminat membuat style preset sendiri, klik pada ikon fx (merah) seperti diatas. Pastikan layer dipilih dahulu.

12. Imej diatas adalah jenis styles yang ada. Klik Drop Shadow dan popup style akan keluar.

13. Pada bahagian kiri adalah jenis style. Bahagian tengah pula adalah setting style. Pastikan kotak (merah) bertanda jika mahu jenis style tersebut diaktifkan.

14. Klik butang mouse kanan pada layer yang mempunyai style. Pada menu dibawah sekali, kamu boleh copy, paste atau clearkan (remove) style pada layer yang dipilih.

15. Klik pada ikon (purple) di panel styles. Bahagian merah rujuk no 16. Biru rujuk no 17. Kuning dan hijau rujuk no 18.

16. (a). Text List, (b). Small Thumbnail, (c). Large Thumbnail, (d). Small List, (e). Large List. Ini bergantung kepada kamu, biskoot selalu guna Small Thumbnail.

17. Preset Manager. Kamu boleh manage semua style yang ada disini.

18. Reset Styles, tukar kepada set style default (asal). Load Styles, tambah set styles yang baru. Save Styles, save set styles dalam bentuk file (format .ASL). Replace Styles, tukar set style yang baru. Dari Abstract Styles sehingga Web Styles adalah set styles yang sedia ada dalam photoshop.

19. Jika kamu membuat style preset sendiri, klik pada ikon (merah). Pastikan layer yang dipilih sudah mempunyai style.

20. Isikan nama style tersebut dan klik Ok.

Lihat pada style yang terakhir sekali untuk pastikan ia telah jadi sebagai preset. Jangan lupa untuk Save Styles preset yang telah kamu buat. Untuk save rujuk no 18. Banyak website yang sediakan set style, jadi rajin-rajinlah search kat pakcik Google dengan keyword 'free photoshop style preset'. Pastikan style yang kamu telah download berformat .ASL. Jika kamu ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Photoshop: Teknik Masking

2010-05-22T16:00:00.010+08:00

Hi semua, nasib baik biskoot sempat update ini blog. Pada pemenang Teka-Tekuk yang lepas, tahniah diucapkan dan yang tak sempat tu cuba lagi untuk yang akan datang. Biskoot ada dapat soalan dari seorang pelawat kat Formspring, katanya mana pegi tutorial-tutorial yang lepas. Jawapannya, biskoot akan pos semula tutorial yang lepas dan ianya lebih mudah nak follow. Kalau kamu ada rekues tutorial atau soalan ~~merapu~~ menarik silalah hantar ke Rekues (Formspring). Tutorial ini akan tunjukkan cara menggunakan teknik masking. Kredit gambar dari blog Edora. :)

1. Buka gambar yang kamu nak guna, klik File > Open (Ctrl + O). Cari gambar kamu dan klik Ok.

2. Pastikan pada panel layer, layer Background telah dipilih.

3. Klik pada Layer > Duplicate Layer. Klik Ok bila keluar popup.

4. Pada layer Background copy, klik Image > Adjustments > Desaturate (Shift + Ctrl + U).

5. Klik pada button bulat seperti imej diatas untuk applykan masking pada Background copy.

6. Pastikan kamu mendapat seperti ini setelah tekan butang masking.

7. Klik pada Brush Tool.

8. Klik pada arrow (kebawah) seperti imej diatas. Klik arrow (merah) dan Reset Brushes.

9. Klik pada arrow (kebawah) sekali lagi, pilih saiz brush yang sesuai.

10. Pada layer Background copy, klik pada bahagian merah (tukar kepada putih-hitam) dan seterusnya bahagian biru (shuffle kepada hitam-putih).

11. Seterusnya kalerkan pada bahagian yang nak berwarna.

12. Jika kamu lihat, ada sikit area yang terkaler. Kat part tu kita boleh touchup semula.

13. Klik pada bahagian merah (shuffle kepada putih-hitam).

14. Untuk area kecik tu, kamu perlu zoom supaya touchup lebih kemas. Klik pada Zoom Tool.

15. Hasil touchup pun dah selesai. Kalau ada bahagian berkaler yang kamu terbrush semasa touchup, tukarkan semula pada panel colour ke hitam-putih.

Sebelum

Selepas

So inilah hasilnya, dengan menggunakan teknik masking ni kamu boleh buat banyak cara contohnya iklan H1N1 gelombang kedua yang ada orang merah dan hitam. Ikut kreativiti kamu dan selamat bermasking. Jika kamu ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Teka-Tekuk 1

2010-05-18T10:48:00.003+08:00

Hi semua, apa khabar yang sedang bercuti, yang sedang berkerja & yang sedang tidur. Kali ni, kita akan main satu teka-tekuk yang boleh bagi orang fenin nak fikir apa jawapannya. Kamu rasa kamu tahu jawapannya? Cepat-cepat bagi jawapan kat bahagian komen (jangan spam ye). Bagi sesiapa yang dapat jawab dengan betul untuk kedua-duanya, biskoot akan bagi hadiah berupa topup rm10 (sesiapa yang nak saving tu, join la~). Pemenang hanya seorang, siapa cepat dia dapat. Tinggalkan emel kamu supaya biskoot boleh contact kalau jawapan betul. Teka-tekuk ni akan berlangsung selagi takde orang yang jawab dengan betul. Hehe. :D

P/S - Bagi jawapan yang tepat ya, sipi-sipi tak diterima. Lupa bagitau, teka kedua-dua gambar diatas. Hee..

Photoshop: Imej Lakaran

2010-05-17T13:00:00.006+08:00

Hi semua, ini bukanlah cerita Brokeback Mountain yang kamu fikirkan. Mereka adalah model untuk tutorial ini, jejaka yang di kiri, Firdaus dan kanan, Faez. Baiklah bagi post yang lepas, saya bercadang ingin menggunakan video untuk tutorial. Malangnya, beberapa rakan saya berdengus (bayangkan kuda) kerana wireless di kawasan kolej mereka amatlah berkelajuan super siput. Seperti yang sedia maklum, tutorial ini akan tunjukkan cara membuat imej lakaran. :)

1. Klik File > Open (Ctrl + O), pilih gambar yang kamu nak edit.

2. Pada layer Background di panel layer, klik mouse kanan dan Duplicate Layer.

3. Pada layer yang baru duplicate, klik Image > Adjustments > Desaturate (Shift + Ctrl + U).

4. Duplicatekan layer baru tadi, rujuk no 2.

5. Pada layer duplicate yang kedua, klik Image > Adjustments > Invert (Ctrl + I).

6. Tukar mode layer duplicate kedua tersebut ke Color Dodge.

7. Pada layer yang sama, klik Filter > Blur > Gaussian Blur.

8. Pilih nilai yang sesuai apabila gambar kamu nampak seperti lakaran. Klik Ok.

9. Seterusnya, klik Layer > New Fill Layer > Pattern.

10. Pilih pattern kesukaan kamu. Klik pada arrow kecik (kebawah) untuk lihat pattern, klik arrow kecik (kekanan) untuk lihat set pattern.

11. Tukarkan mode layer pattern tadi ke Soft Light.

12. Klik layer pattern, tekan Shift dan klik pada layer Background copy seterusnya lepaskan Shift. Untuk pilih secara individu, tekan Ctrl dan klik pada layer.

13. Klik mouse kanan pada mana-mana layer yang dipilih, klik Merge Layers.

14. Pada layer yang telah dimergekan, tukar mode ke Luminosity.

Sebelum

Selepas

Inilah hasilnya, saya rasa tutorial ini agak direct. Persoalannya, adakah kamu mudah faham dengan cara camni? Kalau ada yang nak bagi pandangan, dipersilakan. :D Memandangkan tiada komen yang terpilih untuk post yang lepas, hadiah itu akan dibawa ke teka-teki yang akan datang. What the!! Teka-teki?! Harap kamu join teka-teki nanti ya. Jika kamu ada pertanyaan atau pendapat mengenai tutorial ini, sila tinggalkan di bahagian komen. :)

Biskoot: Edisi Kedua

2010-05-13T14:00:00.007+08:00

Ya. Akhirnya dapat juga saya kembali dalam dunia blogging. Kini blog Biskoot kembali dalam edisi kedua dengan sedikit perubahan dari segi layout grafik, gadget & kandungan pos. Bercakap tentang kandungan pos, kali ni saya akan menggunakan 'saya kamu' dengan kamu(pengunjung blog Biskoot ni). Mengapa ya? mungkin lebih senang bagi saya membahasakan diri dengan mereka yang berbeza umur dan juga dengan bangsa yang lain. 1Malaysia lah katakan. :)

Sebelum itu, saya ingin meminta maaf kepada blog-blog exchange link yang kena spam, jangan spam saya balik ye hehe. Jadi mengenai tutorial yang akan datang, saya bercadang untuk menggunakan video yang diupload ke YouTube. Apa komen kamu tentang method ni? Pro dan kontra? Segala komen yang diberi akan menentukan masa depan blog Biskoot. Sebagai ganjaran, komen pilihan akan menerima hadiah topup RM10.

Oh, semestinya video tersebut berbahasa melayu. :)