Senin, 03 Januari 2011

Membuat Mouse Komputer,


Tutorial Photoshop berikut  adalah tutorial photoshop membuat mouse komputer, membuat mouse komputer pada photoshop tidaklah susah, kepandaian dalam memainkan pen tool, path dan effect warna merupakan kuncinya.
Namun untuk mengikuti tutorial photoshop ini, baiknya harus mengerti dahulu pembuatan path pada photoshop.
Sebenarnya saya malas buat tutorial photoshop seperti ini, karena stepnya yang banyak, namun sebagai rasa terima kasih saya kepada teman-teman paranarsis yang selalu mengunjungi dan bertanya kapan muncul tutorial yang baru saya pun mencoba menulis tutorial photoshop
Semoga tutorial photoshop ini bisa bermanfaat buat teman-teman semua ya.

FInal  Image

Step 1.

Buka new document pada software photoshop, untuk ukuran saya menggunakan 500×500 px.

Step 2.

Buat new layer ( Shift+Ctrl+N ). Lalu persiapkan Pen toolnya. Gunakan warna #171717. Sebelum menggunakan, ubah pen tool menjadi shape layer pada pentool bar. Setelah itu, buat segitiga seperti gambar di bawah.
http://lh6.ggpht.com/_GMjfiEXSSQY/TLSwx_LyfSI/AAAAAAAAAzs/ebvJneeVsG0/s512/1.jpg

Step 3.

Gunakan Direct Selection Tool ( A ) untuk membuat bentuk mouse komputer yang di inginkan. Pilih salah satu titik yang ingin di tambahkan. Pada gambar di bawah saya tandai dengan warna merah, setelah itu klik kanan pilih Add Achor Point.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSwx1JpspI/AAAAAAAAAzw/vJIxMXQwB-0/2.jpg

Step 4.

Klik, tahan lalu tarik point yang udah dibuat tadi keluar, dan bentuk seperti gambar di bawah.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSwyViGs0I/AAAAAAAAAz0/VOHUbAup6gU/3.jpg

Step 5.

Setelah itu dengan cara yang sama buat point-point lainnya dan bentuk seperti gambar di bawah.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSwyS82LEI/AAAAAAAAAz4/zs_NUscmSoI/4.jpg
hasilnya seperti ini.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSwygxRyHI/AAAAAAAAAz8/SA_N4KNgHqk/5.jpg

Step 6.

Klik kanan pada layer path tadi di layer menu, lalu pilih blending option, setelah itu sesuaikan seperti tampak di bawah.
http://lh3.ggpht.com/_GMjfiEXSSQY/TLSxkf797JI/AAAAAAAAA0I/awzFg8UeTgs/8.jpg

Step 7.

Jadinya seperti ini..
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSxkgqB8oI/AAAAAAAAA0M/fOd0vbMc78A/9.jpg

Step 8.

Sekarang kita akan coba membuat bentuk lainnya. Duplicate path yang tadi, setelah itu dengan direct selection tool (A), bentuk menjadi seperti gambar di bawah. Gunakan imajinasinya ya ^^.Dengan directions selection tool tarik point ke dalam.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSxkrwCf0I/AAAAAAAAA0Q/9fTYepmO9QQ/10.jpg

Step 9.

Setelah itu hilangkan point-poin yang tidak berguna untuk menjadikan bentuknya lebih sederhana, caranya klik kanan pada direct selection tool di pointnya lalu pilih delete anchor poin untuk menghilangkan pointnya sehingga garis pathnya tidak terputus..
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSycBoYU3I/AAAAAAAAA0U/xhAAuatcSYw/11.jpg
begitu juga yang di sebelahnya, gunakan imaginasinya ya. Jadinya ntar seperti ini. Saya kurangi opacity, path di bawah untuk melihat detailnya..
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSycKK8nTI/AAAAAAAAA0Y/QjRpggDCFVc/12.jpg

Step 10.

Pilih path yang di atas setelah itu copy ( Ctrl+C) lalu paste ( Ctrl+v) setelah itu tekan atas 2 x dan kanan 6x. Setelah tu pilih di bar atas pen tool, subtract.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSycbJ-5yI/AAAAAAAAA0c/FHtzYSJe9uw/13.jpg

Step 11.

Pada blending option beri warna hitam.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSycX6XzGI/AAAAAAAAA0g/Kbi5m32A69U/s512/14.jpg

Step 12.

Dengan direct selection tool. Masukkan point atas ke dalam agar path hitamnya kelihatan membentuk garis, dan point ke bawah di masukkan agar path hitamnya tidak klihatan.
http://lh3.ggpht.com/_GMjfiEXSSQY/TLSycRoV2CI/AAAAAAAAA0k/U9T67gPnhuA/15.jpg
Gunakan imajinasi, kurang lebih jadinya seperti ini.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSyv4fhc_I/AAAAAAAAA0o/ZpDtfdqytMo/16.jpg

Step 13.

Duplicate lagi path tersebut, setelah itu dengan cara yang sama buat lagi di atasnya.Rapikan dengan Direct selection tool. Penambahan point baru atau menghilangkan point juga tidak masalah yang jelas mengerti bagaimana maksudnya. Dan jadinya seperti ini.
http://lh6.ggpht.com/_GMjfiEXSSQY/TLSyv7sKw4I/AAAAAAAAA0s/O_WbzlfTcC0/17.jpg

Step 14.

Buat layer baru, dengan pen tool bentuk bagian paling dalam.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSywK7bqcI/AAAAAAAAA0w/uwusEh0TPfs/18.jpg

Step 15.

Rapikan dengan Direct Selection Tool (A).
http://lh3.ggpht.com/_GMjfiEXSSQY/TLSywCfeZRI/AAAAAAAAA00/-CQvtmbAiJ0/s512/19.jpg

Step 16.

Pada Blending option berikan warna gradasi biru gelap ( #010660)  ke biru terang ( # 115adf ). Radial, dan pada saat itu tentukan birunya berada di tempat merah, dan jangan lupa untuk klik reverse untuk membalik warnanya.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSywVUnZoI/AAAAAAAAA04/X7_yCC905rQ/20.jpg

Step 17.

Hasilnya seperti ini. Setelah penambahan inner Glow ( setingnya sama seperti sebelumya ).
http://lh3.ggpht.com/_GMjfiEXSSQY/TLSzpDJiobI/AAAAAAAAA08/bu9W0VbBc9A/21.jpg

Step 17.

Dan untuk penambahannya lagi tambahkan inner shadow ( lihat setingnya di bawah, gunakan biru terang #0359fa).
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSzpdJ2LwI/AAAAAAAAA1A/ZUkLHnkr77M/22.jpg
Jadinya seperti ini.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSzpadnmxI/AAAAAAAAA1E/pBxmfHi72UQ/23.jpg

Step 18.

Step selanjutnya, masih pada layer path tadi gunakan  pen tool dan direct selection tool untuk merapikan, buat bentuk seperti di bawah.
http://lh6.ggpht.com/_GMjfiEXSSQY/TLSzpfOsGtI/AAAAAAAAA1I/3g8AK-5bNQM/24.jpg
Dan lakukan lagi pemotongan seperti pada step 10.
http://lh6.ggpht.com/_GMjfiEXSSQY/TLSzpvYX4CI/AAAAAAAAA1M/AQdqia59wmo/25.jpg

Step 19.

Buat layer baru, dan buat path lagi dengan pen tool seperti pada step 19 dan rapikan dengan direct selection tool, dan beri warna hitam.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLS0N2Dl3CI/AAAAAAAAA1Q/85rKt3R7LZs/26.jpg

Step 20.

Duplicate layer path barusan dan dengan direction tool kecilkan ukuran skala agak kedalam. Lalu seting warnanya seperti pada step 6.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLS_q3ek0NI/AAAAAAAAA18/BpUbQ1U1t-o/tinggal.jpg

Step 21.

Dan dengan cara seperti yang tadi-tadi,buat layer baru lalu dengan mengunakan pen tool dan direction tool bentuk scrool mousenya. Lalu beri warna putih ke abu-abuan #c2c2c2. Dan pada blending option tambahkan bayangan.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLS0OMbn9fI/AAAAAAAAA1U/DKxQE5GTkRc/27.jpg

Step 22.

Tambahkan juga lampu kecil dengan cara yang sama seperti di atas, dan beri warna #04f93e, setelah itu tambahkan outer glow pada blending optionnya.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLS0OKPjMkI/AAAAAAAAA1Y/4HuuUWJdLN0/s576/28.jpg

Step 23.

Nah sekarang pembuatan kabelnya, sama aja dengan cara-cara sebelumnya, gunakan pen tool dan rapikan dengan Direct selection tool dan beri warna seperti pada tahap pertama tadi yaitu abu-abu tua.D an letakkan layer kabel ini di paling bawah.
http://lh6.ggpht.com/_GMjfiEXSSQY/TLS0ODn5d8I/AAAAAAAAA1c/nO3obpmTuBc/29.jpg

Step 24.

Sekarang pilih path yang pada step 1 lalu buat bayangannya dengan blending option seperti di bawah.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLS0OY-iReI/AAAAAAAAA1g/uoehZrUcntc/30.jpg
Jadinya seperti ini.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLS1peveHrI/AAAAAAAAA1o/IlEgeipyRuk/31.jpg

Step 25.

Tinggal di tambahkan logonya.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLS1psbK8FI/AAAAAAAAA1s/8UfKzdpaYVI/32.jpg

Step 26.

Dan finishing dengan membuat background gradasi abu abu muda ke putih. Jadi deh mouse komputernya.
http://lh3.ggpht.com/_GMjfiEXSSQY/TLS1ppIcstI/AAAAAAAAA1w/bDQ5Xu6Jrqg/33.jpg
Semoga tutorial ini tidak terlalu sulit di ikuti ya, pada dasarnya penguasaan path dan pen tool sangatlah di perlukan untuk mengikuti tutorial ini.
Terima kasih semua bagi yang udah ikuti tutorialnya, semoga jelas dan mudah di pahami ya?? bagi yang kurang ngerti silahkan add FB dan follow my Twitter ya.
Salam Narsis.
* jika postingan ini menarik jangan segan-segan sharing dengan kawan-kawanmu dengan memilih salah satu gambar di bawah, terima kasih

0 komentar:

Posting Komentar

Senin, 03 Januari 2011

Membuat Mouse Komputer,

Diposting oleh Annisa Fauziah di 20.25

Tutorial Photoshop berikut  adalah tutorial photoshop membuat mouse komputer, membuat mouse komputer pada photoshop tidaklah susah, kepandaian dalam memainkan pen tool, path dan effect warna merupakan kuncinya.
Namun untuk mengikuti tutorial photoshop ini, baiknya harus mengerti dahulu pembuatan path pada photoshop.
Sebenarnya saya malas buat tutorial photoshop seperti ini, karena stepnya yang banyak, namun sebagai rasa terima kasih saya kepada teman-teman paranarsis yang selalu mengunjungi dan bertanya kapan muncul tutorial yang baru saya pun mencoba menulis tutorial photoshop
Semoga tutorial photoshop ini bisa bermanfaat buat teman-teman semua ya.

FInal  Image

Step 1.

Buka new document pada software photoshop, untuk ukuran saya menggunakan 500×500 px.

Step 2.

Buat new layer ( Shift+Ctrl+N ). Lalu persiapkan Pen toolnya. Gunakan warna #171717. Sebelum menggunakan, ubah pen tool menjadi shape layer pada pentool bar. Setelah itu, buat segitiga seperti gambar di bawah.
http://lh6.ggpht.com/_GMjfiEXSSQY/TLSwx_LyfSI/AAAAAAAAAzs/ebvJneeVsG0/s512/1.jpg

Step 3.

Gunakan Direct Selection Tool ( A ) untuk membuat bentuk mouse komputer yang di inginkan. Pilih salah satu titik yang ingin di tambahkan. Pada gambar di bawah saya tandai dengan warna merah, setelah itu klik kanan pilih Add Achor Point.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSwx1JpspI/AAAAAAAAAzw/vJIxMXQwB-0/2.jpg

Step 4.

Klik, tahan lalu tarik point yang udah dibuat tadi keluar, dan bentuk seperti gambar di bawah.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSwyViGs0I/AAAAAAAAAz0/VOHUbAup6gU/3.jpg

Step 5.

Setelah itu dengan cara yang sama buat point-point lainnya dan bentuk seperti gambar di bawah.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSwyS82LEI/AAAAAAAAAz4/zs_NUscmSoI/4.jpg
hasilnya seperti ini.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSwygxRyHI/AAAAAAAAAz8/SA_N4KNgHqk/5.jpg

Step 6.

Klik kanan pada layer path tadi di layer menu, lalu pilih blending option, setelah itu sesuaikan seperti tampak di bawah.
http://lh3.ggpht.com/_GMjfiEXSSQY/TLSxkf797JI/AAAAAAAAA0I/awzFg8UeTgs/8.jpg

Step 7.

Jadinya seperti ini..
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSxkgqB8oI/AAAAAAAAA0M/fOd0vbMc78A/9.jpg

Step 8.

Sekarang kita akan coba membuat bentuk lainnya. Duplicate path yang tadi, setelah itu dengan direct selection tool (A), bentuk menjadi seperti gambar di bawah. Gunakan imajinasinya ya ^^.Dengan directions selection tool tarik point ke dalam.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSxkrwCf0I/AAAAAAAAA0Q/9fTYepmO9QQ/10.jpg

Step 9.

Setelah itu hilangkan point-poin yang tidak berguna untuk menjadikan bentuknya lebih sederhana, caranya klik kanan pada direct selection tool di pointnya lalu pilih delete anchor poin untuk menghilangkan pointnya sehingga garis pathnya tidak terputus..
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSycBoYU3I/AAAAAAAAA0U/xhAAuatcSYw/11.jpg
begitu juga yang di sebelahnya, gunakan imaginasinya ya. Jadinya ntar seperti ini. Saya kurangi opacity, path di bawah untuk melihat detailnya..
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSycKK8nTI/AAAAAAAAA0Y/QjRpggDCFVc/12.jpg

Step 10.

Pilih path yang di atas setelah itu copy ( Ctrl+C) lalu paste ( Ctrl+v) setelah itu tekan atas 2 x dan kanan 6x. Setelah tu pilih di bar atas pen tool, subtract.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSycbJ-5yI/AAAAAAAAA0c/FHtzYSJe9uw/13.jpg

Step 11.

Pada blending option beri warna hitam.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSycX6XzGI/AAAAAAAAA0g/Kbi5m32A69U/s512/14.jpg

Step 12.

Dengan direct selection tool. Masukkan point atas ke dalam agar path hitamnya kelihatan membentuk garis, dan point ke bawah di masukkan agar path hitamnya tidak klihatan.
http://lh3.ggpht.com/_GMjfiEXSSQY/TLSycRoV2CI/AAAAAAAAA0k/U9T67gPnhuA/15.jpg
Gunakan imajinasi, kurang lebih jadinya seperti ini.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSyv4fhc_I/AAAAAAAAA0o/ZpDtfdqytMo/16.jpg

Step 13.

Duplicate lagi path tersebut, setelah itu dengan cara yang sama buat lagi di atasnya.Rapikan dengan Direct selection tool. Penambahan point baru atau menghilangkan point juga tidak masalah yang jelas mengerti bagaimana maksudnya. Dan jadinya seperti ini.
http://lh6.ggpht.com/_GMjfiEXSSQY/TLSyv7sKw4I/AAAAAAAAA0s/O_WbzlfTcC0/17.jpg

Step 14.

Buat layer baru, dengan pen tool bentuk bagian paling dalam.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSywK7bqcI/AAAAAAAAA0w/uwusEh0TPfs/18.jpg

Step 15.

Rapikan dengan Direct Selection Tool (A).
http://lh3.ggpht.com/_GMjfiEXSSQY/TLSywCfeZRI/AAAAAAAAA00/-CQvtmbAiJ0/s512/19.jpg

Step 16.

Pada Blending option berikan warna gradasi biru gelap ( #010660)  ke biru terang ( # 115adf ). Radial, dan pada saat itu tentukan birunya berada di tempat merah, dan jangan lupa untuk klik reverse untuk membalik warnanya.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSywVUnZoI/AAAAAAAAA04/X7_yCC905rQ/20.jpg

Step 17.

Hasilnya seperti ini. Setelah penambahan inner Glow ( setingnya sama seperti sebelumya ).
http://lh3.ggpht.com/_GMjfiEXSSQY/TLSzpDJiobI/AAAAAAAAA08/bu9W0VbBc9A/21.jpg

Step 17.

Dan untuk penambahannya lagi tambahkan inner shadow ( lihat setingnya di bawah, gunakan biru terang #0359fa).
http://lh4.ggpht.com/_GMjfiEXSSQY/TLSzpdJ2LwI/AAAAAAAAA1A/ZUkLHnkr77M/22.jpg
Jadinya seperti ini.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLSzpadnmxI/AAAAAAAAA1E/pBxmfHi72UQ/23.jpg

Step 18.

Step selanjutnya, masih pada layer path tadi gunakan  pen tool dan direct selection tool untuk merapikan, buat bentuk seperti di bawah.
http://lh6.ggpht.com/_GMjfiEXSSQY/TLSzpfOsGtI/AAAAAAAAA1I/3g8AK-5bNQM/24.jpg
Dan lakukan lagi pemotongan seperti pada step 10.
http://lh6.ggpht.com/_GMjfiEXSSQY/TLSzpvYX4CI/AAAAAAAAA1M/AQdqia59wmo/25.jpg

Step 19.

Buat layer baru, dan buat path lagi dengan pen tool seperti pada step 19 dan rapikan dengan direct selection tool, dan beri warna hitam.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLS0N2Dl3CI/AAAAAAAAA1Q/85rKt3R7LZs/26.jpg

Step 20.

Duplicate layer path barusan dan dengan direction tool kecilkan ukuran skala agak kedalam. Lalu seting warnanya seperti pada step 6.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLS_q3ek0NI/AAAAAAAAA18/BpUbQ1U1t-o/tinggal.jpg

Step 21.

Dan dengan cara seperti yang tadi-tadi,buat layer baru lalu dengan mengunakan pen tool dan direction tool bentuk scrool mousenya. Lalu beri warna putih ke abu-abuan #c2c2c2. Dan pada blending option tambahkan bayangan.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLS0OMbn9fI/AAAAAAAAA1U/DKxQE5GTkRc/27.jpg

Step 22.

Tambahkan juga lampu kecil dengan cara yang sama seperti di atas, dan beri warna #04f93e, setelah itu tambahkan outer glow pada blending optionnya.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLS0OKPjMkI/AAAAAAAAA1Y/4HuuUWJdLN0/s576/28.jpg

Step 23.

Nah sekarang pembuatan kabelnya, sama aja dengan cara-cara sebelumnya, gunakan pen tool dan rapikan dengan Direct selection tool dan beri warna seperti pada tahap pertama tadi yaitu abu-abu tua.D an letakkan layer kabel ini di paling bawah.
http://lh6.ggpht.com/_GMjfiEXSSQY/TLS0ODn5d8I/AAAAAAAAA1c/nO3obpmTuBc/29.jpg

Step 24.

Sekarang pilih path yang pada step 1 lalu buat bayangannya dengan blending option seperti di bawah.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLS0OY-iReI/AAAAAAAAA1g/uoehZrUcntc/30.jpg
Jadinya seperti ini.
http://lh4.ggpht.com/_GMjfiEXSSQY/TLS1peveHrI/AAAAAAAAA1o/IlEgeipyRuk/31.jpg

Step 25.

Tinggal di tambahkan logonya.
http://lh5.ggpht.com/_GMjfiEXSSQY/TLS1psbK8FI/AAAAAAAAA1s/8UfKzdpaYVI/32.jpg

Step 26.

Dan finishing dengan membuat background gradasi abu abu muda ke putih. Jadi deh mouse komputernya.
http://lh3.ggpht.com/_GMjfiEXSSQY/TLS1ppIcstI/AAAAAAAAA1w/bDQ5Xu6Jrqg/33.jpg
Semoga tutorial ini tidak terlalu sulit di ikuti ya, pada dasarnya penguasaan path dan pen tool sangatlah di perlukan untuk mengikuti tutorial ini.
Terima kasih semua bagi yang udah ikuti tutorialnya, semoga jelas dan mudah di pahami ya?? bagi yang kurang ngerti silahkan add FB dan follow my Twitter ya.
Salam Narsis.
* jika postingan ini menarik jangan segan-segan sharing dengan kawan-kawanmu dengan memilih salah satu gambar di bawah, terima kasih

0 komentar on "Membuat Mouse Komputer,"

Posting Komentar