18 Januari 2011

font with pattern

Pada Tutorial photoshop kali ini kita akan sedikit mencoba-coba membuat kreasi font dengan menggunakan pola (pattern), hal yang menarik dari membuat font dengan pattern ini adalah kita bisa membuat kreasi font yang unik dan cantik, namun dengan langkah yang tidak terlalu rumit

Oiya, artikel ini akan terbagi jadi dua tutorial, pada tutorial yang pertama kita akan sama-sama belajar perihal membuat jenis font dengan menggunakan pattern yang sudah tersedia di photoshop, nah pada tutorial kedua kita akan mencoba membuat pattern yang akan dikreasikan menjadi bentuk font

A. Buat font dengan pattern asli photoshop




Caranya:

1. Selalu dan haru selalu, anda Buka aplikasi Photoshop anda (kalo saya menggunakan adobe photoshop CS3)

2. Masuk menu File > new untuk membuat stage dengan width 400 px dan height 200 px.

3. Buat sebuah tulisah dengan menggunakan Type Tool, jenis font sesuai preferensi anda, namun ukuran font direkomendasikan sekira 50 point hingga 150 point.

4. Buat Layer Type jadi Layer biasa, caranya masuk menu Layer > Rasterize > Layer.

5. Buka file yang akan digunakan sebagai pattern, caranya Klik menu File > Open (anda bisa cari gambar pattern yang dikehendaki di Program Files\Adobe\Photoshop\Presets\Patterns dan pilih salah satu file gambar) atau anda bisa juga menggunakan gambar lain di directory lainnya

6. Pilih mode RGB Color pada window Rasterize Generic EPS Format.

7. masuk menu Select > All
8. Buat gambar tersebut menjadi pattern, caranya Klik menu Edit > Define Pattern. setelah berhasil close saja stage yang berisi gambar pattern itu tadi

9. lakukan CTRL + Klik kiri (pada mouse) Layer Type pada Layers Palette. hal ini dimaksudkan untuk menseleksi gambar dengan batasan dari tepian gambar tersebut

10. Setelah itu, Isi seleksi dengan menggunakan pattern.caranya Klik Edit > fill, lalu pilih content use: Pattern.

11. Buat warna Foreground menjadi warna merah kecoklatan (atau sesuai preferensi anda)

12. buatlah outline dengan menggunakan Edit > Stroke... dan gunakan Width: 3 pixels (atau sesuai preferensi anda).

13. Klik Select > Deselect untuk melakukan penghilangan seleksi yang ada

14. Untuk mempercantik kreasi font, anda bisa menggunakan efek drop shadow, caranya klik Layer > Layer Style > Drop Shadow Atur Distance dan blur sesuai kehendak anda


==========================================

B. Buat Font dengan menggunakan pattern buatan sendiri




B.1 Tutorial membuat pattern

1. buat sebuah file baru di photoshop, File > New dengan settingan width 150 px dan height 150 px.

2. Pastikan warna Foreground telah disetting sesuai keinginan anda, namun kalau saya menggunakan settingan warna biru muda

3. Gunakan Type tool dengan settingan font sesuai preferensi anda namun Pastikan menggunakan perataan alignment center.

4. Ketiklah sebuah kata di baris pertama. Ulangi dua kali pada baris kedua dan sekali pada baris ketiga.

5. Aktifkan penggaris. caranya Klik menu view > Rulers

6.setelah itu, Klik menu View > Snap To > Guides.

7. jika tidak terlalu nampak anda bisa menggunakan Zoom tool dan perbesar gambar sebesar yang anda inginkan.

8. Klik drag penggaris horizontal ke arah bawah dan letakkan tepat di atas huruf Pertama (misalnya kalau saya menggunakan teks jakarta, berarti di huruf J) pada teks di baris pertama.

9. lakukan lagi seperti langkah diatas, klik penggaris horizontal kemudian geser ke arah bawah tepat di atas huruf pertama (kalau saya pada huruf J) pada teks yang ada pada baris ketiga.

10. Lalu klik drag penggaris vertikal ke kanan dan letakkan tepat di tengah huruf kedua (kalau saya huruf A karena teks saya adalah Jakarta) dalam teks yang ada di baris kedua.

11. Setelah itu masuk ke Rectangular Marquee tool untuk membuat seleksi segi empat yang dibatasi oleh garis-garis petunjuk (horizontal dan vertikal) yang sudah dibuat pada langkah 8-10.

12. Jadikan area gambar yang diseleksi itu sebagai pattern, caranya Klik menu Edit > Define Pattern.



B.2 kreasi font dengan pattern yang sudah dibuat

Caranya sama saja dengan tutorial A, hanya bedanya, pattern yang dipilih adalah pattern yang sudah kita buat pada tutorial B.1

Terimakasih dan selamat mencoba :).

2 komentar:

  1. Tutornya bagus2 nih sob. Jadi pingin mendalami Photoshop nih.

    BalasHapus
  2. @Militan: thanx sob, monggo dicoba :)

    BalasHapus

 

lafalofe Copyright © 2011 | Template design by O Pregador | Powered by Blogger Templates