membuat icon alarm di photoshop

Selain untuk mengedit foto dan memanipulasi sebuah gambar, Photoshop juga bisa dipakai untuk menggambar sebuah icon. Seperti yang akan kita pelajari berikut ini, kita akan membuat icon di photoshop yaitu icon alarm. Kita akan menggunakan shape dan layer style yang ada di photoshop. icon alarm yang kita buat adalah sebuah jam weker dengan warna hitam.
gambar dibawah ini adalah icon alarm yang kita buat.

membuat icon alarm, icon photoshop,tutorial icon photoshop


Aplikasi : Adobe Photoshop CS6
Waktu : 2 Jam
Tingkat Kesulitan : Menengah


Berikut Tutorial Membuat icon alarm di photoshop

Langkah 1
Buat file baru di photoshop, klik menu file-New atau tekan Ctrl+N di keyboard.
width : 1500 px
Height : 2000 px
Resolution : 72

membuat icon alarm, icon photoshop,tutorial icon photoshop

Kemudian Aktifkan Gradient Tool (G).
Dengan warna Gradasi #0e7ac5 dan #b5e0ff
Tipe Radial Gradient.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Langkah 2
Buat Lingkaran dengan Ellipse Tool (U).
beri warna hitam.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Masih dengan Ellipse Tool (U), namun dengan tipe substract front shape, untuk memotong lingkaran pada bagian dalam lingkaran yang pertama.

Klik menu layer – layer style, kemudian beri layer style dengan komposisi style seperi gambar berikut ini.

membuat icon alarm, icon photoshop,tutorial icon photoshop

membuat icon alarm, icon photoshop,tutorial icon photoshop

membuat icon alarm, icon photoshop,tutorial icon photoshop

Maka kita akan mendapatkan hasil sebagai berikut ini.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Langkah 3
Kembali gunakan Ellipse Tool (U), buat lingkaran dengan warna putih berada di bawah layer shape yang ada pada langkah 2 diatas.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Untuk Layer ini beri layer style dengan komposisi sebagai berikut ini.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Selanjutnya kita buat garis posisi untuk angka jam ini, Gunakan Rectangle Tool, warna hitam.
Pertama buat garis untuk posisi 12 angka jam, kemudian buat garis untuk posisi menit jam ini.

membuat icon alarm, icon photoshop,tutorial icon photoshop

membuat icon alarm, icon photoshop,tutorial icon photoshop

Untuk Garis posisi menit gunakan Line Tool. Dengan warna grey.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Tips: Untuk membuat garis menit dan jam, kita buat bagian sebelah dulu kemudian kita mirrorkan dengan tranform horizontal atau vertical, terggantung bagian mana yang kita buat terlebih dahulu.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Selanjutnya buat angka jam dengan Horizontal Type Tool (T), untuk angka bisa menggunakan font yang anda sukai, disini kita akan menggunakan century gothic.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Untuk jarum jam kita pakai Rectangle Tool, dan untuk lingkaran tengah kita Ellipse Tool, disini kita akan buat jam 11.30. Buat lingkaran tepat di pusat lingkaran.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Untuk jarum jam pendek kita beri layer style seperti berikut ini.

membuat icon alarm, icon photoshop,tutorial icon photoshop

membuat icon alarm, icon photoshop,tutorial icon photoshop

Dan untuk jarum panjang kita beri layer style berikut.

membuat icon alarm, icon photoshop,tutorial icon photoshop

membuat icon alarm, icon photoshop,tutorial icon photoshop

sehingga akan terlihat seperti gambar berikut ini.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Kemudian buat jarum detik kita gunakan lingkaran dan persegi dengan warna merah, namun kita merge layer, dengan cara aktifkan layer lingkaran dan persegi panjang klik kanan pada layer pilih merge shape.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Beri layer style jarum detik ini seperti berikut ini.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Langkah 4
Pada Langkah ini kita akan membuat kaki jam weker ini, aktifkan Rounded Rectangle tool, kemudian buat sebuah persegi, bentuk persegi tersebut dengan Direct selection Tool (A), dengan menarik node yang ada di pinggir shape.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Beri layer Style seperti berikut ini.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Untuk bagian kaki yang kanan kita, duplikat saja shape yang kita buat tadi dengan layer style yang arah rotasinya berlawanan dengan shape yang sebelah kiri.

membuat icon alarm, icon photoshop,tutorial icon photoshop


Kemudian kita buat tombol yang ada diatas jam weker tersebut, yang fungsi tombol ini untuk menghentikan dering lonceng apabila tombol ini di tekan.
Aktifkan Rounded Rectangle Tool, Radius 20 px. Letakkan di bawah layer lingkaran jam yang kita buat pertama.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Beri layer tersebut gradient dengan komposisi seperti gambar berikut ini

membuat icon alarm, icon photoshop,tutorial icon photoshop

Kemudian buat persegi dengan Rectangle Tool, dengan arah vertical dan horizontal, seperti huruf  T. dan beri layer style dengan gradient style seperti diatas.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Baca Juga: Membuat Fantasy Angel di Photoshop

Langkah 5
Pada langkah ini kita akan membuat lonceng alarm ini, aktifkan Rounded Rectangle Tool, set radius menjadi 80 px. kemudian kita potong dengan Ellipse Tool, dengan tipe Substract Front Shape.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Posisikan shape yang kita buat tadi diatas jam seperti posisi sebuah lonceng di alarm.
Lalu beri layer stylee dengan komposisi sebagai berikut.

membuat icon alarm, icon photoshop,tutorial icon photoshop

membuat icon alarm, icon photoshop,tutorial icon photoshop

Seleksi shape lonceng tersebut dengan menekan Ctrl pada keyboard sambil klik layer shape tersebut.
setelah seleksi didapatkan pindahkan posisi seleksi sedikit kebawah lonceng, lalu aktifkan brush tool warna putih dan sapukan brush tersebut.
Hal ini untuk memberi pencahayaan pada bagian lonceng.
Biar lebih jelas lihat gambar berikut ini.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Aktifkan Rectangle Tool, buat persegi sebagai tiang lonceng tersebut, dan beri layer style gradient tool.

membuat icon alarm, icon photoshop,tutorial icon photoshop

membuat icon alarm, icon photoshop,tutorial icon photoshop

Buat dibelakang lonceng sebuah shape hitam, agar lonceng terlihat sempurna.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Untuk bagian lonceng sebelah kanan cukup kita duplikat lonceng yang sebelah kiri.kemudian kita satukan semua layer tersebut dengan merge shape. kemudian aktifkan fungsi transorm- klik kanan-Flip Horizontal.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Langkah 6
Untuk bagian akhir kita beri bayangan pada jam weker ini. merge seluruh layer kecuali layer background dan latar belakang gradient.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Aktifkan Rectangle Tool, beri warna hitam, kemudian buat sebuah lingkaran dibawah jam lalu klik menu filter-Blur-Gaussin blur 55 px

membuat icon alarm, icon photoshop,tutorial icon photoshop

membuat icon alarm, icon photoshop,tutorial icon photoshop

Setelah itu duplikat layer jam, flip vertical kemudian beri mask layer pada layer tersebut, lalu beri gradient, supaya terlihat bayangan seperti diatas meja kaca.

membuat icon alarm, icon photoshop,tutorial icon photoshop

membuat icon alarm, icon photoshop,tutorial icon photoshop

Alhamdulillah!
Selesai sudah tutorial kita pada kesempatan ini, dan berikut adalah icon alarm yang kita buat di photoshop.

membuat icon alarm, icon photoshop,tutorial icon photoshop

Demikianlah tutorial ini, semoga bermanfaat bagi kita semua, apabila ada sesuatu yang kurang dipahami,atau ada kritik maupun saran dari para pembaca semua, dengan senang hati saya akan menerimanya.

Silahkan sematkan komentar anda di kolom komentar dibawah.
Terima kasih.

Share this post