text efek fill gambar

Publish: 18 Februari 2008 | Author & Copyright: Irvan | Status: FREE tutorial

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
Hasilnya...
http://www.ilmugrafis.info/photoshop/p-text-2/2pt2.jpg
Kemudian Atur jenis Fonts dan Ukuran sesuai dengan selera kamu…
Disini saya menggunakan kata Digital dengan font Script MT Bold
Hasilnya:
http://www.ilmugrafis.info/photoshop/p-text-2/3pt2.jpg
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
http://www.ilmugrafis.info/photoshop/p-text-2/4pt2.jpg
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 http://www.ilmugrafis.info/photoshop/p-text-2/5pt2.jpgKlik Kanan + Tahan pada gambar > Tarik > Masukan Kedalam Layar kerja yang kita kerjakan. Atur ukuran gambar sehingga sesuai dengan ukuran Teks yang telah kamu buat
http://www.ilmugrafis.info/photoshop/p-text-2/6pt2.jpg
Pindahkan Gambar ke Kanvas Tulisan

5. Perhatikan pada WINDOW LAYER
http://www.ilmugrafis.info/photoshop/p-text-2/7pt2.jpg
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:
http://www.ilmugrafis.info/photoshop/p-text-2/8pt2.jpg
Digital By Irvan F

Terima Kasih

Selamat Mencoba dan Semoga Bermanfaat.. 

text efect


Publish: 28 Januari 2013 | Author & Copyright: Arofat | Status: FREE Text Effect

Tutorial The Movie Text Effect kali ini adalah lanjutan dari
Tutorial Photo Efek yang berjudul The Movie Effect Background. Sekarang kita akan membuat text “THE MOVIE” dengan kesan yang seram dan misterius. Apa saja efek yang dipakai dan Bagaimana caranya? Mari ikuti Tutorial Desain Grafis berikut ini
1. Setelah anda mengikuti tutorial sebelumnya The Movie Effect Background dan mendownload bahan latihan, maka langkah berikutnya adalah kita tinggal melanjutkan pengerjaan kita ke pembuatan judul text effect "The Movie". Karena backgroundnya model Horror maka kita juga akan menggunakan font dengan model yang memperkuat kesan horror tersebut.  Disini saya menggunakan font bernama Bleeding cowboys. Bisa anda mencarinya via Google Search Service.
Text Tool dan ketik The Movie
gambar : Gunakan Text Tool dan ketik The Movie pada lembar kerja kita

2. Selanjutnya kita buka file texture kita dan masukan kedalam lembar kerja kita. Kemudian kita putar dengan menggunakan perintah Edit > Transform > Rotate 90 CW
transform horisontal
gambar : transform horisontal

3. Lalu kecilkan dan panjangkan ukurannya menyesuaikan dengan text:
background the movie
gambar : menyesuaikan background the movie

4. Selanjutanya kita klipping texture tersebut agar masuk kedalam text, caranya anda klik kanan pada layer texture (dipalette layer), kemudian pilih Create Clipping Mask atau bisa juga dengan menekan tombol Ctrl+Alt+G secara bersamaan. Maka secara otomatis texture akan masuk kedalam text.
memasukkan clipping mask
gambar : memasukkan clipping mask

5. Nah agar warnanya juga lebih serem, kita ubah tone warnanya dengan menggunakan perintah Color Balance...


6. Lalu lakukan pengaturan shadow, midtone dan highlight seperti berikut:
http://www.ilmugrafis.info/photoshop/p-text-30/30pt5.jpg
pengaturan Color Balance
gambar : pengaturan Color Balance

Hasilnya akan terlihat seperti berikut :
http://www.ilmugrafis.info/photoshop/p-text-30/30pt7.jpg

7. Selanjutnya kita berikan sentuhan terakhir pada text kita dengan menambahkan layer style, caranya double klik pada layer The movie:
http://www.ilmugrafis.info/photoshop/p-text-30/30pt8.jpg
Hingga muncul jendela layer style. Langkah pertama kita berikan efek drop shadow dengan cara mengaktifkan pilihan drop shadow.
http://www.ilmugrafis.info/photoshop/p-text-30/30pt9.jpg
Ket:
  1. Pilih drop shadow
  2. Ubah blend mode menjadi dissolve
  3. Double klikk pada pilihan warna
  4. Kemudian masukan nilai warna f7af00
  5. Kemudian atur nilai spread (48%) dan size (8%)

8. Berikan juga efek Inner shadow (bayangan dalam) seperti berikut:
inner shadow
gambar : inner shadow

9. Tambahkan efek Outer Glow agar terlihat bersinar:
Outer Glow
gambar : Outer Glow

Oke, finish….hasil project kita akan nampak seperti berikut:
The Movie Text Efek
gambar : The Movie Text Efek

Akhirnya rahasia pembuatan cover background
Movie Effect Background dan The Movie Text Effect judul sebuah film buatan saya telah selesai. Agar lebih bermanfaat, silahkan pertanyaan dan saran bisa langsung ditujukan ke email dan di facebook saya secara langsung yang bisa dilihat dibagian bawah profile penulis.

Terima kasih, sampai ketemu di
Tutorial Text Effect yang lain di IlmuGrafis. Semoga bermanfaat................................

efect background

1. Download dulu bahan untuk Tutorial ini [Klik Disini untuk Download File Latihan]. Buka photoshop anda, lalu buka background  seperti berikut:
background

2. Kemudian lakukan duplicate pada background tersebut dengan cara pilih background (di palette layer) kemudian tekan tombol Ctrl+J (duplicate) hingga background tercopy seperti ini:
duplicat layer

3. Pilih background copy, kemudian tekan tombol create new fill and adjustmen layer (penjelasan tentang ini sudah saya jelaskan di
tutorial pembuatan naga api). Setelah itu pilih color balance:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pe2.png

4. Kemudian masukan nilai pada Shadow, midtone dan highlight seperti pada gambar berikut. Ket: untuk pengaturan ini, tiap gambar berbeda-beda nilainya, jadi yang dibutuhkan adalah anda bisa mencoba-coba ketiga pengaturan tersebut untuk mendapatkan tone warna yang diinginkan.
http://www.ilmugrafis.info/photoshop/p_foto_108/108pe3.png
http://www.ilmugrafis.info/photoshop/p_foto_108/108pe4.png
http://www.ilmugrafis.info/photoshop/p_foto_108/108pe5.png

5. Selanjutnya buka file awan (Ctrl+0), kemudian drag gambar awan tersebut ke gambar background diawal. Lihat ilustrasi berikut ini:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf2.jpg

6. Lakukan pelebaran dengan menggunakan Move Tool hingga terlihat seperti berikut ini:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf3.jpg

7. Selanjutnya kita akan menghapus bagian awan yang tidak kita perlukan dengan menggunakan teknik masking, caranya: pilih icon Add layer mask  (di palette layer). Lihat gambar berikut:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf4.jpg

8. Kemudian kita akan menghapus bagian atas awan dengan menggunakan Brush tool.
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf5.jpg
Agar anda tidak bingung, gambar diatas sudah saya beri nomor, berikut keterangannya:
  1. Pastikan warna Fourground adalah warna hitam
  2. Kemudian pilih dropdown (panah kebawah)
  3. Pilih brush yang mode soft atau blur, dan atur master diameternya menjadi 400 px
  4. Lalu atur nilai opacity menjadi 40% (agar tidak terlihat kasar)
  5. Lakukan penghapusan dari arah kanan ke kiri atau sebaliknya. Hingga dilayar terlihat bagian atas tertutupi warna hitam sedangkan yang ditangah adalah warna grey/abu-abu. Semakin sering anda menggosokan brush ke layar maka semakin hitam.yang itu artinya semakin hilang gambarnya. Pelajari lagi teknik masking yang ada pada tutorial dasar.

9. Berikutnya, kita buka gambar texture, lalu lakukan klik dan drag ke lembar kerja kita.
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf6.jpg
Selanjutnya atur ukurannya (resizing) hingga pas dengan lembar kerja kita. Setelah itu ubah blending modenya menjadi Color Burn seperti berikut:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf7.jpg
Agar tidak terlalu gelap, kurangi opacitynya mislanya menjadi 43%:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf8.jpg

10. Berikutnya kita akan menghapus area-area texture yang tidak kita inginkan dengan cara masking seperti cara diatas. Pilih Add layer mask:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf9.jpg
Kemudian pilih Brush dengan warna hitam, kemudian lakukan penghapusan sesuai dengan area yang ditandai dengan anak panah berikut ini:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf10.jpg

11. Oke selanjutnya kita akan buat gradasi warna pada gambar kita, caranya buat layer baru dengan menekan tombol New layer (dipalette layer):
http://www.ilmugrafis.info/photoshop/p_foto_108/108pe6.png

12. Lalu kita pilih Gradient Tool, kemudian klik warna pada option untuk mengedit warna yang kita inginkan:
Gradient Tool

13. Kemudian kita lakukan penggantian warna pada color handle sebelah kiri, caranya lakukan double klik lalu masukan nilai warna ff6e02 seperti berikut:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf11.jpg

Lakukan hal yang sama pada color handle bagian kanan:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf12.jpg

Kemudian kita tambahkan warna lagi dibagian tengah, caranya lakukan double klik pada bagian tengah seperti gambar dibawah, lalu masukan nilai warna ffff00.
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf13.jpg

Hingga didapat campuran warna seperti berikut ini:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf14.jpg

14. Oke, sekarang kita lakukan klik dan drag pada lembar kerja kita, seperti berikut:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf15.jpg

15. Sekarang kita berekplorasi disini dengan cara mengubah blending mode serta anda juga bisa mencoba-coba untuk mengganti percampuran warna gradasi sesuai dengan keinginan. Tapi sebelumnya ikuti dulu sampai selesai oke. J nah,  disini kita coba ganti blending modenya menjadi color:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf16.jpg
Atau mungkin juga anda bisa menggantinya menjadi Overlay jika menginginkan warna lebih berpendar.
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf17.jpg

Oke kita coba menggunakan blending mode Color dengan opacity 71%:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf18.jpg

16. Langkah selanjutnya, kita akan memberikan shadow/area yang gelap pada beberapa titik tertentu, caranya buat layer baru. Kemudian dengan brush tool berikan warna hitam pada titik-titik berikut. Lihat gambar dipalette layer:
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf19.jpg

Setelah itu, ubah blending modenya menjadi softllight
http://www.ilmugrafis.info/photoshop/p_foto_108/108pf20.jpg
nah background kita sudah jadi seperti berikut:
The Movie Effect Background
The Movie Effect Background

Di Tutorial Selanjutnya akan saya lanjutkan ke penambahan
Text Effect "The Movie" ke dalam hasil The Movie Effect Background yang barusan anda buat tadi. Tunggu saja ya di situs website Pembelajaran Desain Grafis di mana lagi kalau bukan di ILMUGRAFIS.COM :), Terima kasih.

Agar lebih bermanfaat, silahkan pertanyaan dan saran bisa langsung email dan di facebook saya secara langsung yang bisa dilihat dibagian bawah profile penulis.
1 Buat document baru 800 x 600 Pixel

2. Birikan warna Background hitam, kemudian buat teks hingga seperti gambar


3. Kemudian restireze teks dengan cara klik kanan pada layer teks dan pilih restireze, lihat gambar:
http://www.ilmugrafis.info/photoshop/p-text-10/photoshop_teks_10_clip_2.jpg

4. Kemudian berikan efek wind (Klik Menu Filter > Stylis > Wind ),
atur sesuai gambar: kemudian ulangi lagi efek wind ato bisa langsung tekan Ctrl + F 2x ( untuk mengulangi efek yang terakhir digunakan )
http://www.ilmugrafis.info/photoshop/p-text-10/photoshop_teks_10_clip_3.jpg

5. Berikan efek wind lagi ( ulangi langkah no 4 ) bedanya pada pengaturan direction (from the right dan from the lift).
http://www.ilmugrafis.info/photoshop/p-text-10/photoshop_teks_10_clip_4.jpg


Hasilnya kira-kira seperti ini:
http://www.ilmugrafis.info/photoshop/p-text-10/photoshop_teks_10_clip_5.jpg


6. Ok sekarang kita putar 90 cw ( klik edit  > transfrom > rotate 90 derajat cw ) seperti ini:
http://www.ilmugrafis.info/photoshop/p-text-10/photoshop_teks_10_clip_6.jpg


7. Nah sekarang kita kasih lagi efek wind (ulangi langkah 4 dan 5 ). Hasilnya:
http://www.ilmugrafis.info/photoshop/p-text-10/photoshop_teks_10_clip_7.jpg

8. kita rotate kembali agar kembali kesemula yaitu (Klik Edit > Transfrom > Rotate 90 derajat Ccw )
http://www.ilmugrafis.info/photoshop/p-text-10/photoshop_teks_10_clip_8.jpg


9. Kini tinggal ngasih deh apinya, siapkan korek ya hehe…
sebelumnya kita ubah mode warna ke Grayscale ( klik image > mode > grayscale ), lalu kita ubah lagi ke indexed color ( klik image > mode > indexed color ),
http://www.ilmugrafis.info/photoshop/p-text-10/photoshop_teks_10_clip_9.jpg




10. Terakhir kita sulut deh apinya dengan color table ( Klik Image > Mode > Color Table ), dan atur sesuai dengan gambar:
http://www.ilmugrafis.info/photoshop/p-text-10/photoshop_teks_10_clip_11.jpg

http://www.ilmugrafis.info/photoshop/p-text-10/photoshop_teks_10_clip_12.jpg

HAsilnya Akhirnya:
Teks Api
Awas kebakaran mas!!! Jauhkan dari anak kecil…hehe…

Author Info

Video Of Day

About the author

Popular Posts