[Photoshop] Efek tulisan air

Pada tutorial Photoshop kali ini kita akan belajar cara membuat sebuah efek teks atau tulisan yang seolah terbuat kumpulan tetesan air. Efek ini adalah efek yang sudah dibahas pada artikel sebelumnya, jadi jika belum membacanya, silahkan dibaca dulu cara pembuatan efek ini di sini. Pada tutorial yang ini, kita hanya akan membahas tentang pembuatan bentuk tulisannya saja.

Langkah membuat efek tulisan air dengan Photoshop

Langkah 1
Buatlah sebuah file baru, atau buka file yang sudah ada (yang akan Anda beri efek teks ini). Pada contoh kali ini, saya menggunakan sebuah gambar daun pisang, yang saya dapat dari kumpulan gambar wallpaper.

Langkah 2
Buatlah sebuah layer baru, dengan cara mengeklik icon Create New Layer di palet layer.

Isi layer yang baru tadi dengan warna putih.
Langkah 3
Buatlah sebuah tulisan yang berwarna hitam. Ukuran dan jenis huruf bisa disesuaikan sendiri dengan kebutuhan Anda. Pada tutorial ini, saya menggunakan jenis huruf / font Tempus Sans ITC. Gunakan font sesuai selera Anda, namun mungkin akan lebih bagus jika jenis huruf yang digunakan bukan huruf-huruf yang formal.

Langkah 4
Gabungkanlah layer tulisan dengan layer 1 (layer yang berwarna putih tadi) dengan cara mengaktifkan layer tulisan kemudian memilih menu Layer > Merge Down. Yang layer background (yang isinya gambar yang dbuka tadi, dalam tutorial ini adalah gambar daun pisang tadi) jangan ikut digabung.
Langkah 5
Pada layer yang sudah digabung tadi, berikanlah efek Crystalize. Lakukan ini dengan cara memilih menu Filter > Pixelate > Crystallize. Masih ingat dengan efek foto robek? Ya, hampir mirip dengan langkah yang ada pada tutorial tersebut. Pada pengaturan ukuran Cell size, aturlah secukupnya hingga gambar nya seperti dibawah ini. Pada tutorial Photoshop ini, saya beri pengaturan sebanyak 6.

Tujuan langkah ini adalah agar pinggiran dari tulisan menjadi tidak rata secara agak berlebihan, hingga ada bagian dari tulisan yang mengecil bahkan terpotong.
Langkah 6
Langkah berikutnya adalah membuat gambar tersebut agak kabur, tujuannya untuk membuat tepian yang tidak rata tersebut menjadi agak buram dan kabur. Lakukan ini dengan cara memilih menu Filter > Blur > Gaussian Blur. Pada tutorial ini, saya isikan 3,5 pixel pada nilai pengaturan Radius.

Langkah 7
Sekarang pilihlah menu Image > Adjustment > Levels. Buatlah agar gambar yang sudah dikaburkan tadi semakin kontras. Buatlah seperti gambar dibawah ini. Dekatkan titik segitiga Shadow dengan Highlight.

Langkah 8
Aktifkan palet channel (palet ini bisa diklik langsung namanya di dekat palet Layer, atau dengan memilih menu Window > Channel). Pada palet ini, klik icon Load Channel as Selection.

Langkah 9
Kembali lagi pada palet layer (Window > Layer). Tekanlah tombol Delete pada keyboard untuk menghapus warna putih pada layer yang sudah berisi tulisan tadi. Yang terhapus hanyalah bagian putihya saja, sesuai dengan bentuk seleksi pada Langkah ke-8 tadi.

Setelah ini, hilangkan seleksinya dengan memilih menu Select > Deselect.
Langkah 10
Atur bentuk tulisan ini, agar lebih sesuai dengan kondisi gambar background. Pada tutorial ini, saya mengubah ukurannya dengan Edit > Free Transfrom, dan menggunakan fasilitas Warp mode.

Langkah 11

Update:
Jika Anda hanya bisa mengikuti tutorial ini hingga langkah ke-10, mohon untuk membaca lagi paragraf pertama pada tutorial ini dengan lebih teliti. Tutorial ini lanjutan dari tutorial sebelumnya tentang membuat Style Tetesan Air.

Sekarang terapkan Style tetesan air yang sudah kita punyai. Jika ingin menambah beberapa bentuk tetesan lagi, pilihlah Brush tool, kemudian sapukan beberapa lingkaran kecil pada layer tulisan ini. Secara otomatis, style tetesan air akan langsung ikut diterapkan juga.
Berikut ini gambar tutorial efek tulisan air yang sudah jadi.

Selamat mencoba dan berkreatifitas dengan Photoshop.



Sumber: http://mbahdewo.com

Unknown Photoshop 1 Komentar

[Photoshop] Animasi tulisan bergerak

Tutorial Photoshop kali ini akan membahas cara pembuatan efek tulisan bergerak ( animasi ) dengan format file gif. Animasi ini dibuat dengan program photoshop pada awalnya, kemudian proses pembuatan animasinya dengan menggunakan Adobe Image Ready. Jika photoshop yang digunakan adalah versi CS3, maka animasi ini bisa dibuat langsung dengan Photoshop, tanpa harus menggunakan image ready.

Tutorial pembuatan animasi tulisan dengan Photoshop

Langkah 1
Buatlah sebuah file baru dengan Photoshop. Ukuran file bisa disesuaikan dengan kebutuhan Anda. Pada tutorial ini, saya menggunakan sebuah file yang berukuran 468 x 60 pixel; 72 dpi; RGB; content=white.

Langkah 2
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.

Langkah 3

• Jika Anda menggunakan versi Photoshop 7 hingga CS:
  Klik icon Jump to Image ready. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa memilih menu File > Jump To > Adobe ImageReady 7.0 (pada Photoshop 7), atau File > Edit in Image Ready (pada Photoshop CS).
  
• Jika Anda menggunakan versi Photoshop CS3:
  Pilih menu Window > Animation
  

Langkah 4
Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).

Jika perlu, perlebar tampilan palet ini dengan melakukan klik dan geser pada sudut kanan bawah palet tersebut.
Langkah 5
Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh tulisan tidak nampak.

Langkah 6
Klik icon Duplicate current frame.

Langkah 7
Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah frame kedua.
Geser lagi tulisan hingga sisi kanan luar dari background.

Langkah 8
Klik icon Tweens animation frames.

Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranparansi, dan efek pada obyek.
Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.

Pada kotak dialog ini, kita bisa mengatur:

• Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka yang tepat adalah Previous Frame.
• Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan. Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file hasil jadinya akan semakin besar.
• Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada layer yang aktif saja.
• Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai dasar animasi

Langkah 9
Klik icon Plays/stops animation.

Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.

Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan dan tekan tombol Shift, lalu klik frame yang lain. Bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih.
Untuk menyimpan hasil animasi, pilihlah menu File > Save Optimized pada Adobe ImageReady. Atau File > Save for Web & devices pada Photoshop CS3. Pastikan format file yang dipilih adalah gif.
Berikut ini adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan dengan format file gif.

Silahkan dicoba dan digunakan sebagai tambahan materi belajar photoshop. Berikut ini ada 2 buah contoh file lain. Silahkan dicoba sendiri juga untuk membuat seperti gambar-gambar berikut ini.
Gambar contoh animasi 1

Gambar contoh animasi 2

Sumber: http://absoluterevo.wordpress.com

Unknown Photoshop 1 Komentar

[Photoshop] Membuat bingkai foto variasi

Tutorial Photoshop kali ini akan membahas tentang pembuatan bingkai foto, variasi lain dari bingkai foto pada post sebelumnya. Pada bingkai foto yang sekarang, saya tambahkan bentuk-bentuk ornamen sebagai pemanis bingkainya. Bentuk ornamennya bisa Anda ganti sendiri dengan bentuk-bentuk lain. Tapi langkahnya agak panjang ya.

Langkah Pembuatan Bingkai Foto Variasi 2

Langkah 1
Buatlah sebuah file baru dengan Photoshop yang berukuran sesuai dengan standar cetak foto yang Anda inginkan. Pada kotak dialog New, pilih saja dari bagian Preset-nya. Atau isikan sendiri ukurannya di bagian Width, Height, dan Resolution. Pada tutorial ini yang saya gunakan ukuran 4R, namun gambar ilustrasinya bukan dalam ukuran sebenarnya, sudah saya perkecil ukurannya.

Langkah 2
Buatlah sebuah layer baru. Cara membuat layer baru ini dengan mengeklik icon New layer di palet layer.

Langkah 3
Pilih menu Edit > Select All. Ini cara untuk membuat seleksi di seluruh bidang gambar pada file yang sedang Anda buka dengan Photoshop.
Langkah 4
Pilih menu Select > Transform Selection. Kemudian pada Option bar, isikan nilai 90,0% pada kotak isian W dan juga H. Tekan tombol Enter untuk menerapkan. Seperti pada gambar ilustrasi tutorial dibawah ini.

Tujuan langkah ini adalah untuk mengecilkan bidang seleksi.
Langkah 5
Pilih menu Edit > Fill. Pada kotak isian Use, pilih Black.

Kemudian klik OK untuk menerapkan.

Langkah 6
Lakukan langkah seperti pada langkah 4. Yaitu memilih menu Select > Transform Selection. Namun kali ini, isikan nilai 98,0% pada W dan H. Tekan tombol Enter untuk menerapkan.

Langkah 7
Tekan tombol Delete pada keyboard. Kemudian pilih menu Select > Deselect. Akan didapati gambar seperti di bawah ini.

Langkah 8
Sekarang kita buat bentuk ornamennya. Pada tutorial ini, saya gunakan sebuah gambar ornamen bunga citra lestari dari sebuah font yang bernama HolidayPi BT.

Pilih text tool, klik di file yang kita kerjakan, kemudian pilih font ini dari Option bar. Ketikkan huruf W (kapital). Mirip seperti pada langkah membuat logo larangan merokok.

Setelah huruf tadi diketik, pilih Move Tool pada toolbox Photoshop. Kemudian pilih menu Edit > Free Transform. Atur ukuran sekaligus posisi gambar ornamen ini. Letakkan di sudut kiri bawah gambar (di sudut lain juga boleh).

Duplikat, atau buat sekali lagi gambar ornamen, letakkan di sudut yang berlawanan.

Jika Anda tidak mempunyai font ini, bisa menggunakan variasi bentuk lain. Misalnya dengan menggunakan Custom Shape Tools. Pilih gambar yang Anda inginkan di sana, ada cukup banyak. Misalnya seperti di bawah ini, menggunakan gambar Floral Ornament 3 dari kategori Ornaments.

Langkah 9
Setelah gambar bingkai kotak hitam dan ornamen selesai dibuat, berilah efek menggunakan layer style pada gambar-gambar tersebut. Caranya sebagai berikut, klik / aktifkan layer yang gambar kotak (layer 1), kemudian:
Pilih menu Layer > Layer Style > Color Overlay. Default-nya warna merah, namun bisa anda ganti sendiri. Di tutorial Photoshop ini saya pilih warna biru. Jangan diklik OK dulu.

Pilih menu Layer > Layer Style > Bevel and Emboss. Atur seperti gambar dibawah ini, atau tidak perlu diatur lebih lanjut juga bisa. Hayo, jangan diklik OK dulu.

Pilih menu Layer > Layer Style > Drop Shadow. Atur seperti gambar dibawah ini.

Nah sekarang diklik OK untuk menerapkan.

Langkah 10
Gambar kotak sudah diberi efek dengan Layer Style. Terapkan efek ini pada kedua gambar ornamen. Caranya dengan melakukan klik kanan pada nama layer 1, kemudian pilih Copy Layer Style.

Kemudian klik kanan pada salah satu nama layer ornamen, pilih Paste Layer Style. Lakukan ini pada layer ornamen yang satunya lagi.

Langkah 11
Buka file foto yang akan Anda beri bingkai. Kali ini masih menggunakan fotonya Mbak Dita. Geser gambar foto ini ke dalam file bingkai yang kita kerjakan tadi. Atur agar posisi layer foto berada di bawah layer kotak dan ornamen. Atur juga ukuran layer foto agar sesuai dengan ukuran bingkai.

Langkah 12
Buat seleksi kotak dengan Rectangular Marque Tool sebesar bingkai kotak pertama. Kemudian pilih menu Select > Inverse.

Kemudian buat sebuah layer baru yang posisinya berada di atas layer foto, namun masih berada di bawah layer kotak dan ornamen.
Isikan warna putih pada layer ini, dengan cara yang sama seperti Langkah 5. Hanya sekarang kita pilih White pada pilihan Use.
Atur opacity layer ini sesuka Anda. Pada tutorial ini saya gunakan opacity 50%.

Bingkai foto kita sudah jadi.

Sudah puas? Semoga belum. Karena bingkai ini masih bisa dirubah-rubah. Misalnya dengan mengubah pengaturan pada Layer Style di langkah 9, kita bisa membuat seperti gambar di bawah ini.

Selamat mencoba dan berkreasi dengan Photoshop.



Sumber:  http://mbahdewo.com/2008/03/membuat-bingkai-foto-variasi-2

Unknown Photoshop 2 Komentar