Sabtu, 16 Juni 2012

TUTORIAL BASIC PHOTOSHOP DASAR

TUTORIAL BASIC PHOTOSHOP DASAR

Tutorial Basic Belajar Photoshop dasar Tips dan Trik basic ilmu Photoshop serta memahami cara penggunaan layer brush layout filter dan pemahaman untuk yang baru mengenal Photoshop
Pelajari juga Layout PHOTOSHOP + Tips dan Trik + Daftar Shortcut PHOTOSHOP

Cara Cepat Memisahkan Gambar Dari Background
Publish: 06 Juli 2007 | 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
photoshop dasar
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 :
photoshop dasar
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... ^_^

Penjelasan dan Penguasaan Teknik Transform

Penjelasan dan Penguasaan Teknik Transform
Publish: 12 Juli 2007 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial kali ini adalah mengenai pengertian, penjelasan dan penguasaan teknik transform. Kalau mendengar kata transform saya jadi ingat sama film Transformer, seperti itulah maka transform bisa dikatakan perubahan bentuk...

Definisinya Teknik Transform adalah teknik yang digunakan untuk merubah bentuk gambar baik memperkecil, membesarkan, maupun men-skew/miring gambar.

Sebelum kita praktekkan maka kita buka gambar yang akan kita buat percobaan dengan Photoshop
atau pakai gambar contoh dari website ini
photoshop dasar
[download] - File Format *.zip
setelah itu Pada bagian Menu Utama Pilih Layer --> Duplikat Layer...--> [OK]

Masuk ke mode menu transform yaitu:
Edit --> Transform atau tekan [ctrl] + [T]
NB: Selesai transform tekan [enter]

Teknik transform ada 5 macam:

1. Pertama adalah teknik Scale
Yaitu teknik yang berguna untuk merubah ukuran gambar dalam hal ini memperbesar dan memperkecil gambar
Edit --> Transform --> Scale
Contoh:
photoshop dasar
berubah menjadi
photoshop dasar
Hasil Scale
tips: Untuk membuat ukuran gambar yang simetris tahan tombol [shift] sambil resize objek

2. Kedua adalah teknik Rotate
Yaitu teknik yang berguna untuk memutar posisi gambar
Edit --> Transform --> Rotate
Contoh:
photoshop dasar
berubah menjadi
photoshop dasar
Hasil Rotate (berputar)

3. Ketiga adalah teknik Skew/miring
Yaitu teknik yang berguna untuk memiringkan posisi gambar sehingga gambar bisa dimanipulasi efek miring
Edit --> Transform --> Rotate
Contoh:
photoshop dasar
berubah menjadi
photoshop dasar
Hasil Skew

4. Pertama adalah teknik Distort
Yaitu teknik yang berguna untuk memutar memiringkan secara otomatis / bisa dikatakan fungsi kemiringan otomatis dari teknik skew
Edit --> Transform --> Distort
Contoh:
photoshop dasar
berubah menjadi
photoshop dasar
Hasil Distort

5. Kelima adalah teknik Perspective
Yaitu teknik yang digunakan untuk membuat gambar berubah bentuk mengikuti perspektif / bentuk bangun yang dibuat, pada contoh saya membuat gambar mengikuti perspektif trapesium sama kaki
Edit --> Transform --> Perspective
Contoh:
photoshop dasar
berubah menjadi
photoshop dasar
Hasil Perspektif / Perspective

Kegunaan:
Dengan menguasai teknik transform maka kita akan lebih luas lagi dalam berkreasi dan berimajinasi, yup semoga penjelasan saya bermanfaat.

Membuat Gambar Dengan Pen Tool

Membuat Gambar Dengan Pen Tool
Publish: 15 Agustus 2007 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial membuat gambar dengan Pen Tool adalah tutorial dasar yang harus dikuasai. Menggambar merupakan hoby yang menyenangkan, kali ini kita akan menggambar dengan menggunakan fungsi pen tool...

hal ini sangat bermanfaat untuk mendisain

Caranya:
Pada Tool Box carilah
photoshop dasar icon pen tool

Berikut Contoh-contohnya membuat bangun dengan Pen Tool
Membuat bangun segitiga dengan pen tool

Klik Tiga Titik sehingga membentuk segitiga
photoshop dasar

Lalu
photoshop dasar
Maka secara otomatis akan membentuk segitiga

Membuat Gambar Ikan
Sekarang waktunya membuat ikan,Caranya tinggal dikreasikan saja:
Disini adalah gambar ikan bikinan penulis, anda bisa membuat yang lebih halus dan lebih baik, ini hanya sebagai pedoman atau contoh saja

Saya menggunakan 23 point
ikuti saja point 1 sampai 23 lalu kembali ke point 1 lagi

photoshop dasar

dan...

Hasilnya
photoshop dasar
Ikan Piranha di baik layar

Tips:
Tahan tombol [Shift] untuk membuat garis lurus

Gunakan Ellipse tool untuk menambahkan mata
Hasilnya:
photoshop dasar
... Wow,Ikan LOHAN!!! Goreng atau dibakar sama2 enak...!!!

Mengenal Custom Shape Tool

Mengenal Custom Shape Tool
Publish: 03 Sept 2007 | Author & Copyright: Johan | Status: FREE tutorial

Kali ini kita akan mengenal dan menguasai Custom Shape Tool . Pada Program Photoshop anda dimanjakan oleh Adobe dengan adanya template - template yang bisa langsung kita gunakan, salah satunya yaitu custom shape tool...

Custom Shape Tool sama halnya autoshape pada Microsoft World, namun sayangnya pilihan template yang diberikan tidak sebanyak pada Microsoft World.

Caranya:
photoshop dasar
Letak Custom Shape Tool
pilh dengan klik kiri

Setelah itu masuk ke properties dari custom shape tool yang terdapat di bawah menu utama
photoshop dasar
untuk memunculkan template klik kiri panah sehingga muncul pilihan

Untuk mengatur warna dari Custom Shape Tool anda bisa mensetting melalui properties warna
photoshop dasar

- Setelah melalukan semua setting di atas maka tinggal menggunakan ke dalam kanvas dengan menahan klik kiri
Sebagai contoh saya menggunakan gambar nada photoshop dasar

membuat gambar nada alunan muzik
photoshop dasar
Contoh Shape Tool nada

Anda bisa mengkreasikan dengan imajinasi anda sendiri, dan selamat mencoba...
Tutorial Photoshop by ilmugrafis
Terima kasih semoga bermanfaat

Seleksi Objek pada Photoshop - Select - Deselect - Inverse

Seleksi Objek pada Photoshop - Select - Deselect - Inverse
Publish: 5 Juli 2008 | 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
Get More Tutorial at ilmu grafis
Terima kasih semoga bermanfaat

Mengatur Ukuran Kanvas atau Lembar Kerja

Mengatur Ukuran Kanvas atau Lembar Kerja
Publish: 22 Oktober 2008 | Author & Copyright: Johan | Status: FREE tutorial

Banyak Sekali pertanyaan tentang bagaimana membuat pas foto atau bagaimana cara pengaturan agar ukuran gambar sesuai dengan keinginan kita...

Caranya simple saja yaitu dengan mengatur page setup layaknya pada microsoft word atau semacamnya...

Kuncinya terletak pada setting berikut:

1. Saat kita pertama kali membuat lembar kerja baru atau kanvas baru dalam photoshop ( CTRL + N )
maka akan muncul jendela tampilan seperti ini:

Ket:
No.1 - Name = Adalah nama dari kanvas
No. 2 - Preset = Adalah ukuran (standart) yang disediakan oleh photoshop seperti

Nah ini dia... ada buat pas foto 2 x 3, 4 x 6
Trus A4, A3, B5... dll
Untuk 3 x 4 bisa dibuat sendiri caranya dengan mengutak atik

Width dan Height - ubah dari ukuran pixel ke cm ( centimeter ) trus masukin deh angka 3 dan 4 nya
jadi foto 3 x 4

Gunakan move tool dan transform tool untuk memindahkan / mengedit dan mengepaskan ukuran gambar dengan kanvas

hehehe... mantab...

Semoga penjelasan di atas bermanfaat

Terima Kasih

Mengenal Resolusi Photoshop

Mengenal Resolusi Photoshop
Publish: 17 Desember 2008 | 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
Pemasangan dan Penggunaan Brush Photoshop Lengkap
Publish: 02 April 2009 | Author & Copyright: Johan | Status: FREE tutorial

Tutorial Photoshop kali ini mengenai Pemasangan dan Penggunaan Brush Pada Photoshop. Tutorial ini didasari pada banyaknya pertanyaan bagaimana pemasangan dan penggunaan brush photoshop tersebut. Sebelum kita mulai mari kita membaca sedikit penjelasan tentang Brush - Adobe Photoshop. Brush adalah Fitur yang juga sangat penting pada photoshop, terutama dalam hal pembuatan ilustrasi suatu gambar ataupun sapuan gambar dengan beraneka ragam bentuk serta mengukir image dan beberapa fungsi vital lainnya.

Ok, sekarang kita mulai saja, disini saya menggunakan Photoshop CS3 , bagi yang masih menggunakan Photoshop CS 2 ataupun CS , Ataupun Photoshop 7 tidak perlu khawatir karena caranya sama saja

Penjelasan Tentang Brush Standart Photoshop
Sebelum kita mulai dapat saya jelaskan sedikit disini, sebetulnya Adobe PHOTOSHOP telah menyediakan Fitur Brush yang Standart ( bawaan / Default ) namun sebagai seorang desainer Grafis hal tersebut akan sangat membatasi imajinasi dan kreativitas men-Desain dan Berkarya secara maksimal.

Cara Pemakaian brush Photoshop:
1. Untuk memakai brush photoshop maka kita harus mengKlik kanan ikon Brush yang bergambar
tutorial photoshop pada Tool Box, atau bisa dengan menggunakan short cut yaitu dengan menekan Tombol (B) pada keyboard
Jika masih belum tahu dimana letak tool box maka silahkan lihat Layout Photoshop

2. Lalu setelah itu aktifkan preview brush dengan dengan menekan panah di samping brush,
tutorial photoshop
panah bawah yang dilingkari hitam, nah sekarang akan muncul standart brush yang disediakan photoshop (standart Brush)

Pemasangan dan Penambahan Brush Pada Photoshop
Setelah membaca penjelasan di atas penulis berharap sekarang para pembaca bisa memahami apa yang dimaksud Brush Standart Photoshop. Namun tenang saja karena Adobe Photoshop bisa menerima Plug-in Brush dari pihak luar dalam hal ini adalah menambahkan Brush yang lain dalam Photoshop anda.

Caranya:
Sebelum mencoba silahkan download Contoh Brush ( FLOWER BRUSH ) yang akan kita gunakan untuk latihan
File Tersebut bisa ilmugrafis.com
klik: Photoshop Tools
Simpan dalam komputer dan Extract ,
tutorial photoshop
nama file Brush tersebut adalah "flower brush-3.abr"
( file Tersebut adalah plug-in Brush untuk menambah koleksi brush photoshop )

Ok sekarang akan saya jelaskan cara pemasangannya hingga Brush tersebut dapat digunakan
Caranya:

1. Copy File "flower brush-3.abr" yang telah kita download dari IG Photoshop Tool dan Paste pada Direktori Folder Brushes Photoshop Anda
Secara Default letaknya ada di:
C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Brushes\ (Paste Disini)
tutorial photoshop

2. Buka Photoshop anda dan Brush Photoshop akan Ter-LOAD / Terpasang secara otomatis
Untuk mengganti standart brush di photoshop tersebut kita harus meload / mengaktifkan brush yang diinginkan. Caranya klik panah maka akan muncul menu pilihan:
tutorial photoshop
Disini brush yang akan saya aktifkan adalah Flower Brush-3 jadi klik pada Flower Brush-3 Tersebut.
Sekarang tinggal pilih brush dan klik pada kanvas photoshop
tutorial photoshop
Brush Dengan Tema Bunga - Hipp.. Hippp Horaaayyy ;P

Sekarang akan saya jelaskan bagaimana cara Pewarnaan Brush dan cara Mewarnai Brush

Ok Sekarang tinggal bagaimana cara anda berkreasi dengan BRUSH PHOTOSHOP tersebut

Contoh Karya Penulis dengan Brush
tutorial photoshop [+] Zoom image
Tutorial Terkait:
Teknik Mewarnai Brush Photoshop
Terima Kasih Semoga Bermanfaat

seleksi dengan color range

Seleksi dengan Color Range
Publish: 25 Mei 2010 | Author & Copyright: Cipto D'Blackz Hydeist | Status: FREE tutorial

Setelah sebelumnya kita mempelajari Copy dan Paste Selection maka kali ini kita saya akan menambahkan cara seleksi object photoshop dengan Color Range...

1. Buka Photoshop , disini sy menggunakan photoshop cs4 namun hal ini bukan masalah bagi anda yg masih menggunakan CS , CS2 maupun CS3 karena teknik ini bisa diaplikasikan di photoshop manapun

2. Open image yang ingin di seleksi (file - Open)
tutorial photoshop
Saya menggunakan image ini "gantungan kunci" yang bisa di download disini -> download file latihan | klik save as dan simpan ke komputer anda

3. Kemudian pada main menu pilih Select >> Color Range
Maka akan anda akan mendapatkan hasil gambar seperti di bawah ini
tutorial photoshop

4. Setelah itu, klik warna dasar yang ingin di seleksi
Disini saya menggunakan warna dasar putih, klik menggunakan eyedropper yg sudah tertera di color range tersebut.

Jika sudah  anda akan mendapat hasil seperti gambar di bawah ini.
tutorial photoshop
lalu klik OK

kemudian anda akan mendapatkan area seleksi seperti gambar di bawah ini.
tutorial photoshop

5. Jika sudah , tingal di Inverse saja.,
SELECT > INVERSE  atau tekan pada keyboard tombol ->   SHIFT + CTRL + I
Hal ini dilakukan untuk membalik proses seleksi sehingga yang sekarang terseleksi adalah gantungan kunci tersebut

Jika sudah maka anda akan menemukan area select yang berbeda, tampak seperti gambar di bawah..
gantungan kunci

Tahap selanjutnya anda tinngal membuat double layer,Atau tekan “ CTRL + J “
Dan anda akan mendapatkan 2 buah layer, tampak seperti gambar di bawah .
tutorial photoshop

6. Tahap akhir anda Hide layer Background
Daaaaaan… tralaaaa.., anda mempunyai hasil seleksi yg sudah jadi. Tanpa harus melakukan seleksi berulang kali dengann menggunakan Magic Wand Tool.
Lebih menghemat waktu :)
gantungan kunci
Gantungan kunci yang terseleksi (tanpa background)

Selamat Belajar Photoshop
Terima kasih Semoga Bermanfaat ^_^