Showing posts with label Photoshop Text Effects. Show all posts
Showing posts with label Photoshop Text Effects. Show all posts

Thursday, September 28, 2017

Cara Membuat Desain Tulisan Keren dengan Photoshop


Cara membuat desain tulisan keren dengan photoshop - Di dalam tutorial yang akan saya berikan kali ini, anda akan diajarkan untuk membuat sebuah kreasi tulisan keren yang bisa anda jadikan sebagai ilmu dasar dalam membuat beragam tulisan menarik lainnya. Pada dasarnya, membuat teks art dengan menggunakan photoshop hanya membutuhkan kreatifitas dalam mengatur susunan huruf serta pemilihan warna dari tiap huruf tersebut. Setelah itu barulah ditambahkan beragam efek yang menjadikan tulisan tersebut tampak menarik dan keren.


Cara Membuat Desain Tulisan Keren dengan Photoshop
Source: Google Images

Untuk ilmu dasar dalam membuat tulisan, anda bisa melihatnya dalam tutorial saya tentang tips dan cara membuat tulisan dengan photoshop terlengkap bila  sudah menguasai teknik dasar yang dijelaskan dalam artikel tersebut tentu anda akan lebih mudah dalam mengikuti setiap langkah yang saya ajarkan pada tutorial photoshop di bawah ini:

 

Tutorial cara membuat desain tulisan keren dengan photoshop


Langkah 1

Seperti biasa, pertama-tama anda harus membuat dokumen baru dengan pengaturan dimensi 1600 x 1200 px. Ukuran tersebut tentu dapat anda  rubah sesuka hati sesuai dengan kebutuhan desain anda. Jangan lupa untuk mengatur resolusinya pada angkla 300 ppi agar gambar tidak pecah saat ingin dicetak dengan ukuran besar. Setelah itu, aturlah warna background menjadi putih.

Langkah 2

Buatlah tulisan dengan menggunakan teks toool, tulis masing-masing huruf pada satu layer agar lebih mudah dalam mengatur dan memberikan efek nantinya. Atur posisinya sedemikian rupa sesuai dengan kreatifitas yang anda miliki.

Cara Membuat Desain Tulisan Keren dengan Photoshop
Source: Google Images

Langkah 3

Atur mode layer dari tiap huruf dengan pengaturan berbeda. Seperti yang bisa anda lihat di bawah ini. Tujuannya adalah agar anda mengetahui beragam efek yang dihasilkan dari pengaturan layer mode.

Cara Membuat Desain Tulisan Keren dengan Photoshop
Source: Google Images

Langkah 4

Hilangkan background putih dengan cara melakukan hidden background (klik gambar mata yang ada  di samping kiri layer background). Setelah itu, simpan hasil tulisan anda tersebut dengan format PNG.

Cara Membuat Desain Tulisan Keren dengan Photoshop
Source: Google Images

Langkah 5

Buka kembali file PNG dari tulisan yang telah dibuat sebelumnya. Tulisan inilah yang nantinya akan kita edit menjadi tuilsan keren dengan beragam efek. Setelah file tulisan tersebut dibuka, buatlah sebuah layer baru lalu letakkan di bawah layer tulisan dan beri warna hitam.

Langkah 6

Ubah bentuk dari tulisan tersebut agar lebih menarik. Caranya adalah dengan menggunakan opsi edit>transform>distort.

Cara Membuat Desain Tulisan Keren dengan Photoshop
Source: Google Images

Langkah 7

Tambahkan efek drop shadowagar tulisan tampak lebih nyata. Caranya cukup dengan melakukan klik dua kali pada layer tulisan setelah itu klik blending option dan conteng opsi drop shadowlalu lakukan sedikit pengaturan seperti pada gambar di bawah ini:

Cara Membuat Desain Tulisan Keren dengan Photoshop
Source: Google Images

Langkah 8

Lakukan duplikasi pada layer tulisan kemudian ubah opacitinya menjadi 55% dan pindahkan layer mode pada pilihan pin light. Setelah itu simpan file nya dalam bentuk JPEG.

Cara Membuat Desain Tulisan Keren dengan Photoshop
Source: Google Images

Langkah 9

Buka file JPEG yang telah dibuat, lalu pilih menu Filter>Artistic>Plastic Wrap


Cara Membuat Desain Tulisan Keren dengan Photoshop
Source: Google Images

Langkah 10

Tambahkan background dan ornament lainnya yang sesuai agar tulisan menjadi lebih menarik dan keren.

Cara Membuat Desain Tulisan Keren dengan Photoshop
Source: Google Images
Itulah tutorial cara membuat desain tulisan keren dengan photoshop yang bisa anda ikuti untuk menghasilkan sebuah desain tulisan yang menakjubkan. Silahkan bereksperimen dengan menumpahkan segala kreatifitas yang anda miliki untuk menghasilkan desain-desain tulisan lainya yang lebih keren dan artistik.

Wednesday, June 22, 2016

Membuat Teks Efek 3D Gradient Di photoshop

Banyak sudah kita melihat tutorial desain yang membahas tentang bagaimana cara membuat teks 3D dengan photoshop, banyak cara yang bisa kita lakukan untuk membuat sebuah teks menjadi efek 3D.
Tutorial berikut ini kita akan membuat teks 3D dengan memanfaatkan fungsi Drop Shadow pada layer style, setelah itu kita beri gradient style dan efek berkilauan, Oleh karena itulah teks ini kami beri nama teks efek 3D gradient berkilauan. (Ada ide nama yang lebih bagus ? :-)

Membuat Teks Efek 3D Gradient Di photoshop


Teks efek 3D Gradient photoshop

Langkah 1
Buat file baru di photoshop
Klik menu file - New atau tekan Ctrl+N di keyboard
Width : 2000 px
Height : 1500 px
Resolution : 72 px

Membuat Teks Efek 3D Gradient Di photoshop

Aktifkan Horizontal Type Tool (T).
Font : Edwardiant Script
warna : Black
Disini kita menggunakan teks Great sebagai bahan contoh

Membuat Teks Efek 3D Gradient Di photoshop

Duplikat layer teks great dan untuk layer great hasil duplikat atau layer great paling atas kita beri layer style gradient dengan komposisi seperti gambar dibawah ini.

Membuat Teks Efek 3D Gradient Di photoshop

Sedangkan untuk layer Great paling bawah kita beri layer style drop shadow dengan komposisi sebagai berikut ini.

Membuat Teks Efek 3D Gradient Di photoshop

Langkah 2
Aktifkan Pen Tool (P), dengan tipe shape kemudian kita gambar shape untuk menutupi bagian yang kosong dari hasil drop shadow pada layer great yang pertama.
Layer shape yang kita buat menggunakan Pen Tool berada di bawah layer great yang kita beri layer style gradient dan diatas layer great yang kita beri drop shadow.

Membuat Teks Efek 3D Gradient Di photoshop

Setelah shape kita hubungkan maka kita akan dapat hasil 3D seperti berikut ini.

Membuat Teks Efek 3D Gradient Di photoshop

Lakukan hal yang sama seperti diatas untuk memberikan efek 3D pada teks kita Great ini.
inilah hasil 3D yang kita dapatkan.

Membuat Teks Efek 3D Gradient Di photoshop

Aktifkan semua teks hasil dari pen tool tadi, beserta teks great yang pling bawah, klik kanan pada layer box kemudian pilih merge layers.

Membuat Teks Efek 3D Gradient Di photoshop

Merge layers ini untuk menyatukan layer - layer shape dengan layer teks great  tadi.
Setelah kita merge maka kita akan mendapatkan layer seperti berikut ini.

teks 3D photoshop, teks efek 3d, teks efek photoshop

Langkah 3
Pada langkah ini kita akan membuat background untuk teks efek 3D ini.
buat layer baru diatas layer background.
Menggunakan Gradient Tool (G), tipe radial beri warna gradient sebagai berikut.

teks 3D photoshop, teks efek 3d, teks efek photoshop


Ini lah background yang kita dapatkan.

teks 3D photoshop, teks efek 3d, teks efek photoshop

Aktifkan layer hasil merge kita tadi, kemudian beri layer style color overlay dengan warna hijau tua.
dan Drop shadow dengan komposisi seperti gambar berikut.


teks 3D photoshop, teks efek 3d, teks efek photoshop

teks 3D photoshop, teks efek 3d, teks efek photoshop

Langkah 4
Tekan ctrl pada keyboard sambil klik pada kotak layer hasil merge, cara ini di gunakan untuk memberi seleksi pada teks hasil merge tersebut.
Setelah hasil seleksi kita dapatkan, buat layer baru diatas layer hasil merge, kemudian aktifkan brush tool dengan brush lembut, untuk memberi efek cahaya pada 3D ini.
teks 3D photoshop, teks efek 3d, teks efek photoshop

teks 3D photoshop, teks efek 3d, teks efek photoshop


Kembali lagi ke layer teks greate paling atas dan beri layer style inner shadow dengan komposisi sebagai berikut.

teks 3D photoshop, teks efek 3d, teks efek photoshop

Langkah 5
Merge semua layers kecuali layers background dan layer 1 yang menjadi latar belakang teks ini.

teks 3D photoshop, teks efek 3d, teks efek photoshop

Duplikat layer teks great dan untuk layer yang dibawah kita beri filter - blur - Gaussian blur 10 px.
teks 3D photoshop, teks efek 3d, teks efek photoshop

teks 3D photoshop, teks efek 3d, teks efek photoshop


Final !
Setelah semua langkah kita lakukan, maka kita akan mendapatkan hasil efek teks 3D seperti berikut ini
teks 3D photoshop, teks efek 3d, teks efek photoshop


Demikianlah Tutorial teks 3D gradient dengan photoshop. Semoga tutorial ini bermanfaat bagi kita semua.
Silahkan berikan kritik dan saran anda dibawah postingan ini.
Terima kasih

Tuesday, June 21, 2016

Membuat Teks Efek Kertas Dengan Photoshop

Tutorial pada kesempatan kali ini yaitu membuat teks efek kertas di photoshop.
Tutorial photoshop ini sederhana sekali, namun sangat bagus jika kita bisa berkreasi dengan teknik teks kertas yang akan kita pelajari, cukup menggunakan drop shadow dengan memberikan style seperti huruf dari kertas.
Sekali lagi kami katakan bahwa tutorial teks efek ini sangat sederhana sekali, semua bisa mencobanya.
lihat hasil seperti gambar dibawah ini.

teks kertas photoshop, teks efek photoshop

Font yang akan digunakan :
Pristina

Langkah 1
Buat file baru di photoshop, kilk menu file-new atau tekan ctrl+N di keyboard.
Width : 1000 px
Height : 800 px
Resolution : 72 px/inch

teks kertas photoshop, teks efek photoshop


Buat layer baru diatas layer background, Aktifkan Gradient Tool (G) dengan komposisi seperti gambar berikut ini :


teks kertas photoshop, teks efek photoshop

Selanjutnya kita buat noise untuk menambah efek seperti kertas pada background gradient ini.
klik menu filter - Noise - Add Noise dengan Amount 5%.

teks kertas photoshop, teks efek photoshop

Langkah 2
Pada langkah ini kita mulai membuat teks yang kita inginkan, disini kita akan membuat teks Indonesia Negeriku.


Aktifkan Horizontal Type Tool (T), dengan font Pristina.
warna putih.

teks kertas photoshop, teks efek photoshop

Duplikat layer teks Indonesia tersebut, lalu beri warna hitam untuk teks indonesia layer bawah, bukan layer hasil duplikat.lihat gambar.

teks kertas photoshop, teks efek photoshop

Klik kanan pada layer teks indonesia yang bawah atau yang warna hitam pilih Resterize Type.

teks kertas photoshop, teks efek photoshop

Langkah 3
Aktifkan Rectangular Marquee Tool (M), bagi dua dengan seleksi kemudian klik kanan didalam seleksi lalu pilih layer via cut.

teks kertas photoshop, teks efek photoshop

Setelah kita mendapatkan dua layer bayangan, yaitu atas dan bawah, tekan ctrl+T di keyboard, utnuk menggunakan fungsi Transform.
Setelah fungsi transform aktif, klik kanan pilih Warp. Tarik titik-titik transform membentuk sebuah bayangan dari sebuah teks kertas.

teks kertas photoshop, teks efek photoshop

Turunkan Opacity layer menjadi 30%, sehingga akan terlihat seperti berikut ini.

teks kertas photoshop, teks efek photoshop

Klik menu filter pilih Blur-Gaussian Blur.
Radius 5 Pixels.

teks kertas photoshop, teks efek photoshop

Untuk bagian bayangan yang bawah juga sama seperti yang kita buat untuk bayangan yang bawah.
Gunakan teknik yang sama untuk teks Negeriku. dan ini lah hasil jika teks nya sudah lengkap.

teks kertas photoshop, teks efek photoshop


Langkah 4
Aktifkan Rectangle Tool (U), untuk membuat bendera Indoensia Merah dan putih.

teks kertas photoshop, teks efek photoshop


Merdeka !!
Selesai sudah tutorial photoshop kita yang sederhana ini, dan inilah hasil akhirnya.

teks kertas photoshop, teks efek photoshop

Demikianlah tutorial kita pada kali ini, terima kasih telah berkunjung di blog tutorial ini, semoga semua postingan yang ada disini bermanfaat bagi kita semua.
Selamat mencoba dan sukses untuk Author serta pembaca sekalian.
Aamiin. :-)

download file psd, teks efek photoshop

Monday, June 20, 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


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.
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.

Baca juga: Tutorial smudge painting di photoshop
 
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.

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