Efek Vintage pada Foto dengan Photoshop

Efek Vintage Jadul bila digunakan dengan tepat akan memberikan kesan nostalgia, antik, dan unik. Kesan vintage dapat diterapkan dalam berbagai macam elemen grafis seperti huruf, gambar/foto, layout, dll. Pada tutorial Photoshop kali ini, kita akan mencoba mengubah foto biasa menjadi foto berkesan vintage. Tutorial ini tidak membutuhkan tehnik rumit dan cukup sederhana untuk diikuti, just check it out!

Step 1

Kamu bisa menggunakan foto apapun, namun di tutorial kali ini, saya menggunakan sebuah foto yang saya temukan di Flickr. Download fotonya, dan masukkan ke dalam aplikasi Photoshop. Sebelumnya, ukuran canvas saya set menjadi 1024x731 px (sesuai ukuran foto). Ubah nama layer foto tersebut menjadi 'gambar'.



Step 2

Seleksi layer 'gambar' di layer palette, lalu pilih Filter > Noise > Add Noise. Atur nilai Amount menjadi 5, pilih Gaussian pada bagian Distribution, lalu centang tanda pada Monochromatic. Jika sudah, klik Ok.



Step 3

Klik ikon 'Create new fill or adjustment layer' dibagian bawah layer palette lalu pilih Hue/Saturation. Atur nilai pada Hue, Saturation, dan Lightness seperti gambar dibawah. Jangan lupa, centang tanda pada bagian Colorize. Sampai dengan tahap ini, kita telah menentukan 'tone' warna pada foto.






Step 4

Klik ikon 'Create new fill or adjustment layer' sekali lagi. Kali ini, pilih Exposure. Atur nilai Exposure, Offset, dan Gamma seperti gambar dibawah ini.



Step 5

Sekarang klik pada masking-thumbnail pada layer Exposure (lihat gambar). Ubah warna foreground Photoshop menjadi hitam dengan menekan tombol D di keyboard. Kemudian sapukan brush (B) pada bagian tengah canvas untuk memasking adjustment filter pada gambar. Brush berwarna hitam digunakan untuk menghapus efek Exposure dibagian tengah canvas sehingga bagian gelap (akibat efek Exposure) tinggal dibagian pinggir.



Step 6

Selanjutnya, ubah warna foreground menjadi putih dengan menekan tombol X di keyboard. Buat layer baru dan isi layer tersebut dengan warna foreground (putih) dengan menekan tombol Alt + Delete di keyboard. Seleksi layer tersebut, kemudian pilih Filter > Noise > Add Noise dan atur settingan noise seperti gambar dibawah.






Step 7

Sekarang gunakan Magic Wand Tool (W) untuk menghapus secara acak sebagian dari 'layer 1'. Pada saat Magic Wand Tool aktif, pada Control Bar dibagian atas atur nilai Tolerance menjadi 30 dan centang tanda pada bagian Contiguous, lalu klik sembarang pada canvas dan tekan tombol Delete untuk menghapusnya. Hasilnya kira-kira akan seperti gambar dibawah. Tekan tombol Ctrl + D di keyboard untuk keluar dari mode seleksi.



Step 8

Masih pada 'layer 1', gunakan Brush (B) ukuran 1px dan hardness 100%, kemudian coret sembarang pada 'layer 1' untuk memberi kesan rusak dan usang pada foto.



Step 9

Ubah blend mode 'layer 1' menjadi Overlay dan opacity menjadi 50%.



Step 10

Buat layer baru, fill dengan warna #c9ae8e. Layer ini akan otomatis bernama 'layer 2'.



Step 11

Seleksi 'layer 2' lalu pilih Filter > Texture > Grain. Pada Grain window, atur Intensity menjadi 15 dan Contrast menjadi 5, klik Ok jika sudah selesai.



Step 12

Ubah blending mode 'layer 2' menjadi Softlight dan opacity menjadi 70. Selesai!



Hasil Akhir

Ini adalah hasil akhir yang telah kita dapatkan setelah mengikuti langkah-langkah diatas. Jika ada yang ingin ditanyakan atau disampaikan, silahkan berkomentar! Selamat mencoba dan semoga bermanfaat!

Tips Memperkecil Ukuran File PSD Photoshop dan PDF

Bagi seorang desainer grafis, menggunakan program-program pengolah grafis yang mumpuni adalah hal yang sangat dibutuhkan. Dalam menghasilkan karya, terkadang kita dihadapkan dengan beberapa kendala teknis yang terlihat sepele namun sebenarnya sangat menggangu, contohnya adalah besarnya ukuran file yang dihasilkan dari program pengolah grafis tsb.

Jika kamu mendesain untuk keperluan pribadi sih masih oke, namun bagaimana jika suatu waktu kamu perlu mengirim file (yang masih editable) tersebut via cloud sharing kepada klien? Atau bagi kamu yang punya kapasitas penyimpanan yang sempitnya amit-amit...

Memperkecil file tanpa mengurangi kualitas/kemampuannya untuk dicustomize adalah hal yang perlu dilakukan. Sering kali kita bisa menggunakan file-compression program seperti Win-Rar, Win-Zip, dsb, untuk memperkecil ukuran file. Namun jika kita bisa memperkecilnya lagi, kenapa tidak?

Berikut adalah tips singkat untuk memperkecil ukuran file pada program Adobe Photoshop. (tips berikut ini juga dapat kamu terapkan pada Adobe Illustrator dan In Design, untuk keluarga Adobe lainnya yang memiliki layer dalam pengolahan grafisnya belum pernah Saya uji coba).

1. Memperkecil Ukuran File di Photoshop

Saat mendesesain menggunakan Adobe Photoshop, tidak bisa tidak kita pasti menggunakan Layer. Untuk memperkecil ukuran file PSD kamu. Cukup matikan saja layernya dengan cara menon-aktifkan icon “mata” pada sisi layer paling kiri. 

Bagaimana jika jumlah layernya ada puluhan!? Calm down Guys! Kamu cukup gabungkan semua layer dalam satu group, lalu non-aktifkan layer group tersebut. Tinggal dilabelin saja layernya agar mudah digunakan (biasanya jika untuk konsumsi umum).

Dan lebih menariknya lagi, Saya sudah mencoba tips ini di Adobe In Design dan Adobe Illustrator, and trust me it worked! (sambil bergaya ala pria-pria L-MEN).

Lalu bagaimana dengan Adobe PDF? Guys! PDF tidak memiliki layer untuk di-hide. So, jika kamu mau mengecilkan ukuran file PDF kamu, kita harus melakukannya dengan beberapa tahapan. Berikut tips singkatnya :

2. Memperkecil Ukuran File PDF (untuk keperluan preview/presentasi)

Hampir semua program pengolah grafis keluaran Adobe bisa menyimpan atau meng-export filenya ke PDF (Portable Document Format). Ini sangat luar biasa, karena PDF hampir bisa dibuka di multi platform di berbagai OS yang berbeda. PDF memungkinkan kamu untuk menyimpan file untuk keperluan cetak besar (offset) maupun hanya untuk sekedar live-preview/presentasi.

Pada tips kali ini, tujuan pengecilan file bukan untuk keperluan cetak! Saya ulangi sekali lagi, BUKAN UNTUK KEPERLUAN CETAK BESAR!. Karena yang akan kita lakukan adalah meng-kompress file PDF sekecil mungkin untuk keperluan preview atau presentasi tanpa mengurangi kualitas/resolusi dari file tersebut. Saya pribadi sering menggunakannya untuk preview kepada klien.

Saya menggunakan Adobe Illustrator untuk membuat dan mengedit PDF. Alasannya karena Adobe Illustrator bekerja based on vector. Jadi PDF preview saya sudah pasti tidak akan pecah, utk gambar raster berupa JPG/PNG dsb, sebaiknya juga menggunakan gambar yang kualitasnya bagus, agar saat di perbesar di layar monitor masih terlihat bagus. Kamu juga bisa menggunakan Adobe Photoshop atau InDesign untuk menyimpan karya kamu dalam format PDF, menu pengaturannya agak berbeda namun secara prinsip semuanya sama, berikut caranya :

Pada menu save as, pilih Adobe PDF untuk Save as type-nya. Akan keluar menu settingan PDF. Disinilah semua pengaturan ukuran file bisa dilakukan. Silahkan liat di preview berikut mengenai pengaturannya.

Keterangan :

Compression : Pilihan untuk mengkompress file Adobe PDF Preset : Pilih Smallest File Size utk mengkompress di ukuran file yang paling kecil yang bisa di simpan.

Color Bitmap Images : Secara default, settingan ini akan otomatis menurunkan semua resolusi gambar di atas 150 ppi menjadi 100 ppi. (pada menu ini Saya biasanya memilih “Do Not Downsample” untuk membiarkan resolusi gambar pada 300 dpi).Lalu tentukan pilihan Image Qualitynya (Saya biasa memilih “high” agar gambar yang nantinya di hasilkan tetap berkualitas bagus)

Grayscale Bitmap Images : Settingannya sama dengan Color Bitmap Images di atas.

Monochrome Bitmap Images : Biasanya settingan ini Saya biarkan default saja. Karena settingan ini akan menurunkan semua Monochrome Image beresolusi di atas 450 ppi menjadi 300 ppi. (dan resolusi 300 ppi untuk keperluan preview di layar monitor sudah sangat-sangat-sangat-sangat bagus!)

Jika sudah selesai, save file kamu. Foila! file PDF kamu sudah mengecil tentunya (dibandingkan jika kamu menyimpannya dengan format PDF standard) namun diukuran yang kecil begitu, kamu tetap mendapatkan kualitas gambar preview yang high resolution (inilah mengapa pilihan “do not down sample” tadi dipilih).

Catatan : Pengaturan file PDF ini hanya untuk keperluan preview, tidak untuk keperluan cetak besar seperti cetak Offset atau cetak banner misalnya.

Jika kamu punya cara lain yang lebih praktis, silahkan berbagi di kolom kementar :)

Membuat Maskot Logo Ilustratif dengan Adobe Illustrator

Pada Kesempatan kali ini saya akan menulis tutorial tentang cara membuat logo beruang menggunakan adobe illustrator. Logo berikut termasuk logo dengan gaya ilustratif dengan bentuk maskot/karakter kartun. Logo dengan gaya ilustrasi banyak digunakan dimana-mana. Gaya ilustrasi memberi kesan fun, unik, dan menarik pada logo, sehingga berpeluang besar meningkatkan awareness audiens terhadap perusahaan atau bisnis yang diwakili.

Step 1

Siapkan dokumen baru pada Adobe Illustrator, atur settingan seperti pada gambar.



Step 2

Buat sebuah lingkaran menggunakan Ellipse tool (L) dimana sebelumnya buat fill kosong dan stroke warna hitam dengan ketebalan garis 4pt, tahan tombol Shift untuk membuat lingkaran dalam bentuk yang proporsional.



Step 3

Buat lagi lingkaran kecil untuk telinga beruang seperti step 2, lihat gambar.



Step 4

Buat lagi lingkaran kecil didalam lingkaran kecil tadi, di sini fill diisi warna hitam dan stroke di hilangkan.



Step 5

Seleksi semua lingkaran, setelah itu klik object > Expand, untuk mengubah stroke menjadi fill.



Step 6

Setelah semua dalam bentuk fill path, buka window > pathfinder atau tekan (Shift + Ctrl+ F9). Dalam keadaan lingkaran tadi masih terseleksi pilih devide pada panel pathfinder untuk memisah setiap bagian lalu klik kanan pilih ungroup.



Step 7

Hapus bagian yang tidak perlu, perhatikan path yang tak ada fill dan stroke hapus path tersebut.



Step 8

Satukan semua path dengan Unite pada panel pathfinder lalu ungroup.



Step 9

Logo yang dibuat adalah logo simetris, jadi hapus bagian sebelah kepala beruang, caranya buat path kotak dengan Rectangel Tool (M). Tempatkan di sebelah kepala beruang , pilih kedua path (kepala beruang tanpa path kecil yang terpisah dan path kotak) lalu pilih minus front pada panel pathfinder.





Step 10

Setelah itu dengan menggunakan pen tool (P), buat bagian mata beruang, lihat gambar.



Step 11

Buat bagian putih didalamnya dengan menggunakan pen tool juga.



Step 12

Potong seperti pada step 9, menggunakan minus front pada panel pathfinder untuk menghilangkan bagian putih.

Step 13

Tambahkan path pada bagian mata warna hitam dengan menggunakan pen tool seperti tadi lalu satukan dengan Unite pada panel pathfinder seperti pada step 8.





Step 14

Buat segitiga kecil berwarna hitam menggunakan pen tool untuk membentuk hidung.



Step 15

Sama seperti step selanjutnya buat bagian seperti terlihat pada gambar. lalu satukan semua path dengan Unite pada panel pathfinder seperti pada step 8.





Step 16

Copy dan paste ( Ctrl+C dan Ctrl+F) sebelah kepala beruang tersebut, lalu bagian yang baru dicopy tersebut klik kanan dan pilih transfrom > Reflect > angel 90 > ok. Geser dan posisikan dengan benar pas disebelah.



Step 17

Satukan dengan Unite pada panel pathfinder seperti pada step 8.



Step 18

Pada tahap ini illustrasi kepala beruang sudah selesai.



Step 19

Tahap berikutnya adalah pewarnaan logo, buat kotak bewarna coklat dengan rectangle tool (M). Tempatkan kotak tersebut dibelakang kepala beruang (Shift+Ctrl+[).



Step 20

Ubah warna Kepala beruang menjadi coklat tua.



Step 21

Select kotak dan kepala beruang lalu pilih devide pada panel pathfinder seperti step 6 untuk memisah setiap bagian lalu klik kanan pilih ungroup.



Step 22

Buang bagian kotak luar dan bagian mata, lihat gambar.



Step 23

Select bagian warna coklat muda, copy lalu paste, ubah warna menjadi agak gelap, lalu pilih Effect > Path > Offset Path. Pada panel isi seperti pada gambar lalu oke. Setelah itu masih dalam keadaan terseleksi pilih Object > Expand Appereance.






Step 24

Buat kotak lagi seperti sebelumnya lalu posisikan seperti pada gambar.




Step 25

Select kotak dan bagian warna kepala beruang bagian atas, lalu potong dengan memilih

minus front pada panel pathfinder seperti step 9.



Hasil Akhir!

Logo ilustratif berupa simbol beruang telah selesai, dengan menambahkan sedikit type maka beruang sudah siap dihidangkan.








Terima kasih telah membaca tutorial ini. Ini adalah salah satu teknik membuat logo sederhana dengan memanfaatkan elemen-elemen dasar pada Adobe Illustrator. Semoga bermanfaat!