Tuesday, January 22, 2013

Tutorial Membuat Teks Efek Fill Gambar

Vhinz-photoshop - Tutorial Kali ini kita akan mencoba membuat sebuah teks yang dalamnya berisikan sebuah gambar, sehingga teks terlihat lebih cantik.. he3...

Berikut Langkah-langkahnya:
1. Buat file baru
File > New dengan ukuran (Width : 450 px dan Height : 170 px)

2. Buat sebuah teks menggunakan HORIZONTAL TYPE TOOL


Kemudian Atur jenis Fonts dan Ukuran sesuai dengan selera kamu…
Disini saya menggunakan kata Digital dengan font Script MT Bold
Hasilnya:

Atau anda ingin font yang lain? bisa manfaatkan dengan search engine --> Keyword Download Fonts

3. Buka file gambar yang ingin kamu jadikan FILL dalam teks
Caranya: File > Open (pilih gambar) > Open Kamu bisa gunakan gambar apapun yang kamu suka.
disini anda bisa Gunakan Gambar ini sebagai latihan

Klik kanan gambar lalu pilih Save image As...
Atau gunakan gambar lain dengan mencari di searh engine... Keyword Wallpapers

4. Masukkan gambar yang sudah kamu pilih ke dalam layar kerja yang kita kerjakan tadi.
Caranya: Gunakan MOVE TOOL Klik Kanan + Tahan pada gambar > Tarik > Masukan Kedalam Layar kerja yang kita kerjakan. Atur ukuran gambar sehingga sesuai dengan ukuran Teks yang telah kamu buat

Pindahkan Gambar ke Kanvas Tulisan

5. Perhatikan pada WINDOW LAYER

Pastikan posisi Layer Gambar berada diatas Layer Teks
Tekan dan Tahan tombol ALT kemudian arahkan kursor diperbatasan antara Layer gambar dan Layer Teks (ditandai garis biru pada gambar diatas), jika posisi kursor telah pas otomatis kursor akan berubah (lihat simbol yg lingkari merah pada gambar diatas), kemudian kamu tinggal KLIK. Jika langkah kamu benar maka gambar akan masuk kedalam Teks
Hasilnya:


CONTOH LAIN:


Tekan CTRL + O, buka foto yang akan digunakan kemudian pilih horizontal type tool pada toolbox.

Membuka Gambar

Memilih Alat
Pilih jenis teks yang gemuk / berisi / tebal melalui option bar dibagian atas, tentukan juga ukurannya melalui option bar, warna tidak penting karena nantinya akan tertutup oleh foto yang masuk kedalam teks. Klik 1x alat diatas foto lalu ketik sebuah kata singkat diatas foto tersebut, tekan CTRL + ENTER jika sudah selesai.

Menambahkan Teks
Perhatikan palette layer, ada 2 layer, yang pertama layer background dan yang kedua layer teks.

Kondisi Palette Layer
Tekan CTRL + O kembali untuk membuka foto yang akan dimasukkan kedalam teks.

Membuka Gambar Bendera
Pilih move tool lalu klik kiri tahan pada gambar bendera kemudian tarik ke gambar sebelah kirinya. Lepas klik tepat diatas gambar captain america. Saya ulangi, klik kiri TAHAN lalu tarik LEPAS diatas gambar captain americanya.

Memindahkan Gambar

Nah, ini langkah yang paling penting, pastikan gambar tadi berada tepat diatas layer teks. Klik kanan pada layer gambar kemudian pilih create clipping maskFungsi create clipping mask adalah untuk memasukkan gambar / foto kedalam objek / teks yang berada tepat dibawah layer foto / gambar tersebut.

Memastikan Posisi Layer

Create Clipping Mask

Hasilnya secara otomatis layer gambar bendera tadi akan masuk kedalam layer yang berada dibawahnya yaitu layer teks.

Hasil Teks Masuk
Untuk mempertegas teks anda dapat menambahkan efek teks,  pilih layer teks kemudian klik icon add a layer style pada palette layer lalu pilih salah satu efek yang ingin digunakan, kali ini saya menggunakan efek stroke (bingkai) dan inner shadow (bayangan didalam teks).

Menambahkan Efek Teks

Hasil Akhir

Semoga bermanfaat..
.

0 comments:

Post a Comment

Vhinz Photoshop

 
Copyright © . Vhinz Photoshop - Posts · Comments
Theme Template by Vincent Leonardo · Powered by ORACLE