Efek Huruf Melipat dengan Photoshop

Photoshop, Tipografi | February 15th, 2010

Tipografi memang seni yang punya rasa tersendiri. Banyak kreasi yang bisa dihasilkan dengan mempermainkan huruf-huruf, menata atau memberi efek tertentu. Kali ini Grafisia kembali memberikan tutorial tipografi, dan kali ini kita akan membuat efek huruf melipat dengan photoshop.

Langkah 1

Pertama buka photoshop dan buat dokumen baru dengan ukuran sesuka kamu dengan resolusi 300 ppi. Gunakan Paint Bucket Tool (G) untuk memenuhi area dengan warna #e9e3d5. Ketik tulisan yang akan kita beri efek melipat. Untuk font yang digunakan terserah kamu, karena disini saya hanya menjelaskan triknya saja. Saya disini menggunakan font Helvetica CE.

In this tutorial I will show how to create a very cool folding effect to apply on your typography using photoshop, in very easy and in a couple simple steps you can transform a simple text into a text full of folded letters to give a very cool look to it, check it out

Langkah 2

Duplikat layer teks dengan menekan Ctrl+J lalu ubah warna teks hasil duplikasi ini dengan #55514e. Pada layer palet, klik kanan layer duplikat kemudian pilih Rasterize Type.

Now that we have the typo we are going to start working on folding the letters one by one, so starting with the A we are going to select a box around the letter “A” using the Rectangular Marquee Tool (M), once we have it selected, hold Ctrl + C to copy the letter and then press Ctrl + V to paste it, name the layer you pasted “A”(change the color that you want on the abduzeedo text before you copy and paste it

Langkah 3

Gunakan Polygonal Lasso Tool (L) untuk menyeleksi bagian dari huruf yang akan kita buat melipat.

We already have the letter “M” on a new layer now we are going to select the part that we want to fold it, I like to use the Polygonal Lasso Tool (L) and select part of the letter that I want to fold it

Langkah 4

Cut bagian yang ada pada area seleksi dengan menekan Ctrl+X kemudian paste dengan menekan Ctrl+V. Dengan mempaste berarti kita mendapatkan layer baru, ubah nama layer baru ini dengan nama ‘lipatan’.

Now that we have a selection we are going to copy the selection by hitting Ctrl + C and then delete the selection on the layer “M”, paste it by hitting Ctrl + V, when you paste it note that it will be on a new layer so name that “M-fold” as you can see here

Langkah 5

Ubah warna lipatan menjadi abu-abu dengan Image > Adjustment > Hue/Saturation (Ctrl+U). Atur Saturation menjadi -100 dan Lightness menjadi +60.

First lets change the color of it, go to Image Adjustment Hue Saturation bring the Saturation to -100 and Lightness to +60 to give a gray color so it looks like the back of the letter is folding

Langkah 6

Tekan Ctrl+T lalu transform dan putar sampai menghasilkan seperti berikut.

then we have to Edit Transform Rotate and make sure we rotate the folded area exactly on the angle we want, make sure you place it right where it’s folding as you can see on the image

Langkah 7

Sembunyikan huruf M yang berwarna hitam dengan mengklik gambar mata di sebelah kiri layer pada layer palet. Tekan Ctrl dan klik layer thumbnail dari lipatan untuk membuat seleksi yang menyerupainya. Setelah itu buat gradien halus searah dengan lipatan dengan gradien dari hitam ke transparent.

Now that the folded part is on the right place we are going to make it look a little more real by adding some shadow, first hold Ctrl and click on the “M-fold” layer, that will select our folded part, now create a new layer and name it “M-fold-shadow”. Using the Gradient Tool – Linear Gradient with the color black apply it on the same angle as the top of the folding area as you can see on the image, if needed reduce the opacity of the layer so the shadow will be smooth

Langkah 8

Sekarang kita buat bayangan dari lipatan tetapikita tidak menggunakan Drop Shadow. Gunakan Pen Tool untuk membuat path seperti dibawah.

Now we'll create shadow using pen tool at first create path like you see in the image below

Tambahkan layer baru dibawah lipatan dan beri nama ‘bayangan bawah’. Buat seleksi menggunakan path diatas, lalu penuhi areanya dengan warna hitam menggunakan Paint Bucket Tool (G). Sekarang klik Filter > Blur > Gaussian Blur, isikan 5px untuk radiusnya.

tutorial belajar membuat bayangan tulisan menggunakan photoshop

Langkah terakhir, ubah opacity dari layer bayagan bawah menjadi 70%.

tutorial belajar tipografi menggunakan photoshop membuat teks dengan efek melipat

Contoh untuk Wallpaper

Trik Photoshop diatas bisa kita gunakan untuk membuat wallpaper keren yang berisikan kata-kata dengan masing-masing hurufnya melipat. Seperti contoh dibawah ini adalah wallpaper untuk muslim.or.id yang bertuliskan slogan untuk websitenya. Klik untuk melihat dalam ukuran yang lebih besar. Silakan mencoba dengan keativitas kamu sendiri dan jangan lupa subscribe ke Grafisia RSS feed.

tutorial photoshop membuat wallpaper tipografi efek huruf melipat untuk muslim.or.id, wallpaper muslim

Huruf Typograhy dan Cara Pembuatnya

Senin, 01 September 2014