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.
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
Kemudian Aktifkan Gradient Tool (G).
Dengan warna Gradasi #0e7ac5 dan #b5e0ff
Tipe Radial Gradient.
Langkah 2
Buat Lingkaran dengan Ellipse Tool (U).
beri warna hitam.
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.
Maka kita akan mendapatkan hasil sebagai berikut ini.
Langkah 3
Kembali gunakan Ellipse Tool (U), buat lingkaran dengan warna putih berada di bawah layer shape yang ada pada langkah 2 diatas.
Untuk Layer ini beri layer style dengan komposisi sebagai berikut ini.
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.
Untuk Garis posisi menit gunakan Line Tool. Dengan warna grey.
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.
Selanjutnya buat angka jam dengan Horizontal Type Tool (T), untuk angka bisa menggunakan font yang anda sukai, disini kita akan menggunakan century gothic.
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.
Untuk jarum jam pendek kita beri layer style seperti berikut ini.
Dan untuk jarum panjang kita beri layer style berikut.
sehingga akan terlihat seperti gambar berikut ini.
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.
Beri layer style jarum detik ini seperti berikut ini.
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.
Beri layer Style seperti berikut ini.
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.
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.
Beri layer tersebut gradient dengan komposisi seperti gambar berikut ini
Kemudian buat persegi dengan Rectangle Tool, dengan arah vertical dan horizontal, seperti huruf T. dan beri layer style dengan gradient style seperti diatas.
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.
Posisikan shape yang kita buat tadi diatas jam seperti posisi sebuah lonceng di alarm.
Lalu beri layer stylee dengan komposisi sebagai berikut.
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.
Aktifkan Rectangle Tool, buat persegi sebagai tiang lonceng tersebut, dan beri layer style gradient tool.
Buat dibelakang lonceng sebuah shape hitam, agar lonceng terlihat sempurna.
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.
Langkah 6
Untuk bagian akhir kita beri bayangan pada jam weker ini. merge seluruh layer kecuali layer background dan latar belakang gradient.
Aktifkan Rectangle Tool, beri warna hitam, kemudian buat sebuah lingkaran dibawah jam lalu klik menu filter-Blur-Gaussin blur 55 px
Setelah itu duplikat layer jam, flip vertical kemudian beri mask layer pada layer tersebut, lalu beri gradient, supaya terlihat bayangan seperti diatas meja kaca.
Alhamdulillah!
Selesai sudah tutorial kita pada kesempatan ini, dan berikut adalah icon alarm yang kita buat di 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.
gambar dibawah ini adalah icon alarm yang kita buat.
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
Kemudian Aktifkan Gradient Tool (G).
Dengan warna Gradasi #0e7ac5 dan #b5e0ff
Tipe Radial Gradient.
Langkah 2
Buat Lingkaran dengan Ellipse Tool (U).
beri warna hitam.
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.
Maka kita akan mendapatkan hasil sebagai berikut ini.
Langkah 3
Kembali gunakan Ellipse Tool (U), buat lingkaran dengan warna putih berada di bawah layer shape yang ada pada langkah 2 diatas.
Untuk Layer ini beri layer style dengan komposisi sebagai berikut ini.
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.
Untuk Garis posisi menit gunakan Line Tool. Dengan warna grey.
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.
Selanjutnya buat angka jam dengan Horizontal Type Tool (T), untuk angka bisa menggunakan font yang anda sukai, disini kita akan menggunakan century gothic.
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.
Untuk jarum jam pendek kita beri layer style seperti berikut ini.
Dan untuk jarum panjang kita beri layer style berikut.
sehingga akan terlihat seperti gambar berikut ini.
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.
Beri layer style jarum detik ini seperti berikut ini.
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.
Beri layer Style seperti berikut ini.
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.
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.
Beri layer tersebut gradient dengan komposisi seperti gambar berikut ini
Kemudian buat persegi dengan Rectangle Tool, dengan arah vertical dan horizontal, seperti huruf T. dan beri layer style dengan gradient style seperti diatas.
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.
Posisikan shape yang kita buat tadi diatas jam seperti posisi sebuah lonceng di alarm.
Lalu beri layer stylee dengan komposisi sebagai berikut.
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.
Aktifkan Rectangle Tool, buat persegi sebagai tiang lonceng tersebut, dan beri layer style gradient tool.
Buat dibelakang lonceng sebuah shape hitam, agar lonceng terlihat sempurna.
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.
Langkah 6
Untuk bagian akhir kita beri bayangan pada jam weker ini. merge seluruh layer kecuali layer background dan latar belakang gradient.
Aktifkan Rectangle Tool, beri warna hitam, kemudian buat sebuah lingkaran dibawah jam lalu klik menu filter-Blur-Gaussin blur 55 px
Setelah itu duplikat layer jam, flip vertical kemudian beri mask layer pada layer tersebut, lalu beri gradient, supaya terlihat bayangan seperti diatas meja kaca.
Alhamdulillah!
Selesai sudah tutorial kita pada kesempatan ini, dan berikut adalah icon alarm yang kita buat di 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.
0 Response to "membuat icon alarm di photoshop"
Post a Comment