Tips & Trik Desain

Cropping Objek Berrambut 2 (Adobe Photoshop)

2007-03-14T11:31:00.000+07:00

Sebelumnya sudah dimuat teknik menyeleksi objek gambar, ada cara lain yaitu :

adgh

Membuat Seleksi yang Rumit (Photoshop)

2007-03-14T11:25:00.000+07:00

Membuat seleksi gambar 2 dimensi mah gampang, tapi gimana caranya kalau gambar yang akan kita seleksi berupa pohon dan batang, cabang, dahan berikut rantingnya... wah kayaknya susah banget. Ada cara yang cukup mudah.. ikutin yuk

sagh

Animasi Efek Ledakan (Photoshop/ImageReady)

2007-03-14T11:10:00.000+07:00

Tutorial kali ini kita akan membuat animasi efek ledakan di udara. Berikut ini adalah tehnik mudah untuk diterapkan pada photoshop dan juga untuk kemudian dibuatkan animasinya dengan Image Ready. Mari kita mulai..!!!

1. Persiapkan Background
Buat image baru, 400x300 atau sesuai keinginan masing-masing, tapi cobalah dahulu dengan ukuran kecil agar mudah dipergunakan dalam tutorial ini. Sepanjang Anda menggunakan ukuran ini, akan banyak penyelesaian masalah yang mungkin dihadapi. Namun tutorial kali ini tidak memiliki banyak tips atau trik untuk kendala yang dihadapi bila Anda menggunakan ukuran yang lebih besar.

Tekan [D] pada keyboard untuk menukar posisi warna putih menjadi foreground dan hitam menjadi warna background.

Kini klik Paint Bucket tool dari toolbar and isi background dengan warna hitam, lalu klik pada Tab Layer dan buatlah layer baru

2. Rubah warna Foreground menjadi merah Klik warna foreground dan pilih pada pojok warna merah (A), disini saya buat contoh dengan FF0000(B).

3. Pilih ukuran brush
Select the proper brush
Pada toolbar klik tool brush. Pilih diameter Softrounds 100px , ini akan menimbulkan efek lembut pada saat melakukan brush. Diameter brush tergantung pada besar kecilnya ukuran image yang Anda buat di awal.

4. Gambar bentuk dasar
Sedikitnya kita gunakan 3 warna : merah, kuning dan putih.

Pertama kita mulai dengan warna merah, buatlah gambar bentuk bebas, pastikan gambar yang Anda buat terlihat acak, jadi jangan buat bentuk sebuah lingkaran atau kotak. Juga jangan nampak seperti gambar dengan outline, dan buatlah sisi dalam bentuk tadi menjadi lebih gelap. (Anda bisa saja bereksperimen dengan bentuk outline, namun kali ini hal itu kita lewati dahulu).
Setelah selesai, kita pilih warna kuning, saya gunakan nilai #FFFC00.

Buat bentuk baru dengan warna kuning tersebut berada di sisi dalam bentuk merah, usahakan jangan terlalu dekat dengan garis pinggir. Pertimbangkan pula untuk menjadikan 2 atau lebih bentuk terpisah dari bentuk kuning tadi selama masih dalam area merah. Jika ukuran brush terlalu besar, rubah diameternya ke ukuran lebih kecil, misalnya dengan memilih [soft round 45 pixels].

Terakhir rubah foreground dengan warna putih (#FFFFFF). Kali ini warna putih harus berada di dalam area kuning, seperti halnya tadi, rubahlah ukuran brush menjadi lebih kecil, misal dengan [soft round 27 pixels].

Bila Anda lakukan sesuai petunjuk, maka hasilnya akan tampak seperti ini :

5. Penyatuan warna
Klik menu Filter/Blur/Gaussian Blur... ketik radius 40 pixels (besarnya radius tergantung dari besar image yang Anda buat di awal) dan klik OK.

Pada menu layer klik [Create new fill or adjustment layer] lalu pilih Hue/Saturation... dan klik OK.

Kini kita memiliki sebuah Hue & Saturation Adjustment Layer dan akan kita rubah menjadi potongan layer dengan bentuk blur yang berada di atas semua layer dengan cara klik [layer] pada menu, pilih [Group with previous] atau langsung saja ketik Ctrl-G

6. Tambahkan layer berawan
Beralihlah ke tab layers dan klik ikon Create a New Layer untuk menambah layer baru.
Langkah pertama, kita atur kembali warna pada foreground dan background; tekan D pada keyboard, ini akan membuat foreground menjadi hitam dan background menjadi putih.

Kemudian isi layer dengan warna hitam, gunakan Paint Bucket tool atau tekan bersamaan Alt+Backspace.
Pada menu bar, klik select Filter/Render/Clouds.

Hasilnya adalah tampilan acak yang bagus, jika merasa kurang lakukan lagi proses Filter/Render/Clouds atau tekan Ctrl+F sampai Anda temukan hasil yang sesuai..

Atur blending mode pada layer ini menjadi Color Dodge

7. Tambahkan levels adjustment layer
Klik ikon Create an Adjustment Layer pada bar layer kemudian pilih Levels... lalu klik OK.

Kini kita mempunyai sebuah Levels Adjustment Layer dan seperti pada langkah 5, kita akan mengubahnya menjadi Clipping Layer, dan kali ini berada di atas layer Clouds, dengan cara menekan Ctrl + G. Dengan melakukan clipping Layer, maka dapat dipastikan bahwa adjustment hanya berefek pada layer yang kita pilih (levels 1).

8. Pilih Brush yang tepat
Kini buka Levels Adjustment Layer dengan mengklik dua kali ikonnya pada palette layer.

Geser slider abu-abu /tengah, Anda bisa menggesernya ke kiri atau kanan tergantung rencana pembuatan.

Hasil akhir
Ini adalah hasil akhir dari yang kita kerjakan, mungkin agak berbeda karena seperti saya katakan di awal bahwa hasilnya tergantung eksperimen atau percobaan yang Anda buat.

9. Hue & Saturation adjustment layer
Kini buka Hue & Saturation Adjustment Layer dengan mengklik dua kali ikonnya pada palette layer.
Anda dapat menggeser slider Hue untuk merubah warna atau menggeser slider Saturation untuk merubah saturasinya.

10. Animasi
Ada banyak hal dalam tutorial ini yang membuat lebih mudah untuk dijadikan animasi, hal ini antara lain dapat dibuat dengan :

- Ctrl+F merender ulang efek awan/clouds
- Adjustment layer tiap perubahan hue atau saturation
- Adjustment layer tiap perubahan level
Sebab kemudahan ini dapat kita buat menggunakan program ImageReady yang telah disertakan dalam Photoshop.

Membuat Gradasi Keren (Photoshop)

2007-03-14T11:07:00.002+07:00

Tools Gradasi dalam Photoshop adalah sebuah tools yang dapat menciptakan hasil keren apabila kita pandai menggunakannya, apalagi bila kita kombinasikan dengan teknik pencampuran dengan tools lainnya, maka imaginasi liar Anda akan terbang bebas memvisualisasikannya. Tutorial berikut saya buat dengan Photoshop 7, dapat pula digunakan dengan versi 6 atau yang terbaru.

Berikut ini langkah-langkahnya :
1. File -> New .. Pada kolom Name, beri nama Gradasi 1 (bebas), letakkan pada folder tersendiri yang telah Anda siapkan sebelumnya., Pilih background dengan putih dan canvas 600 x 450 atau sesuaikan ukuran dengan kehendak masing-masing. Kemudian pilih dalam format RGB mode.

2. Klik pada gambar ikon new layer yang terletak di bawah layers palette, kemudian akan tampil layer baru yang masih kosong (layer 1).

3. Klik Gradient tool pada toolbar, Pilih linear gradient tool dan Foreground to Background gradient (terletak di atas, persis di bawah menu).

4. Pilih warna yang diinginkan, lalu tarik garis linear gradient dari atas ke bawah pada lembar kerja (canvas).

Simpan dahulu dengan nama yang diinginkan, File -> Save

5. Buatlah layer baru (layer 2). Gunakan warna yang sama, kemudian tarik garis diagonal dari salah satu sudut ke arah berlawanan. Di bawah kanan pada tab layers ada sebuah kotak kecil drop-down. (standarnya tertulis normal), jika Anda klik, maka akan tersedia banyak pilihan blending modes. Pilih Difference.

6. Buat lagi layer baru (layer 3). Ganti warnanya dan buat radial gradient dari tengah ke luar kanan (disini saya gunakan dengan warna Biru dan Kuning).

Jangan lupa untuk selalu File -> Save.

7. Gunakan warna yang sama pada layer berikutnya (layer 4), gunakan Reflected Gradient, sebagai contoh : pada layer ini ke arah kanan. Ubah blending mode dengan Difference.

8. Sejauh ini Anda pasti sudah melihat hasil dari penggunaan Blending Mode. Cobalah untuk membuat yang lain lagi..! (layer 5, 6 terserah Anda) Klik pada layer atau lambang-lambang mata pada layer kecuali layer paling bawah, kemudian lakukan blending mode dengan Difference atau blending mode lainnya, lalu saksikan apa yang terjadi. (Hasilnya kurang variatif jika Anda menggunakan satu warna saja).

Jadi kembalilah ke layer lainnya, pilih difference mode dan lakukan hal yang sama untuk layer lainnya. Kadang akan nampak efek seperti warna hangus, cobalah manfaatkan Color Dodge..!

File -> Save.

Hasil ini akan tampak (gbr 8a) bila menggunakan Hard light mode pada layer 5 dan Difference Mode pada layer 4.

Hasil ini akan tampak (gbr 8b) bila layer 2 & 3 disembunyikan dengan mengklik gambar mata pada sisi kiri layer.

Jika Anda mau bereksperimen lagi…
Anda dapat lakukan hal yang lebih spektakuler. Cobalah buat lebih banyak layer, gradasi yang sedikit berbeda, blending mode berbeda, maka Anda akan mendapatkan hiasan cantik yang. Hal ini tiada batas dan dapat kita explore terus menerus. Coba pula dengan penggunaan Twirls, Shears dan filter lainnya.

Untuk menciptakan efek gradasi 3D, Anda bisa gunakan filter Lighting Effect :

A. Layer -> Merge Visible. Klik tab Channels. Ctrl-klik pada salah satu mode channel (Red, Green atau Blue? Disini saya pilih channel warna green). Perintah ini akan melakukan seleksi pada channel yang di Ctrl-Klik. Masih dalam kondisi terseleksi, klik ikon New Channel, pada new channel Alpha 1 tekan delete di keyboard, Tekan Ctrl-backspace untuk mengisi area seleksi dengan warna putih, terakhir tekan Ctrl-d untuk deselect.

File -> Save.

B. Klik channel RGB, kemudian klik tab layer untuk kembali.

C. Filter -> Render -> Lighting Effects... Pilih channel Alpha 1 untuk Texture Channelmu. Disini saya gunakan setting efek ke bawah kanan.

Saya berharap Anda terhibur dengan tutorial ini dan menginspirasi Anda untuk bereksperimen lebih jauh. Selamat bereksplorasi…!!!

ANIMASI BENDERA (Photoshop & ImageReady)

2007-03-12T11:55:00.000+07:00

Melihat gambar bergelombang layaknya bendera, maka saya coba untuk membuatnya, berikut adalah tipsnya :

Cropping Objek Berrambut (Adobe Photoshop)

2007-01-17T09:42:00.000+07:00

Banyak cara digunakan dalam menyeleksi obyek untuk dicropping untuk digunakan dalam mendesain grafis. Ada yang menggunakan Marquee, Lasso Tool, Path Tool, Magic Wand Tool dll. Namun tools tersebut sangat merepotkan dan tidak maksimal bila digunakan untuk menyeleksi obyek berrambut. Ada trik khusus yang lebih mudah dan memiliki keakuratan tinggi dengan memanfaatkan Channel. Yuk .. kita ikuti caranya….

1. Menyiapkan Gambar
Buka gambar-gambar yang hendak kita olah. Kami menggunakan gambar wanita sebagai gambar utama. Sedangkan gambar pantai dan awan nantinya dipakai untuk latar belakang.

2. Salin Layer Asli
Masuklah ke gambar utama. Seperti biasa, salin dulu layer berisi gambar asli. Caranya, klik-seret layer [Background] ke ikon [Create a new layer] di palet Layers.

3. Perjelas Gambar
Tekan tombol [Ctrl] + [M] di kibor untuk memunculkan jendela Curves. Klik-tarik bagian tengah garis diagonal di bagian tengah. Tarik terus hingga warna gambar jadi lebih indah namun tetap natural. Klik [OK].

4. Menyalin Latar
Buka gambar latar, pencet [Ctrl] + [A] untuk menyeleksi semua area. Klik [Edit] [Copy] pada menu utama atau tekan [Ctrl] + [C] untuk menyalin gambar itu. Tutup file tersebut.

5. Masukkan Latar
Kembali ke gambar utama, klik layer [Background] di palet Layers. Tekan [Ctrl] + [V], untuk menaruh salinan gambar latar itu ke atas layer tersebut. Memang gambarnya tidak langsung terlihat, karena tertimpa oleh gambar utama di layer Background copy.

6. Memilih Channel
Klik layer [Background copy] alias salinan gambar asli. Arahkan pointer ke palet Layers, klik tab [Channels]. Klik layer Red, Green, dan Blue satu per satu. Amati dengan cermat, pilih channel yang menampilkan gambar rambut dan latar belakang paling kontras. Di sini kami pilih channel [Blue].

7. Menyalin Channel
Salin channel tersebut dengan mengeklik-tariknya ke ikon [Create new channel] di sisi bawah palet Channel. Muncul channel baru bernama Blue copy.

8. Memperjelas Rambut
Di menu utama, klik [Image] [Adjustment Layer] dan pilih [Levels…]. Pada bagian"Input Levels:", tarik slider warna putih (kanan) ke kiri, dan slider tengah (abu-abu) ke kanan. Geser sedikit saja, ya. Yang penting helai rambut tampak lebih kontras dengan latar. Klik [OK].

9. Memperjelas Kontras
Perbesar tampilan gambar pada tepian rambut. Klik [Dodge Tool] pada toolbox. Pastikan opsi "Range" pada options bar di sisi atas terpilih [Midtones]. Usap area di sekitar helai rambut agar bersih dari warna abu-abu dan menjadi putih.

10. Seleksi Channel
Di palet Channel, klik ikon [Load channel as selection]. Kini muncul seleksi pada gambar, yang dibentuk berdasarkan kadar warna putih pada gambar.

11. Mengubah Seleksi
Klik menu [Select] [Inverse] untuk mengubah seleksi. Kini bagian yang sebelumnya tak diseleksi, malah terpilih. Kembali ke palet Layers, klik layer [Background copy].

12. Bikin layer Masking
Masih dalam keadaan terseleksi, klik [Add layer mask] di palet Layers. Bagian yang tak terseleksi kini disembunyikan.

13. Mode Multiply
Di palet Layers, ubah "Blending Mode" layer tersebut menjadi [Multiply]. Perhatikan, kini warna putih di sekitar pucuk rambut sudah menyatu dengan gambar di bawahnya.

14. Salin Layer
Salin layer [Background copy] dengan menariknya ke ikon [Create a new layer]. Ubah "Blending Mode"-nya ke [Normal].

15. Menghapus Helai Rambut
Pilih layer mask pada layer teratas, lantas klik [Default Foreground and Background Colors] pada toolbox. Klik [Eraser Tool], kemudian usapkan pointer di ujung-ujung rambut hingga warna putih di sekitarnya hilang.

16. Menampilkan Gambar
Sekarang, klik [Brush Tool]. Poleskan pointer pada gambar utama sehingga bagian yang seharusnya tak tampil transparan bisa terlihat lebih pekat.

Bikin Sketsa Wajah (Adobe Photoshop)

2007-01-17T09:39:00.000+07:00

Pernah melihat sketsa wajah seseorang di situs atau web seseorang? Bisa juga sketsa wajah tersebut adalah wajah dari teman chatting Anda, atau wajah kontributor artikel pada web/situs.

Sketsa wajah yang mirip dengan foto aslinya, tentu saja memberikan keunikan dan keindahan tersendiri. Gak sulit kok untuk membuatnya, gak perlu jago desain atau jago lukis, ikuti aja cara ini…

1. Buka Foto
Siapkan foto yang akan diubah menjadi sketsa. Cari foto close up atau fokus pada wajah. Disini kita gunakan foto/gambar anak laki-laki.

2. Ubah Mode
Pastikan foto tersebut menggunakan mode RGB. jika masih memakai mode CMYK, maka ubah terlebih dahulu dengan mengklik menu [Image] [Mode] [RGB Color]. Gunakan pula format gambar JPEG.

3. Salin Background
Bikin salinan foto tersebut. Pada palet Layer, tarik layer [Background] ke atas ikon Create new layer. Kini ada layer Background copy. Gunakan layer ini untuk melakukan perubahan.

4. Hilangkan Warna
Kini hilangkan warna pada foto tersebut dengan cara mengeklik menu [Image] [Adjustment] [Desaturate], atau pencet tombol [Shift] + [Ctrl] + [U]. Warna foto menjadi hitam putih.

5. Duplikasi Layer
Salin kembali layer yang telah di-desaturate tadi, dengan menggunakan cara yang sama seperti Langkah 3. Muncul layer Background copy 2.

6. Inversi
Pada layer baru tersebut, klik menu [Image] [Adjustment] [Invert], atau tekan tombol [Ctrl] + [I] untuk menginversi foto.

7. Ubah Layer Mode
Masih pada layer yang telah diinversi, klik kotak menu drop-down di bawah panel [Layers]. Lalu pilih [Color Dodge]. Warna layer akan menjadi putih.

8. Gunakan Filter Blur
Aplikasikan filter Blur pada layer tersebut. Caranya, klik menu [Filter] [Blur] [Gaussian Blur]. Atur radius blur dengan menggeser slider ke arah kanan, lalu klik [OK]. Pada layer ini akan didapat gambar yang gelap, sehingga detil bagian wajah tidak tampak. Matikan dahulu Layer visibility dengan mengeklik ikon mata di layer tersebut.

9. Bikin Salinan Layer
Salin lagi layer Background copy, sehingga muncul layer Background copy 3. Ulangi Langkah 6, 7, dan 8. Atur filter Blur sedikit saja, sehingga detil pada wajah tampak.

10. Bikin Potongan Wajah
Buatlah seleksi bagian wajah dengan menggunakan Polygonal Lasso Tool. Selanjutnya, klik menu [Edit] [Copy Merged] atau tekan [Shift] + [Ctrl] + [C].

11. Taruh ke Layer
Taruh seleksi potongan wajah tersebut ke layer Background copy 2 yang tadi Anda nonaktifkan. Hidupkan dahulu layer tersebut dengan mengeklik ikon mata di sampingnya, lalu tekan [Ctrl] + [V].

12. Nonaktifkan Layer
Nonaktifkan layer Background copy 3, yang tadi kita beri filter Gaussian Blur rendah.

13. Gunakan Level
Gunakan fasilitas Levels untuk mengatur tampilan gambar. Klik menu [Image] [Adjustment] [Levels] atau tekan [Ctrl] + [L]. Atur Levels dengan menggeser segitiga tengah pada "Input Level" ke kanan-kiri, lalu klik [OK].

14. Bersihkan Layer
Buang layer yang tidak terpakai, lalu hubungkan setiap layer yang tersisa dengan link (ditandai dengan rantai).Setelah selesai, simpan hasil kerja dengan mengeklik menu [File] [Save As].