Efek Televisi 3D Object Menembus Batas

on Senin, 18 Oktober 2010

Publish: 24 Agustus 2010 | Author & Copyright: Johan | Status: FREE tutorial

Televisi 3 Dimensi, iklan - iklan produk televisi LCD ini banyak sekali terlihat di papan - papan reklame, brosur, dan media promosi lainnya. Pasti banyak yang berfikir bagaimana bisa membuat efek seperti ini? apa rahasianya? oke tidak perlu sampai berlebihan karena hal itu bukanlah sesuatu yang susah jika kita mengetahui langkah atau prosesnya. Pada tutorial photoshop photo efek kali ini penulis akan memberikan tips dibalik pembuatannya atau dalam kata kerennya (behind the scene) gambaran cara pembuatan efek object menembus batas. Apakah itu?? 2 rahasia itu adalah imajinasi (permainan layer) dan teknik seleksi. Bagi yang masih belum mengerti tentang apa itu seleksi bisa membaca 2 tutorial ini: Seleksi Objek pada Photoshop - Select - Deselect - Inverse dan Sekilas Penjelasan Tentang Layers Photoshop

Oke sekarang mari coba langkah - langkahnya:

1. Kita cari dulu object gambar yang akan diedit dengan bantuan paman Google Service:
caranya ketik saja keyword yang sesuai misalnya LCD TV, animal, dll lalu cari gambar yg sesuai

disini penulis menggunakan 2 gambar yaitu LCD TV dan Parrot (kakak tua)
image ilmugrafis
a. Gambar Televisi

image ilmugrafis
b. gambar parrot (kakak tua)

Lalu buka program Photoshop dan open file gambar tersebut ke dalam photoshop (File >> Open ...)


2. Buat Lembar kerja Baru (tekan CTRL + N) lalu atur
Name : ilmugrafis televisi 3D
Preset : custom
Width (panjang lembar kerja) : 550 pixels
Height (lebar lembar kerja) : 400 pixels
Resolution : 72 pixel per inch
RGB 8 bit, background white
Kalau sudah tekan OK


3. Gabungkan kedua gambar (gambar televisi dan gambar kakak tua) ke dalam lembar kerja baru
image ilmugrafis
- Caranya: gunakan Move Tool, tahan klik kiri pada gambar lalu geser ke lembar kerja baru
Jika anda belum paham bisa membaca tutorial ini Menggabungkan Gambar ke Dalam 1 Kanvas
- Lalu gunakan Transform tool untuk menyesuaikan ukuran kedua gambar
Jika anda belum paham bisa membaca tutorial ini Penjelasan dan Penguasaan Teknik Transform


3. Hilangkan Background pada TV
caranya: Aktifkan Layer 2 (televisi dengan mengeklik layer 2 pada pallete layer) klik Magic Eraser Tool lalu klik kanan pada objeck putih di area bawah tv
image ilmugrafis


4. Hilangkan gambar Di Televisi
image ilmugrafis
Gunakan Rectangular Marquee Tool, buat seleksi di area gambar layar TV lalu tekan tombol Delete pada keyboard , tekan CRTL + D untuk menghilangkan seleksi
Nah sekarang kita sudah punya gambar LCD TV dengan object kakak tua, sekarang tinggal memberi efek atau kesan Paruh kakak tua keluar dari LCD TV


5. Menyeleksi dan memanipulasi Kepala kakak tua dan LCD TV
ini langkah yang terakhir, disinilah imajinasi kalian harus bermain, pertama ubah mode layer 2 ke mode invisible (tidak terlihat) dengan cara klik logo mata layer 2
image ilmugrafis

selanjutnya kita klik Layer 1 (gambar kakak tua) pada pallete layer, jadi layer yg aktif berwarna biru
jika anda bingung dimana letak pallete layer silahkan klik LAYOUT PHOTOSHOP

buat seleksi anda bisa menggunakan teknik seleksi yang anda kuasai, disini penulis menggunakanPoligonal Lasso Tool
image ilmugrafis

Berikutnya kembali aktifkan Layer 2 (gambar televisi) ubah ke mode visible (dengan tanda mata),
image ilmugrafis
lalu tekan tombol Delete pada Keyboard

Hasilnya,...
image ilmugrafis
Wow LCD 3 Dimensi

kita bisa sedikit bermain imajinasi lagi, caranya bisa dengan menghilangkan/menghapus bagian bawah dan memberikan background putih, dll
image ilmugrafis
Sesudah membuat LCD TV dengan Photoshop tidak ada salahnya jika kita nonton TV bareng diILMUGRAFIS ENTERTAINMENT
Terus berlatih dan mencoba mengembangkan imajinasi, karena semua hal yang kelihatan rumit berawal dari tips yang sederhana
Terima kasih
Semoga bermanfaat

Efek Fantasy Naga Api dengan Photoshop

Publish: 28 September 2010 | Author & Copyright: Arofat | Status: FREE Extreme tutorial

Tutorial Efek Fantasy ini terinspirasi dari Film "How To Train Your Dragon" yang dibuat oleh Dreamworks Animation. Film yang sangat bagus dan yg pastinya dengan efek dunia fantasy dan naga yang lucu dan super keren akan membawa kita pada dunia hayal kita sewaktu kecil tentang mitos naga. Film ini untuk segala usia anda tidak perlu diatas 17 tahun dulu untuk nonton ini hehehe…..

Ok Sekarang waktunya kita "How To Train Your PHOTOSHOP"
Langsung saja ikuti langkah mudahnya membuat efek Naga Bertarung, tiru lalu modifikasi… :D

Sebelum memulai download dulu Bahan File Latihan Disini [ Download Disini ]
Atau bisa googling via search Google

OK buka photoshop anda kemudian buka gambar alam yang sudah disediakan.
image ilmugrafis
(GAMBAR 1 - Alam Fantasy)

Kemudian kita edit sedikit menggunakan color balance ( image >> adjustment >> color balance ) : atur sesuai dengan gambar dibawah ini.

Tambahkan Efek MIDTONES
image ilmugrafis
(gambar 2)

Tambahkan Efek SHADOW
image ilmugrafis
(gambar 3)

Tambahkan Efek HIGHLIGHT
image ilmugrafis
(gambar 4)

Sekarang kita atur juga birghtnes/contrast nya ( image >> adjustment >> brightnes/contrast ) dan atur kurang lebihnya seperti ini:
image ilmugrafis
(gambar 5)

Pengeditan untuk pulaunya da selesai sekarang kita kan ngasih gunung ( ngambil gunungnya dibantu oleh Gatut Kaca hehehe…)
image ilmugrafis
(gambar 6)

Kemudian kita ubah ukuran gunungnya lalu tempatkan seperti pada gambar dibawah ini, oy jangan lupa untuk mengganti blending modenya (pada palet layer) dari normal menjadi sreen dan opacity bleh dikurangi.
image ilmugrafis
(gambar 7)

Oke kemudian kita duplikat gambaar gunung yang berapi tadi menjadi 3 kemudian tempaatkan seperti pada gambaar berikut:
image ilmugrafis
(gambar 8 )

Nah sekarang kita tempaaatkan naganya seperti ini:
Kemudian kita atur juga color balance nya sepertti langkah ke 2:
( image >> adjustment >> color balance ) : atur sesuai dengan gambar dibawah ini.

MIDTONES
image ilmugrafis
(GAMBAR 9)

SHADOW
image ilmugrafis
(GAMBAR 10)

HIGHLIGHT
image ilmugrafis
(GAMBAR 11)

atur juga birghtnes/contrast nya ( image >> adjustment >> brightnes/contrast ) dan atur kurang lebihnya seperti ini:
image ilmugrafis
(gambar 12)

Nah sekarang saatnya menempatkan naga ke dua.
Jangan lupa atur color balance ma brightnes/contrast seperti pada naga ke 1 tadi, ingat modifikasi sesuai dengan imajinasi anda.
image ilmugrafis
(gambar 13)

Oke sekarang masukkan gambaar apinya. Kemudian agar tampak seperti semburan edit apinya dengan smudge tool (atur brush pada option brush sesuai dengan gambar/bisa disesuaikan) kemudian sapukan pada gambar api tersebut.
image ilmugrafis
(gambar 14)

Lakukan hal yang sama pada semburan api yang ke dua.
image ilmugrafis
(gambar 15)

Ok polesan terakhir kita kasih letupan gunung berapinya dengan alur seperti berikut:
Kita kasih efek lavanya dengan efek colorbalance dan brightnes /contras seperti kita
ngasih 2 efek tersebut ( color balance dan brightnes/contrast ) pada pemandangan ataupun naganya.
Kemudian copy/duplikat lavanya menjadi 3.
Lihat gambar berikut:
image ilmugrafis
( gambar 16 )

Ok finish
image ilmugrafis
Kurang lebih nya mohon maaf jika ada kata yang tidak dimengerti silahkan ditanyakan lewat facebook ilmugrafis atau kontak saya melalui email di kolom penulis di bawah ini.
Selamat berkreasi dan belajar photoshop yang paling penting disini kita sama-sama belajar….
Semoga bermanfaat….

AIR HUJAN DI JENDELA

Author & Copyright: Johan

Wah sudah lama gak bikin tutorial photoshop. Tutorial ini terinspirasi dari musim hujan yang melanda Indonesia. Setelah hujan turun kulihat Air yang menggenang di jendela dan dengan photoshop kita akan membuat guratan kata-kata indah di atasnya.

Let's Follow (twitter mode:on) hehehe...

Langkah-Langkahnya:

1. Buka Photoshop anda
2. Buka Gambar Percikan Air dan Jendela Kamar dengan Photoshop
Gambar a Percikan Air
air photoshop

Gambar b
Jendela Kamar
air photoshop
semua bahan gambar bisa diDownload Disini:
http://www.4shared.com/file/208885905/5dba306f/text_on_the_window_window.html

3. Mari kita Ke Gambar b dulu, gunakan Rectangular Marquee Tool dan seleksi bagian Pemandangan di jendela
air photoshop
Garis Putus-Putus menunjukkan batas seleksi , Setelah itu tekan CTRL + J untuk menduplikat layer
Hasilnya kita akan mendapatkan Layer 1 (duplicate dari seleksi anda)

4. Ok mari kita ke Gambar a
Buat Gambar a Menjadi hitam putih dengan menekan Shift + CTRL + U
Lalu Atur Levelnya: dengan menekan CTRL + L
Hasilnya:
air photoshop

5. Pindahkan gambar a ke gambar b dengan menggunakan move tool
Setelah itu tekan CTRL + T untuk Free Transform
Bagi yg belum tahu apa itu transform lihat Tutorial Penjelasan dan Penguasaan Teknik Transform
Sesuaikan dengan ukuran jendela ya, setelah pas tekan ENTER
Hasilnya:
air photoshop

6. Pindahkah Layer 1 ke atas Layer 2 , atur ke Mode: Overlay dengan Opacity 75% (sesuaikan)
Gambarnya:
air photoshop

7. Buat Layer Baru dengan menekan CTRL + Shift + N , ubah ke mode Overlay, Foreground warnaHitam
Ok sekarang gunakan basic brush Untuk menggambar / mencoret layaknya coretan jari diwaktu hujan

Tips dan Triknya: ukuran brush coretan pertama lebih besar, baru brush berikutnya lebih kecil agar kelihatan seperti nyata dengan efek rembesan air yg mengalir ke bawah
Yihaaa...
air photoshop
inilah coretan usil di jendela
Demikian Tutorial Air Hujan di Jendela

Oke , Salam Sukses untuk semua pengunjung dan pembaca di ilmugrafis
tak lupa motto dari ilmugrafis: semoga bermanfaat... :)

+++ Gabung di Facebook ilmuGRAFIS : http://www.facebook.com/ilmugrafis

Seleksi Objek pada Photoshop - Select - Deselect - Inverse

Author & Copyright: Johan | Status: FREE tutorial

Mungkin bagi para desainer grafis yang sudah professional dalam mengolah
Photoshop, Coreldraw, dan lainnya telah mengetahui apa yang dimaksud seleksi pada object, Deselect, maupun Inverse. Tapi bagi mereka yang pemula baru belajar dan ingin belajar maka tidak ada ruginya membaca penjelasan ini...

Ok, sekarang kita mulai dengan apa yang dimaksud

1. Select atau Seleksi pada Objek
Select / Seleksi pada object adalah pengambilan area atau bagian tertentu pada objek sesuain dengan yang kita inginkan,
Beberapa alat untuk menyeleksi yaitu:

Standart Selection (Untuk Objek yang bersudut)

- Rectangular Marque Tool = Untuk menyeleksi dengan bentuk Kotak
- Eliptical Marquee Tool = Untuk Menyeleksi dengan bentuk bidang Lingkaran
- Single Row Marquee Tool = Menyeleksi 1 Baris Secara Horisontal
- Single Column Marquee Tool = Menyeleksi 1 Kolom Secara Vertical

Dinamic Selection (Untuk Objek yang tidak bersudut)

- Lasso Tool = Menyeleksi bidang layaknya lasso dengan lebih leluasa dan sesuai dengan keinginan
- Polygonal Lasso Tool = Menyeleksi dengan menghubungkan garis - garis poligonal
- Magnetic Lasso Tool = Seperti halnya Polygonal Lasso Tool namun dengan sedikit kecanggihan dan kemudahan dalam seleksi object yang tidak bersudut

Misalkan:
Pada gambar ikan di atas kita ingin menyeleksi bagian 2 ikan lumba - lumba di tengah maka yang paling tepat sebaiknya menggunakan Dinamic Selection

Garis hitam putih tersebut menunjukkan area seleksi jadi kita akan bekerja dengan area seleksi jika mengaktifkan mode seleksi

2. Desellect ( CTRL + D )
Perintah Desellect adalah perintah untuk membatalkan atau mengakhiri proses seleksi - Dengan kata lain keluar dari mode seleksi sehingga memungkinkan kita untuk menyeleksi object yang lain
Hal ini berkaitan dengan Tutorial:
Foto Hitam Putih Menjadi Berwarna

3. Inverse ( CTRL + Shift + i )
Inverse adalah membalik area seleksi misalkan kita menjalankan inverse setelah menyeleksi gambar ikan lumba - lumba yang ada di tengah maka wilayah seleksi area kita akan berubah tidak lagi pada ikan lumba lumba tersebut melainkan pada gambar di luar area seleksi lumba lumba
Gambar:

Area Seleksi Berubah menjadi di luar area seleksi lumba lumba

Ok semoga penjelasan di atas bermanfaat

Terima Kasih

Johan - ilmugrafis
Get More Tutorial at
ilmu grafis

Terima Kasih
Semoga Bermanfaat

Mengenal Resolusi Photoshop

Author & Copyright: Afif Pangestu | Status: FREE tutorial

Pada pembuatan document baru untuk Photoshop secara default adalah color mode, RGB resolusi adalah 72 pixel/inch. Bagi disain pemula mungkin belum begitu mengerti tentang color mode RGB resolusi tsb. karena dengan resolusi 72 pixel/inch akan berakibat image kurang maximal untuk cetak/offset dengan Lpi 150/175. Untuk standar cetak pada umumnya file Photoshop adalah resolusi 300 pixel/inch, bukan per cm untuk pemakaian file 100%.

resolusi Photoshop
Perbandingan Resolusi 72 dpi dengan 300dpi

Memang untuk tampilan di monitor untuk file resolusi 72 dpi atau 300 dpi tidak begitu kelihatan, tapi untuk hasil cetak 150/175 lpi jauh berbeda. Sedangkan untuk color mode RGB dengan CMYK akan menghasilkan warna yang berbeda pada hasil cetaknya. Dengan begitu kalau misalkan anda disain mungkin kalau boleh saya sarankan untuk file Photoshop color mode CMYK dan Resolusi 300 DPI.
Semoga penjelasan di atas bermanfaat

Terima Kasih

Semoga Bermanfaat

Cara Cepat Memisahkan Gambar Dari Background

Author & Copyright: Johan | Status: FREE tutorial

Cara cepat memisahkan gambar dari background ada banyak cara. Disini saya akan menjelaskan cara yang menurut saya paling mudah... Namun kelemahan cara ini sulit diterapkan pada background yang bergradien...

Langkah - langkahnya adalah sebagai berikut:

1. Siapkan gambar yang akan di edit sebagai contoh saya akan menggunakan gambar

Logo UNAIR, Link download gambar


2. Buka gambar tersebut dengan program photoshop, disini saya menggunakan photoshop 7, namun bagi anda yang sudah menggunakan Photoshop CS caranya sama saja yaitu:
[klik kanan] gambar > open with "pilih" Photoshop
atau
Start > All Program > Photoshop 7 > Open > cari gambar yang diinginkan

3. Pada Toolbox yang terdapat di sebelah kiri kamu cari icon yang mirip gambar penghapus photoshop dasar
Setelah itu [klik kanan] icon tersebut dan pilih
photoshop dasar
Magic Eraser Tool

4. Jika kalian mendownload gambar dari sini maka gambar yang akan diedit adalah seperti ini :

Gambar Logo UNAIR dengan Background putih

5. Pada sisi - sisinya tinggal [klik kiri] aja, hehehe...
photoshop dasar
Klik pada bagian yang ditunjuk tanda panah

6. Dan Hasilnya adalah seperti ini

photoshop dasar
Logo Unair Tanpa Background

Kegunaan:
Dengan menghilangkan Background maka jika anda ingin menggabungkan 2 gambar, gambar tersebut dapat menyatu tanpa terhalang Background tersebut.

Terima kasih ... Semoga bermanfaat... ^_^

Mengenal Style Pada Photoshop

Author & Copyright: Johan | Status: FREE tutorial

Hai teman - teman lama tidak menerbitkan tutorial, senang rasanya bisa berbagi tutorial
Photoshop kembali. Kali ini kita akan membahas masalah Style dalam Photoshop, dengan Style Photoshop kita bisa membuat banyak kreasi seperti bingkai / frame foto, banner, efek foto, dll...

Ok tanpa berlama - lama mari kita mulai, pertama adalah memunculkan jendela
Style
Caranya:



Pilih Window - Style (Dalam Hal ini Style Harus Sudah TerCENTANG)

Hasilnya:


Gambar di atas adalah jendela STYLE

Kita bisa memilih macam - macam
Style sesuai dengan yang disediakan

Ok, Sebagai Contoh:
Coba kita menggambar kotak dengan menggunakan Rectangle Tool, kemudian pilih / klik style yang diinginkan. Disini saya mencoba beberapa
Style diantaranya:


Seperti yang telah saya katakan sebelumnya, dengan sedikit kreasi kita bisa membuat efek - efek menarik lainnya:
diantaranya adalah FRAME FOTO


[+] Klik gambar untuk memperbesar ukuran
mmmm... Bautiful Girl in Chromed Frame

Ok bagi kalian yang ingin mengetahui bagaimana cara membuat Frame Photo seperti di atas... Silahkan klik link di bawah ini...

Membuat Chrome Frame Dengan Style Photoshop --- Foto Efek

Semoga penjelasan di atas bermanfaat

Terima Kasih

Johan - ilmugrafis
Get More Tutorial at ilmu grafis

Terima Kasih
Semoga Bermanfaat