MEMBUAT TEKSTUR KAYU DENGAN PHOTOSHOP

Tutorial photoshop kali ini, kita akan mencoba membuat sebuah teksture kayu yang realistis dengan photoshop, penggunaan teknik blending mode dan filter yang tepat akan menghasilkan gambar kayu yang tampak nyata seperti pada tutorial ini.

PREVIEW DESAIN

Berikut hasil tutorial photoshop yang akan kita buat pada postingan kali ini.

Klik untuk memperbesar

DETAIL TUTORIAL

• Tingkat kesulitan : Pemula
• Software yang digunakan : Adobe Photoshop
• Materi yang dipelajari : Penggunaan layer style dan efek filter
• Lama pembuatan : 15 Menit

TUTORIAL

Langkah 1 : Membuat lembar kerja baru

Buat sebuah lembar kerja baru pada photoshop (ctrl + N) atur widht sebesar 1000 pixels dan height 600 pixels dengan resolution 72. Setting warna foreground dan background menjadi #81573b dan #4b3628 atau warna serupa bahan dasar kayu yang akan kita buat.

Langkah 2 : Membuat gradasi warna pada lembar kerja

Pilih gradient tool (G), setting radial gradient untuk membuat efek gradien melingkar dan pilih warna yang dimaksud, lalu tariklah garis untuk membuat gradasi warna pada lembar kerja anda.

Langkah 3 : Membuat kotak hitam

Kembali ubah warna foreground menjadi hitam dan putih warna background, pilih Rectangle tool dan buatlah sebuah persegi panjang ke atas seperti pada gambar berikut.

Duplicate layer tersebut dan pindahkan ke samping, lakukan secara berulang sehingga seluruh kanvas akan tertutup dengan warna hitam. Perlu anda ketahui bahwa warna hitam tersebut tersusun dari beberapa layer kotak seperti gambar diatas sehingga menutup seluruh kanvas area kerja.

Langkah 4 : Menambah layer style

Pilih salah satu layer hitam dan beri layer style seperti gambar berikut :

Blending option

Bevel and Emboss

Drop shadow

Tekan OK untuk mengakhiri. Pada layer yang diberi efek layer style, klik kanan dan pilih copy layer style, lalu seleksi semua layer kotak hitam dengan menahan tombol Shift pada keyboard klik kanan lalu tambahkan layer style dengan memilih paste layer style sehingga semua layer akan memiliki efek yang sama.

Berikut hasil sementara yang kita hasilkan setelah memberi efek ke semua layer persegi *tinggi?

Klik untuk memperbesar

Langkah 5 : Menambahkan efek kayu dengan photoshop

Buat sebuah layer baru dan tempatkan di paling atas, dan beri warna putih pada layer baru tersebut. Selanjutnya beri efek noise dengan memilih Filter > Noise > Add noise, pada kotak noise yang muncul, beri nilai Amount dengan 40% dan Gaussian pada Distribution juga beri centangan pada Mohochromatic, klik OK untuk mengakhiri.

Selanjutnya beri efek Filter > Blur > Motion blur dan atur settingan seperti berikut ini.

Sekali lagi, beri efek Filter > Sketch > Chrome dan setting Detail dan Smoothnessnya.

Berikut hasil sementara yang akan kita dapatkan.

Langkah 6 : Langkah akhir tutorial

Agar layer baru tersebut menyatu dengan layer-layer yang kita buat sebelumnya, ubah layer modenya menjadi Linear Burn dengan fill sebesar 85%.

Tambahkan sedikit noise (Filter > Noise > Add noise> untuk menambah teksture pada kayu tersebut.

HASIL DESAIN

Klik pada gambar untuk memperbesar, download juga file dalam bentuk psd di teksture kayu.

Klik untuk memperbesar

MENAMBAHKAN TEKS TRANSPARENT PADA FOTO DENGAN PHOTOSHOP

Penempatan teks yang tepat pada gambar dapat memperindah dan memperjelas pesan yang disampaikan pada sebuah gambar. Tentu saja teks pendukung yang ditambah pada gambar itu harus jelas dan nyaman dipandang mata. Seperti pada tutorial ini, kita akan belajar bagaimana membuat sebuah teks bergaya transparent dan menempatkannya pada foto.

Hasil akhir dari tutorial mengolah teks ini adalah untuk membuat tanda pada foto atau sebagai copyright sebuah gambar menggunakan teks yang dapat kamu ubah-ubah dengan mudah. Pastikan kamu pernah membaca tutorial photoshop saya dalam bentuk ebook yang saya bahas diartikel Membuat pas photo dengan photoshop.

Lanjutkan baca tutorial ini dengan terlebih dahulu melihat hasil desain yang akan kita hasilkan pada tutorial ini.

PREVIEW DESAIN

DETAIL TUTORIAL

• Tingkat kesulitan : Pemula
• Software yang digunakan : Adobe Photoshop
• Materi yang dipelajari : Type tool, Blending option
• Lama pembuatan : 15 Menit

RESOURCE

• Sunset kota Lhokseumawe oleh Jaka

TUTORIAL

Langkah 1 : Mempersiapkan gambar

Buka foto yang ingin kamu tambahkan teks dengan membuka photoshop terlebih dahulu dan pilih menufile > open. Pada window yang muncul, cari foto kamu dan akhiri dengan open.

Langkah 2 : Membuat background teks

Langkah selanjutnya adalah kita akan membuat background untuk teks sebagai penguat tampilan teks. Buat file baru dengan membuka window layer pallete (F7) lalu klik “Create new layer”.

Setelah layer baru terbuat isikan dengan warna putih dengan menekan D pada keyboard sekali untuk mereset warna foreground dan background lalu tekan Alt + Backspace untuk mengisi layer dengan warna putih sehingga sekarang keseluruhan foto berwarna putih.

Turunkan opacity sebesar 30% agar background putih lebih transparent. Berikut gambar illustrasinya.

Langkah 3 : Menambahkan teks

Untuk menambahkan teks, pilih Horizontal type tool pada toolbox photoshop dan setting option type tool pada bagian atas seperti gambar dibawah.

Ketikkan teks seperti contoh saya ini adalah nama kota “Lhokseumawe” tepat ditengah kanvas. Untuk warna teks kamu bebas memilihnya karena nanti tidak berpengaruh pada hasil akhir.

Agar tepat berada ditengah kanvas kerja, teks harus kita align kan dengan cara tekan CTRL pada keyboard lalu pilih dua layer (Lhokseumawe dan Layer 1) seperti gambar dibawah. Pilih move tool pada toolbox photoshop dan klik pada masing-masing Align vertical centers dan Align horizontal centers sehingga posisi teks tepat berada ditengah.

Langkah 4 : Memberi efek teks transparent

Pilih “Layer 1″ yang berwarna putih pada layer pallete, lalu klik edit > Free transform.

Lalu tarik titik atas kebawah secara bersamaan dengan menekan tombol ALT pada keyboard sehingga membentuk background seperti gambar berikut.

Silahkan bertanya dikotak komentar jika ada bagian yang kurang jelas. Selanjutnya pilih layer teks dan beri efek di Layer > Layer Style > Blending Options.

Pada window yang muncul, ubah Fill opacity menjadi 0% sehingga teks akan tampak hilang. Lalu Knockout menjadi Shallow.

Berikut tampilan gambar hasil tutorial manipulasi teks pada artikel ini.

Lantas bagaimana jika ingin mengubah teksnya?

Langkah 5 : Mengubah teks

Yang menarik pada tutorial ini adalah kita dapat mengubah teks sesuai keperluan. Jadi kamu tidak perlu repot-repot untuk membuatnya dari awal. Untuk mengubah teks kamu cukup klik 2x pada icon “T” pada layer LHOKSEUMAWE sehingga Tulisan Lhokseumawe akan terseleksi.

Ganti teks menjadi ACEH dan akhiri dengan Ctrl + Enter.

Nah selanjutnya adalah bagaimana cara memindahkan teks ini baik ke atas maupun kebawah??

Langkah 6 : Menentukan posisi teks

Pilih move tool pada toolbox photoshop disamping kiri. Lalu setting dibagaian atas dengan menghilangkancentangan Auto-Select dan Show transform controls dan dengan bantukan tombol Ctrl pada keyboard seleksi 2 layer (Aceh dan Layer 1) sehingga pada layer pallete kedua layer ini akan terseleksi.

Masih dengan move tool, tarik teks kebawah atau keatas sehingga tampilannya akan lebih menarik.

MEMBUAT FOTO BERURUTAN PADA FACEBOOK

Bagaimana membuat foto yang berurutan pada facebook sehingga menjadi satu kesatuan gambar seperti dibawah ini? Pada tutorial ini kita akan belajar mulai dari proses crop, slice hingga teknik menguploadnya di facebook.

Foto menjadi bagian penting dari sebuah profile facebook karena selain membuktikan bahwa kita bukan orang yang fake atau palsu foto-foto difacebook juga bisa digunakan untuk portfolio social.

Salah satu teknik yang bisa kamu gunakan untuk mengoptimalkan halaman profile facebook kamu adalah dengan menempatkan foto yang menarik seperti pada tutorial ini.

PREVIEW DESAIN

Kita akan membuat foto yang tampil menyatu seperti yang saya lingkar dengan kotak biru pada gambar dibawah.

DETAIL TUTORIAL

• Tingkat kesulitan : Pemula
• Software yang digunakan : Adobe Photoshop CS6
• Materi yang dipelajari : Teknik slice dan menyimpannya untuk web
• Lama pembuatan : 30 Menit

RESOURCE

Silahkan download extension dan stock foto dibawah ini. Install extension pada photoshop kamu, cara install bisa kamu baca di bagian instalation pada link dibawah download guideguide.

• GuideGuide
• Siput oleh Jaka Zulham

TUTORIAL PHOTOSHOP

Langkah 1 : Buka foto

Buka terlebih dahulu foto yang akan dijadikan foto yang berurutan pada facebook nantinya. Sebagai contoh saya ingin menambah foto siput yang saya foto beberapa waktu lalu yang bisa kamu download dideviantart.

Langkah 2 : Crop menjadi persegi

Jika foto kamu bergaya landscape maupun portrait, pilih crop tool dan crop foto menjadi persegi dengan bantuan tombol shift pada keyboard.

Langkah 3 : Membuat Guide

Pada dasarnya pembuatan guide ini untuk memudahkan saat proses slicing nantinya. Buka extension guideguide dengan menekan menu WIndow > Extensions > GuideGuide dan jendela pallete GuideGuide akan muncul pada photoshop kamu. Pada tutorial ini saya menggunakan Adobe Photoshop CS 6.

Setelah terbuka, isikan top margin = 33.33333%, bottom margin = 33.33333%, left margin = 33.33333%, right margin = 33.33333%

Langkah ini untuk membagi foto menjadi 3 sehingga foto akan menjadi 9 bagian sama besar.

Langkah 4 : Proses Slice

Pilih Slice tool pada toolbox sebelah kiri photoshop. Setelah slice tool terpilih buat kotak-kotak guide untuk memotong gambar.

Proses slice ini berfungsi untuk membagi foto menjadi beberapa bagian saat disimpan nanti.

Perhatikan kita memiliki 9 slice seperti pada gambar diatas.

Langkah 5 : Proses penimpanan

Seperti pada postingan terdahulu pada tips mempersiapkan foto sebelum dimuat keinternet untuk mengupload foto, kita harus mengupload foto dengan ukuran gambar yang sekecil mungkin tanpa merusak tampilan gambar.

Untuk melakukannya pilih File > Save for Web Lalu setting Preset menjadi JPEG High atau Jpeg Medium dan perhatikan gambar yang tampil apakah pecah atau tidak dan perhatikan juga ukuran file yang disimpan nantinya dibagian bawah foto.

Akhiri dengan menekan save jika setting sudah dilakukan.

Pada window yang muncul, isikan nama file yang kamu inginkan. Pada bagian format karena kita hanya memerlukan gambar pilih Images Only dengan Default Settings dan All Slices pada bagian Slices.

Perhatikan folder dimana kamu simpan foto tersebut dan pastikan telah tersimpan 9 foto sesuai slice yang telah kita buat pada langkah 4.

Langkah 6 : Proses mengupload difacebook

Buka profile facebook kamu dengan cara login terlebih dahulu. Lalu pilih tab Photos dan pilh Albums untuk melakukan proses upload foto. Kamu bisa membuat album baru atau mengupload dialbum yang telah ada dengan membuka salah satu album dulu.

Pada contoh ini saya mengupload ke-9 foto ini pada album My Design saya. Tekan Add Photos untuk memulai.

Pada window yang muncul, cari folder tempat penyimpanan foto yang telah disimpan. Untuk mengupload foto PASTIKAN kamu memilih foto terakhir terlebih dahulu dan uploadlah satu persatu.

Setelah foto muncul saat proses upload, klik foto untuk tag dan tag lah diri anda sendiri.

Lakukan satu persatu dan cek timeline profile facebook kamu untuk melihat hasilnya.

MANIPULASI TANGAN SWIRL DENGAN PHOTOSHOP

Belajar photoshop kali ini, kita akan mempelajari bagaimana membuat sebuah efek dengan brush sehingga menyerupai sebuah tangan yang unik dan kreatif.

Tanpa berpanjang lebar, berikut tutorial photoshop yang dapat anda pelajari pada kali ini.

PREVIEW DESAIN

Preview desain tetap akan saya tampilkan di setiap tutorial.

DETAIL TUTORIAL

• Tingkat kesulitan : Pemula
• Software yang digunakan : Adobe Photoshop
• Materi yang dipelajari : Penggunaan seleksi dan pattern
• Lama pembuatan : 15 Menit

RESOURCE

Download file-file dibawah ini untuk mengikuti tutorial ini.

• Tangan oleh ziddu.com
• Swirl brush oleh brushking.eu

TUTORIAL

Langkah 1 : Membuka foto dan membuat seleksi

Buka foto yang akan di edit, anda dapat mendownloadnya di bagian Resource di atas postingan, buka menggunakan aplikasi desain photohsop di menu file > open.

Selanjutnya, berhubung background dari tangan itu sendiri berwarna hitam kita dapat dengan mudah membuat seleksi. Pada toolbar pilih Magic wand tool dan klik di bagian background hitam sehingga background akan terseleksi. Selanjutnya, balikkan seleksi dengan cara klik kanan pada area canvas dan pilih Select Inverse.

Langkah 2 : Menduplikasi gambar

Duplikasi gambar dengan menekan Ctrl : J pada keyboard, sehingga akan tampil sebuah gambar tangan di layer baru seperti terlihat pada desain dibawah.

Langkah 3 : Menambah swirl pada tangan

Download swirl brushes pada kolom resource di atas, tambahkan di photoshop seperti pada tutorial cara menambahkan brush pada photoshop selanjutnya brush bagian tangan di layer baru.

Brush hingga merata, pakai berbagai efek swirl dari brush tersebut.

Langkah 4 : Membuat pattern dan mengaplikasikannya

Kembali ke layer tangan (langkah 2), kita akan membuat pattern untuk tangan ini, klik Edit > Define Pattern… Atau secara lengkap anda dapat membaca tutorial cara menambah pattern ke dalam photoshop yang pernah saya bahas beberapa waktu yang lalu.

Selanjutnya tekan Ctrl pada keyboard sembari klik pada layer “tangan” sehingga akan memperoleh sebuah seleksi pada lingkarang tangan, balikkan seleksi dengan menekan select > Inverse. Next hilangkan layer “Tangan” dengan cara klik bagian mata di samping layer yang berhubungan, dan kembali ke layer swirl.

Pada layer swirl, tekan delete pada keyboard untuk menghapus bagian yang “Kotor”.

Beri warna pada background dengan warna hitam sehingga akan menghilangkan objek tangan.

Kembali ke layer swirl, beri layer style “Pattern Overlay” dan pilih tangan yang telah kita buat pattern di awal langkah 4.

Tekan OK untuk mengakhiri.

Langkah 5 : Memberi warna

Secara umum, kita telah menyelesaikan efek tangan swirl ini. Tapi, mari kita lanjutkan untuk memberi sentuhan akhir, yakni kita akan memberi sedikit warna pada tangan swirl ini.

Pertama, buatlah sebuah layer baru. Selanjutnya pada bagian toolbox photoshop pilih gradient overlay dan pilih warna sesuai yang di tunjukkan di nomor 3.

Buat warna dengan gradient photoshop desain.

Ubah layer mode layer tersebut menjadi Overlay dan turunkan opacity menjadi 50%.

Atau dapat anda ubah juga overlay sesuai selera sehingga memperoleh hasil yang bagus.

HASIL DESAIN

Berikut hasil desain pada belajar photoshop kali ini.