Membuat wallpaper tipografi

Kali ini kita akan belajar mengenai ilmu dalam memilih dan menata huruf atau biasa disebut dengan tipografi dengan menggunakan Photoshop.

Tutorial ini merupakan pembelajaran tipografi ke dua setelah tutorial oleh Leo Ari Wibowo pada Desain Tipografi burung yang dibuat pada pertengahan bulan 7 lalu.

Preview Desain

Berikut gambaran desain yang akan kita hasilkan pada tutorial tipografi dengan photoshop kali ini (klik untuk memperbesar).

Detail tutorial

• Tingkat kesulitan : Pemula
• Software yang digunakan : Adobe Photoshop
• Materi yang dipelajari : Penggunaan Clipping mask dan Vektor mask
• Lama pembuatan : 15 Menit

Tutorial

Capture desktop
Tidak semua monitor berukuran sama, oleh karena itu untuk membuat lembar kerja baru anda haruslah membuat sebuah gambar yang sesuai dengan ukuran desktop anda.
Oleh karena itu Capture-lah seluruh tampilan desktop anda dengan menekan tombol Print Screen atau “Prt Sc SysRq” pada keyboard anda. Selanjutnya, pada lembar kerja photoshop buat lembar kerja baru (Ctrl + N) dan OK tanpa mengubah ukurannya lagi. Ukuran project baru akan menyesuaikan gambar Prt Scr yang anda capture tadi.

Menambahkan teks

Selanjutnya, isikan warna lembar kerja dengan warna hitam. Salah satu caranya adalah dengan Menu fill di Edit > Fill. Pada Use isikan Black dengan Blending Normal dan tekan OK.

Dengan text tool, buat teks pada lembar kerja dengan warna #202020. Disini saya menggunakan font Calibri dengan ukuran teks sebesar 12 pt.

Tambahkan lagi teks diatas teks selanjutnya dengan ukuran yang lebih besar dan berwarna putih.

Tambahkan layer style Gradient Overlay merah putih bendera indonesia seperti berikut.

Membuat teks realistis dengan photoshop

Masih pada layer “Indonesia”, pilih menu Layer > Create Clipping mask untuk membuat Clipping mask.

Cara ini akan membuat teks Indonesia bercorak seperti teks-teks kecil dibelakang layer Indonesia.

Ke layer teks kecil, klik Add Vektor Mask dibawah layer. Dengan soft brush berwarna hitam, brush secara perlahan sehingga akan menghilangkan sebagian teks-teks banyak tersebut seperti yang ditunjukkan oleh desain dibawah.

Berikut ini hasil sementara tutorial tipografi yang telah kita hasilkan, klik gambar untuk memperbesar.

Penambahan untuk memperbagus desain

Kita akan mencoba membuat teks putih dibawah “Indonesia” tersebut. Selanjutnya select bagian teks kecil dan ketik teks yang anda ingin kan. Jangan lupa pula untuk teks yang anda ubah tersebut anda beri warna putih.

Secara garis besar tutorial ini telah kita selesaikan. Sekarang anda tinggal menggeser teks tersebut sesuai selera anda. Untuk memindahkannya seleksi kedua teks dengan menekan Shift dan klik pada layer.

Selanjutnya dapat anda geser seperti penampakan desain wallpaper saya dibawah ini, klik pada gambar untuk memperbesar.

Hasil Akhir

Apakah Anda bangga dengan indonesia??

Klik untuk memperbesar

Download hasil desain berformat .psd pada : Membuat wallpaper tipografi dengan photoshop (ziddu).

membuat effek magic pada photoshop

membuat effek magic pada photoshop

sudah lama saya tidak posting tentang photoshop, jadi kepikiran nih, karena blog ini menyangkut dengan trik dan tips Photoshop, masak tidak ada pembahasan mengenai photoshop??..
oke deh, kali ini saya akan berbagi ilmu tentang imajinasi effek pada photoshop, tapi sore, ops sory, kalo postingan ini bukan real dari hasil ide pemikiran saya sendiri, tapi saya nak tulis dengan bahasa  dan gaya awaek sendiri :) (yang penting kan jujur bukan karya sendiri)
hasil akhir dari tutorial photoshop ini setidaknya seperti gambar berikut,

yuk lanjut ke effek photoshopnya, berikut alat dan bahan yang diperlukan (kayak buat kue aja neh)..

• komputer/laptop yang masih dapat dioperasikan(jangan yang rusak ya)
• program photoshop sudah terinstall di komputer anda
• monitor, karena anda tidak mungkin membuat tanpa itu
• kopi/teh/snack untuk mencegah kebosanan
• kok ngawur ne tulisannya
• ntah lah
• lanjuttt...

1. buka program photoshop anda
2. buat file baru dengan cara file>New (Ctrl+N)
3. untuk height dan widhtnya buat sesuka hati anda, contohnya seperti gambar dibawah

4. tekan 'D' sekali di keyboard anda, agar warna foreground dan backgroundnya menjadi hitam putih
5. tekan Alt+backspace sehingga kanvas kerja anda menjadi hitam
6. buat layer baru (Ctrl+Shift+N) > Ok
7. pada toolbar pilih brush tool, setting warna foreground menjadi ungu dan setting ukuran brush seperti gambar

8. warnai area kerja anda dengan menggunakan brush tool

9. Layer > Layer Style > Gradient Overlay dan atur warnanya seperti dibawah ini

setidaknya hasilnya seperti berikut

10. buat layer baru lagi, dengan cara tekan Ctrl+Shift+N
11. filter > Render > Clounds, pastikan warna foregroundnya ungu dan backgroundnya hitam
12. ganti mode layer menjadi overlay, contohnya seperti gambar berikut ini
    

13. buat layer baru lagi
14. pada toolbar, pilih brush tool dan setting ukurannya menjadi 4px/3px atau 2 px, dah hardnessnya menjadi 0%
15. tekan D sekali pada keyboard
16. tekan x sekali agar agar warna foregroundnya menjadi putih dan backgroundnya menjadi hitam
17. pada toolbar pilih freeform pen tool, dan setting seperti gambar berikut
    

18. coret coret kanvas kerja anda, setidaknya seperti gambar berikut
    

19. klik kanan > stroke path > dan ok

20. klik kanan lagi, lalu delete path
21. perlu diingat bahwah layer ini dibuat pada layer 3
22. pada layer 3 tersebut pilih Layer > Layer Style > Outer Glow, dan setting seperti gambar dibawah ini
    

23. pilih brush tool lagi pada tollbox, atur brush anda dengan cara tekan F5 pada keyboard, dan setting seperti gambar dibawah ini
    

24. coret coret lagi canvas kerja anda menggunakan brush tersebut, setidaknya menghasilkan gambar seperti berikut
    

gampanng kan?
selamat mencoba :)

download e-book : effek magic pada photoshop

Mengubah foto menjadi kartun

Pada postingan kali ini, saya akan mereview sebuah desain yang saya buat beberapa waktu lalu dengan software desain Adobe Photoshop CS3 saya.
Desain ini merupakan request ke-2 selama pembuatan blog PSD Desain ini, setelah sebelumnya saya mencoba mendesain sebuah banner iklan 125 x 125 kali ini saya mendapat request lagi untuk membuat sebuah gambar vektor atau berupa gambar kartun oleh mas ari.
Semoga anda bisa mengambil banyak manfaat dari review ini, silahkan anda download juga file psd di bawah postingan untuk bisa anda pelajari lagi.
Berikut preview desain mengubah foto dengan photoshop.

Download file psd : Foto Vektor psd desain
Semoga bermanfaat dan bisa menambah inspirasi anda.

Membuat kumpulan foto

Pada manipulasi gambar foto kali ini, kita akan belajar bagaimana membuat beberapa gambar jepretan tampak menyusun sebuah foto

Kembali ke manipulasi foto, jika sebelumnya kita telah belajar membuat sebuah website dengan photoshop kali ini kita akan kembali memanipulasi foto dengan photoshop, efek yang biasa disebut sebagai college of polaroids photos ini akan kita desain sehingga cocok untuk wallpaper desktop anda.

Preview Desain

Seperti biasa, berikut hasil atau preview desain yang akan kita hasilkan.

Detail Tutorial

• Tingkat kesulitan : Pemula
• Software yang digunakan : Adobe Photoshop
• Materi yang dipelajari : Penggunaan layer yang baik dan Clipping mask
• Lama pembuatan : 25 Menit

Resource

• Best game scenes

Tutorial

langkah 1 : membuka dan menduplicate foto

Buka foto war of london yang bisa anda download pada resource kolom diatas dengan photoshop.

Setelah foto terbuka, duplicate gambar asli dengan menekan Ctrl + J pada keyboard anda bisa mengubah namanya menjadi war of london atau sebagainya. Selanjutnya buat layer baru dibawah gambar hasil duplicate tersebut dan isikan dengan warna hitam.

Langkah 2 : Memotong gambar

Kembali buat sebuah layer baru diatas layer hitam tadi, dengan Rectangular Marquee tool buat sebuah seleksi persegi pada bagian foto, selanjutnya isikan dengan warna apapun.

Perlu diperhatikan karena kita membuatnya dibawah layer “War of london” maka objek tersebut tidak tampak. Selanjutnya klik layer “War of london” dan tekan Ctrl + Alt + G secara bersamaan pada keyboard anda sehingga tampak gambar akan terpotong seperti gambar berikut.

Langkah 3 : Membuat bingkai foto

Hilangkan seleksi dengan Ctrl + D, selanjutnya buat kembali layer diatas “layer 1″ dan buat seleksi yang lebih besar dari sebelumnya dan isikan dengan warna putih.

Kembali hilangkan seleksi dan group layer-layer diatas “layer 1″ untuk memudahkan dalam desain photoshop.

Langkah 4 : Menduplicate kumpulan foto

Duplicate group layer dengan cara klik kanan pada group dan pilih duplicate group.

Selanjutnya drag bagian isi dari group hasil duplicate, perhatikan,, yang perlu anda drag dan move adalah bagian warna hitam dan putih dalam group, yakni bagian yang telah kita buat pada langkah 2 dan 3. Pindahkan dengan free transform (ctrl + t) sesuai selera anda.

Duplicate kembali group tersebut dan drag kembali isi bagian putih dan hitam ke daerah lain sehingga menghasilkan desain seperti berikut.

Langkah 5 : Menampilkan background dan efek foto

Jika merasa terganggu, anda dapat menghilangkan background hitam dengan mengklik icon mata pada bagian layer warna hitam tersebut, sehingga gambar background akan muncul kembali.

Anda juga dapat menambah bayangan pada setiap foto dengan menambahkan layer style “Drop shadow” pada setiap gambar.

Langkah 6 : Menambahkan blur dan teks

Sekarang kita akan sedikit memberi blur pada bagian background foto agar terlihat lebih menonjol pada editan. Selanjutnya pilih layer background dan beralih kemenu filter > blur > gaussian blur dan isikan 3 radius pada kotak gaussian blur sehingga background akan terlihat sedikit buram.

Tambahkan pula beberapa teks pada gambar tersebut.

Hasil desain

Kolaborasi dengan manipulasi photoshop sebelumnya, anda juga dapat membuat sebuah efek gambar seperti gambar berikut.
pastinya dengan mengganti layer hitam yang tidak terpakai pada tutorial diatas dengan sebuah teksture bagus.
Semoga pembelajaran photoshop kali ini bermanfaat dan bisa menjadikan anda lebih kreatif