Cara menampilkan icon Font Awesome

Kali ini saya akan menunjukkan bagaimana cara menggunakan / menampilkan icon yang ada pada Font Awesome pada Photoshop.

Font Awesome adalah sebuah situs yang menyediakan kumpulan-kumpulan icon secara gratis. Secara umum icon-icon dari Font Awesome digunakan melalui file .CSS lalu menampilkannya dengan menggunakan class-class dari icon yang sudah disediakan tersebut.

Langsung saja kita praktekkan.

Pertama kunjungi situs Font Awesome disitu akan terlihat langsung tombol download, langsung saja klik tombol download tersebut
Setelah didownload (file dalam bentuk zip), ekstrak file zip tersebut maka akan menghasilkan beberapap folder yaitu
CSS
Fonts
Less
SCSS

Buka folder Fonts lalu instalkan font dari font awesome nya yang bernama fontawesome-webfont.ttf cukup double klik saja file tersebut windows akan otomatis memasang font tersebut di PC anda. Jika sudak silahkan buka Photoshop anda, aktifkan Text Tool lalu lihat di daftar font anda maka disana akan terdapat font jenis Font awsome.
Selanjutnya adalah buka halaman ini http://fortawesome.github.io/Font-Awesome/cheatsheet/ disana terdapat icon-icon yang disediakan font awesome (Simpan halaman ini / ctrl + s agar bisa kamu gunakan nantintinya tanpa perlu mengunjungi internet / ketika sedang tidak ada koneksi internet). Double klik icon yang ingin anda pakai (icon akan terpilih) lalu copy (klik kanan copy / ctrl + c).

lalu kembali ke dokumen Photoshop kita dengan kondisi text tool aktif dengan font jenis font awesome pastekan (ctrl + v) didokumen anda tara......End....
See you :D

Memilih Layer Melalui Klik


Halo... kali ini saya akan menunjukkan sebuah trik dasar photoshop yaitu memilih layer melalui klik. Trik ini sangat sederhanana yaitu dengan mengaktifkan Move Tool  lalu untuk mulai memilih layer nya tahan tombol ctrl pada keyboard lalu klik objek pada dokumen kita yang mau kita pilih.

Trik ini akan sangat berguna saat kita bekerja dengan banyak layer yang ada pada satu dokumen, misal saat memanfaatkan photoshop untuk membuat website atau manipulasi gambar itu bisa mencapai hingga ratusan layer, pasti akan kesulitan mencari sebuah layer dari segitu banyak layer dengan hanya mengandalkan mata sambil scroll ke atas dan ke bawah :)

Contoh sederhananya bisa dilihat pada gambar dibawah ini


Coba buat beberapa layer lalu tandai masing-masing layer dengan objek misal garis dengan warna yang berbeda-beda di setiap layer. Aktifkan Move Tool lalu tahan tombol ctrl lalu klik salah satu objek / garis yang sudah dibuat tadi maka secara otomatis layernya pun terpilih sesuai yang diklik pada layer palette Sekian tutorial dasar nan singkat dari saya kali ini see you :)

Cara Membuat Pattern dari Gambar

Kali ini saya akan menunjukkan bagaimana cara membuat / mengiplementasikan suatu gambar untuk dijadikan pattern melalui Layer Style - Pattern Overlay. Penerapan dari tutorial ini adalah untuk keperluan desain website, langsung saja kita praktekkan.

Pertama-tama kita simpan terlebih dahulu gambar dibawah ini yang akan kita gunakan sebagai pattern nya


selanjutnya buat sebuah dokumen baru dengan ukuran memanjang kebawah layaknya sebuah website dengan ukuran 1024 x 2000 pixels langkah selanjutnya buka gambar pattern yang telah disimpan tadi dengan photoshop lalu buka menu Edit - Define Pattern jika ada window muncul tekan saja ok

Langkah selanjutnya pindah ke dokumen kosong kita tadi, nah itu kan belum bisa di edit alias masih tergembok jadi gandakan saja layer background tersebut dengan menekan ctrl + J. Lalu buka menu Layer - Layer Style - Pattern Overlay untuk pengaturan bisa dilihat pada gambar dibawah ini

Pattern yang baru saja kita buat akan ditampilkan di urutan terakhir dari semua pattern yang ada, jika pengaturan sudah selesai klik saja tombol ok maka hasilnya bisa dilihat seperti gambar dibawah ini


Membuat Efek Foto Seperti Instagram

Tidak yakin ini judul yang benar atau tidak :) tapi hasilnya bisa kamu lihat pada gambar hasil akhir dari tutorial ini

tanpa perlu berbasa-basi lagi mari kita lanjutkan ke tutorial nya, langsung saja buka foto model yang ingin di edit, disini saya menggunakan foto dari sang mantan adam lavigne... :O salah.... avril lavigne. Kamu bisa download disini agar hasil dari tutorial ini ntar sama seperti yang saya hasilkan, karena beda foto akan beda pula settingan yang perlu diterapkan. Itu bisa kamu atur sesuai selera mata kamu....

Jika sudah dibuka itu foto lalu buka menu Layer - New Adjustment Layer- Hue/Saturation cukup kurangi nilai saturationnya saja untuk mengurangi intensitas warna dari foto tersebut
selanjutnya buat sebuah layer baru (shift + ctrl + n) dengan menggunakan Paint Bucket Tool warna layer tersebut dengan warna #3867b4. Atur mode layer nya menjadi Difference dan Opacity 20%
Sama seperti tahap sebelumnya buat sebuah layer lalu warnai layer tersebut dengan warna hitam, lalu dengan menggunakan Eraser Tool (E) dengan ukuran yang besar dan mode soft hapus bagian tengah nya seperti gambar dibawah ini. Lalu ubah Opacity nya menjadi 40%
thats it...Mudah bukan :) Ingat tidak semua foto bisa menggunakan pengaturan nilai propertis seperti diatas untuk mendapatkan hasil yang sama, jadi gunakan sesuai selera.
Oya satu lagi :) saya melakukan sedikit tambahan editing pada hasil tadi lihat gambar dibawah ini

Pada akhirnya semua tergantung selera masing-masing sih :)
Download PSD
Sampai disini tutorial kali ini, see you...

Menyeleksi Rambut Teknik Channel

Sebagai bahan percobaan silahkan simpan gambar dibawah ini lalu buka dengan photoshop, lalu siapkan background nya agar lebih kelihatan nanti hasilnya, kamu bisa menggunakan gambar dibawah ini

gambar Model
gambar background

atur posisi layernya agar posisi modelnya ada diatas gambar background nya
Klik tab channels jika tidak ada kamu bisa tampilkan melalui menu window - channels. Klik channel blue maka channel lainnya akan dinonaktifkan lalu klik kanan channel blue nya lalu pilih duplicate channel, aktifkan yang blue copy. lalu tkan ctrl + i
buka menu image - adjustments - levels geser levels point 0 ke kanan hingga terlihat lebih kontras antara background dan gambar model nya, jangan terlalu banyak kekanan nya karena ntar detail rambutnya jadi ilang secara ghoib, jadi pelan2 saja :)
selanjutnya aktifkan brush tool dengan warna putih coret2 aja itu bagian badan modelnya seperti gambar dibawah ini
aktifkan Burn Tool lalu pergelap bagian background yang akan kita hilangkan, untuk settingan Burn Tool nya bisa dilihat pada gambar dibawah ini. Jangan terlalu banyak menggosokkan di area rambut nya ntar dia bisa menghilang secara ghoib
tekan tombol ctrl + klik channel blue copy, maka akan muncul seleksi disana
kembali lagi ke tab layer lalu klik add layer mask icon
selanjutnya gandakan layer modelnya dengan menekan ctrl + J lalu buat sebuah layer baru (ctrl + shift + n)
Dengan menggunakan Eyedropper Tool pilih warna yang paling dominan pada rambut. Lalu tekan tombol ctrl + klik pada layer mask nya si model. Aktifkan Paint Bucket Tool lalu warnai seleksi tadi pada new layer yang telah kita buat.
tambahkan layer mask dengan mengklik icon nya lalu tekan tombol ctrl + backspace
ubah warna foreground menjadi putih lalu dengan menggunakan brush tool usapkan pada bagian rambut yang terurai halus maka bagian tersebut pun akan terlihat lebih jelas
Selesailah sudah tutorial kali ini, semoga bermanfaat see you on next tutor :) bye...

Credits