Photoshop Tutorial View RSS

Versi 2.0 | Belajar Tutorial Desain Photoshop
Hide details



It's a Revolution 14 Feb 2012 11:34 PM (12 years ago)

Oh My God..., akhirnya setelah sekian lama memimpikan punya domain dan hosting sendiri, akhirnya minggu ini aku bisa beli juga, nyahahahaha !

OK, dengan adanya blog baru yang lebih resmi, kalau mau nyari update-an terbaru langsung kesana aja (jangan lupa di bookmark alamat blog barunya ya, hehehe). Alamatnya di http://ajiproject.com/

Oh ya, blog baru ini ku tulis dalam bahasa inggris, biar go internasional (ciah...). Kamu bisa pakai browser google chrome untuk menterjemahkan arti kata-kata bahasa inggrisnya ke bahasa indonesia.

Yosh, itu aja. Selamat jalan-jalan ke blog baruku. New Blog, New Beginning, It's a Revolution !

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Wallpaper of The Week - Town Attacker 8 May 2010 11:58 PM (14 years ago)

Yap, setelah sekian lama ngga me-launching wallpaper of the week, akhirnya aku posting lagi satu. Kali ini aku pakai tema yang agak rusuh-rusuh dikit, hehehe... Trus yang jadi model kali ini adalah salah satu teman sekampus, wkwkwk... Ini dia wallpaper-nya.

Created by Aji - potoshopbro.blogspot.com

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Membuat Vista Style Avatar (versi sendiri) 8 May 2010 11:44 PM (14 years ago)

Ehem, tutorial kali ini agak beda dari biasanya. Kali ini saya memberikan langsung template berupa file psd dibanding memberikan tutorial cara membuatnya. Template-nya bisa di download di sini. Saya melakukan ini berhubung jadwal padat and tentunya kamu juga maunya prosesnya yang cepat tapi hasilnya sama kan ?. Mau tau cara pakenya ?. Kalau gitu kita langsung saja.

Langkah 1

Setelah mendownload file-nya, ekstrak file sehingga di dapat file template psd photoshop. Buka file tersebut dengan photoshop (atau di klik ganda aja). File yang terbuka mungkin kelihatan kecil. Untuk memperbesar ke ukuran optimal, klik Ctrl + 0.

Langkah 2
Nah, sekarang saatnya mengganti gambar default dengan gambar kita sendiri. OK, pertama siapkan foto atau gambar karakter kamu. Misalnya saya siapkan gambar Soul Eater di bawah ini.


  









Langkah 3
Potong gambar kamu dengan Crop tool. Ingat, potongannya harus kotak. Kotak alias persegi. Karena kita akan memasukkannya di template, dan kemungkinan gambar kamu gede banget ukurannya, perkecil dulu hasil Crop-annya. Klik Image > Image Size. Pada jendela Image Size, isikan angka 128 pada Width-nya. Ukuran Height-nya otomatis mengikuti. 
















Hasil Crop















Langkah 4
Sekarang beralih ke file template tadi. Pada panel Layer, scroll ke Layer paling bawah (Layer default). Nonaktifkan layer ini dengan cara mengklik tanda mata di sampingnya.

  
















Langkah 5
Kembali ke gambar kamu. Tarik gambar (dalam hal ini gambar soul eater saya) ke gambar template. Pastikan layernya (Layer 1) ada di bawah layer “fitur glass”. Kalau belum tarik layernya kebawah terus sampai letaknya persis di bawah layer “fitur glass”. Lalu atur ukuran dan letak gambarnya dengan Ctrl + T. Jadi deh...

   
















Hasilnya jadi seperti ini

 

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Sapa pembaca lagi neh 30 Apr 2010 3:41 AM (14 years ago)

Fyuh, saya baru sadar kalau sudah 2 bulan ga update blog. Alasannya sederhana, sok sibuk lantaran tugas kuliah (dan ngikutin kuliah) yang cucaaah... banget (ga sih, lebay). Blum lagi baru-baru ini mesti menghadapi ujian mid semester, fyuh...

Kalau ngga ada halangan, insya Allah saya akan bikin postingan baru lagi awal bulan Mei. OK, tunggu aja update-annya...

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Potoshopbro Brush Pack - season 2 7 Feb 2010 8:28 PM (14 years ago)

Fyuh, minggu ini masih sibuk karena sedang periode pengisian KRS. Jadinya saya belum sempat bikin tutorial baru (maaf ya...). Sebagai gantinya, saya bagikan lagi beberapa brush menarik untuk photoshop. Brush photoshop akan sangat membantu buat memperindah desain photoshopmu. Selamat mencoba...

Download di sini.

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Wallpaper of The Week - I am Chrome 31 Jan 2010 12:53 AM (15 years ago)

Fyuh, akhir-akhir ini aku jarang nge-net. Penghematan duit dulu, hehehe... maklum akhir bulan. OK, ceritanya wallpaper yang saya buat sekarang judulnya I am Chrome. Saya beri judul begitu karena pembuatannya menggunakan efek Chrome pada photoshop. Enjoy...



Created by Aji - potoshopbro.blogspot.com

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Wallpaper of The Week – Mio Akiyama Shadow Effect 24 Jan 2010 1:11 AM (15 years ago)

Hm..., karena saya masih dalam euforia nonton K-ON! (sumpah anime-nya kocak banget Gan...), jadi minggu ini wallpaper yang saya buat masih berhubungan dengan K-ON! (Jiah...).


Created by Aji - potoshopbro.blogspot.com
Kelihatan sederhana ya wallpaper-nya. Tapi tahukah kamu kalau bayangan character-nya saya buat sendiri ? (soalnya gambar aslinya tidak punya bayangan). Yap, butuh waktu semalam buat improvisasi seorang diri demi menemukan cara-nya dan menjalani trial error (beuh...). Tapi ngga taunya hasilnya malah KEREN.... (Gyahahaha...). Itupun saya masih dalam tahap penyempurnaan pembuatan bayangannya, hm...
OK, ditunggu komentar-nya.... 

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Potoshopbro Brush Pack – season 1 22 Jan 2010 6:21 PM (15 years ago)

Yosh !. Saya kepikiran lagi buat menambah kategori dari blog ini, yaitu Brush pack for photoshop, yeah... OK, rencananya saya mau membagi-bagikan brush photoshop secara gratis (memang gratis sih...) kepada pembaca. Itupun karena koleksi brush saya bejibun, dan ukuran file-nya juga ga main-main, maka dari itu saya mencicil brush yang akan di upload biar pembaca ngga jamuran nunggu download-nya, hehehe... Cara pakenya seperti yang saya jelaskan di postingan Magic Chaos Circle, atau simpan di C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Brushes. Tulisan CS3 di atas adalah versi photoshop yang saya gunakan, jadi namanya nanti tergantung versi photoshop kamu. Akhirnya, Salam potoshopbro dan selamat mencoba.

Download brush di sini.

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Potoshopbro New Format 22 Jan 2010 2:41 AM (15 years ago)

Pembaca, saya sudah memikirkan dengan matang tentang perubahan format postingan blog ini. Seperti yang kalian lihat, format postingan blog saya yang tadinya posting penuh dalam 1 halaman, sudah berubah jadi mode "Read more" atau dalam bahasa Indonesia "Baca Selengkapnya". Cara ini ternyata punya efek positif juga, hehehe... Misalnya, saya jadi bisa menampilkan beberapa posting sekaligus tanpa khawatir loading blog jadi lambat (malah loading-nya jadi cepat).

Kalau dulu dalam 1 halaman cuman 2-3 posting yang tampil, sekarang up to 8 posting per halaman !. Selain itu cara ini ternyata mengurangi kesusahan saya untuk melihat seluruh isi blog (dalam hal ini jumlah klik "Posting Sebelumnya").

Saya dulu sudah sering melihat blog dan website dengan format posting seperti ini, tapi saya masih malas mengubahnya. Ok ok, sekarang kan sudah dapat ilham, jadi lupakan saja masa lalu (malah ga nyambung neh). Intinya sih saya baru sadar kalo yang seperti ini efektif diterapkan pada blog, terutama pada postingan yang isinya panjang-panjang. Akhir kata, selamat surfing di potoshopbro new format...

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Obyek Emas 21 Jan 2010 6:48 PM (15 years ago)

Tumben nih lagi rajin update. Biasanya sebulan postingannya cuman 3 biji. Hehehe, faktor liburan semester neh, makanya otak jadi encer, beban sudah lepas.

Whew, jadi ngelantur. Topik kita kali ini adalah membuat obyek keemaasan. Gold version istilahnya. OK, kita mulai.

Langkah 1
Sediakan gambar yang akan di ubah. Pada contoh saya sertakan gambar ini. Rencananya gambar hp-nya yang mau di edit.


   










  
Langkah 2
Lakukan Desaturate dengan menekan Ctrl + Shift + U. Ini akan mengubah gambar jadi hitam putih. Setelah itu tekan Ctrl + J.

Langkah 3
Seleksi obyek (dalam gambar ini hp-nya) dengan menggunakan tool-tool seleksi seperti Pen tool, Polygonal Lasso tool atau semacamnya. Duplikasi lagi layer dengan Ctrl + J. Sekarang gambar hp jadi punya layer sendiri.



 













Langkah 4
Sekarang gunakan Layer > Layer Style > Blending Options dan centang Color Overlay. Pada menu Color Overlay, ubah warnanya dengan memasukkan code #f5d153. Ubah juga blend mode-nya ke Color Burn.



  


 















Langkah 5
Sekarang klik Images > Adjustment > Levels. Buat pengaturannya seperti ini.



  













Langkah 6
Terakhir, klik lagi Layer > Layer Style > Blending Options, centang Bevel and Emboss dan juga Contour. Pada menu Bevel and Emboss, buat pengaturan seperti ini.



  














Hasilnya seperti ini


 

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Wallpaper of The Week - ILKOM-ON! 17 Jan 2010 4:00 AM (15 years ago)

Yap, di versi 2.0 ini saya berpikir untuk membuat satu lagi penambahan isi blog, yaitu Wallpaper Design. Jadi ngga posting tutorial atau informasi tentang photoshop melulu. Adapun wallpaper design mode ini adalah wallpaper yang saya buat sendiri menggunakan photoshop, yang rencananya mau saya posting sekali seminggu.

OK, mengenai wallpaper yang mau di posting sekarang adalah ILKOM-ON!

Created by Aji – potoshopbro.blogspot.com

Dalam pembuatan wallpaper ini, saya terinspirasi pada desain tema K-ON! untuk Google Chrome. Saya tidak bermaksud menirunya, oleh karena itu saya memberikan sentuhan sendiri sebagai pembeda. Lagipula, pada wallpaper ini, yang jadi modelnya adalah saya dan teman-teman sekampus, wkwkwk... Mohon maaf kalo ada teman-teman (yang di dalam foto) yang kurang setuju, atau merasa ada yang salah, bisa langsung lapor di bagian komentar postingan ini, nanti gambarnya saya permak ulang. Tapi kalo senang atas wallpaper ini, alhamdulillah, hehehe...

Di tunggu komentarnya...

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Magic Chaos Circle (+ Efek Bingkai Film) 16 Jan 2010 5:43 PM (15 years ago)

Yahoo semua..., sudah lama nih ngga posting tutorial. Sesuai janji, karena sekarang ujian sudah selesai, saya posting lagi tutorial yang baru.

Kali ini kita akan membahas penggunaan salah satu brush photoshop yang bernama chaos circle. Untuk memakainya bisa di download di sini (file type abr.). Setelah mendownload, ekstrak dulu dengan winzip atau yang sejenisnya. Buka photoshop kamu, lalu kembali ke jendela explorer dan klik ganda pada file brush tersebut. Voila, brush baru muncul di galeri brush photoshopmu (untuk melihatnya, klik pada brush tool dan lihat di bagian panel brushes). Oh ya, kalau tidak salah brush ini cuma bekerja pada photoshop versi CS (saya sendiri menggunakan CS3).

















OK, persiapan awal sudah selesai. Kita mulai.


Langkah 1
Siapkan gambar awal. Untuk contoh saya gunakan gambar ini.


   









Langkah 2

Sekarang klik Rectangle tool. Lalu pada panel di bagian atas klik Fill pixels . Warna foregroundnya adalah hitam

 
  

Pilih yang ini. 


Buat layer baru dengan mengklik Ctrl + Shift + N. Lalu buat kotak hitam di bagian atas. Seperti ini (rencananya ini untuk bingkai ala film layar lebarnya).




 





  
Sekarang tekan Ctrl + J untuk menduplikasi layer. Tarik kotak hitam yang tadi dibuat dan tarik ke bawah sehingga menjadi seperti ini.










  
Langkah 3
OK, sekarang bagian brush-nya. Buat lagi layer baru (Ctrl + Shift + N). Klik brush tool, lalu akses panel brushes di sebelah kanan dan pilih salah satu brush chaos circle yang tadi sudah dimasukkan. (Untuk penggunaan warna foreground-nya terserah pembaca. Kalau saya pakai warna merah). Ukuran master diameternya silakan disesuaikan sendiri.

Klik brush-nya pada gambar (untuk tipe brush ini, brush-nya di klik bukan disapukan).


 

  






Langkah 4
Kita akan mengubah ukuran dan sudut pandang brush-nya. Jadi sekarang tekan Ctrl + T. Lihat panel yang muncul bagian atas.



Yang akan kita rubah adalah huruf H (horizontal) dan V (vertical) yang terletak di paling kanan. Arahkan kursor ke huruf tersebut, maka bentuknya akan berubah jadi tanda panah dengan 2 arah. Tahan klik pada saat bentuk kursor berubah, dan geser ke kiri atau ke kanan. Sebagai contoh, saya menggeser H ke kanan dan V saya geser ke kiri. Jika bentuk brush sudah mulai terlihat melewati batas gambar, perkecil dulu dengan menarik tepi seleksi dari transform ini. Atur juga letak dan rotasi brush-nya dengan menariknya sesuai gambar. Kalau sudah tekan Enter. Hasilnya jadi seperti ini.


 









Langkah 5
Gunakan Eraser tool untuk menghapus sisi lingkaran bagian atas yang menghalangi gambar.




  





  
Langkah 6
Terakhir, gunakan efek blending untuk lingkaran, dengan mengklik Layer > Layer Style > Blending Options. Lalu centang opsi Outer Glow. Pada jendela Outer Glow, geser Opacity-nya jadi 100 %. Hasil akhirnya jadi seperti ini (kamu bisa tambahkan font sendiri).




  

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Happy birthday my blog... 2 Jan 2010 6:12 PM (15 years ago)

Woohoo..., alhamdulillah akhirnya potoshopbro sampai juga di umur 1 tahun, pada tanggal 3 januari ini. And tentunya versi 2.0 pun sudah mencapai final release alias bukan beta lagi, karena sudah dipatenkan hari ini, hahaha... Untuk merayakannya, saya mentraktir diri sendiri makan di KFC (jarang-jarang makan KFC neh...).

Hm..., tapi saya harus minta maaf belum bisa posting tutorial untuk sementara waktu. Kenapa, karena minggu depan ujian akhir dimulai !. Wew..., perang lagi nih. Mana tugas dari dosen bejibun lagi (lho, kok jadi curhat colongan). Jadi tunggu saja, setelah ujian pasti saya posting lagi kok.

Oh iya, ada usul dari teman untuk membeli nama domain sendiri buat blog photoshop ini. Saya setuju aja sih. Tapi tertumbuk di biaya hosting yang mahal banget buat sebulannya (untuk ukuran mahasiswa, 140 ribu itu mahal, perbulan lagi). Akhirnya saya mencoba untuk membeli domain dulu, sekedar jaga-jaga. Rencananya sih mau pake tehnik kustom domain blogger, jadi cuma domain di ganti, hosting tetap gratisan karena lewat blogger. Tapi lagi-lagi tertumbuk pada pengaturan dns-nya yang bikin pusing tujuh keliling. Terus saya lihat kalo beli domain lewat blogger pengaturan dns-nya bisa otomatis. Hm..., sialnya karena bayarnya pake kartu kredit. Saya tanya di bank, persyaratan bikin kartu kredit tuh minimal harus sudah kerja alias punya penghasilan sendiri. Weks, masih mahasiswa neh, konsen ke IP dulu, wkwkwk... Alternatifnya sih yang belum kerja juga bisa, tapi setoran awalnya itu gila-gilaan. Mau di wakilin ortu, kayaknya semester ini belum sempat pulang kampung. Yah, terpaksa deh, nunggu sampai saya pulkam dulu, buat bikin kartu kredit, hehehe... So untuk sementara domain blog ini tetap blogspot.com dulu.

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Potoshopbro beta project - part 2 20 Dec 2009 11:38 PM (15 years ago)

Tambahan dari postingan sebelumnya, kali ini saya memasukkan fitur google translator. Gunanya tentu saja menterjemahkan seluruh isi blog (yang tadinya bahasa Indonesia) ke bahasa lain (inggris misalnya) secara otomatis atau manual (terserah pengunjung). Nah, dengan begitu pengunjung dari negara lain tidak akan kesulitan membaca isi blog ini. Yah, kalau dipikir, selama ini pengunjung dari negara lain pasti kesulitan membaca dalam bahasa Indonesia, dan akhirnya pergi begitu saja (huhuhu). Tapi sekarang semuanya akan berubah, hahahaha.... Oh, thanks God sudah mau menunjukkan pemecahan masalah komunikasi dari blog ini, hehehe....

Bagaimanapun, ketika menterjemahkan ke bahasa lain, ada beberapa kata yang tidak berubah. Ada juga beberapa kalimat yang jadi tidak rapi setelah proses penterjemahan. Mohon dimaklumi.

Buat yang mau coba google translator bisa langsung pergi ke link yang sudah saya sertakan di atas.

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Potoshopbro beta project 8 Dec 2009 7:42 PM (15 years ago)


Yeah..., akhirnya potoshopbro sudah masuk tahap beta project, dan berikut ini beberapa perubahan di versi 2.0 nanti.


New  Tema / template baru. Template yang di pakai di versi 2.0 adalah Bcute, seperti yang sudah saya posting di postingan alpha project. Template ini juga sudah dilengkapi fitur pencarian isi blog (search), RSS blog, dan RSS komentar. Komplit deh pokoknya.

New  Link TOP postingan. Berisi postingan-postingan yang saya rekomendasikan.

Improved Mulai dari versi baru nanti postingannya akan saya improvisasi sehingga lebih bermutu, namun tetap di buat singkat dan mudah dipahami. Kecepatan loading blog juga sudah bisa dikategorikan lumayan. Kecepatan loading blog di potoshopbro 1.0 kira-kira sekitar 3-6 detik. Di potoshopbro 2.0, kecepatannya naik dua kali lipat jadi 2-3 detik saja !


Hal lain yang berubah :
plugin di kurangi : demi melancarkan loading blog, hampir semua plugin blog potoshopbro sebelumya saya hilangkan.
Alasan lainnya adalah karena SEO blog. Karena blog/web yang terlalu banyak dipasangi javascript, akan susah menaikkan rankingnya dibanding blog/web yang tanpa javascript.

Chatbox dihilangkan : Chatbox atau sejenisnya seperti pedang bermata dua (cie...). Sisi positifnya adalah pemilik blog (saya) dengan pembaca bisa terjalin komunikasi langsung lewat chat. Sisi negatifnya (dan ini yang sering terjadi), adalah chatbox dijadikan tempat komentar tentang blog. Salah tempat kan... Seharusnya komentar itu langsung di postingan, bukan di chatbox. Selain itu, ada tipe pengunjung yang seenaknya menitipkan link di chatbox tanpa komentar di postingan terlebih dahulu. Kata-kata seperti promosi atau sejenisnya terkesan basi (di mata saya). Kenapa tidak komentar dulu di postingan baru menitipkan link, kan sama-sama menguntungkan. Blog ini menganut sistem “You comment in post I follow, You comment in chatbox ngga bakalan gue follow” (sori emosi). Karena itu akhirnya saya memutuskan untuk menghilangkan fitur ini. Mohon dimaklumi. 

Yah, kira-kira itu saja pemberitahuan di beta project ini. Tutorial bisa di lihat setelah postingan ini. Selamat berkreasi...

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Latar Bayangan (Yokune Ruko Wallpaper) 11 Nov 2009 9:51 PM (15 years ago)

Pada bahasan kali ini saya akan membahas salah satu style yang sering digunakan dalam pembuatan wallpaper, yaitu latar bayangan (lupa nama kerennya apa, hehehe...).

Langkah 1

Siapkan 2 gambar. Satu untuk gambar karakter yokune ruko yang akan di edit (gambar a), satu lagi untuk background (gambar b). Pada gambar saya siapkan yang seperti ini.



Langkah 2

Seleksi gambar a dengan menggunakan tool-tool seleksi seperti Quick Selection tool, Magnetic Lasso tool, dan lainnya (terserah mau yang mana yang menurutmu bagus). Kalo saya menggunakan Quick Selection tool.

Langkah 3
Sekarang kita buat latar bayangannya. Tarik gambar a yang sudah terseleksi ke gambar b. Lalu dengan menggunakan Edit > Free Transform atau Ctrl + T, ubah ukuran gambar menjadi sepenuh layar. Gunakan Move tool untuk mengatur posisi gambar, sehingga yang kelihatan hanya sebagian badan saja.



Langkah 4

Klik Layer > Layer Style > Blending Options. Pada Blending Options: Default, ubah Opacity-nya jadi 30 %. Lalu centang Outer Glow dengan pengaturan sebagai berikut.





Langkah 5


Tarik kembali hasil seleksi dari gambar a ke gambar b. Tekan Ctrl + T, dan kecilkan ukuran gambar, sehingga akan terlihat seperti ini.



Tambahan

Karena masih ada area yang kosong di samping gambar, bisa kita isi dengan tulisan-tulisan atau style brush lain sesuka kamu. Kalau saya hasilnya jadi seperti ini.

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Blur Point 11 Nov 2009 9:39 PM (15 years ago)

Adakalanya kita melihat suatu foto lebih di fokuskan pada satu orang atau sekelompok saja, sedangkan keadaan sekitarnya terlihat buram. Nah, kali ini kita akan membahas mengenai cara membuat foto seperti itu.

Langkah 1

Siapkan gambar atau foto yang akan di edit. Dengan menggunakan Polygonal Lasso tool, seleksi orang yang akan dijadikan “tokoh utama” dalam foto, tapi sebelum menyeleksi, ubah dulu ukuran feather-nya jadi 10 px.






Langkah 2

Klik Ctrl + Shift + I atau Select > Inverse.

Langkah 3

Sekarang gunakan Blur tool, dengan pengaturan sebagai berikut (ukuran brush terserah kamu, lebih besar lebih baik)



Sapukan brush pada seluruh foto (keadaan foto masih terseleksi).
Karena foto masih kurang buram, gunakan Filter > Blur > Box Blur, dengan radius 10 pixels. Klik OK.
Untuk menghilangkan seleksi, tekan Ctrl + D.

Hasil akhirnya jadi seperti ini.



Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Potoshopbro alpha project 11 Nov 2009 9:11 PM (15 years ago)

Yap, tak terasa potoshopbro.blogspot.com sudah berumur sebelas bulan. Ini artinya saat ultah blog ini masih lama (ya iyalah, masih 2 bulan lagi, januari nanti).

Nah, dalam rangka menyambut potoshopbro versi 2.0 (halah, kayak software aja), saya tetap berusaha instropeksi diri dan terus menunjang kualitas blog ini. Di samping itu hal-hal seperti sibuk kuliah, ujian, dan lain-lain yang bikin blog ini jadi jarang ke-update, membuat saya harus minta maaf pada pembaca (maaf ya..., hehehehe...).

Oh ya, aku hampir lupa tentang berita utamanya. Blog ini dalam waktu dekat akan ganti tema coy ! Hahaha..., dalam waktu 2 bulan ini, yaitu proyek alpha pada november dan beta pada desember akan di adakan "tes benchmarking" buat blog ini. Kategorinya yaitu : kualitas postingan, kecepatan loading blog, tema (tampilan) baru, dan terakhir kunjungan pembaca ke blog ini.

Setelah melakukan pencarian selama seminggu, berikut ini adalah kandidat tema baru untuk blog ini.

Bcute


Brainstorming


City Sleeps


Dark Mistry


Red light


Theater room

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

AADS a.k.a. 3 color 28 Sep 2009 7:32 PM (15 years ago)

Ohoi... Pembaca, ingat tidak tentang poster cover AADC (Ada Apa Dengan Cinta) yang ngetop beberapa tahun silam. Saya cuma singgung cover-nya, karena kali ini kita akan membuat yang mirip dengan seperti itu. Tentu saja kita akan buat versi sendiri, yang iseng-iseng saya beri judul AADS (Ada Apa Dengan Saya), hehehe... Let’s start...

Langkah 1

O ou, lagi-lagi karena ngga ada model yang bisa dijadikan bahan edit-an, maka dengan hati riang gembira bin terpaksa saya ngambil fotoku buat jadi “korban”, hehehe... Yeah, kamu siapin gambar kamu sendiri donk, jangan ikut-ikutan dodol kayak saya...




Langkah 2

Klik Rectangular Marque tool. Lalu seleksi sebagian foto dengan cara menariknya dari ujung atas hingga ujung bawah (bikin kotak). Rencananya gambar akan kita bagi jadi 3 warna, jadi bikin kotaknya juga nanti dibagi 3.



Langkah 3

Setelah menyeleksi, klik Image > Adjustments > Hue/Saturation. Pada jendela yang muncul, geser Hue-nya ke kiri atau kanan terserah. Lihat perubahan warna yang terjadi. Kalo sudah dapat warna paporit, klik OK.



Langkah 4

Ulangi langkah 3 berturut-turut. Kotak seleksinya yang tadinya di pinggir kiri sekarang pindahkan ke tengah, ubah warnanya, trus geser lagi ke pinggir kanan, ubah warna lagi. Sampai jadi seperti gambar di bawah ini. (Tekan Ctrl + D untuk menghilangkan seleksi jika semua sudah selesai. Oh ya, kalo kamu merasa paduan warnanya kurang simetris, potong saja gambarnya pake Crop tool).



Langkah tambahan

Gambar di atas mungkin belum benar-benar sempurna, tapi ngga masalah. Sebagai pelumas eh pemanis maka saya berikan tulisan AADS dengan menggunakan Horizontal Type tool, font sesukanya, wehehehe... Dilanjutkan dengan membuat efek pada tulisannya dengan Layer > Layer Style > Blending Options, dan mencentang Drop Shadow, Inner Shadow, Gradient Overlay, Stroke. Pada kotak Gradient Overlay, Opacity 70 %, Angle 90 derajat. Klik OK dan selesai... Fyuh...

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Go Forward 28 Sep 2009 7:18 PM (15 years ago)

Kamu pasti pernah melihat efek The Matrix yang orangnya kalo masuk dimensi lain kayak di speed up gitu. Ato orang yang dari jauh tiba-tiba di shoting sangat dekat dengan kecepatan penuh. Bingung ? Ya, biar ga bingung kita langsung bahas saja.

Langkah 1

Siapkan gambar dulu donk. Tapi berhubung karena lagi ngga ada model, maka terpaksa deh di postingan ini pake fotoku yang misterius dulu, hehehe...


/

Langkah 2
Klik icon Lasso tool buat menyeleksi foto (dalam hal ini foto saya *narsis banget). Ups, hampir lupa, ubah dulu ukuran feather jadi 60. Feather ini berfungsi untuk memperhalus seleksi nantinya. Jadi misalnya hasil seleksimu kacau balau, nanti akan tetap membentuk bundar. Makin besar ukuran feather makin bundar pula hasil seleksi.



Saat menyeleksi gambar, perbedaannya seperti gambar di bawah ini.

(feather 0)



(feather 60)



Ketahuan kan bedanya... Ingat, atur dulu ukuran feather baru mulai menyeleksi wilayah yang akan di edit.

Langkah 3

Sekarang klik Select > Inverse atau Ctrl + Shift + I.

Langkah 4

OK, langkah terakhir, klik Filter > Blur > Radial Blur. Pada kotak Radial Blur, ubah Amount-nya jadi 100, Blur Method = Zoom, dan Quality = best. Klik OK. Trus hilangkan seleksi-nya dengan Ctrl + D. Jadi deh...

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Sapa pembaca dulu ah... 28 Sep 2009 7:13 PM (15 years ago)

Huamh... (rada ngantuk pas nulis ini, baru bangun tidur sih). Yap yap, setelah berjuang melawan badai godaan yang bikin aku malas posting (lagi), akhirnya aku kembali posting akhir bulan ini. Untung ada Lidya, teman sekampus yang juga salah satu fans blog ini yang ingatin, hehehehe... Selain itu karena aku baru saja pulkam ke Kendari selama 2 minggu memang bikin blog ini nganggur lama. Bukan karena ngga ada warnet, tapi tarifnya muahal kuya... manalagi hotspot-nya ngga kencang kayak jogja (lho kok jadi curhat).

OK, sekedar memberitahu, blog ini memang blom dirancang buat bikin desain yang berat-berat, yang ngabisin belasan bahkan puluhan langkah itu. Jujur, saya takut saja kalo loading blognya jadi lemot karena kebanyakan gambar. Makanya sampai sekarang masih tetap posting yang ringan-ringan dulu, sisanya saya serahkan pada kreatifitas pembaca buat mengembangkannya. So, baca blognya dolo dari awal, atau kalo mau gampang lihat di daftar “jelajahi blog ini di sini”. Terakhir, selamat baca dan belajar ber-photoshop ria.

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Bingkai Effect Glass 15 Aug 2009 4:57 AM (15 years ago)

Yeah, sekarang aku masih berapi-api buat posting blog setelah sekian tahun vakum (ngarep). Kali ini kita buat bingkai dengan glass efek di fotonya. Ready, Set, Go...

Langkah 1

Pertama, kita buat bingkainya dulu dengan menggunakan Rounded Rectangle Tool.




Langkah 2

Lalu gunakan Layer > Layer Style > Blending Options. Gunakan pengaturan seperti di bawah ini. Klik OK kalau sudah





Langkah 3

Siapkan gambar lain (yang sebentuk dengan bingkainya). Pada gambar ini saya sertakan foto saya (hehe, bercanda kok) lalu tempatkan di dalam bingkai. Kamu bisa mengatur ukurannya dengan Ctrl + T. Tekan Enter kalo sudah.



Langkah 4

Sekarang buat Anchor point dengan menggunakan Pen Tool. Caranya dengan mengklik titik pen tool mengelilingi bingkai dan foto bagian atas (maaf kalo kurang rapi, berhubung saya juga belum ahli menggunakan tool yang satu ini).



Langkah 5

Kurangi Opacity-nya menjadi 15 %. Tekan Enter untuk menghilangkan garis dan titiknya.

Klik dan hilangkan tanda mata pada bagian effect, seperti ini.



Hasilnya jadi seperti di bawah ini.

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

2 Dimensi 15 Aug 2009 4:50 AM (15 years ago)

Kali ini, saya tidak membahas mengenai pengertian gambar 2 dimensi, melainkan melihat suatu gambar seakan-akan kita sedang melihatnya melalui jendela (aduh bingung nih menjelaskannya). Biar ga bingung, langsung saja...

Langkah 1

Siapkan gambar, trus seleksi sebagian gambar dengan Lasso tool (bentuknya asal-asalan juga ngga apa-apa). Lihat gambar “L”di bawah. Sekarang klik Select > Inverse.




Langkah 2

Sekarang duplikasi Layer dengan Ctrl + J, itu akan membuat seleksinya terlihat menghilang, tapi sebenarnya masih ada kok. Lalu klik Layer > Layer Style > Blending Options. Centang opsi Drop Shadow, Inner Shadow, Bevel and Emboss, Contour, dan Satin.

Pada pengaturan Bevel and Emboss, atur structure-nya seperti gambar di bawah ini



Terakhir, pada Blending Options > General Blending, ubah Blend Mode menjadi Exclusion (atau blend lain sesuai selera kamu) dengan Opacity 100 %. Klik OK.



Udah, jadi deh seperti ini. Kita seperti melihat gambar dengan dimensi berbeda, yeah...

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Potoshopbro is Back !!! 15 Aug 2009 4:42 AM (15 years ago)

Yes !. Setelah sekian lama bertapa di goa untuk menemukan pencerahan buat nge-blog (bilang aja lagi malas posting), akhirnya aku kembali di kancah internasional blogging ala photoshop (Semangat, ea ea ea....!!!).

Memangnya sudah berapa lama saya ngga muncul ya... hm, sekitar 1 setengah bulan (waow, lamanya...) yang pastinya menimbulkan kerinduan di hati para pembaca potoshopbro (cie...). OK deh, akhir kata, selamat belajar kembali. Change the Picture with Photoshop, Change the World...

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?

Menggabung 2 Gambar (+ Efek Batu) 1 Jun 2009 11:46 PM (15 years ago)

Yosh !. Kali ini kita akan mempelajari cara menggabungkan 2 gambar. OK, singkat-singkat saja ya…


Langkah 1
Siapkan 2 gambar yang akan di edit, kita sebut saja gambar warna-warni = gambar 1, dan gambar hamtaro = gambar 2




Langkah 2
Seleksi gambar 1 dengan mengklik Ctrl + A, lalu dengan Move tool pindahkan ke gambar 2. Lalu sesuaikan ukuran gambarnya dengan Edit > Free Transform atau Ctrl + T sehingga gambar 2 benar-benar tertutup

Langkah 3

Sekarang buka Layer > Layer Style > Blending Options. Pada Blending Mode, pilih Multiply, dengan Opacity = 100 %, Fill Opacity = 100 % (Kamu bisa menentukan Opacity dan Fill-nya sesuai selera kamu). Lalu klik OK.



Kamu bisa saja selesai lalu Save file di sini, tapi karena di judul posting saya tulis “(+ Efek Batu)” jadi kita tambah saja lagi sedikit.

Langkah 4 (tambahan)

Kembali ke Layer > Layer Style > Blending Options. Lalu centang Bevel and Emboss dan Texture. Pada panel Texture, klik Pattern, lalu pilih texture sesuka kamu (kalo saya pilih tipe stones). Dengan Scale = 500 %, dan Depth = 500 %



Oh ya, jumlah Pattern kamu mungkin kelihatannya cuman sedikit, tapi kamu bisa menambahkannya dengan mengklik tombol (lihat gambar di atas), lalu pada panel yang muncul di sampingnya, pilih kelompok Pattern yang paling bawah saja. Kalo sudah klik OK.

Kamu bisa mengulang-ulang Langkah 4 ini dengan menambahkan Pattern jenis lain untuk membuat efeknya lebih mantap. Enjoy…

Add post to Blinklist Add post to Blogmarks Add post to del.icio.us Digg this! Add post to My Web 2.0 Add post to Newsvine Add post to Reddit Add post to Simpy Who's linking to this post?