Showing posts with label teks efek. Show all posts
Showing posts with label teks efek. Show all posts

Sunday, 27 March 2016

Tutorial cut out image of text di photoshop

Apa kabar pembaca sekalian? Semoga dalam keadaan sehat selalu. Aamiin. Baiklah pembaca sekalian, pada postingan ini kita akan belajar bagaimana membuat gambar menjadi sebuah teks atau huruf. Kami juga bingung apa nama efek ini. Setelah mencari tahu dengan browsing di search engine maka nama yang cocok untuk tutorial kita pada kesempatan ini adalah efek cut uot image of letters/text. Semoga saja penamaan efek photoshop ini benar (jika kurang berkenan silahkan beri saran pada kotak komentar dibawah)

Inti dari tutorial ini yaitu kita akan belajar bagaimana cara membuat gambar terlihat seperti huruf atau teks yang kemudian di modifikasi agar seni dari karya ini lebih terlihat bagus.
Berikut ini adalah hasil akhir dari yang akan kita dapatkan.


Tutorial cut out image of text di photoshop, efek foto photoshop



Aplikasi: Adobe Photoshop CS6
Waktu: 2 Jam
Tingkat Kesulitan: Menengah

Bahan Foto:
Bear stock 

Berikut adalah langkah untuk tutorial efek cut out image of text/letters di photoshop

Langkah 1
Buat file baru di Photoshop. Tekan Ctrl+N atau pilih menu file-New.
Untuk ukuran di sesuaikan dengan gambar yang akan kita pakai sebagai bahan untuk efek ini. Dalam hal ini karena gambar yang kita pakai memiliki ukuran yang cukup besar, maka ukuran file nya adalah W:2500pxs dan H:2000pxs.
Tutorial cut out image of text di photoshop, efek foto photoshop

Langkah 2
Aktifkan Horizontal type tool (T).
Buat huruf yang kita inginkan. Karena dalam hal ini kita menggunakan foto beruang, maka huruf yang kita pakai adalah B.

Baca Juga : membuat teks efek emas di photoshop

Kami anjurkan untuk menggunakan font dengan tipe balok untuk hasil gambar yang lebih bagus. Seperti yang kita lihat pada gambar dibawah ini, font yang dipakai adalah Impact dengan warna merah.

Tutorial cut out image of text di photoshop, efek foto photoshop
Langkah 3
Open foto beruang di photoshop, kemudian tarik ke lembar kerja utama kita.
Tutorial cut out image of text di photoshop, efek foto photoshop

Turunkan opacity gambar untuk menyesuaikan posisi gambar terhadap huruf. Atur opacity menjadi 50%.
Tutorial cut out image of text di photoshop, efek foto photoshop

Atur ukuran dan posisi gambar sesuai dengan besar huruf yang kita buat tadi. Karena dari awal kita berencana membuat kepala beruang keluar dari huruf maka posisi yang menurut kami cocok adalah sebagai berikut
Tutorial cut out image of text di photoshop, efek foto photoshop

Langkah 4
Tekan ctrl pada keyboard sambil klik kiri pada bagian layer huruf untuk mendapatkan seleksi seperti gambar dibawah ini.
Tutorial cut out image of text di photoshop, efek foto photoshop

Pilih layer gambar beruang lalu klik icon add layer mask yang ada dibawah layer box
Tutorial cut out image of text di photoshop, efek foto photoshop

Maka untuk sementara hasil yang kita dapatkan adalah seperti berikut ini.
Tutorial cut out image of text di photoshop, efek foto photoshop

Langkah 5
Disable kan layer mask pada layer foto beruang terlebih dahulu dengan cara klik kanan pada layer mask pilih Disable layer mask. Kemudian pindahkan layer teks keatas layer gambar.
Tutorial cut out image of text di photoshop, efek foto photoshop

Tutorial cut out image of text di photoshop, efek foto photoshop
Seleksi bagian kepala beruang yang ingin kita buat keluar dari huruf. Gunakan pen tool (P) dengan feather selection 1.

Tutorial cut out image of text di photoshop, efek foto photoshop

Kemudian setelah seleksi kita dapatkan, aktifkan kembali layer mask pada layer gambar beruang tadi dengan cara klik kanan plih Enable layer mask.
Tutorial cut out image of text di photoshop, efek foto photoshop

Langkah 6
Aktifkan brush tool (B) dengan warna putih. Untuk menampilkan gambar kepala beruang cukup sapukan brush tadi pada bagian dalam seleksi. Maka hasil yang kita dapatkan adalah seperti gambar dibawah ini.
Tutorial cut out image of text di photoshop, efek foto photoshop

Rapikan bulu – bulu yang ada pada bagian kepala beruang. Dan inilah hasil yang akan kita dapatkan.
Tutorial cut out image of text di photoshop, efek foto photoshop

Sebenarnya gambar diatas sudah cukup bagus untuk membuat cut out image of text. Namun agar lebih terlihat seni pada perpotongan gambar dan huruf ini kita bisa menambahkan bulu – bulu halus pada sisi dalam huruf. Aktifkan brush tool (B) dengan ukuran terkecil lalu gambar bulu – bulu halus dengan mengambil sample warna pada bagian gambar beruang. Lihat gambar berikut.
Tutorial cut out image of text di photoshop, efek foto photoshop

Selain sisi dalam huruf pada bagian atas juga bisa buat sedikit inovasi dengan cara menyeleksi bagian luar dari tubuh beruang seperti saat kita mengeluarkan kepala hewan ini dari huruf B. Seleksi yang rapi dan gambar kembali bulu – bulu halus pada hewan ini.
Tutorial cut out image of text di photoshop, efek foto photoshop

Kemudian setelah semuanya rapi, beri background gambar dan buat sebuah bayangan hitam di bawah huruf.
 
Berikut ini adalah hasil final tutorial yang kita dapatkan.
Tutorial cut out image of text di photoshop, efek foto photoshop

Langkah – langkah diatas juga bisa di terapkan pada sebuah teks. Mainkan imajinasi kita untuk mendapatkan karya yang bagus dan hebat. Baca Juga : membuat teks efek retro di photoshop

Demikianlah tutorial pada kesempatan kali ini. Semoga setiap tutorial yang diberikan oleh desainsekarang.com dapat bermanfaat bagi siapa saja yang membacanya. Terima kasih.

Salam Terraligno

Tuesday, 27 October 2015

membuat typography wajah dengan mudah di photoshop

Pada tutorial kali ini, kita akan belajar bagaimana cara membuat typography wajah di photoshop. Dengan memanfaatkan fungsi clipping mask di photoshop kita akan membuat typography dengan mudah.

Face typography atau tipografi wajah merupakan teknik desain yang mungkin sudah sering kita lihat pada karya seni – karya seni yang ada di internet. Dengan waktu yang singkat dan cara yang cukup mudah kita dapat membuat typography dengan style kita sendiri.

Tanpa memperpanjang kata berikut adalah hasil akhir dari tutorial ini.

typography wajah, membuat typography photoshop



Aplikasi: Adobe Photoshop CS6
Waktu: 20 Menit
Tingkat kesulitan: Mudah 


Bahan foto:
Vin diesel

Membuat Typhograpy wajah di photsohop

Langkah 1
Open foto wajah yang akan kita jadikan typography di photoshop. Lalu hilangkan mode lock pada layer foto tersebut. Caranya dengan klik kanan pada layer dan pilih layer form background lalu pilih ok. Maka layer yang tadinya bernama background dan icon locknya aktif akan berubah menjadi layer 0 tanpa lock icon.
typography wajah, membuat typography photoshop

Langkah 2
Pada langkah ini kita akan mulai membuat teks yang kita inginkan. Karena kita menggunakan foto Vin Diesel, maka untuk teks yang akan kita pakai adalah nama dari aktor tersebut.
Aktifkan Horizontal type tool (H), lalu buat kotak teks dengan ukuran lembar kerja kita.
typography wajah, membuat typography photoshop

Dalam tuorial ini kita akan menggunakan font dengan jenis balok dengan nama font adalah Impact. Dengan ukuran menyesuaikan foto yang kita gunakan. Dalam tutorial ini ukuran font yang digunakan adalah 28 pt.
typography wajah, membuat typography photoshop


Kemudian Copy dan paste teks vin diesel tersebut hingga memenuhi kotak teks yang telah kita buat tadi.
typography wajah, membuat typography photoshop


Langkah 3
Ubah posisi layer teks dan foto. Untuk layer foto letakkan pada bagian atas dan teks berada diabwah nya.
typography wajah, membuat typography photoshop
typography wajah, membuat typography photoshop

Setelah itu buat layer baru dibawah layer teks tadi dan fill dengan warna hitam.
typography wajah, membuat typography photoshop

Langkah 4
Pada langkah ini kita akan menggunakan fungsi Clipping mask. Aktifkan layer foto kemudian klik kanan pada layer tersebut pilih Create Clipping Mask.
typography wajah, membuat typography photoshop

Setelah menerapkan fungsi ini kita akan melihat gambar seperti mengikuti bentuk teks, pada coreldraw fungsi ini disebut powerclip, sebuah fungsi yang membuat objek masuk kedalam objek lainnya.

Untuk sementara inilah yang kita dapatkan.

typography wajah, membuat typography photoshop
Langkah 5
Masih pada layer foto actor ini, kita atur level layer. Klik menu image-adjusment-Levels atau dengan menekan Ctrl+L di keyboard. Atur level seperti gambar berikut ini.
typography wajah, membuat typography photoshop

Dan hasilnya akan terlihat seperti gambar dibawah ini.
typography wajah, membuat typography photoshop

Langkah 6
Kembali ke layer teks, blok salah satu teks kemudian ganti dengan teks lainnya. Seperti The Fast And Furious 7 dengan ukuran font yang lebih besar.
typography wajah, membuat typography photoshop
typography wajah, membuat typography photoshop

Tambahkan juga beberapa teks lainnya dengan cara yang sama dan ukuran lebih besar dari teks Vin Diesel.
Untuk sementara waktu inilah hasil yang akan kita dapatkan
typography wajah, membuat typography photoshop

Langkah 7
Tambahkan adjusment layer gradient map. Klik icon add adjusmet layer yang ada dibawah layer box kemudian pilih gradient map.
typography wajah, membuat typography photoshop

Untuk warna gunakan warna hitam dan warna lain sesuai selera. Saya menggunakan warna coklat. Kita bisa menggunakan warna biru atau warna merah.
typography wajah, membuat typography photoshop

Tambahkan juga adjusment layer brightness dan contrast. Atur seperti berikut ini.
typography wajah, membuat typography photoshop

Final
Selesai sudah typography wajah pada photoshop. Dan berikut adalah hasil final yang kita dapatkan.
typography wajah, membuat typography photoshop
Demikian Tutorial Membuat Typography Wajah di Photoshop. Semoga tutorial ini bermanfaat dan menambah wawasan kita semua dalam menggunakan aplikasi photoshop. Aamiin...
Jangan pernah berhenti untuk belajar dan jangan pernah puas dengan kemampuan yang kita miliki. Sampai jumpa pada tutorial berikutnya dan semoga sukses.

Thursday, 22 October 2015

membuat teks efek x-ray di photoshop

Kesehatan tulang memang harus dijaga, karena dengan tulang yang sehat dan kuat kita akan bebas untuk berolahraga dan melakukan aktifitas lainnya.

Mengenai kesehatan tulang, dalam ilmu kedokteran ada istilah yang namanya X-Ray (sinar X) atau yang lebih umum disebut foto Rontgen. Fungsi dari sinar X adalah untuk melihat kondisi tulang, gigi atau bagian dalam lainnya tanpa melakukan pembedahan langsung pada tubuh.

Terinspirasi dari itulah maka kami dari desain sekarang membuat tutorial ini. Dalam tutorial ini kita akan membuat X-Ray Style text effect . Teks yang terlihat seperti hasil dari scan X-ray. Menggunakan layer style yang ada di photoshop kita bisa berkreasi untuk membuat teks efek X-Ray di photoshop.

Berikut ini adalah hasil akhir dari tutorial kita pada kesempatan kali ini.
text efek photoshop, xray teks


Aplikasi: Adobe Photoshop CS6
Waktu: 20 Menit
Tingkat Kesuitan : Mudah



Membuat teks efek X-Ray di Photoshop

Langkah 1
Buka aplikasi photoshop pada komputer kita. Buat file baru dengan ukuran W:1300px dan H:800 px.
text efek photoshop, xray teks

Langkah 2
Buat layer baru diatas layer background dengan cara mengklik ico new layer yang ada di bawah layer box atau klik menu layer-New-Layer (Ctrl+Shift+N).
Aktifkan Gradient tool (G) dengan tipe Reflected Gradient dan atur komposisi warna seperti berikut ini.
text efek photoshop, xray teks

Tarik tool ini dari atas ke bawah lembar kerja, maka inilah background yang akan kita dapatkan.
text efek photoshop, xray teks

Langkah 3
Aktifkan Horizontal type tool (T) dengan font Comic Sans Ms berwarna putih. Kata atau teks yang kita gunakan pada tutorial ini adalah X-Ray.
text efek photoshop, xray teks
Ubah fill layer teks ini menjadi 0%.
text efek photoshop, xray teks

Lalu beri layer style inner Glow dengan cara klik menu Layer – Layer style – Inner Glow.
Atur komposisi inner glow seperti gambar di bawah ini
text efek photoshop, xray teks

Selain inner glow tambahkan juga Drop shadow layer style dengan komposisi seperti berikut ini.
text efek photoshop, xray teks

Dan hasil dari teks yang telah kita beri style tadi akan terlihat seperti gambar dibawah ini.
text efek photoshop, xray teks

Langkah 4
Aktifkan Brush tool (B) dengan warna putih. Untuk ukuran kita bisa menyesuaikan dengan ukuran font tadi. Buat layer baru diatas layer teks X-Ray tadi.
Gunakan brush tool untuk menggambar bentuk tulang yang akan kita buat didalam teks.
text efek photoshop, xray teks

Untuk teknik menggambar tulang mnggunakan brush cukup mudah dan sederhana. Berikut adalah tahap dalam menggambar tulang untuk teks X-Ray ini.
text efek photoshop, xray teks

Gambar tulang mengikuti bentuk teks yang kita buat. Seolah-olah teks ini adalah daging yang membalut tulang tersebut. Berikut adalah hasil yang telah kami gambar.
text efek photoshop, xray teks

Langkah 5
Untuk layer ini kita turunkan fill layer menjadi 20%.
text efek photoshop, xray teks

Tambahkan juga layer style Bevel & Emboss serta layer style inner Glow seperti gambar dibawah ini.
text efek photoshop, xray teks
text efek photoshop, xray teks
text efek photoshop, xray teks

Final
Brikut ini adalah hasil akhir dari tutorial kita.
text efek photoshop, xray teks

Demikianlah tutorial sederhana kita pada kesempatan kali ini. Semoga tutorial ini menambah wawasan kita dalam menggunakan aplikasi adobe photoshop. Dan semoga keseluruhan postingan yang ada di blog ini bermanfaat bagi kita semua. Terima kasih