smartuts.com

Menghapus Background dengan Teknik Masking Pada Photoshop

adechriz — Mon, 21 Feb 2011 10:14:29 +0000

Masking telah menjadi teknik yang wajib dikuasai bagi anda pencinta manipulasi foto. Beragam karya dibuat menggunakan teknik ini. Masing-masing orangpun punya cara yang berbeda-beda. Melakukan teknik masking sebenarnya tidak begitu sulit, meskipun begitu, teknik masking yang bagus juga tidak bisa dibilang mudah. Misalnya saja melakukan teknik masking pada objek-objek dengan detail yang rumit seperti gelas atau rambut dengan hasil yang rapi dan halus.

Dalam tutorial kali ini saya ingin berbagi cara melakukan teknik masking menggunakan Photoshop. Meskipun tidak bisa dikatakan sempurna, tutorial ini setidaknya memberikan gambaran kepada Anda tentang teknik masking yang banyak digunakan. Setelah memahami tutorial ini, diharapkan kita bisa mengembangkan teknik masking dengan menggunakan objek-objek yang lebih sulit . Agar lebih jelas, Anda juga bisa men download Video Tutorial dan File Photoshop yang saya sertakan.

Tampilan sebelum dan sesudah Proses Masking

Selamat mencoba, semoga bermanfaat..

1. Buka foto atau Gambar yang ingin Anda edit. Pada tutorial ini saya menggunakan Male Stock 4 dari katanaz yang bisa anda unduh DISINI

2. Double Click layer Background, ubah nama layernya lalu Klik OK

3. Buat layer mask dengan menekan “Add Vector Mask”

4. Click “Color Range”

5. Pastikan opsi “Localized Color Cluster” ; “Invert” ; dan “Selection” tercontreng ( hehe..apa ya namanya )

6. Gunakan “Add to Sample”untuk menyempurnakan hasil masking anda. Click OK

7. Tekan “Alt + Mouse Click” pada layer mask untuk mengubah menjadi tampilan masking/hitam putih

8. Gunakan “Dodge tool” dengan setting “Highlights” untuk mengisi bagian yang kurang jelas

9. Hasil sementara akan terlihat seperti ini

10. Tambahkan Background berwarna hitam menggunakan “Rectangle Tool”. Jangan lupa untuk menaruhnya dibawah layer image.

11. Hasil sementara menggunakan Background hitam

12. Bisa dilihat bahwa hasilnya belum sempurna. Belum rapi dan masih meninggalkan warna putih di bagian tepi. Untuk itu kita akan mencoba merapikannya.

13. Sapukan bagian tepi layer mask menggunakan “Blur Tool”. Perlu diingat bahwa yang di-blur adalah bagian tepi Layer Mask , bukan imagenya.

14. Lakukan proses yang sama pada langkah 13 menggunakan “Burn Tool” dengan setting “Range : Shadows”

15. Hasil akhirnya akan terlihat seperti ini :

16. Uji hasil akhir Masking anda dengan mengunakan warna latar/background yang berbeda-beda.

Agar lebih jelas anda bisa melihat video tutorial yang saya sertakan dibawah ini :

Download video ini dengan kualitas tinggi

DOWNLOAD VIDEO

Download juga file PSD nya

DOWNLOAD PSD

REFERENSI

Teknik Masking Dasar di Photoshop

Getting to Know Clipping Masks and Layer Masks in Photoshop

Unveiling Photoshop Masks

Free WordPress Theme Pilihan Karya Anak Bangsa

adechriz — Tue, 01 Feb 2011 02:00:14 +0000

Siapa bilang pembuat wordpres theme hanya dimonopoli oleh orang luar? Indonesia juga punya karya-karya wordpress theme yang tak kalah membanggakan. Mau yang gratisan atau berbayar, itu urusan pilihan.

Berikut ini saya mencoba membuat daftar wordpress theme gratis karya anak bangsa. Saya pilih 1 berdasarkan selera saya dari setiap penyedia. Kalo mau di list semua..mungkin ada ratusan. Sebagian besar sudah kompatibel dengan wordpress versi terbaru. jadi tunggu apa lagi?silahkan direview, download, gunakan, dan ceritakan pada teman-teman anda bahwa itu adalah karya orang Indonesia.

Tentu saja daftar ini belum sempurna, jika teman-teman tahu yang lain, mari saling berbagi melalui kotak komentar di bawah. Terus terang saja daftar ini memotivasi saya sendiri untuk lebih banyak belajar dan suatu saat mampu berbagi seperti mereka. Bagaimana dengan anda?

Selamat meninjau, semoga bermanfaat..

KorranPess

Fotofolio Landscape

BreakingNewz

Salju

Typebased

Membaca

AppCloud

Saga

Petak Sawah

Membuat Logo Warna-Warni Dengan Efek Transparansi

adechriz — Sun, 30 Jan 2011 11:44:10 +0000

Salah satu trend desain logo beberapa tahun terakhir adalah desain logo dengan menggunakan efek transpansi. Dengan perpaduan warna yang tepat, penggunaan tehnik ini mampu menghasilkan desain logo yang sangat menarik. Salah satu kelemahannya adalah kesulitan dalam pengaplikasian pada warna hitam putih atau B/W (Black and white).

Dalam tutoral ini saya akan memberi contoh beberapa langkah sederhana dalam membuat desain logo warna-warni dengan efek transparansi menggunakan CorelDraw. Sebuah logo yang menarik bisa saja mudah dalam pembuatannya, namun konsep dan ide kreatif bukanlah sesuatu yang mudah didapatkan.

Pada tutorial ini saya menggunakan “Sekarsari” sebagai elemen tulisan dan modifikasi huruf “S” sebagai elemen gambar-nya. Hasil akhirnya akan terlihat seperti gambar di bawah ini.

Selamat mencoba , Semoga bermanfaat..

1. Buatlah sebuah huruf “S” dengan ukuran sesuai yang anda inginkan. dalam tutorial ini saya menggunakan font Fertigo Pro yang dapat anda Download

DISINI

2. Duplicate huruf “S” menjadi 3 dengan ukuran yang sama dan beri warna masing-masing huruf dengan Magenta, Yellow, dan Cyan.

3. Pilih ketiga huruf menggunakan Pick Tool kemudian beri efek transparan menggunakan Transparency Tool

Setting Transparency seperti gambar di bawah ini :
-Transparency Type = Uniform -Transparency Operation = Substract
-Starting Transparency = “0″ -Transparancy Target = All

4.Atur posisi setiap huruf salina menumpuk atau tumpang tindih

Hasilnya akan seperti gambar dibawah ini :

5.Tambahkan tulisan atau nama logo yang diinginkan.

6. Selamat anda telah berhasil membuat logo berwarna dengan efek transparency menggunakan CorelDraw. Warna, bentuk, dan setting transparency bisa anda buat atau modifikasi sesuai keinginan anda. Perbanyak Eksperimen dan terus berkarya.

Inspirasi

Membuat Galeri Lightbox Pada WordPress

adechriz — Sun, 23 Jan 2011 12:50:52 +0000

Pengen bikin galeri portfolio? atau sekedar memajang foto narsis biar eksis? bagi anda pengguna wordpress, hal itu mudah sekali dilakukan. cukup dengan 1 plugin dan beberapa langkah sederhana.

Dalam tutorial ini kita akan belajar membuat galeri dengan efek lightbox pada wordpress. Ini merupakan teknik dasar. Namun banyak pemula tidak menyadari fungsi galeri pada wordpress yang memang “agak” tersembunyi.

Demo

Menginstal Plugin WP jQuery Lightbox

1. Buka panel Plugins dan Klik Add New

2. Ketik WP jQuery Lightbox pada kotak pencarian, setelah muncul hasil pencarian, Klik Install Now. Plugin yang kita gunakan adalah plugin WP jQuery Lightbox yang dibuat oleh Ulf Benjaminsson.

3. Aktifkan Plugin

Membuat Post Galeri

4. Buka panel Post dan klik Add New untuk membuat post baru

5. Beri judul post dak klik Add Photo seperti yang terlihat pada gambar di bawah

6. Klik Select Files

7. Pilih beberapa/semua foto yang ingin anda masukkan ke dalam galeri lalu klik Open

8. Setelah semua file berhasil diupload, klik Save Changes! ini akan membawa anda pada Gallery Settings. Penting! Jangan memasukkan foto satu persatu dengan Insert into Post!

9. pada Gallery Settings, Pilih Link Thumbnails to : Image File lalu Klik Inser Gallery

10. Jika berhasil, tamplian visual editor anda seperti gambar dibawah ini :

11. Publish galeri anda

12. Hasil Akhir. Klik Gambar di bawah untuk melihat demonya.

Selamat mencoba semoga bermanfaat.

Aplikasi Desain pada Template Kaos

adechriz — Tue, 18 Jan 2011 08:13:31 +0000

Pada artikel sebelumnya, saya sudah berbagi beberapa tatutan yang menyediakan template kaos yang dapat anda gunakan secara gratis. Lalu, bagaimana menerapkan desain kaos pada template yang telah anda download? itu yang akan saya bagi pada tutorial kali ini.

Tutorial ini menggunakan Template kaos dari Tom Neal yang telah saya modifikasi sedikit dan dapat anda download

DISINI

. Desainnya sendiri menggunakan karakter manga favorit saya, Luffy, yang gambarnya saya dapatkan dari hasil gugling. Hasil akhirnya nanti akan terlihat seperti gambar di bawah ini :

Oke, kita mulai saja tutorialnya :

Download

dan buka file Template Kaos yang telah disediakan

2. Anda dapat merubah warna kaosnya sesuka anda dengan double click layer Warna

Kemudian pilih Color Overlay dan ubah warnanya sesuka anda

3. Buka gambar/desain yang ingin anda gunakan dan letakkan diatas layer clipping mask pada group layer Desain

hasilnya akan terlihat seperti gambar dibawah ini :

4. Click Kanan pada layer Desain dan pilih Create Clipping Mask

Anda juga dapat mengatur ukuran dan posisi desainnya sesuai keinginan anda, hasilnya seperti ini :

5. Anda juga dapat merubah kembali warna kaosnya seperti pada Langkah 2

6. Contoh lain menggunakan desain dengan background berwarna

7.Jangan lupa untuk mengganti warna kaos sesuai dengan warna background desainnya

8.Ubah juga backgroundnya sesuai keinginan anda

Selamat mencoba, semoga bermanfaat..

Gratisan : 9 Template Kaos Pilihan

adechriz — Sat, 08 Jan 2011 15:09:41 +0000

Saat ini penjualan kaos atau tshirt tidak lagi menjadi monopoli department store, distro, ataupun factory outlet. Banyak Online Store yang hadir dan menawarkan tshirt dengan desain yang tidak kalah dari toko offline. Bahkan menurut saya banyak yang lebih bagus. Amerika punya Threadless, Indonesia punya Gantibaju.com. Dan bagi Anda yang seorang kaskuser pasti tidak asing dengan FJB Kaskus. Anda pun pasti kerap melihat teman-teman anda menawarkan tshirt buatan mereka di Facebook.

Punya keinginan berbisnis tshirt secara online? atau sekedar membuat contoh kaos untuk komunitas anda? Berikut kami sediakan beberapa tautan yang menyediakan template kaos pilihan dan dapat anda gunakan secara Gratis. Anda dapat memilih jenis file yang anda inginkan. Apakah file berbasis Vector, Psd, atau Image dengan resolusi tinggi.

Photoshop File

Blank Tee Template

Emptees American Apparel T-Shirt Template (.psd)

Emptees Mockup Kit v.2 (.psd)

Hoodie Template

Image File

Blank T-Shirt – White

DesignByHumans T-Shirt Starter Files

Vector File

TeeModelz

KraftMedia Vector T-Shirt Templates (.eps)

Men Shirt Template

Selamat mengunduh, semoga bermanfaat.

Membuat Simple Button dengan Photoshop

adechriz — Fri, 24 Dec 2010 05:37:16 +0000

Button atau tombol adalah salah satu element interface yang sangat penting. Desain sebuah Button sebaiknya mampu menghadirkan daya tarik untuk meng-klik-nya. Bukan seperti nyamuk yang minta ditabok, tapi laksana indahnya pipi pacar anda yang membuat anda ingin mencubit atau mengelusnya .

Kali ini saya ingin berbagi tutorial membuat button yang simple namun tetap mempertimbangkan unsur estetika. Jenis button dalam tutorial ini sangat umum dan banyak digunakan pada website-website ternama. Tutorial ini saya buat sedetail mungkin sehingga bagi anda yang kurang familiar dengan Photoshop masih bisa mengikutinya. Semoga . Hasil akhir dari tutorial ini adalah seperti gambar dibawah ini :

Selamat mencoba, semoga bermanfaat..

1. Buat file baru di Photoshop : File > New atau tekan tombol Ctrl+N , setting konfigurasinya seperti gambar dibawah ini.

2. Aktifkan Rounded Rectangel tool : tekan tombol U, lalu set radiusnya menjadi 3 px

3. Buat sebuah persegi panjang seperti gambar di bawah

Tutorial 4 – 9 akan menjelaskan tentang penggunaan Grid dengan tujuan agar pengerjaan desain lebih rapi dan presisi. Penggunaan Grid akan meminimalisir kebocoran pixel pada desain anda. PENTING!

4.setting Grids melalui : edit > preferences > Guides, Grids, & Slices

5.Set nilainya seperti gambar di bawah

6.Aktifkan Grid dengan menekan Ctrl + ‘ atau dengan mengikuti gambar di bawah

7.Area kerja anda akan terlihat seperti gambar dibawah.

8.Zoom In Area Kerja anda dengan menekan Ctrl & + atau mouse scroll sambil menekan tombol Alt. Kebocoran Pixel dapat kita ketahui dengan adanya garis abu-abu pada tepi shape berwarna hitam. garis tersebut dapat kita hilangkan dengan menggeser tepi shape sesuai dengan Grid pada area kerja menggunakan transform tool ( Ctrl + t )

9.Setelah dirapikan, hasilnya akan terligat seperti gambar dibawah

10.Double Clik Layer, Aktifkan Gradient Overlay lalu setting layer style seperti gambar dibawah..

11.Aktifkan Gradient Stroke lalu setting layer style seperti gambar dibawah..

12.Aktifkan Inner Shadow lalu setting layer style seperti gambar dibawah..

13.Hasil Sementara akan terlihat seperti gambar dibawah..

14.Buat Layer baru berupa teks ( dengan menekan tombol T pada keyboard ) lalu beri tulisan seperti yang anda inginkan

15.Double Click pada layer, aktifkan Inner Shadow, lalu setting layer style eperti gambar di bawah

16.Aktifkan Drop Shadow, lalu setting layer style eperti gambar di bawah

17.Aktifkan Grid ( Ctrl + ‘ ), Buat 2 garis vertikal berukuran 1 pixel. Garis pertama diberi warna #500000 dan garis kedua diberi warna #EF0000

18.Hasil Sementara akan terlihat seperti gambar di bawah ini

19.Aktifkan Polygon Tool, set sides=nya menjadi 3

20.Buat segitiga berwarna #500000 dengan ujung runcing mengarah ke kanan

21.Double Click Layer, aktifkan Inner Shadow dan set layer style-nya seperti gambar di bawah

22.Aktifkan Drop Shadow dan set layer style-nya seperti gambar di bawah

23.Aktifkan Panel Adjustment

24.Buat Hue/Saturation adjustment Layer pada layer paling atas dan geser slider Hue untuk mendapatkan warna lain yang anda inginkan

25.Dari Hasil langkah 24, anda akan mendapatkan hasil warna seperti gambar di bawah ini

26.Untuk mendapatkan hasil akhir yang optimal, nonaktifkan layer background, dan simpan button dengan Save for Web & Devices

27.Simpan dengan konfigurasi seperti gambar di bawah ini. Klik Save

Selamat anda telah berhasil membuat sebuah button sederhana . anda juga dapat mendownload file hasil akhirnya berbentuk PSD dengan menekan button di bawah ini.

REFERENSI

Tutorial Instal WordPress di Localhost

adechriz — Tue, 07 Dec 2010 18:13:54 +0000

Apakah anda pengguna WordPress? Sering otak-atik WordPress namun koneksi internet di rumah atau kantor anda lemot? Kasihan sekali..hehe..Tenang saja, anda sudah berada di jalan yang benar karena disini saya akan berbagi tutorial menginstal wordpress pada localhost atau komputer anda sendiri..atau komputer pinjeman..hehe..Tutorial yang saya bagi disini merupakan tutorial menginstal wordpress pada localhost dengan menggunakan xampp pada operating system Windows XP.

Setelah menginstal wordpress anda akan dengan lebih leluasa melakukan manipulasi tema atau uji coba plugin tanpa gangguan setan bernama “koneksi lemot”. Tentu saja setelah anda mendownload semua materi yang diperlukan.

Ini adalah tutorial pertama dari serangkaian tutorial wordpress dasar sampai dengan menengah yang akan saya bagikan untuk anda di kesempatan berikutnya…Selamat menikmati!

1 Download aplikasi xampp DISINI

2 Jalankan Installer xampp

3 Set Destination folder di ” C:\ “

4 Klik INSTAL , tunggu sejenak hingga selesai

5 Tekan ENTER pada keyboard anda hingga tampil pilihan seperti pada langkah no 6

6 Ketik 1 lalu tekan ENTER

7 Klik START pada pilihan Apache dan MySql

8 Buka browser anda dan arahkan menuju http://localhost/phpmyadmin/

9 Buat database baru ( misal: smartuts ) lalu klik CREATE

10 Download WordPress DISINI

11 EXTRACT file wordpress yang baru saja di download

12 Di dalam folder yang telah di extract terdapat folder ” wordpress “, COPY folder tersebut

13 Paste/Letakkan folder wordpress yang telah dicopy ke dalam direktori C:\xampp\htdocs

14 Ubah atau RENAME nama folder wordpress SAMA seperti nama database yang telah dibuat pada langkah 9 ( misal: smartuts )

15 Klik Create a Configuration File kemudian Let’s Go untuk melanjutkan

16 Isi nama database sesuai dengan SAMA seperti pada langkah 9, Isi User Name dengan “root”, KOSONGKAN password, biarkan sisanya.. klik SUBMIT

17 Klik Run the install

18 isi Site title, username, password, dan email..Klik Install WordPress

19 Instalasi telah selesai, anda dapat melakukan login menggunakan username dan password pada langkah 18

20 Cek http://localhost/namasiteanda/ untuk melihat tampilan website anda dan http://localhost/namasiteanda/wp-admin untuk login ke admin area

Selamat mencoba, Semoga bermanfaat

REFERENSI

Apachefriends

WordPress.org

WordPress Theme Gratis Bergaya Blog – 2010

adechriz — Sat, 20 Nov 2010 08:05:18 +0000

Salah satu alasan mengapa wordpress menjadi salah satu platform blogging dan CMS terpopuler saat ini adalah ketersediaan template yang begitu banyak dan bervariasi. Hampir setiap bulan bermunculan template baru baik yang gratis maupun berbayar. Dan jika dihadapkan pada pilihan antara 2 template gratis dan berbayar dengan kualitas yang sama, sudah pasti jawabannya adalah GRATIS.

Berikut ini saya perkenalkan kepada anda 9 WordPress Theme Gratis Bergaya Blog terbaru. Hampir semuanya dikeluarkan pada tahun 2010 dan telah kompatibel dengan wordpress versi terbaru. Jika anda seorang blogger dan sedang mencari template wordpress untuk blog anda, anda datang ke tempat yang tepat. Jadi tunggu apalagi?

ZEXEE

SIMPLO

BUENO

SIDEBLOG

NOTEPAD

SKEPTICAL

DESIGNORA

COOLRETRO

DAILYNOTE

Manipulasi Avatar Na’vi dengan Photoshop

adechriz — Sun, 31 Oct 2010 09:37:13 +0000

Pengen jadi Jake Sully? atau pengen jadi Neytiri? mereka berdua adalah 2 tokoh utama dalam film Avatar besutan sutradara James Cameron. Bagi yang belum menonton saya rekomendasikan untuk segera menonton.

Kali ini saya akan berbagi tutorial bagaimana mentransformasi wajah anda menjadi Avatar Na’vi. Tentu saja hasilnya tidak “maksa” seperti tayangan dari salah satu stasiun televisi yang mencoba meniru film aslinya. Pada tutorial kali ini banyak teknik photoshop yang akan digunakan. Saya juga menyediakan file pendukung yang dapat anda download untuk manipulasi yang akan anda lakukan. Selamat mencoba dan semoga bermanfaat.

BEFORE

AFTER

VIDEO TUTORIAL 1

VIDEO TUTORIAL 2

Anda juga dapat mendownload video tutorial ini dengan kualitas yang lebih bagus DISINI!

DOWNLOAD file pendukung!