Beberapa ciri situs berpotensi menyebarkan malware adalah tingginya akses ke halaman website tersebut, situs tidak terdaftar dalam daftar situs berpemilik (di google) serta secara eksplisit mengandung kode yang mengarahkan pengakses ke website penyebar malware serta jarangnya maintenance/update oleh pemilik website. Sekitar seminggu awal Februari 2011, Google telah mengkategorisasikan Guntingbatukertas sebagai situs yang diduga menyebarkan virus. Itu Fakta.

Namun di balik itu semua, selidik punya selidik, ternyata Guntingbatukertas didakwa seperti tersebut di atas karena link banner Co.CC yang berada di header situs. Selain Co.CC sudah mendapatkan label sebagai situs penyebar malware, ternyata skrip yang tertulis dalam form iframe pengupload gambar banner kurang sempurna. Wajar saja bisa Google menaruh curiga terhadap situs ini. Fakta lainnya adalah bahwa GBK (Baca=Guntingbatukertas) sendiri justru memerangi penyebaran Virus, Malware dan kawan kawan melalui beberapa posting yang bisa Anda temukan di sini, diantaranya:

• Melawan Serangan Virus sshnas.dll alias Flash Updater
• Bersihkan PC dari Malware, Trojan dan Spyware dengan MalwareBytes Anti-Malware
• Hapus Iklan Yahoo Messenger 10 dengan Ad Banner Remover dan beberapa tulisan terkait  lainnya.

Setelah sebuah situs dicurigai sebagai penyebar malware, biasanya langsung mendapatkan label seperti ilustrasi di atas. Namun setelah pemilik melakukan perbaikan dan minta review ulang, biasanya situs bisa dikembalikan ke kondisi semula, termasuk yang terjadi pada Guntingbatukertas.

Oleh karena ketidaknyamanan yang mungkin timbul, selama beberapa waktu yang lalu, kami mohon maaf sebesar-besarnya kepada para pengakses GBK yang terhormat. Semoga lain kali akan semakin lancar dan GBK bisa berkembang menjadi situs yang lebih bermanfaat bagi semakin banyak orang lain..

Demikian, terimakasih.

salsabel

1. Buat dokumen baru dengan ukuran 600px x 500px.
2. Beri warna background hitam [Edit > Fill]
3. Buat layer kosong [Layer > New > Layer ] kemudian pilih layer tersebut.
   
4. Gunakan Elliptical Marquee Tool untuk membuat seleksi di tengah gambar. Pilih Fixed Size dengan dimensi Width: 350px Height: 250px Feather: 80px.
   Pengaturan ini dapat Anda temukan di Options-Panel di bagian atas monitor ketika Elliptical Marquee Tool sudah Anda pilih.
   
5. Tentukan warna hitam sebagai warna foreground dan warna putih sebagai warna background. Selanjutnya buatlah asap dalam seleksi yang sudah Anda buat [Filter > Render > Clouds]. Efek asap ini dibuat oleh Photoshop secara acak. Jika Anda tidak puas dengan hasilnya, Anda tinggal klik Undo dan melakukan render ulang. Saya sebut layer ini sebagai layer Asap.
   
6. Buat layer kosong di atas layer Asap, kemudian pilih layer tersebut. Ubah Blending Mode-nya menjadi Overlay seperti pada gambar berikut.
   
7. Di sini saya gunakan warna foreground #06c2ff dan warna #00ff7d sebagai background-nya. Gunakan Gradient Tool pada layer baru tersebut. Hasilnya kurang lebih akan terlihat seperti berikut.
   

Teks Transparan
Sekarang, kita buat tulisan di atas asap yang sudah kita beri warna. Gunakan Type Tool untuk menambahkan teks. Ubah Blending mode-nya menjadi Overlay sehingga akan tampak seperti ini.

Efek Garis Sinar
Selanjutnya, kita akan buat garis yang bersinar dengan menggunakan Pen Tool. Langkah berikut ini akan membutuhkan rangkaian langkah yang agak panjang. Agar tetap bisa mengikuti, saya sarankan Anda lebih mencermati tiap detail langkah-langkah berikut.

Pen Tool adalah salah satu tool Photoshop yang cukup unik, baik cara penggunaannya maupun efek yang dihasilkannya. Bagi Anda yang belum pernah menggunakan tool ini saya akan berikan gambaran awal tentang apa saja yang bisa Anda temukan dalam Tombol Flyout Pen Tool berikut ini:
 

• Pen Tool – digunakan untuk menggambar kurva, biasanya tool ini yang digunakan pertama kali dalam suatu rangkaian kerja yang memanfaatkan garis. Anda tinggal klik dan drag pointer mouse untuk membuat sebuah kurva. Anda tidak perlu khawatir jika kurva yang Anda buat kurang menarik. Anda bisa meng-edit-nya lagi nanti.
• Add Anchor Point Tool – digunakan untuk membuat titik acuan baru dalam kurva yang sudah dibuat sebelumnya.
• Remove Anchor Point Tool – Tool ini digunakan untuk menghapus titik acuan dalam kurva Anda.
• Convert Point Tool – Gunakan tool ini untuk mengubah dan memindahkan titik acuan dalam kurva dan mengatur posisinya. Tool ini dapat digunakan dengan cara:
  - Klik pada titik lengkung untuk mengubahnya mejadi titik sudut
  - Klik dan drag sebuah titik sudut untuk mengubahnya menjadi titik lengkung
  - Sambil menekan tombol Ctrl, Anda juga bisa memindahkan titik acuan
  - Klik pada kurva untuk mengatur segmen yang bersangkutan

1. Nah, setelah mendapatkan sedikit gambaran di atas, sekarang kita buat kurva seperti pada gambar di bawah. Dalam langkah ini, kurva yang kita buat baru berupa path (alur) saja. Nantinya alur ini yang akan menjadi panduan posisi garis cahaya yang kita buat. Pilih Pen Tools, pastikan Anda memilih ikon Path pada panel Pen Tools di bagian atas layar seperti ilustrasi di bawah.
   
2. Buat layer kosong di atas layer teks kemudian pilih layer tersebut. Agar lebih mudah, kita beri nama layer ini layer Garis Cahaya
3. Pilih Brush Tool. Klik-kanan di manapun dalam gambar. Atur Master Diameter menjadi 3px dan Hardness menjadi 100%. Atur juga warna foreground menjadi putih.
   
4. Pilih Pen Tool dan klik-kanan di manapun dalam gambar. Pilih Stroke Path dari menu tersebut. Pastikan bahwa Simulate Pressure sudah terpilih kemudian klik OK.
   
   Sekarang, Anda sudah memiliki gambar sinar sepanjang path yang Anda buat seperti gambar berikut.
   
5. Selanjutnya, mari kita sembunyikan path yang tadi kita buat. Buka jendela Paths [Window > Paths]. Klik dalam jendela tersebut, di bawah path yang sedang aktif untuk menghilangkan seleksi. Dengan cara ini, Anda telah menyembunyikan path Anda dari tampilan.
6. Untuk menambahkan kesan sinar, sekarang kita tambahkan efek glow. Klik-kanan pada layer dan pilih Blending Options. Klik pada bagian Outer Glow dan ubah warnanya menjadi #16b5e5.

Kerlap-kerlip cahaya
Untuk menambahkan efek ini di sepanjang garis cahaya kita cukup melakukan langkah berikut. Pilih layer Garis Cahaya di atas. Gunakan Brush Tool untuk membuat titik-titik kecil di tempat yang Anda suka. Jangan lupa, gunakan ukuran brush antara 1-4px saja. Sekarang, gambar Anda akan tampak seperti berikut.

Efek Kabur
Agar lebih realistis, tambahkan Motion Blur pada garis cahaya Anda.

1. Klik kanan pada Layer Garis Cahaya, pilih Duplicate Layer, klik OK.
   
2. Sekarang, Anda memiliki dua layer yang serupa dan garis cahaya Anda tampak lebih menyala. Pilih layer bawah (layer asli) dari kedua layer tersebut. Tambahkan Motion Blur [Filter > Blur > Motion Blur]. Atur nilainya seperti berikut:
   - Angle: -30
   - Distance: 40
3. Ubah nilai Opacity Layer yang sudah dikaburkan tersebut menjadi 40%. Efeknya akan tampak seperti ini.
   

Efek Bintang
Selanjutnya, kita akan membuat efek cahaya bintang. Pertama kali, kita akan membuat sebuah gambar bintang kemudian menerapkannya dalam layer utama. Urutan proses pembuatan bintang yang akan saya sampaikan tampak dalam ilustrasi berikut:

Untuk membuat gambar tersebut, ikuti langkah berikut:

1. Buat sebuah layer baru kemudian pilih. Agar lebih mudah, layer ini kita beri nama Layer Bintang.
2. Atur nilai Brush menjadi 3px dan Brush Hardness menjadi 100%.
3. Gunakan Pen Tool untuk membuat path vertikal kurang lebih 100 pixel. Untuk memperkirakan ukuran dan posisinya, Anda bisa lihat di jendela Info.
4. Dengan tetap mengaktifkan Pen Tool, klik-kanan di manapun dalam gambar. Pilih Stroke Path. Pastikan pilihan Simulate Pressure terpilih, dan klik OK. Sekarang akan ada garis lurus di sepanjang path Anda. Selanjutnya, sembunyikan path. Langkahnya seperti yang sudah kita lakukan sebelumnya, buka jendela Paths [Window > Paths]. Klik di luar seleksi path yang aktif.
5. Buat duplikasi layer bintang [klik-kanan dan pilih Duplicate Layer]
6. Putar layer baru ini 90 derajat [Edit > Transform > Rotate].
7. Gabungkan kedua layer menjadi satu [klik-kanan layer yang di atas, kemudian pilih Merge Down]
8. Buat duplikasi layer bintang sekali lagi.
9. Putar layer baru tersebut 45 derajat.
10. Atur skala layer menjadi 70% [Edit > Transform > Scale].
11. Ubah nilai Opacity layer menjadi 70%.
12. Gabungkan kedua layer menjadi satu.
13. Ubah skala layer bintang menjadi 40%.
14. Copy layer style dari layer garis cahaya ke layer bintang lewat [klik kanan > Copy > Paste]. Ubah nilai Outer Glow dari 5 menjadi 2. [Klik kanan layer, pilih Blending Options kemudian masuk dalam seksi Outer Glow]
15. Sekarang bintang Anda sudah jadi. Buatlah beberapa duplikasi dan tempatkan di beberapa titik yang layak. Lihat hasilnya di gambar berikut.
    

Pantulan cahaya
Efek terakhir yang ditambahkan adalah efek bulatan efek cahaya yang muncul dari efek pantulan sinar, efek ini disebut sebagai Bokeh Effect. Langkahnya sebagai berikut:

1. Buat layer kosong, kemudian pilih. Selanjutnya kita sebut layer Bokeh
2. Pilih Ellipse Tool dan buat lingkaran 50 pixel
3. Klik kanan layer, pilih Blending Options. Tambahkan efek berikut:
   - Color Overlay: abu-abu muda [#cccccc]
   - Stroke: Size: 2px | Position: inside | Color: white
4. Buat layer kosong di bawah layer tersebut, Klik kanan pada layer Bokeh, pilih Merge Down.
5. Tambahkan Gaussian Blur sebesar 1 pixel [Filters > Blur > Gaussian Blur].
6. Ubah Blending mode layer tersebut menjadi Overlay dan ubah Opacity-nya menjadi 14% atau lebih kecil.
7. Buatlah dua salinan layer tersebut dan tempatkan lingkaran-lingkaran tersebut sesuai selera Anda. Gambar akhir akan tampak seperti berikut. 
   
   Anda bisa temukan di mana bokeh effect yang saya buat?

Nah, dengan memanfaatkan tiap efek di atas dan imajinasi Anda, Anda bisa membuat gambar yang bervariasi dan efek yang beraneka ragam. Berikut ini salah satu contoh hasil editing Photoshop dengan efek yang kita praktikkan di atas.

Saya ucapkan terimakasih kepada secondpicture yang telah menulis panduan photoshop ini dalam bahasa aslinya. Saya menulis ulang tutorial menarik ini dengan bahasa dan gaya bahasa Indonesia dengan tambahan gambar-gambar hasil editing sendiri agar lebih mudah dipahami.

Semoga bermanfaat.

1. Buat Layer Baru.
2. Gunakan Rounded Rectangle Tool, ganti fill pixel di bagian atas dan buat kotak memanjang
   
3. Edit/Free transform, atau tekan Ctrl+T. Dengan menahan tombol Shift, click pada dua titik pojok atas kotak
   
4. Dobel Klik pada layer untuk membuka window Layer Style, tentukan nilai seperti gambar di bawah.
   Drop Shadow
   
   Bevel and Emboss
   
   (dalam Bagian Color Overlay tentukan warna menjadi 99ffff)
   
5. Selanjutnya, Saya kopi layer utama ke sebuah layer baru, dan dengan menggunakan efek saya ubah layer tersebut menjadi drop shadow ke arah samping, plus sedikit Gaussian Blur. Voila! Lihat hasil akhirnya..
   

Anda masih tertarik dengan button yang lain? Baca juga tulisan selanjutnya, yakni Membuat button dengan tekstur plastik menarik.

Semoga memberi inspirasi!

Anda sudah siap? Mari kita mulai

1. Buka Photoshop kemudian buka dokumen baru dengan ukuran sesuka Anda. Di sini saya menentukan ukuran 400×200 px.
   
2. Isi kanvas kosong ini dengan warna abu-abu gelap, di sini saya gunakan warna #4C4C4C. Pilih Rounded Rectangle Tool:
   
3. Pastikan setting Toolbar Anda terlihat seperti ini:
   
4. Saya menggunakan warna #D32424 tapi Anda bebas menggunakan warna yang Anda suka.
   
5. Rasterize Layer yang barusan Anda buat dengan Klik kanan Layer > Rasterize Layer, kemudian gandakan dengan Klik kanan Layer > Duplicate Layer. Ganti nama kedua layar dengan “Button Atas” (Layer yang di Atas) dan “Button Dasar” (Layer di bawah). Seharusnya Anda akan mendapatkan hasil seperti ini
6. Sekarang saatnya kita tambakan efek 3 dimensi. Sebelumnya, Anda perlu membuat warna dasar button Anda sedikit lebih gelap daripada Button Atas.
   Pilih Button Dasar, Pilih menu Image > Adjustments > Hue/Saturation (atau tekan dan Control+U) untuk membuka Jendela Hue/Saturation. Tentukan “Lightness” menjadi -35. Anda tidak akan langsung melihat perubahannya sampai proses berikutnya.
   
7. Sekarang tetap dengan layer Button Dasar tetap terpilih, tekan Panah Bawah Keyboard Anda 10 kali untuk memindah tampilan dasar button 10 pixel ke bawah. Hasilnya kurang lebih seperti ini:
   
8. Sekarang, tambahkan detail pada Button Atas. Pilih Button Atas pada Kotak Layer (Kanan). Tekan Ctrl + Klik pada layer tersebut. Pilih Menu Select > Modify > Contract, dan tentukan nilainya menjadi 1px.
   Selanjutnya pilih Burn Tool:
   
9. Tentukan setting-nya di taskbar atas sebagai berikut:
   Brush=65, Range=Midtones, Exposure-75% :
10. Klik di luar area seleksi. Tekan tombol Shift dan drag Burn Tool ke arah kanan, melewati seleksi Anda seperti ini:
    
11. Selanjutnya, mari kita tambahkan efek blend pada Button Atas. Deselect Layer (Ctrl + D), Klik pada Button Atas dalam Layer Palette. Pilih menu Layer > Layer Styles > Inner Glow dan atur settingnya sebagai berikut:
    
12. Lakukan hal yang sama pada Button Dasar dengan setting beikut ini:
    
13. Selanjutnya kita tambahkan efek cahaya pada button. Pertama, pilih Brush Tool, dan tentukan dengan setting berikut ini:
    
14. Pastikan, warna Foreground dan Background Anda pada posisi default (Hitam dan Putih), jika Anda tidak yakin, tekan tombol ‘D’. Kemudian tekan ‘X’ untuk menukar posisi keduanya. Sekarang, pilih Pen Tool pastikan Anda memilih “Paths”, bukan “Shape“. Untuk menentukan pilihan ini, pilih ikon Pen Tool Bar di bagian atas:
    
15. Buat path dari titik kiri ke kanan seperti gambar berikut:
    
16. Sekarang buat layer baru kemudian Pilih Path Selection Tool (atau tekan ‘A’) dan klik kanan pada Path, kemudian pilih ke bawah hingga ke bagian “Stroke Path…”. Tentukan settingnya seperti berikut ini:
    
17. Selanjutnya, klik kanan pada Path sekali lagi dan pilih “Delete Path”. Sekarang, button kita akan tampak kurang lebih seperti ini:
    
18. Mari kita tambahkan beberapa detail lagi. Pilih Dodge tool dan tentukan settingnya seperti ini:
    
19. Sekarang, pilih Layer Button Atas dengan menekan Ctrl + Klik pada Layer.
20. Dengan Dodge Tool, Klik pada tengah-tengah button kurang lebih 2 kali. Jangan terlalu banyak karena akibatnya bisa berabe.
    
21. Untuk sentuhan terakhir, pilih Burn tool dan pilih Button Dasar. Pastikan Burn Setting seperti ini:
    
22. Selanjutnya, gambar dua garis di dua sisi luar button seperti gambar berikut (Button Atas tidak tampak). Seperti ini:
    
23. Selesai! Anda telah berhasil. Selanjutnya Anda bisa tambahkan polesan ekstra seperti yang saya lakukan pada button Saya sehingga tampak seperti ini:
    

Anda puas dengan hasil Anda?

Mari kita mulai:

1. Buat Dokumen baru dengan background putih. Ukurannya terserah Anda. Saya biasa buat dengan ukuran 200×200 px

2. Tentukan warna foreground Anda. (saya memakai warna pink= ff3969)

3. Di dalam layer yang masih kosong, buat sebuah kotak dengan Rounded Rectangle Tool, dengan radius 10

Jangan lupa untuk mengaktifkan ikon ketiga dari kiri dalam taskbar Rounded Rectangle Tool untuk mengaktifkan pilihan Fill Pixel. Dengan memilih opsi ini, Anda secara otomatis akan mengisi kotak yang Anda buat dengan warna foreground.

4. Ctrl+Klik pada Layer kotak untuk memilih seluruh kotak dan gunakan gradient tool untuk menambahkan warna kedua dari sisi atas. Di sini saya pilih gradient dari warna merah (ff0000) ke warna transparan.

5. Buat layer baru dan isi dengan warna putih

6. Klik Toolbar Rectangular Marquee (Seleksi kotak) untuk memindahkan pilihan sedikit ke bawah. Saya memindahkan gambar pada contoh 5 piksel ke bawah.

7. Hapus dengan Delete kemudian deselect dengan Ctrl+D

8. Turunkan Opacity Layer Putih menjadi 70%

9. Anda dapat mengubah bentuk layer putih menggunakan Edit/Free Transform dan buat agak sempit.

10. Klik pada layer kotak, kemudian Dobel Klik untuk memunculkan jendela Layer Style

11. Pilih Drop shadow (Opacity 30, Angle 120, Distance 5, Spread 0, Size 5)

12. Sroke (Size 1, Outside, Colour black, Opacity 35)

13. Berikan sentuhan akhir dengan memberikan filter Gaussian Blur pada layer putih. Filter > Blur > Gaussian blur 2.0px

Selanjutnya saya tambahkan tulisan BERANDA dengan tambahan Style: Color Overlay Warna Putih, Normal, Opacity 100%. Kemudian beri Inner Shadow: Blend Mode=Multiply, Angle 120 derajat, Distance=1px, Choke=0%, Size=1px. Hasilnya kurang lebih seperti ini

Bagaimana dengan kreasi Anda? Sudah puas dengan hasil Anda?

Terimakasih sudah membaca tulisan ini

Semoga bisa memberikan insprirasi..

Setting Kurva dalam Photoshop adalah salah satu instrumen vital yang mengatur tingkat kecerahan gambar dengan mudah dan efektif. Untuk mulai menggunakan kurva, buka Image > Adjustments > Curves.

Anda akan melihat dua gradient dan satu garis. Ada dua tanda panah kecil di bagian bawah gradient. Anda bisa menukar posisi keduanya dalam gradient. Namun saya rekomendasikan untuk tetap menggunakan posisi default, yakni tanda panah hitam berada di pojok kiri bawah.

Lalu yang dimaksud dengan kurva dan garis lurus dalam gradient itu apa?
Gradient merepresentasikan kecerahan piksel gambar. Gradient Horizontal (bawah) merepresentasikan kecerahan semua piksel dalam gambar tertentu. Gradient vertikal (atas) merepresentasikan keceraan piksel pengganti piksel sebenarnya/asli. Singkatnya begini, Anda tinggal mengubah garis ke posisi dengan tingkat kecerahan piksel tertentu (misal 50) untuk mendapatkan kecerahan yang Anda inginkan(50).

Jadi, jika Anda mengubah garis, ke arah manapun, rasio akan berubah dan piksel dari gambar original dengan nilai 50 akan berubah menjadi lebih terang (misal: lightness 80)

atau lebih gelap (lightness: 30).

Rasio ini juga ditampilkan dalam jendela Curves sebagai Input/Output Numbers.

Hal yang perlu diingat adalah:
Semakin curam bentuk garis, maka gambar yang diedit akan semakin bertambah kontras.

Semakin landai bentuk garis, maka gambar akan semakin banyak mengandung warna abu-abu.

Poin penting yang perlu dicarat adalah semakin banyak perubahan dalam bentuk kurva, maka warna gambar akan semakin tidak natural (meski kadang tetap menarik).
Anda juga bisa menambahkan titik tambahan dalam garis lurus tersebut dengan mengklik di bagian manapun dalam garis, atau menguranginya dengan menggeser titik keluar garis gradient. Bahkan jika menghendaki, Anda juga me-reset semua titik dengan menekan Alt+Klik pada Reset.

Silakan coba juga membalik gambar; Coba dengan mengubah warna hitam-putih dengan memindahkan titik kunci kiri bawah ke posisi pojok kiri atas dan titik kunci kanan atas ke posisi pojok kanan bawah. Hasilnya, warna putih akan berubah menjadi hitam, begitu juga warna hitam akan berubah menjadi putih.

Itulah basis kurva, silakan lakukan eksperimen Anda sendiri dan temukan kunci-kunci potensial dalam Photoshop. Selamat ber-eksplorasi!

Catatan singkat berikut ini akan mengulas apa sebenarnya Wrapping text dan bagaimana cara penerapannya dalam WordPress sehingga ruang kosong yang biasanya ada di sisi kiri atau kanan gambar bisa ditempati tulisan. Saya rasa semua sepakat jika dikatakan tampilan standar WordPress masih terlalu kaku dan sayang jika tidak dimaksimalkan. Kita akan mengubah tampilan ini menjadi sesuati yang mengagumkan!

Sebenarnya konsep ini adalah konsep dasar yang sudah lama ada dalam bahasa pemrograman HTML. Konsep ini juga diadopsi dalam WordPress. Sebagai program Content Management System (CMS) WordPress mengemas fasilitas ini dalam file suatu file Cascading Style Sheet. CSS merupakan daftar yang memberikan fasilitas pengaturan lengkap WordPress Anda.

Secara default CSS WordPress selalu menset gambar Anda rata kiri tanpa ada teks sedikitpun di samping kanan gambar Anda. Ini yang akan kita ubah!

Pertama, untuk memulai temukan dan edit file style.css dengan program Editor Teks. File ini berada di folder Theme dalam WordPress Anda. Untuk menjaga kemungkinan kesalahan, pastikan Anda telah meng-copy file ini di tempat lain.

Langkah Kedua, temukan baris kode di bawah ini. Di template yang lain mungkin akan berbeda, silakan cari dengan kata kunci left, right, center, atau align.

img.alignleft {
float: left;
padding: 10px;
margin: 0 10px 0 0;
}
img.alignright {
float: right;
padding: 10px
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 10px auto;
text-align: center;
display: block;
}

Dalam file Style.css tertulis setting untuk tiap style pengaturan gambar yang disediakan WordPress. Beberapa baris diatas dapat diterjemahkan sebagai berikut:

1. img.alignleft mengatur setting gambar rata kiri
2. img.alignright mengatur setting gambar rata kanan, dan
3. img.aligncenter untuk gambar rata tengah.
4. float: menentukan alignment/aturan perataan gambar
5. padding: nilai ruang kosong di batas luar gambar (dalam px/pixel).
6. margin: nilai berisi ruang kosong yang dijadikan pembatas gambar dengan objek di sekitarnya. Baris ini berisi nilai yang sesuai urutan menentukan Batas Atas, Batas Kanan, Batas Bawah dan Batas Kiri. Batas ini mirip dengan setting Page> Setup di Microsoft Word atau Page > Setting di Open Office.
   Catatan: perhatikan tiga baris yang dibuat tebal. Nanti kita akan melakukan praktek dengan istilah tersebut.

Langkah Keempat, Tulis sebuah post, di sini saya akan langsung berikan contoh di bawah ini. Jika anda switch ke tampilan kode HTML, tampilannya seperti ini:

<a href=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg”><img class=”alignnone size-medium wp-image-111″ title=”warp-text” src=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg” alt=”" width=”107″ height=”160″ /></a>Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kanan teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Perhatikan pada teks tebal. Secara default WordPress men-setting alignment gambar sebagai alignnone, alias tidak ada aturan alignment yang dipakai. Berdasarkan Style.css Untuk bereksperimen, mari kita ganti alignnone menjadi alignright. Tampilan yang Anda dapatkan akan seperti ini.

Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kanan teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Selanjutnya jika kita ganti tulisan tersebut di atas menjadi alignleft, akan tampak seperti di bawah ini.

<a href=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg”><img class=”alignleft size-medium wp-image-111″ title=”warp-text” src=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg” alt=”" width=”107″ height=”160″ /></a>Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kiri teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kiri teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Bagaimana dengan tampilan aligncenter? Ubah kode seperti ini:

<a href=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg”><img class=”alignright size-medium wp-image-111″ title=”warp-text” src=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg” alt=”" width=”107″ height=”160″ /></a>Ini adalah teks yang akan melingkupi seputar gambar yang berada di tengah teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Ini adalah teks yang akan melingkupi seputar gambar yang berada di tengah teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktusehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Kurang puas?

Ada cara lain untuk mengubah posisi gambar berikut teks yang melingkupi gambar. Yakni dengan cara memasukkan kode alignment ke dalam kode HTML tanpa harus mengikuti aturan Style.css.

Saya akan memasukkan kode

style=””border:0pt none; float:right; padding-right:10px; padding-bottom:10px”

dalam tag img secara langsung. Perhatikan, kode ini harus berada dalam lingkup tag img. Agar mudah dikenali lagi untuk diedit, saya sarankan untuk memasukkan di bagian awal sebelum tag src. Lebih jelasnya perhatikan kode di bawah. Saya sudah beri tulisan tebal pada tag img dan src.

<a href=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text2.jpg”><img class=”alignnone size-medium wp-image-111″ style=””border:0pt none; float:left; padding-right:10px; padding-bottom:10px” title=”warp-text” src=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg” alt=”" width=”107″ height=”160″ /></a>Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kanan teks. Tulisan Anda tentang perahu ada di sini. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kanan teks. Tulisan Anda tentangperahu ada di sini. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Sama halnya jika Anda ingin mengganti gambar agar bisa rata kiri. Tinggal ganti alignment menjadi :

style=””border:0pt none; float:left; padding-left:10px; padding-bottom:10px”

Maka tampilannya akan menjadi seperti ini:

Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kiri teks. Tulisan Anda tentang perahu ada di sini. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Tunggu dulu! Ada cara yang lebih cepat lagi! Jika Anda perhatikan, pada saat upload gambar dalam WordPress, maka akan tampak popup window seperti ini:

Perhatikan pada bagian Alignment (diberi warna hijau), ada 4 pilihan: none, left, center dan right. Anda cukup memilih salah satu dari tiga alignment yang ada, selain none. Secara otomatis WordPress akan menatakan gambar Anda dengan baik. Cukup mudah bukan?

Selanjutnya tinggal Anda buat kreasi dan inovasi anda. Saya tunggu hasil Anda..

Langkah pertama setelah membuka file dengan Adobe Illustrator adalah menampilkan ruler. Lakukan dengan membukan menu View > Show Rulers (atau Ctrl+R). Kemudian tarik beberapa guidelines dari ruler atas dan bawah.

Saat ini saya akan fokus pada pemotongan menu di bagian atas. Ada baiknya Anda merancang dulu tata letak dengan sebaik-baiknya sehingga proses pemotongan bisa dilakukan lebih mudah. Tampilan guidelines yang sudah saya buat tampak sebagai berikut.

Pilih Slice Tool dari ToolBar dengan posisi seperti gambar di bawah, atau tekan tombol shortcut Shift+K.

Selanjutnya potong image-image yang akan dijadikan sebagai link. Gunakan fasilitas Snap untuk mempermudah pengirisan (View > Snap to Grid atau Snap to Point) Ilustrasinya seperti di bawah ini.

Dalam hal ini Anda lakukan dengan beberapa cara, sesuaikan dengan kebutuhan dan pilih cara yang paling efisien untuk keperluan Anda.
1. Iris dengan panduan guidelines yang sudah Anda buat sebelumnya. Usahakan jangan sampai ada irisan ganda. Potong irisan satu persatu dengan acuan guidelines yang sudah Anda buat. Simpan file yang anda kehendaki sebagai file image untuk web dari File > Save for Web&Devices (Alt+Shift+Ctrl+S). Cara ini berguna jika anda ingin meng-custom tiap bagian secara khusus.

2. Iris semua potongan sekaligus berdasarkan garis panduan/guidelines menu. Lakukan dengan membuka menu Object > Slice > Create from Guides. Simpan dengan Alt+Shift+Ctrl+S. Akan menu window penyimpanan sebagai berikut. Simpan dalam folder khusus karena metode ini akan menyimpan sekaligus semua potongan dalam satu folder. Jika ditampilkan lewat Windows Explorer akan tampak terlihat seperti ini.
Illustrator akan menyimpan rangkaian file image Anda dalam format HTML yang sudah siap diedit dan mengelompokkan file image Anda ke dalam folder images. Dalam gambar di atas saya membuat file “rancang-tampil-As-syariah” Metode kedua ini efektif jika Anda ingin membuat tampilan lengkap dari suatu halaman atau Anda sedang dalam proses awal pembuatan digital journal/website.

3.Iris dengan acuan seleksi. Pilih beberapa irisan yang telah Anda buat, kemudian aktifkan dari menu Object > Slice > Create from Selection. Cara ini berguna jika anda ingin menyimpan satu deret image untuk menu saja, misalnya untuk melakukan perubahan tampilan dari setting yang sudah ada sebelumnya. Misalnya saya hanya akan memotong ulang menu utama sebagai seperti ilustrasi berikut.

Anda masih dapat melakukan kreasi lebih banyak lagi dengan mengkombinasi fasilitas yang ada seperti menggandakan (Duplicate), mengkombinasi (Combine), menghapus sebagian (Select+Release), atau bahkan mengosongkan semua Slice (Delete All) dari menu Object > Slice. Kreasi ada di tangan Anda!

Semoga Bermanfaat!

Anda akan lihat kemampuan programmer Adobe dalam merancang fasilitas Adjusmet Layer yang menarik. Dengan tool ini pula Anda nanti bisa mengubah warna mata pada gambar hasil jepretan Anda sendiri atau foto artis yang terkenal keindahan matanya..

Untuk mengubah tampilan mata seperti diatas, ikuti langkah berikut:

1. Buka file

2. Selanjutnya kita akan buat Adjustment Layer yang saya katakan sebelumnya. Pilih Layer > New Adjustment Layer > Hue/Saturation. Atau dari Panel Layer, ikuti seperti gambar di bawah. Pilih Checkbox Colorize kemudian tentukan nilai Hue sesuai keinginan.

3. Klik Layer Mask pada Layer Hue/Saturation, Pilih Paint Bucket Tool. Kita perlu mengubah seluruh warna layer mask ini menjadi hitam. Saya asumsikan Anda sudah menguasai Layer Mask namun jika merasa perlu, Anda dapat mengikuti tip&trik tentang Layer Mask terlebih dulu.

4. Pilih Brush Tool, tentukan Hardness 60% (dari dari Window > Brushes atau tekan F5). Pilih warna Putih.

5. Atur ukuran Brush sehingga ukurannya kurang lebih sebesar iris mata yang akan kita ubah warnanya. Klik untuk membuat lubang putih pada layer mask hitam yang sudah kita buat sebelumnya.

6. Sampai di sini, Anda sudah dapat melihat perubahan warna mata yang Anda buat, namun jika dicermati akan tampak belum realistis. Lanjutkan dengan mengubah Mode Layer Hue/Saturation Anda menjadi Overlay. Ubah juga Opacity menjadi 75%.

Mode Layer yang Anda ubah akan mempengaruhi bagaimana seluruh perubahan pada gambar ditampilkan. Begitulah cara kerja Adjustment Layer.

7. Dobel Klik Layer Hue/Saturation Anda, ubah nilai Hue sesuai keinginan dan tentukan nilai Saturation menjadi 23, cukup bagus hasilnya. Mudah kan? Nah, dengan cara yang sama kini Anda bisa mengubah warna mata Angelina Jolie menjadi hijau seperti mata kucing…

Ubah warna mata image di photoshop

Anda dapat melakukan eksperimen sendiri dengan mengubah nilai Hue and Saturation untuk mendapatkan hasil yang lebih variatif. Bagaimana hasil latihan Anda?