Sabtu, 16 April 2011

Bikin Banner Dengan Effect Starburst di Photoshop

Bikin Banner Dengan Effect Starburst
Author & Copyright: Johan

Tutorial ini terinspirasi dari salah satu iklan di TV (Blang - Blang - Blang!! Karena yang belang memang lebih enak) dan dengan banyaknya permintaan mengenai banner dari para pembaca disini maka saya luncurkan tutorial banner starburst...

Tertarik mencobanya? Baiklah... Mari kita coba membuatnya...
WARNING: Siapkan cemilan dulu biar gak kelaparan waktu ngeDesain ;P

Langkah-Langkahnya:

1. Buka Aplikasi Photoshop
( Tutorial ini berlaku untuk semua versi Photoshop)

2. Buat Lembar Kerja / Kanvas
Caranya: File --> New --> Sesuaikan dengan kebutuhan - OK

3. Buat Kotak dengan "Rounded Rectangle Tool" dengan Radius: 15 px
Hasilnya:


4. Masuk ke menu Blending Options dan berikan Gradient Overlay
Caranya: Layer --> Layer Style --> Gradient Overlay...
Pengaturan:


Untuk Pengaturan Gradien -- jika anda masih bingung cara membuat gradient bisa
baca tutorial Membuat Gradient Background


5. Buat kotak - kotak dengan Rectangular Marquee Tool seperti ini
Sambil tekan tombol Shift


Setelah itu buat layer baru dan Fill dengan Warna Kuning
Hasilnya

Lalu tekan ctrl + D (Deselect)

7. Waktunya memberikan efek
Caranya Filters --> Distort --> Polar Coordinates
Pilih Rectangular to Polar
Hasilnya:


8. Tekan ctrl dan klik layer shape pada pallete untuk menyeleksi Rounded Rectangle Tool yang telah dibuat, lalu tekan ctrl + Shift + i (untuk perintah inverse) lalu tekan tombol Delete
Hasilnya:


9. Tambahkan tulisan banner, tulisan pada banner tidak perlu panjang lebar - intinya sedikit namun informatif
Misal: Belajar Grafis

Belajar Grafis Indonesia - Education Site
Source Download Source File - *.PSD
Selamat Belajar Photoshop , Semoga Tutorial ini bermanfaat

Sumber : Ilmugrafis

Membuat Efek Api Pada Teks di Photoshop

Membuat Efek Api Pada Teks
Author & Copyright: Lucky H

Kepengen bikin tulisan yang ada efek apinya? Ikutin aja tutorial ini ....

1. Buat kanvas baru (File > New), atur sesuka anda.
Pada contoh ini, saya membuatnya dengan ukuran width dan height 400 pixels, resolution 72 pixels/inch, mode RGB color.

2. Pilih paint bucket tool (atau tekan G), warnai dengan warna hitam. (warna tergantung dari keinginan anda).

3. Sekarang, pilih text tool (atau tekan T), akan ada icon yang aktif di tool box. klik kanan di situ, sehingga menampilkan beberapa pilihan seperti ini :

Pilih Horizontal type mask tool

4. Buat teks (jenis huruf, ukuran, terserah anda) , contoh :

(layar menjadi merah atau warna lain untuk sementara...., biarkan saja, ntar juga balik.. =p)

5. Setting foreground color seperti warna yang anda inginkan (di sini, saya pakai warna merah), setting seperti ini :


6. klik icon lain pada toolbox, sehingga menampilkan :


7. Tekan Alt+delete, maka seleksi akan terwarna sesuai foreground color yang telah di setting :


8. Dengan garis putus2 masih ada, segera klik di menu bar : Select > Save Selection

9. Isikan name, contoh :

OK

10. Sekarang, klik Image > Rotate Canvas > 90 derajat CCW

11. Lalu Filter > Stylize > Wind... ,
atur Method = Wind, Direction = From the right

12. Tekan Ctrl+F 2kali untuk memberikan lagi efek ini.

13. Sekarang :


14. Kembalikan posisi kanvas dengan Image > Rotate Canvas > 90 derajat CW

15. Pilih Select > Load Selection,
channel dipilih sesuai nama yang kita berikan waktu save selection tadi, invert aktif :

16. Pilih Filter > Distort > Ripple,
amount diatur sesuai selera anda, di sini saya memasukkan amount 100%, size medium.

17. Hasil akhir :


Zoom Preview
efek api
Tulisan Efek Api

Selamat mencoba....
Semoga Bermanfaat
Terima kasih
^_* by - Lucky - ilmugrafis.com -

Sumber : Ilmugrafis

Membuat 3d Teks Blue Arts di Photoshop

3d Teks Blue Arts
Author & Copyright: Johan

Tutorial kali ini agak extrim untuk dicoba tapi bagi anda yang menyukai tantangan dan hal - hal baru pasti bisa membuat 3 d (dimensi) teks blue arts...

Langkah -langkahnya:

1. Buka Program Photoshop - File - New
Setting Ukuran kanvas


2. Gandakan layer
Pada menu utama Pilih Layer - Duplicate Layer...
Setelah itu...

Ke menu utama lagi dan Pilih Layer - Layer Style - Blending Options

Nah akan muncul window dari Blending Option
- Centang dan pilih Color Overlay, pada pengaturannya:

Jangan di OK dulu... Berikutnya...

- Centang dan pilih Gradien Overlay, pada pengaturannya:

Nah setelah itu baru klik OK

Hasil Sementara


3. Tekan CTRL + T untuk memunculkan Properties Teks lalu atur seperti ini

Setelah itu klik huruf T pada window yang saya tandai merah di atas kemudian gunakan Teks Tool dan ketik terserah anda
Namun disini saya mengetik "desain" jd hasilnya:


4. Pemberian Efek
Ke menu utama dan Pilih Layer - Layer Style - Blending Options
- Centang dan pilih Inner Shadow, pada pengaturannya:


- Centang dan pilih Bevel and Emboss , pada pengaturannya:


- Centang dan pilih Gradien Overlay, pada pengaturannya:


- Centang dan pilih Stroke, pada pengaturannya:


Hasil Sementara


Klik kanan Layer Pallete dengan tulisan desain, lalu pilih Wrap Text...


Hasil Sementara


4. Kemudian gandakan Teks Layer lalu Clear The Layer Style, bingung???
- Caranya Pada menu utama Pilih Layer - Duplicate Layer...
Kemudian Klik Kanan Layer Copy tersebut dan pilih Clear Layer Style

5. Edit dengan Text Tool dan ubah warna dari teks Later Copy menjadi warna hexadecimal 072873

6. Setelah itu tekan dan tahan Tombol ALT + gunakan tanda arah panah kiri 3X dan bawah 3X
Kemudian Pindahkan Layer dengan tulisan desain ke urutan layer paling atas


Hasil Sementara


7. Pada desain copy 8
Gunakan Layer - Layer Style - Blending Options - Drop Shadow


Hasil Akhirnya:

3 d Teks Blue Arts

Namun dengan Sedikit modifikasi maka bisa dibuat seperti ini...


Bagi kalian yang ingin ngembangin tutorial sendiri bisa download source Filenya FREE dengan extension *.psd
pada layanan ilmugrafis.com

Semoga Bermanfaat
Terima kasih

Sumber : Ilmugrafis

Text Effect 101 Dalmatians di Photoshop

Text Effect 101 Dalmatians
Author & Copyright: Johan

Pernah liat anjing dalmatian yang lucu? tapi bagi yang tidak menyukai anjing jangan sinis dulu karena kita bukan membahas hewan tersebut melainkan membuat tutorial text effect 101 dalmatians yang keren...

Yang jelas gak pake tulang dan gak pake lama...

Lankah-lankahnya:
1. Buka Program Photoshop - File - New
2. Setelah itu gunakan Text Tool - Horizontal Type Tool tuliskan angka 101
Jangan lupa disini saya menggunakan font type "Palatino Linotype"
Gunakan warna hitam...


3. Untuk memberikan spesial effect (kayak buat film aja) kita butuh men-RASTERIZE teks tersebut
Caranya: Layer --> Rasterize --> Type

Sabar dulu...

4. Ganti warna Background menjadi putih dan Foreground dengan putih

background dan foreground

5. Waktunya Spesial Effect
Caranya: Filter --> Distort --> Glass

Setting Glass

6. Spesial Effect Berikutnya
Filter --> Blur --> Glaussian Blur
Setting terserah anda namun jangan terlalu besar pengaturannya supaya tidak terlalu blur
Disini saya setting ke Radius 1,4 Pixels
Hasilnya:


7. Spesial Effect Berikutnya... (Cape deh... )
Image --> Adjusment --> Brightness/Contras
Brightness = 25
Contras = 70


8. Masuk ke Layer --> Layer Style --> Blending Options
Centang Drop Shadow dan Bevel and Emboss

Pengaturan Blending Options


Pengaturan Bevel and Emboss

Fiuh... Hasilnya:

101 Dalmatians Text Effect

Semoga Bermanfaat
Terima kasih

Sumber : Ilmugrafis

Selasa, 12 April 2011

Tutorial Teks Berefek Bias Air di Photoshop

Teks Berefek Bias Air
Author & Copyright: Johan

Teks Efek banyak sekali macamnya, dalam tutorial kali ini kita akan membuat salah satu teks efek yang menurut saya sangat artistik...

Jangan pernah takut untuk mencoba, mungkin hal ini yang mengispirasi penulis untuk selalu berimajinasi dengan desain grafis.

Jangan lupa untuk menyiapkan Secangkir kopi/teh/susu dan kue serta alunan muzic dari media player sebagai teman dikala anda mendisain.

Langkah - Langkahnya:

1. Buka Program Photohop
Caranya: Start > All Program > Photoshop

2. Mulai dengan membuat Lembar kerja baru
Caranya: Pada menu utama dan pilih File --> New
atau tekan [ctrl] + [N]

Disini saya atur seperti ini:
* Nama dan Ukuran terserah anda (sebagai referensi disini saya pakai 800 x 600 )
Resolution = 71 pixels/inch
Contents = White
Tekan [ok]

3. Pada tool box sebelah kiri pilih Horizontal Type Mask Tool
tips: klik kanan icon bergambar huruf T sehingga muncul pilihan seperti di bawah ini


Pada properties menu
Gunakan font: "Tahoma"
ukuran Sesuaikan berdasarkan keinginan anda (referensi 344.08 pt)
font style Regular
dan pilih sharp
untuk warna gunakan hexadecimal #13A6E4
sehingga tampilan pada properties teks seperti ini


Lalu ketik kata yang anda inginkan, disini saya mengetik kata "AIR"
Hasil:


4. Sekarang waktunya memberi efek-efek khusus
Langkah-langkahnya:
- duplikat layer
Masuk ke menu utama
Pilih:
Layer --> Duplikat layer...

atau klik kanan layer sehingga muncul option... dan pilih Duplicate Layer...


maka akan muncul kotak dialog,

Lalu tekan
[OK]

- Efek bias air
Setelah anda membuat layer copy maka klik kiri tepat pada layer bertuliskan AIR efek yang telah anda buat sebelumnya,
Masuk ke menu utama
Pilih:
Filter --> Distort --> Ripple ...
akan muncul konfirmasi bahwa teks yang anda tuliskan tidak akan bisa diedit lagi, tekan ok!
atur seperti ini:

[OK]
Dan........

5. Hasilnya......

Wow Segarnya..... jadi haus untung teks air

"Disain mengalir seperti air"

Semoga Bermanfaat
Terima kasih

Sumber : Ilmugrafis