Rabu, 04 Februari 2015

Teks Efek FANTASI

FREE tutorial

Setelah sebelumnya terdapat Tutorial Teks Efek Ocean Sky, pada kali ini kita akan belajar Efek teks Teks efek Fantasi. Teks Efek dengan menggunakan gradien yang natural (alami) dengan teks yang menyala bagaikan terkena sapuan cahaya dari atas. Benar - benar membuat kita berfantasy dengan ilmu Grafis. 

Berikut Tutorial / Langkah - langkahnya:
1. Buka file baru dengan ukuran 800x500 px dengan posisi landscape

2. Gunakan gradient tool dan pilih gradasi hitam dan biru gelap. Klik dan drag hingga menjadi kombinasi seperti gambar berikut.
image properties of ilmugrafis.com

3. Gunakan type tool untuk mengetik tulisan, ketik ‘fantasi’ dengan jenis fontTrajan Pro, font ini bisa di download di Koleksi Font IG.
Atau dicari lewat Paman Google. Setelah dapat fontnya, instal di photoshop anda.
Ganti warna menjadi warna biru terang. Beri nama fantasi.
image properties of ilmugrafis.com

4. Duplikat layer teks sebanyak 2 kali, dengan klik kanan pada layer di pallete, pilih duplikat layer. Beri nama fantasi-efekwarna, dan fantasi-efektimbul.

5. Pastikan layer yang aktif adalah layer teks-efek, klik kanan dan pilih blending option. Dan ubah setting sesuai gambar.
Inner Glow:
image properties of ilmugrafis.com

Gradient Overlay:
image properties of ilmugrafis.com

6. Kemudian aktifkan layer fantasi-efektimbul dan setting blending option sebegai berikut:
Bevel and Emboss:
image properties of ilmugrafis.com

Contour:
image properties of ilmugrafis.com

Inner Glow:
image properties of ilmugrafis.com

hasil sementara
image properties of ilmugrafis.com

7. Kemudian tahan Ctrl dan klik ke tiga layer teks. Kemudian Ctrl+G untuk meng-group layer.

8. Lakukan duplikasi group dengan cara klik kanan pada grup dan duplicate group.
image properties of ilmugrafis.com

9. Tekan Ctrl+E pada group hasil duplikat. Ctrl+T transform flip vertical. Geser ke bawah hingga menjadi seperti cerminan teks dasar. Beri nama bayangan
image properties of ilmugrafis.com

10. Turun kan opacity layer bayangan menjadi 40%, dan hapus layer bayangan dengan eraser tool dengan opac 50% dan flow 50%. Hingga menjadi seperti ini.
image properties of ilmugrafis.com

11. Bikin layer baru (Ctrl+ shift+N) beri nama cahaya.
Gunakan Polygonal Lasso Tool untuk membuat seleksi berbentuk segitiga memanjang kebawah.
image properties of ilmugrafis.com
Kemudian isi seleksi dengan warna putih dengan Paint Bucket Tool.

12. Matikan seleksi dengan Ctrl+D, lalu pilih Filter-blur-Gaussian Blur ubah menjadi 40 px. OK.

13. Ganti Blending mode dari normal menjadi Overlay pada Layer Pallete.
image properties of ilmugrafis.com

14. Bikin layer baru lagi, aktifkan brush tool dan tekan F5

15. Setting hardness, spacing dan size Jitternya, atur diameter kecil dan besar saat melakukan brushing
image properties of ilmugrafis.com

image properties of ilmugrafis.com

16. Sapukan brush pada layer baru setelah itu, ganti blending modenya menjadi overlay. Dan opacity menjadi 50 %

17. Bikin layer baru dan lakukan brushing dengan gaya lain. Dan setting yg sama dengan sebelumnya.
image properties of ilmugrafis.com
Teks Efek Fantasy

Membuat Teks Efek Batu

FREE tutorial

Tutorial terbaru teks efek kali ini kita akan belajar Efek teks Membuat Teks dengan Efek Batu. Dengan efek batu teks akan kelihatan solid dan memberikan kesat kokoh pada desain kita
Sebelum mempraktikkan hal ini ada baiknya jika yang baru mengenal photoshop untuk mempelajari dasar - dasar photoshop di ilmugrafis, tapi jika anda ingin mencoba langsung silahkan ikuti tutorial ini

Berikut Tutorial / Langkah - langkahnya: 

1. Buka file baru Buka file baru dengan ukuran 800x500 px dengan posisi landscape

2. Fill background dengan warna abu-abu gelap menggunakan Paint Bucket Tool.

3. Setelah itu gunakan Filter- Render- Clouds, untuk membuat efek seperti awan.

4. Kemudian pilih lagi Filter-Stylize-Find Edges.

5. Untuk menimbulkan efek seperti permukaan batu, Ctrl+ Shift+ L.

6. Untuk membuat tulisan berdasarkan tekstur baru kita gunakan Horizontal Type Mask Tool.
image properties of ilmugrafis.com

7. Klik pada tekstur dan ketik kata STONE dengan jenis font Honda size 46pt.
Jika posisi tulisan belum pas, tahan tombol Ctrl dan drag pada posisi yg pas. Untuk menutup pengetikan klik tanda centang pada option bar di atas.

8. Maka ada seleksi berbentuk teks STONE, tekan Ctrl+J untuk duplikasi hasil seleksi, beri nama stone. duplikat background , klik kanan layer background plih duplicate layer.

9. Aktifkan layer background asli, tekan Shift+F5 fill Color dengan warna putih.

10. Turunkan opacity background hasil duplikasi menjadi 25%.
image properties of ilmugrafis.com

11. Klik kanan layer ‘Stone’ pilih blending option dan atur Setting-an sebagai berikut:
Bevel and Emboss (lingkarang merah juga perlu disetting)
image properties of ilmugrafis.com

Drop Shadow
image properties of ilmugrafis.com
image properties of ilmugrafis.com

12. Aktifkan layer background , hapus pinggiran dan sisakan bagian tengah, dengan menggunakan eraser tool.

13. Lakukan flatten/ merging, tekan Ctrl+Shift+E.

14. Gunakan Burn Tool untuk menimbulkan efek gelap terang-nya, sapukan pada bagian gelap tulisan dan background dengan setting-an Opacity 30%.

15. Buat layer baru beri nama ‘warna’, pilih Gradient tool pilih warna berikut:
image properties of ilmugrafis.com
tekan OK.

16. Klik dan drag pada gambar, dari kanan atas ke kiri bawah membentuk garis diagonal.
image properties of ilmugrafis.com

17. Ubah blending mode pada pallete layer dari Normal menjadi Overlay.
image properties of ilmugrafis.com

dan hasilnya kira2 seperti ini:
image properties of ilmugrafis.com
Teks Batu (Stone)

Membuat Teks Efek Batu

FREE tutorial
Tutorial terbaru teks efek kali ini kita akan belajar Efek teks Membuat Teks dengan Efek Batu. Dengan efek batu teks akan kelihatan solid dan memberikan kesat kokoh pada desain kita
Sebelum mempraktikkan hal ini ada baiknya jika yang baru mengenal photoshop untuk mempelajari dasar - dasar photoshop di ilmugrafis, tapi jika anda ingin mencoba langsung silahkan ikuti tutorial ini

Berikut Tutorial / Langkah - langkahnya: 

1. Buka file baru Buka file baru dengan ukuran 800x500 px dengan posisi landscape

2. Fill background dengan warna abu-abu gelap menggunakan Paint Bucket Tool.

3. Setelah itu gunakan Filter- Render- Clouds, untuk membuat efek seperti awan.

4. Kemudian pilih lagi Filter-Stylize-Find Edges.

5. Untuk menimbulkan efek seperti permukaan batu, Ctrl+ Shift+ L.

6. Untuk membuat tulisan berdasarkan tekstur baru kita gunakan Horizontal Type Mask Tool.
image properties of ilmugrafis.com

7. Klik pada tekstur dan ketik kata STONE dengan jenis font Honda size 46pt.
Jika posisi tulisan belum pas, tahan tombol Ctrl dan drag pada posisi yg pas. Untuk menutup pengetikan klik tanda centang pada option bar di atas.

8. Maka ada seleksi berbentuk teks STONE, tekan Ctrl+J untuk duplikasi hasil seleksi, beri nama stone. duplikat background , klik kanan layer background plih duplicate layer.

9. Aktifkan layer background asli, tekan Shift+F5 fill Color dengan warna putih.

10. Turunkan opacity background hasil duplikasi menjadi 25%.
image properties of ilmugrafis.com

11. Klik kanan layer ‘Stone’ pilih blending option dan atur Setting-an sebagai berikut:
Bevel and Emboss (lingkarang merah juga perlu disetting)
image properties of ilmugrafis.com

Drop Shadow
image properties of ilmugrafis.com
image properties of ilmugrafis.com

12. Aktifkan layer background , hapus pinggiran dan sisakan bagian tengah, dengan menggunakan eraser tool.

13. Lakukan flatten/ merging, tekan Ctrl+Shift+E.

14. Gunakan Burn Tool untuk menimbulkan efek gelap terang-nya, sapukan pada bagian gelap tulisan dan background dengan setting-an Opacity 30%.

15. Buat layer baru beri nama ‘warna’, pilih Gradient tool pilih warna berikut:
image properties of ilmugrafis.com
tekan OK.

16. Klik dan drag pada gambar, dari kanan atas ke kiri bawah membentuk garis diagonal.
image properties of ilmugrafis.com

17. Ubah blending mode pada pallete layer dari Normal menjadi Overlay.
image properties of ilmugrafis.com

dan hasilnya kira2 seperti ini:
image properties of ilmugrafis.com
Teks Batu (Stone)

Efek Teks Neon Pelangi

FREE tutorial


Selamat Tahun baru 2012 bagi para pecinta desain grafis di seluruh dunia dan khususnya di Negara Indonesia tercinta. Semoga di tahun ini kemampuan imajinasi kita semakin meningkat daripada tahun kemarin. Bagi yang baru mengenal desain grafis tidak ada salahnya untuk tancap gas dan mempelajari semua tutorial di ILMUGrafis ini agar semakin canggih. Baiklah kali ini tema kita adalah membuat tulisan dengan teks efek neon berwarna ala pelangi. layaknya film TRON tp kali ini kita gunakan warna warni untuk menyambut tahun baru yang ceria ini.

Berikut Tutorial / Langkah - langkahnya:

1. Buka Program Photoshop, jika belum punya anda bisa mencari di Search Service paman Google
Cara membuka Program Photoshop: Start (di pojok kiri bawah windows) >> All Program >> Photoshop 

2. Buat New Project (lembar kerja baru) dengan menekan CTRL + N
dan atur sesuka hati, disini saya atur seperti ini:
image properties of ilmugrafis.com
Lalu Warnai Backgroundnya dengan warna hitam
Caranya: Set Foreground (Hitam) dan background (Putih) lalu klik Paint Bucket Tool, arahkan kursor dan klik di kanvas 
image properties of ilmugrafis.com

3. Ketik teks yang diinginkan, misal "ILMUGRAFIS 2012", disini (penulis) menggunakan type font Tron
Anda bisa mencari jenis font Tron di Google Service (Paman google selalu yang terbaik)
Namun bagi anda yang enggan memakai font tron itu tidak menjadi masalah, anda bisa menggunakan Times New Roman atau Tahoma Font, untuk yang belum mengetahui cara instal font silahkan klik Koleksi Font ilmugrafis
image properties of ilmugrafis.com

4. Tekan CRTL + J untuk menduplikat (menggandakan Layer)

5. Klik Layer >> Layer Style >> Gradien Overlay... 
Atur Seperti ini:
image properties of ilmugrafis.com
untuk warna gradient gunakan Merah, Kuning, Hijau, Biru, Ungu 
image properties of ilmugrafis.com
bagi anda yang awan masalah gradien bisa membaca tutorial Photoshop Dasar diMembuat Gradien 

6. Setelah itu ubah posisi layer copy ke sebelah bawah dengan cara mengDRAG layer copy ke arah bawah
image properties of ilmugrafis.com
Tempatkan kursor di ILMUGRAFIS 2012 copy lalu klik kiri dan tahan mouse geser ke arah bawah (tengah-tengah antara background dan ILMUGRAFIS 2012)
Bagi yang belum mengetahui apa itu layer pada photoshop silahkan klik di Penjelasan Layer Photoshop

6. Sekarang tambahkan efek Blur pada layer "ILMUGRAFIS 2012 copy" 
Caranya: Pada menu utama sebelah atas sendiri Klik Filter >> Blur >> Glaussian Blur
Setting 4.0
OK

7. Sekarang klik layer "ILMUGRAFIS 2012" yang letaknya di layer paling atas 
Tambahkan efek blur: Klik Filter >> Blur >> Glaussian Blur
Setting 1.0
OK
Hasil sementara jika anda mengikuti tutorial ini
image properties of ilmugrafis.com

8. Masih di layer "ILMUGRAFIS 2012" Klik Layer >> Layer Style >> Blending Options... 
image properties of ilmugrafis.com

Lalu ke Outer Glow, Atur Seperti ini
Blend Mode ke: Color Dodge, 50% Opacity, Pilih warna Putih pada kotak di bawah noise, Atur Size: 18 pixels. Sesuaikan sesuai setting di bawah ini 
image properties of ilmugrafis.com

Lalu klik Color Overlay, atur seperti di bawah ini 
image properties of ilmugrafis.com
Hasilnya:
image properties of ilmugrafis.com
Ok inilah tulisan Efek teks Neon Pelangi 
Tips: anda bisa mengatur Opacity nya, jika opacity terasa berlebihan maka turunkan, jika kurang maka naikkan nilainya

Letter Press Teks Efek Photoshop

FREE tutorial

Saat membuka Photoshop CS4 maka akan muncul suatu logo. Pada logo photoshop tersebut terlihat logo dengan efek seperti sebuah teks yang ditekan ke dalam suatu bidang atau disebut letter press. Di tutorial Design Studio kali ini saya akan membagikan cara membuat efek yang trendi tersebut yaitu efek letterpress yang dipakai untuk icon Photoshop CS4.

Kali ini kita akan membuat Efek Letterpress seperti yang ada di icon Photoshop. Berikut Tutorial / Langkah - langkahnya:

1. Buka Program Photoshop, jika belum punya anda bisa mencari di Search Service paman Google
Cara membuka Program Photoshop: Start (di pojok kiri bawah windows) >> All Program >> Photoshop 

2. Buat New Project (lembar kerja baru) dengan menekan CTRL + N

3. Warnai background dengan menggunakan Gradien Tool, untuk kali ini penulis menggunakan warna Biru Muda dan Biru Tua
Untuk membuat Gradien anda bisa membuka tutorial pada kategori Photoshop Dasar berjudul Membuat Gradien Photoshop 
image properties of ilmugrafis.com
bilangan hexadecimal yang dipakai di biru muda (kiri) # 3794f0
sedangkan biru tua (kanan) memakai # 003c7b
wow apa itu hexadecimal ?? bagi yang lupa, setengah ingat, maupun yang belum tahu bisa dilihat di Penjelasan Hexadecimal Desain 

4. Tarik Garis Gradien Dari ujung kiri atas ke kanan bawah pada kanvas (lembar kerja) anda 
image properties of ilmugrafis.com

5. Dengan menggunakan Teks Tool , tulis teks yang diinginkan, penulis menuliskan Ps (Photoshop) menggunakan font jenis Tahoma 
image properties of ilmugrafis.com
Warna font bisa menggunakan # 4a4a4a , jika kurang gelap atau anda suka yang gelap - gelapan bisa menggunakan warna yang lebih pekat 

6. Klik Layer >> Layer Style >> Blending Options...
Atur Seperti ini:
Pattern Overlay 
image properties of ilmugrafis.com

Gradient Overlay 
image properties of ilmugrafis.com

Inner Shadow 
image properties of ilmugrafis.com

Drop Shadow 
image properties of ilmugrafis.com

Selesai dan Hasilnya :
image properties of ilmugrafis.com
icon Photoshop CS4

Jika ingin melihat lebih detil hasil dari tutorial ini: Download File Hasil Tutorial Efek Teks Letter Press 

Semoga bermanfaat, Selamat mencoba.:D