Membuat wallpaper tipografi dengan photoshop

wallpaper psdesain

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).

Indonesia

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.

file baru

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.

fill with black

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

Menambah teks

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

psdesain indonesia

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

Layer style

Membuat teks realistis dengan photoshop

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

clipping mask photoshop

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

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.

vektor mask photoshop

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

Indonesia

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.

Indonesia kebanggaan kita

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.

seleksi layer

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

Wallpaper

Wallpaper psdesain

Hasil Akhir

Apakah Anda bangga dengan indonesia?? :D

Indonesia

Klik untuk memperbesar

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

Pertanyaan, komentar, masukan, dan sebagainya dapat anda isi pada kotak komentar dibawah dengan mengisi nama dan email valid anda. Setiap balasan komentar anda akan mendapatkan email dari PSD Desain, jadi cek selalu inbox email anda. :)

Like artikel kami jika anda rasa bermanfaat pada sosial media dibawah dan iklan agar saya lebih semangat dalam membuat tutorial dan jangan klik iklan kami jika anda rasa SPAM. Gabung juga di group PSDesain facebook.

Panggil saja saya Jaka, saya sangat suka dengan segala hal yang berbau Photoshop, termasuk darah pengunjung blog ini yang siap dijadikan tumbal untuk berbagi tutorial. Follow Twitter saya,@jakazulham.
  • http://koreanchingu.wordpress.com FlameKaizar

    Thanks kak Jaka, tutornya lengkap nihh
    tmbhn tutor bikin website donk :)

    • http://psdesain.net/ Jaka

      Insya Allah saya buatkan nanti..
      Jangan lupa subscribe website psdesain ini.. :D

  • ireng_ajah

    sippp..um.

    • http://psdesain.net/ Jaka

      semoga berguna dan bermanfaat :)

  • http://bloggerkecil.info Dicky Syaputra

    tutorial baru lagi nih, bisa lah menambah stok ilmu desain saya :D .
    Tutorialnya bagus,

    • http://psdesain.net/ Jaka

      Semoga bermanfaat mas Dicky.. :)

  • Leo Ari Wibowo

    Jaka, gambar yang akan dimasukkan yang mana? Gambar yang ada menubar Windows? Atau yang di hasil akhir?

    • http://psdesain.net/ Jaka

      Hasil akhir saja mas Leo..
      + review di mac seperti biasa di postingan anda :)

  • Pingback: Wallpaper Minggu Ini #5 | Majuterus

  • Zaynal

    Ini dia gan tutor yang ane pake buat design header site ZA-EdotCOM ane,, hhee,,
    thanks very much gan,,

    • http://psdesain.net/ Jaka

      Nampaknya di ZA-EdotCOM lebih buram…
      buat yang bagus lagii dong :)

  • http://nuhekejiwan.blogspot.com Heri

    Wah tutornya mantab + komplit,. siap2 langsung praktek..

    • http://psdesain.net/ Jaka

      Semoga bermanfaat mas heri :)

  • Graha Nurdian

    Nice tutorial :)

    Tutorial simpel ya, akan lebih baik klo next time, sharing penjelasan masing masing basic function dari photoshop :)

    • http://psdesain.net/ Jaka

      Akan panjang tutorialnya jika harus menjelaskan satu persatu…
      Oleh karena itu, saya membaginya kedalam beberapa tingkatan, yakni Pemula, menengah dan Mahir di tutorial photoshop ini. :)

  • Lizard Wijanarko

    SImple dan menarik… Keep posting!

    • http://psdesain.net/ Jaka

      Siip.. :)
      Mungkin dari anda punya tutorial singkat juga mas Lizard?? Silahkan jadi penulis tamu disini dan mempererat silaturrahmi dengan sesama blog desain. :D

      • Lizard WIjanarko

        Ide bagus itu, akan saya usahakan. Kalau goodies alias resources saya punya beberapa untuk di share. Kalau tutorial masih ngambang, saya ga bisa janji. Camtasia saya lagi ngambek nih…

        • http://psdesain.net/ Jaka

          Resource juga boleh berhubung di blog saya juga sering mereview beberapa resource..
          silahkan email saya di jakazulham@gmail.com agar saya buat username anda di blog ini.

  • http://dreammy.hourb.com Ikhsan

    KEREN!!!

    • http://psdesain.net/ Jaka

      Silahkan diikuti tutorialnya mas ikhsan :)

  • Ramadhan

    Masi bingung caranya bikin :( maklum newbie banget . ada videonya ga?

    • http://psdesain.net/ Jaka

      Videonya belum ada mas ramadhan.
      Tanyakan saja bagian mana yang menjadi hambatan anda?

  • niken

    aduh aku newbie kebangetan . ga bisa :(

    • http://psdesain.net/ Jaka

      Bagian mana yang membuat anda terhambat mbak Niken?

  • http://twitter.com/tut_web Tutorial Web Design

    Very nice :)

  • andi

    ijin copas gan