Free Download | Ebook Tipografi – Meet Your Type

Huruf merupakan salah satu elemen penting dalam hidup. Demikian juga dalam dunia desain. Berbagai macam pekerjaan desain baik itu berupa desain logo, t-shirt, brosur, banner, atau website hampir pasti berurusan dengan yang namanya huruf. Kadang urusan mengatur tata letak dan jenis huruf dapat menjadi sesuatu yang sangat menyebalkan. Tapi jika di pelajari lebih lanjut hal ini bisa jadi sangat mengasikkan. Ada sebuah ebook menarik yang membahas tentang teori serta penerapan tipografi.

Tipografi merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.
_(Wikipedia)

Judulnya adalah Meet Your Type. Buku ini merupakan salah satu buku tipografi terbaik yang pernah saya baca. Di dalamnya berisi tentang elemen tipografi, tips cara memilih huruf (typeface ) yang sesuai, karakter huruf, dan banyak lagi. Semua materi itu disampaikan secara ringan dengan diiringi analogi dan sentilan-sentilan lucu. Dan luar biasanya lagi ebook tipografi ini bisa di download gratis
Nah kalau kamu serius untuk menggeluti dunia desain grafis. Buku ini bisa dijadikan salah satu referensi.
Download Ebook Tipografi – Meet Your Type

Membuat Efek Brush Warna-Warni Seperti Pelangi

Tutorial Photoshop kali ini, kita akan mencoba membuat efek Brush Photoshop agar terlihat lebih berwarna-warni seperti pelangi ataupun kembang api di langit yang tinggi sekali :D, contohnya seperti gambar di atas ini. Untuk membuatnya caranya sangat mudah dan sederhana, namun hasilnya cukup menarik. Pada dasarnya teknik pembuatan efek brush warna-warni ini terletak pada permainan layers, jadi seperti apa langkah-langkahnya, mari kita lihat tutorial Photoshop berikut:

Langkah 1.

Buat layer baru. Klik File -> New

Langkah 2.

Warnai layer1 dengan warna hitam dengan Paint Bucket Tool. Caranya; aktifkan/klik Paint Bucket Tool kemudian klikkan pada lembar yang barusan kita buat (layer1) pastikan warna Foreground hitam (tekan D pada keyboard, untuk mengembalikan warna foreground/background default hitam-putih)

Langkah 3.

Buat layer baru lagi di atas layer1, caranya klik menu Layer -> New -> Layer -> OK maka akan muncul layer2 di atas layer1. Jika sudah lalu klik Gradient Tool (untuk memberi warna gradien), pada option bar pilih warna gradien yang memiliki banyak warna. Kemudian untuk memulai mewarnai, klik dan tahan kemudian tarik kearah yang diinginkan. (di sini anda bebas membuat arah warna gradien, yang penting layer2 penuh warna warni agar hasilnya nanti keren J tapi saya sarankan buat gradiennya dari ujung kiri ke ujung kanan biar merata)

Langkah 4.

Selanjutnya masih pada layer2, ubah blend mode-nya menjadi Color. Maka layernya jadi kelihatan hitam semua kan kaya’ mukanya siapa ya…..?! :D (tidak apa-apa, it’s okey).

Langkah 5.

Sekarang pindah ke layer1, klik/aktifkan layer1. Klik Brush Tool kemudian tekan X pada keyboard untuk berganti warna foreground menjadi putih.

Sebelum anda memulai mem-brush sebaiknya anda menggunakan brush yang halus/lembut supaya warna-warninya kelihatan muncul. Kalau anda belum punya koleksi brush keren silahkan cari di mbah google banyak, tapi kalau malas nyari silahkan download koleksi berbagai macam Brush Photoshop di sini. Jika sudah ketemu brush keren selanjutnya tinggal dimaenin saja brushnya, klik sana klik sini jadi hasilnya kaya gini.

Hasil dengan brush bawaan Photoshop

  Hasil dengan brush lightning-strikes + light-effects

Catatan: efek brush warna-warni di atas hanya bekerja pada layer1 dengan warna hitam atau putih. Jika anda ingin membuat brush pada layer warna putih anda harus mengganti warna foregroundnya menjadi hitam. Terima kasih telah membaca tutorial Photoshop di Dukun Design | Tutorial Photoshop (Tips n Trik serta TeknikBelajar Photoshop) semoga bermanfaat.

Membuat Tulisan Berbentuk Wajah Dengan Photoshop Cs5

Tutorial Photoshop kali ini saya akan mencoba membuat typografi berbentuk wajah manusia. Beberapa hari yang lalu kebetulan secara tak sengaja saya melihat hasil desain teman saya, yaitu sebuah desain tulisan membentuk wajah, dan ternyata bagus juga. Akhirnya kepikiran juga untuk membuat tutorialnya. Langsung saja inilah dia Tutorial Photoshop cara membuat desain tulisan berbentuk wajah seseorang manusia. 

Oiya satu lagi kelupaan, dalam tutorial Photoshop membuat tulisan berbentuk wajah ini kita juga akan belajar menggunakan beberapa teknik Photoshop sekaligus yang dikemas dalam satu paket hemat, cepat, murah lagi hahaha (saya baik kan :D). Seperti teknik menyeleksi rambut dengan teknik Refine Edge, teknik seleksi Photoshop dengan menggunakan Color Range, kemudian bagaimana cara membuat Brush Photoshop sendiri.

Langkah 1

Buka photo wajah yang akan di edit. Klik File --> Open --> pilih photo --> Open. Lalu tekan Ctrl + J pada keyboard untuk menggandakan photo.

Langkah 2

Seleksi bagian wajah/kepala (saya menggunakan quick selection tool saja biar cepat menyeleksinya, jangan lupa gunakan teknik refine edge untuk mendapatkan seleksi rambut yang cukup detail).

Langkah 3

Klik menu Select --> Color Range… pilih Shadows lalu klik OK. Akan muncul garis putus-putus (tanda terseleksi) kemudian tekan Ctrl + J pada keyboard.

Langkah 4

Aktifkan layer 1 copy, kemudian klik menu Select --> Color Range… kali ini pilih Midtones lalu klik OK. Akan muncul garis putus-putus (tanda terseleksi) kemudian tekan Ctrl + J pada keyboard.

Langkah 5

Sekarang hilangkan tanda mata pada layer 1 copy. Kemudian klik/aktifkan layer 3. Klik menu Edit --> Fill.. (atau tekan Shift + F5). Pilih 50% Gray, beri tanda cek pada Preserve Transparency.

Langkah 6

Klik/aktifkan layer 2. Ulangi langkah 5 tapi kali ini pilih Black. Klik menu Edit --> Fill.. (atau tekan Shift + F5). Pilih Black, beri tanda cek pada Preserve Transparency.

Langkah 7

Masih pada layer 2 (layer paling atas). Tekan Ctrl + E pada keyboard untuk menggabungkan layer 2 dan layer 3 (layer di bawahnya). Sampai di sini hasilnya seperti ini.

Langkah 8

Karena kita mau membuat wajah di penuhi dengan tulisan, sekarang kita siapkan dulu tulisannya. Jadi ceritanya, kita akan membuat brush berbentuk tulisan/paragraph. Caranya buat dokumen baru klik File --> New… --> OK.

Langkah 9

Klik Horizontal Type Tool -> lalu buat tulisan/paragraf hingga memenuhi seluruh kanvas. Kalau anda malas buat tulisan panjang, anda bisa copy paste paragraph/tulisan yang sudah ada dari  M.S. Word atau dari mana saja terserah anda.

Langkah 10

Klik menu Edit --> Define Brush Preset… --> OK. Sekarang kita sudah punya Brush Photoshop baru. Selanjutnya kita kembali lagi ke lembar kerja kita yang tadi sempat kita tinggalkan. Buat layer baru di atas layer 3 warnai dengan Paint Bucket Tool dengan warna putih.

Langkah 11

Buat layer baru lagi di atas layer 4 (layer yang barusan kita beri wana putih). Hilangkan tanda centang pada layer 4. Setelah itu aktifkan/klik pada layer yang baru saja kita buat (layer 5). Klik Brush Tool --> klik kanan --> cari brush paragraf/brush tulisan yang telah kita buat tadi.

Lalu sapukan brush dengan cara satu kali klik saja, untuk menjaga bentuk paragrafnya. buatlah kira-kira seperti gambar berikut ini. Ubahlah ukuran brushnya, agar terlihat variatif.

Langkah 12

Aktifkan/klik layer 3 --> tekan Ctrl + A --> lalu tekan Ctrl + C. jika sudah hilangkan tanda mata pada layer 3 (sekarang yang terlihat hanya brush tulisannya saja). Aktifkan/klik layer 5 --> Aktifkan layer mask -> kemudian sambil menekan Alt pada keyboard, klik kan pada layer mask (sehingga layernya terlihat putih semua).

Langkah 13

Tekan Ctrl + V untuk mempastekan layer 3 yang telah kita copy tadi. Tekan Ctrl + D untuk menonaktifkan seleksi -> kemudian tekan Ctrl + I untuk invert.

Langkah 14

Sekarang klik pada layer 5. Munculkan kembali tanda mata pada layer 4. Sampai di sini hasilnya seperti ini.

Langkah 15

Supaya terlihat berwarna kita tambahkan efek warna gradient. Caranya klik menu Layer --> Layer Style --> Gradient Overlay --> pilh warna kesukaanmu -> tekan Ok.

Langkah 16

Klik brush tool, gunakan brush yang lembut. Turunkan opacity menjadi 30% kemudian sapukan pada bagian wajah yang ingin diperjelas seperti mata, hidung, mulut dls. Pastikan anda membuat sapuan brush pada layer (bukan pada layer mask).

Hasilnya seperti gambar berikut ini.

Cara Membuat Stempel Lingkaran Dengan Photoshop

Tutorial Photoshop kali ini saya akan mencoba membuat gambar stempel berbentuk lingkaran dengan Photoshop. Kenapa memakai Photoshop? Bukankah lebih baik jika menggunakan Corel Draw? Ya, benar sekali. Memang sebenarnya untuk membuat stempel alangkah lebih baiknya jika dikerjakan menggunakan software pengolah gambar berbasis vektor seperti Corel Draw dan lain sebagainya. Lalu kenapa kali ini saya mencoba membuatnya menggunakan Photoshop yang pada dasarnya adalah software pengolah gambar berbasis bitmap? 

Tutorial Photoshop cara membuat stempel berbentuk lingkaran ini saya buat sebagai alternatif saja bagi anda belum bisa menggunakan Corel Draw ataupun software pengolah gambar vektor lainnya, namun disisi lain anda cukup menguasai Photoshop. Berikut ini tutorial Photoshop cara membuat stempel berbentuk lingkaran. Semoga bermanfaat. Namun sebelumnya saya minta maaf karena kualitas gambarnya kurang begitu bagus.

Langkah 1

Buat lembar kerja baru. Klik File -> New -> ukuran 400px X 400px -> Background Contens pilih Transparent -> OK. Buat satu titik kecil ditengah-tengah dengan warna hitam menggunakan Brush Tool.

Langkah 2

Buat layer baru di atasnya. Klik menu Layer -> New -> Layer… Buat lingkaran dengan menggunakan Elliptical Marquee Tool. Tekan Shift pada keyboard untuk mendapatkan bentuk lingkaran yang sempurna. Klik kanan -> pilih Transform Selection. Pastikan titik tengahnya tepat pada titik hitam yang telah kita buat tadi dengan cara menekan tombol arah pada keyboard, geser hingga titik tengah pada transform selectionnya tepat di tengah-tengah titik hitam. Kira-kira sudah pas tekan Enter.

Lalu Beri warna putih dengan menggunakan Paint Bucket Tool. Selanjutnya klik menu Layer -> Layer Style -> Stroke… masukkan nilai 3px pada size. Untuk color ganti dengan warna hitam. Klik OK. Tekan Ctrl + D pada keyboard untuk menonaktifkan Elliptical Marquee Tool. Ubah blending modenya menjadi color supaya titik hitamnya (sebagai patokkan/titik tengah) kelihatan.

Langkah 3

Buat layer baru lagi di atasnya (di atas layer 2). Klik menu Layer -> New -> Layer… buat lingkaran lagi yang lebih kecil dari lingkaran yang pertama. Carannya sama dengan langkah 2. Jika sudah maka hasilnya akan seperti gambar berikut.

Langkah 4

Sekarang kita membuat lingkaran lagi tapi dengan teknik path. Teknik ini digunakan untuk membuat teks supaya melingkar/mengikuti pada lingkaran/path yang telah kita buat. Caranya buat layer baru lagi, aktifkan Ellipse Tool pada option bar pilih tanda path. Selanjutnya buat lingkaran sedikit lebih besar dari lingkaran yang berada di dalam. Tekan shift untuk mendapatkan bulat sempurna. Untuk mempermudah membuat lingkaran supaya tepat berada di tengah-tengah klik kanan -> pilih Free Transform Path. Sambil menyesuaikan bentuk lingkaran tekan shift pada keyboard agar lingkaran tetap bulat. Dan pastikan titik tengahnya berada tepat pada titik hitam.

Langkah 5

Buat layer baru lagi di atasnya. Sekarang kita akan membuat teks mengikuti lingkaran path yang telah kita buat. Caranya klik Horizontal Type Tool kemudian dekatkan cursor pada lingkaran path hingga muncul tanda garis bengkok. Selanjutnya klik dan tulis kata-kata yang diinginkan namun hanya sampai setengah lingkaran saja ya. Hehehe jangan lupa gunakan font dan ukuran yang pas. Saya menggunakan teks “KUMPULAN TUTORIAL PHOTOSHOP” font Segoe UI ukuran teksnya 35 dan saya beri ketebalan (Bold).

Langkah 6

Gunakan Path Selection Tool untuk menggeser posisi teks. Caranya dekatkan cursor pada lingkaran kecil pada path hingga ada tanda panah ke atas, kemudian geser pada posisi yang di inginkan. Selanjutnya dekatkan cursor pada teks hingga muncul tanda panah ke bawah, kemudian tarik/geser.

Langkah 7

Buat layer baru. Buat dua tanda pemisahnya. (ingat setiap saat anda memulai membuat design usahakan selalu membuat pada layer baru) Terserah anda mau dikasih tanda pemisahnya apa, kalau saya pakai brush bintang saja. Caranya klik brush tool selanjutnya cari gambar brush yang berbentuk bintang kalau gak ada kasih saja brush bentuk lingkaran hahahaha. Karena warnanya kurang tajam saya tambahkan stroke. Klik Layer -> Layer style -> Stroke… sizenya masukkan 1px -> OK. Tekan Ctrl + T pada keyboard untuk memutar brush bintang supaya ada sedikit variasi brushnya.

Langkah 8

Buat layer baru lagi. Buat lingkaran path seperti pada langkah 4 namun lebih besar. Buat lingkaran Path sejajar dengan bagian atas teks.

Langkah 9

Ulangi langkah 5 bedanya cuma pada tulisannya saja, kalau pada langkah 5 menggunakan teks “KUMPULAN TUTORIAL PHOTOSHOP” sedangkan pada langkah 9 menggunakan teks “DUKUN DESIGN”. Jadinya seperti gambar berikut Hehehe

Langkah 10

Langkah selanjutnya adalah membuat teks “DUKUN DESIGN” berada di dalam lingkaran sejajar dengan teks “KUMPULAN TUTORIAL PHOTOSHOP”. Caranya klik Path Selection Tool kemudian tarik/drag ke arah dalam lingkaran. Sampai di sini anda mungkin akan mendapatkan teks menjadi berdempetan untuk mengatasinya saya tinggal memberinya jarak spasi saja dengan menekan tombol spasi pada keyboard.

Langkah 11

Karena jarak antara lingkaran luar dan teks terlalu jauh maka kita perlu mengeditnya lagi (memperkecil ukuran lingkaran luar) caranya aktifkan layer 2 (gambar lingkaran luar) tekan Ctrl + T pada keyboard lalu sesuaikan ukurannya, jangan lupa sambil menekan Shift untuk menjaga kebulatan lingkarannya. Pastikan tepat di tengah.

Langkah 12

Buat layer baru. Buat garis di tengah lingkaran dengan rectangle tool. Klik Rectangle Tool kemudian pada option bar pilih/aktifkan tanda path. Selanjutnya bikin kotak seperti gambar berikut ini.

Langkah 13

Selanjutnya klik Brush Tool pilih brush berbentuk lingkaran yang tebal (hardness 100%) ubah sizenya menjadi 1px. Jika sudah, kembali lagi aktifkan Rectangle Tool -> klik kanan pilih Stroke Path… akan muncul dialog Stroke Path ubah toolnya menjadi Brush -> hilangkan tanda cek/centang pada Simulate Pressurenya -> klik OK. Setelah itu klik menu Layer -> Layer Style -> Stroke… ubah nilai sizenya menjadi 1px -> Colornya hitam -> OK.

Langkah 14

Klik Pen Tool -> klik kanan -> pilih Delete Path (untuk menghilangkan garis path). Aktifkan Erase Tool, hapus bagian yang tidak diinginkan.

Langkah 15

Buat teks “DESIGNER GRAFIS” menggunakan Horizontal Type Tool tempatkan pada posisi seperti tampak pada gambar berikut. Ukuran dan fontnya disesuaikan selera anda sendiri saja ya, yang penting pas. Selesai.

Sampai di sini dulu tutorial photoshop cara membuat stempel berbentuk lingkaran dengan Photoshopnya. Untuk menyempurnakannya anda bisa menambahkan teks di bagian yang masih kosong, ataupun menambahkan logo, gambar dan lain sebagainya. Untuk menghilangkan titik hitam di tengah anda tinggal menghilangkan tanda mata yang ada pada layer 1.

Terima kasih telah membaca Tutorial Photoshop di Dukun Design (Tips N Trik Serta Teknik Belajar Photoshop)