Ads 468x60px

.

Pages

Subscribe:
Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Thursday, June 13, 2013

Manipulasi Dari Foto Menjadi Teks

Pernahkah anda kagum dengan teks yang tersusun menjadi sebuah objek tertentu? Foto kita misalnya.
Nah, ditutorial saya hendak "cie. . .bahasanya resmi banget kaya lagi rapat aja! :)"
--Ya udah lah tak ganti--, di tutorial gue yang pertama ini, gue mau ngasih tau cara mbikin gambar yang kaya tadi ntu.

Ikuti langkah-langkahnya dengan seksama dalam tempo yang sesingkat-singkatnya.
1. Jalankan program photoshop, buka file gambar yang mau dijadiin objek. (Tekan CTRL + O)
Contoh file gambar yang mau gue jadiin objek (Foto gue sendiri neh, ganteng kan? :-p)
image
2. Klik menu Edit -> Define Pattern. . .
image
3. Akan muncul kotak dialog Pattern Name, beri nama sesuai selera anda, kali ini gue ngasih nama “cool.jpg” (Biar nge-pas sama orangnya, hakz. . .), Klik OK
image
4. Buat file baru dengan ukuran yang sama kaya gambar objek yang tadi loe buat (Tekan CTRL + N, atur ukurannya, klik OK), kalo yang gue pake ukurannya 640 x 480 pixel (Karena emang resolusi kamera hape gue mentok segitu.)
image
5. Klik  Horizontal Type Tool (T)
image
6. Tulis teks terserah anda pada kanvas asal penuh, cuma saran gue lebih baek pakenya Font Arial Black (Bukan Ariel Peterpan Lho. . .), Usahakan agar Line Spacingnya tidak terlalu renggang, caranya: Klik icon Toogle the Character and Pallets
image
Kemudian atur sesuai dengan gambar berikut
image
Close jendela tersebut, maka kurang lebih hasilnya kaya gini
image
7. Klik icon Add a layer style yang ada pada tab Layers pilih Pattern Overlay
image
8. Akan muncul jendela Layer Style, klik segitiga terbalik yang ada pada gambar disebelah kanan tulisan Pattern, pilih gambar objek yang tadi anda jadikan pattern, kalo puny ague judulnya “cool.jpg”, lalu klik ok.
image
9. Klik OK, (Jangan lupa atur scalenya biar gambarnya pas), kalo udah pas kurang lebih hasilnya pasti kaya gini.
image
Efek Foto ke Teks
10. Tinggal pamerin ke temen-temen atau ditempel di mading Sekolah dah,,haha...

Terima kasih,
Semoga Bermanfaat

Membuat Efek Lomografi dengan Photoshop

Ok sebelum kita belajar tutorial Efek Lomografi ada baiknya kita ketahui apa itu efek lomo. Sobat semua Lomografi adalah sebuah bagian dari fotografi yang menggunakan kamera khusus yang disebut dengan kamera LOMO. LOMO sendiri merupakan  singkatan dari Leningradskoye Optiko-Mechanichesckoye Obyedinenie (Leningrad Optical Mechanical Amalgamation) yang merupakan sebuah pabrik lensa yang berada di St.Petersburg, Rusia.

image ilmugrafis
( Salah satu contoh kamera LOMO)

Dengan kamera lomo kita dapat menghasilkan suatu karya fotografi yang unik dan berbeda dari foto yang pada umumnya. Nah berhubung kita ndak punya kameranya so kita racik ja di photoshop agar foto kita seolah-olah hasil jepretan dari kamera LOMO tersebut.

Ok langsung saja ikuti langkah-langkahnya dibawah ini:

1. Pertama buka foto yang akan kita jadikan efek Lomografi, kali ini sy menggunakan foto avril.
image ilmugrafis
Klik Kanan dan Save as gambar di atas untuk contoh latihan

2. Setelah itu kita akan memanfaatkan fasilitas Curves yang ada pada photoshop.
Oya kita tentunya sudah tau bahwa di dalam dunia desain ada dua macam pengeditan pada sebuah image, yaitu:
- mengedit langsung difotonya (merusak) dan
- mengedit secara tidak langsung (mask/menutupi)
Tentunya cara yang pertama ni diharamkan :-D karna jelas ini kurang efektif jika nantinya dalam pengeditan terjadi yang namanya kesalahan.
Untuk itu ditutorial ini kita akan menggunakan cara kedua.
image ilmugrafis
(contoh mengedit foto yang merusak langsung pada foto langsung melalui IMAGE > ADJUSMENT > ...)

image ilmugrafis
(contoh pengeditan foto yang tidak langsung merusak foto (mask/menutupi) melalui ADJUSMENT FILL LAYER di Pallet layer )

Jadi sifatnya tidak merusak langsung pada foto tapi dia menutupi/langsung membuat layer baru jika kita menggunakan fasilitas melalui cara ini.

OK sekarang kita buka fasilitas Curves menggunakan cara yang kedua tadi:
image ilmugrafis

3. Setelah itu akan muncul jendela pengaturan CURVES. Atur seperti dibawah ini:
image ilmugrafis
(pengaturan di Chanel RGB)

image ilmugrafis
(pengaturan di Chanel BLUE)

image ilmugrafis
(pengaturan di Chanel GREEN)

4. Setelah itu kita akan memberikan efek GRADIENT MAP
image ilmugrafis

Lalu atur seperti pada gambar dibawah ini:
Preset: black with
image ilmugrafis

image ilmugrafis
Blending mode: overlay
Opacity: 46 (silahkan dimodifikasi)

5. Setelah itu kita gunakan juga fasilitas Fiil gradient: atur sesuai dengan gambar:
image ilmugrafis

preset: foreground to transparan
style: Radial
reverse dan align with layer aktifkan (centang )
image ilmugrafis

Nah jangan lupa blanding mode pada layer GRADIEN FILL 1 ubah menjadi OVERLAY:
Lihat gambar dibawah.
image ilmugrafis

6. Akhirnya selesai juga..mudah bukan???
efek lomografi

image ilmugrafis
Foto Efek Lomografi

Manipulasi Wajah Dengan Efek Typography

Kali ini kita belajar manipulasi foto dengan efek Typography Photoshop bersama ilmuGrafis
Peluncuran Tutorial ini (ceile "peluncuran" kayak Roket aje meluncur, wkwkwk) bertepatan dengan 1 Ramadhan. tak lupa seluruh Staff dan Teamz ilmuGrafis mengucapkan selamat menjalankan ibadah puasa bagi yang menjalankannya semoga lancar dan diberikan kekuatan. Amin

Untuk mengisi waktu tidak ada salahnya kita belajar Photoshop, Berikut langkah - Langkah Manipulasi Wajah dengan Efek Typography :

1. Pilih file yang akan diedit
Pilih file dengan contrast yang bagus. Buka pada photoshop. File-Open.
image ilmugrafis


2. Ketik tulisan yang akan dijadikan mask pada wajah
Tulisan yang digunakan usahakan dengan ukuran yang agak kecil dan padat menutup semua bagian wajah.
image ilmugrafis


3. Seleksi contrast wajah
Pada tahap ini kita sembunyikan dulu layer tulisannya dengan menghilangkan tanda mata di samping layer.
Kemudian lakukan seleksi pada wajah, dengan Select- Color Range. Kemudian OK.
image ilmugrafis
Setelah mendapatkan hasil seleksi, tekan Ctrl+J untuk membuat layer untuk hasil seleksi.
Tekan Ctrl+Shift+U, untuk membuat gmbar menjadi hitam putih/ Desturate.
image ilmugrafis
Lalu tekan Ctrl+L, atur setting Level seperti gmbar untuk mendapatkan gelap terang yg lebih jelas.
image ilmugrafis


4. Masking pada Wajah
Sebelumnya sembunyikan layer background/ gmbar asli dengan menghilangkan tanda mata di samping layer.
Tampilkan kembali layer tulisan, atur posisi pas dengan wajah.
image ilmugrafis
Kemudian seleksi gambar wajah. Tekan dan tahan Ctrl dan klik pada kotak layer wajah.
image ilmugrafis
Setelah terseleksi, kita lakukan masking pada tulisan. Aktifkan layer tulisan, tekan dan tahan tombol Alt dan klik pada tombol thumbnail Add Layer Mask.
image ilmugrafis
Setelah mendapatkan hasil masking seperti ini (pada Gambar), Lakukan invert, tekan Ctrl+I dan sembunyikan layer wajah (Layer 1).
image ilmugrafis
Dan hasilnya:
image ilmugrafis


5. Finishing
Pada sisi luar wajah terdapat hasil seleksi yg belum rapi, kita hapus dengan eraser tool, atau pada layer mask juga bisa.
Klik kanan pada layer tulisan, pilih Blending Option- Gradient Overlay.
image ilmugrafis
dan hasilnya:
jika hasilnya terlalu terang, bikin layer baru dengan warna gelap, Blending Mode= Overlay
image ilmugrafis

Hasilnya:
image ilmugrafis

Aplikasikan ke apapun yang kamu suka! :D
effect typography
Created by:
Endritaze® 2010 @ ilmuGrafis

Terima kasih, Semoga bermanfaat

Menghilangkan Watermark Pada Foto dengan Photoshop

Setelah di tutorial sebelumnya kita belajar membuat watermark, sekarang kita akan belajar Tutorial Photoshop cara menghilangkan gambar yang berWatermark. Wah penulis jadi inget lagunya Bang Haji Rhoma Irama yang Liriknya "Kau yang mulai kau yang mengakhiri" ^_^ . Apa itu watermark? anda bisa membacaya di tutorial sebelumnya yang berjudul Membuat Watermark di ILMUGRAFIS.

Ok seperti di tutorial sebelumnya mari kita berdoa dulu sebelum belajar agar mendapat rahmat dan hidayahNya

Langkah - Langkahnya:
1. Untuk tutorial kali ini saya merekomendasikan menggunakan photoshop CS 4 atau Photoshop CS5
Ok, Siapkan gambar yang berWatermark. Ini contoh saja saya dapatkan dari pakde Google
image ilmugrafis.com
foto stock - Brian Kell 2006

2. Tekan CTRL + J untuk menduplikat / menggandakan Layer
dan Siapkan peralatan perang kita yaitu Spot Healing Brush Tool
image ilmugrafis.com

setting dengan klik (aktifkan) content - aware
image ilmugrafis.com

2. Nah sekarang kita kuas , caranya tahan klik kiri pada mouse, dan buat penanda di atas watermark gambarnya seperti ini
image ilmugrafis.com
Sesuaikan ukuran kuas dengan watermark Tekan [ atau ] untuk menambah atau mengurangi ukuran kuas yang diperlukan
Hati-hati menjalankannya selama diatas tanda watermark. jika ada kesalahan tekan undo (CRTL + Z) untuk mengulang kembali

Sedikit - sedikit tapi pasti, kesabaran adalah kuncinya...
Jika persenjataan kurang, gunakan Clone tool (cara kerja clone tool bisa di baca di sini Cara Penggunaan Clone Tool

Hasil Akhirnya kira - kira seperti ini:
image ilmugrafis.com
nah lumayan kan, watermarknya hilang, cuma nggak terlalu bagus soalnya penulis buru2 nih maklum laper (sarapan)
image ilmugrafis.com
Sebelum = terdapat watermark Brian Kell 2006
Sesudah = Watermark Hilang
Tentunya teknik di atas hanyalah 1 dari sekian banyak teknik yang ada, improvisasi dan pengenalan tool photoshop akan lebih membuat anda semakin canggih dan mahir
Terima kasih dan selamat mempelajari, see u in next photoshop trick dan Efek Foto lainnya
Semoga bermanfaat

Membuat Karikatur dengan Photoshop

Seni karikatur dapat kita ciptakan juga dengan photoshop. Langsung saja ke TeKaPe.

1. Buka file foto yang hendak kita edit. File-Open.
image ilmugrafis
foto yang akan diedit sebaiknya jenis foto dengan angle (arah pengambilan foto) dari depan.

2. Kemudian lakukan retouching pada bagian wajah, dengan Clone Stamp Tool kita buat wajah semakin halus.
image ilmugrafis
Aktifkan Clone stamp tool atau tekan (S). tekan Alt dan klik pada permukaan wajah yang halus dengan daerah komposisi warna yang agak sama. Lepas Alt dan sapukan pada daerah wajah yang berbintik-bintik. Lakukan alt dan Klik lagi bila pada daerah dengan komposisi warna yang sudah beda. (cloning pada dearah gelap tidak pada daerah terang)
image ilmugrafis
Kalo hasilnya mukanya terlalu bopeng (rata semua), lakukan Burning dibagian yang terlihat gelap agar mendapatkan kembali bentuk wajah aslinya.
image ilmugrafis

3. Setelah Retouching pada wajah, maka didapatkan wajah yang halus dan terlihat seperti 3D modeling efect (karakter kartun 3D).
image ilmugrafis

Kemudian lakukan stretching pada gambar. Potong bagian kening ke atas dengan marquee tool.
image ilmugrafis
Dan tekan control+T, klik kanan dan pilih Distort.
image ilmugrafis
Lalu enter dan kepalanya jadi agak gede.

4. Sekarang kita pilih Filter- Liquify.
Pilih Forward Warp Tool. Dan lakukan tarik menarik pada wajah yang ingin dibentuk.
image ilmugrafis
Warp tool bisa dicoba satu2, dan bentuk wajah sperti karet. Usahakan tonjolkan pada bagian wajah yang lebih identik.
Pada foto ini,saya tonjolkan bentuk muka, mulut dan matanya.

5. Bagi foto menjadi 2 bagian, kepala dan badan. Titik potong pada leher dan lakukan warping/stretching pada 2 bagian tersebut.
Pada Leher:
image ilmugrafis
Pada kepala:
image ilmugrafis Sambungkan kepala dan badan:
image ilmugrafis

6. Kemudian pilih Filter- Artistic- Dry Brush. Setting komposisi brush size=1, brushdetail=10, texture=2, dan klik icon new effect layer dibagian kanan bawah.
image ilmugrafis
Kemudian pilih efek Rough Pastels dengan komposisi
image ilmugrafis
Pastikan texture= Burlap dan centang Invert.
(komposisi dapat diatur sesuai selera dan hasil yang diinginkan).

7. Tambahkan pernak-pernik hiasan pada gambar sebagai pemanis. Tambah Shadow pada setiap tepi wajah, biar dapat sentuhan animasinya. Dan bila ingin warna yang lebih pas tekan Ctrl+L atur sesuka hatimu.
Lihat hasilnya.
image ilmugrafis
Efek Karikatur by Endrytaze

Lihat Perubahannya:
image ilmugrafis
Created by:
Endritaze® 2010 @ ilmuGrafis

Terima kasih,
Semoga bermanfaat