Membuat Petunjuk Jalan Dengan Photoshop

Sep 9th, 2008

Sering kali kita melewati jalan-jalan raya dan biasanya kita melihat adanya penunjuk jalan, sekarang kita akan mencoba membuatnya dengan menggunakan photoshop 7 maupun CS3. Pada tutorial ini menggunakan tools yang sederhana seperti marquee tool dan bucket tool sehingga mudah untuk di ikuti, langkah-langkahnya sebagai berikut:

  1. Buat file baru dengan ukuran 500×500 pixel dengan resolusi 300 pixel/inch.
  2. Set foreground color dengan #3978ec dan background color #ffffff. Pilih paint bucket tool (ketik “G”) dan apply di background layer yang sudah dibuat.
  3. Kita akan membuat latar awan atau langit biru sebagai latar belakang. Pilih filter > render > cloud, Sehingga seperti gambar contoh.

gambr1gb2

  1. Kita akan mulai membuat penunjuk jalan. Buat layer baru beri nama plank1 diatas layer background, buatlah kotak dengan memilih new selection – rectangular marquee tool (ketik “M”), ukuran sesuai dengan selera atau design. Saya menggunakan 340×200 dengan warna #ffffff.
  2. Pilih layer plank1 dengan “ctrl+click” sehingga kotak yang sebelumnya kita buat dipilih kembali. Pilih select>modify>contract, isikan dengan nilai 8. Dan isikan dengan warna #0b8216.

gb3gb4

  1. Pilih type tool (ketik “T”) kemudian tuliskan arah penunjuk jalan yang di inginkan. Sesuaikan font yang mirip dengan penunjuk jalan.
  2. Pilih custom shape tool (ketik “U”) dan pilih panah dan atur sesuai dengan penunjuk jalan.

gb5

  1. Sekarang kita akan membuat baut penempel agar terlihat lebih nyata. Buat layer baru dan beri nama baut1 dan pilih elliptical marquee tool dan kasih warna #dcdcdc. Pilih layer baut1 dan klik kanan pilih blending options. Pilih inner shadow dan isikan nilainya sesuai dengan gambar.
  2. Pilih select>modify>contract dengan nilai 3 dan isikan warna lebih gelap #242924.
  3. Duplicate layer baut1 sesuai dengan kebutuhan.

gb6

  1. Jadilah penunjuk jalan kita, tinggal menambahkan tiangnya saja sebagai pemanis dan tata letaknya. Saya menambahkan tiang dua buah tiang penyangga.

  • Share/Bookmark
Tags:
Filed Under: komputer, tutorial

Leave a Reply