Rabu, 10 Agustus 2011


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
Jika masih belum tahu dimana letak tool box maka silahkan lihat Layout Photoshop

2. Lalu setelah itu pilih brush yang diinginkan dengan menekan
tutorial photoshop
panah bawah yang dilingkari hitam, nah akan muncul standart brush yang disediakan photoshop


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: www.ilmugrafis.com/photoshop_download_tools.php
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" dan Paste pada Direktori Folder Brushes Photoshop Anda
Secara Default letaknya ada di:
C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Brushes

2. Buka Photoshop anda dan Brush akan Ter-LOAD / Terpasang secara otomatis
Untuk mengecek silahkan pilih Brush Tool dan Cek Koleksi Brush anda, bagian Bawah Sendiri akan terdapat Brush tambahan flower brush
tutorial photoshop
Brush Dengan Tema Bunga - Hipp.. Hippp Horaaayyy ;P

Ok Sekarang tinggal bagaimana cara anda berkreasi dengan BRUSH PHOTOSHOP tersebut

Contoh Karya Penulis dengan Brush
tutorial photoshop [+] Zoom image
Jadi inget guru Gue Waktu TK ampe Kuliah Nih...

Terima Kasih Semoga Bermanfaat

Selasa, 09 Agustus 2011

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
Pada Tutorial kali ini kita akan menambahkan Pattern pada adobe photoshop kita sehingga tool desain kita lebih banyak variasi dan lebih imajinatif...
Caranya hampir sama dengan cara Pemasangan dan Penggunaan Brush yang telah dibahas di website IlmuGrafis ini

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

Cara Menambahkan Pattern Photoshop:

1. Download Pattern photoshop yang disediakan oleh ilmuGRAFIS sebagai bahan latihan di Download Pattern
Download dan Simpan PATTERN
Midnight Blue Patterns
Photoshop Version:
CS3
[Pattern ini bisa digunakan secara baik di Photoshop CS3]
DOWNLOAD

2. Setelah mendownload file Pattern tersebut maka anda akan mendapatkan file bernama "webtreatsetc-midnight-blue-patterns.pat"
Copy dan paste file tersebut ke direktori Folder Pattern Photoshop anda
Secara Default letaknya ada di:
C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Pattern

3. Buka Photoshop maka Photoshop akan menLOAD pattern tersebut secara otomatis
Untuk mengujinya maka buat lembar kerja baru pada photoshop (File >> Open >> OK)

>>Fill maka akan muncul Pop Up Parameter
Lakukan urutan seperti di gambar bawah ini
tutorial photoshop
Klik Ok , Nah sekarang Ada tambahan pattern bernama webtreatsetc-midnight-blue-patterns di Photoshop anda

Setelah itu akan ada 6 pilihan pattern yang bisa dipilih salah satunya, klik OK
Pattern bisa dipakai sebagai Alternatif background bagi foto atau gambar anda
Misal seperti ini:
fred flinstone
Fred Flinstone also like ilmuGRAFIS , hehehe :)

Selamat Belajar Photoshop
Terima kasih Semoga Bermanfaat ^_^
Apapun yang berhubungan dengan grafis pastilah tidak luput dari vector dan warna. Dua hal ini ada point teratas jika memulai sebuah proyek, diikuti proporsional dan kombinasi.
Kadang merancang kartu nama aja udah bingung mau pake konsep apa, yang tentunya warna. Jika kita mau konsepnya techno, pastinya warna2 yang kalem n unsur2 teknologi dsb.

Layout Katalog Tazewell: warna ( blue, grey, white)
dasar photoshop

Kalo bingung mau kombinasi warna2 yang dipakai biar ga nabrak, skrg pshop udah ada aplikasinya, namanya Kuler ( bukan tukul tp Kuler , wkwkwk Ke Je Dott,.!=])
Menu Windows- Extention- Kuler
dasar photoshop

kalo udah dipilih munculnya:
dasar photoshop

Liat pada Base Color –nya, itu adalah warna pilihan anda dan dengan kuler ini akan ditampilkan warna sinkron-nya atau theme warnanya.

Dikuler juga kita bisa men-setting RGBnya atau CMYK utk masing color setting pada setiap proyeknya. (saya lebih terbiasa dengan RGB).

Kuler sebenarnya bukannya bisa menentukan warna kombinasi yang cocok untuk kita pakai buat desain apapun. Kuler bisa menentukan titik warna khusus pada setiap grafik warna sesuai dengan koordinat Color Picker. Hasil kombinasi yang di tampilkan pada Kuler ini benar2 membantu kita dalam men-campur adukan warna2 yang mungkin saja anda bisa memuja-muji olahan anda sendiri, hehe..

Cara pakainya? Gampang aja,.

Pertama anda tentukan sendiri warna yang anda mau,.kalem?ceria?elegant?warna nabrak tapi keren?=P Ke Je DOT lagi yukk,…

Pada Select Rule-nya, anda bebas memilih jenis grafik kombinasi warnanya.
Misalnya saya ingin membuat kartu nama dengan konsep warna ke ijo2an,.maka kita mesti tentuin dulu Rule-nya. Saya pilih yang Monochromatic. Kombinasi warnanya yang tidak terlalu extrim (namanya juga MONO=satu macam)
dasar photoshop

Untuk mendapat Base Color-nya bisa kita pilih dengan KLIK n Drag pada color pointnya dengan lingkaran bulat paling BESAR.
dasar photoshop
Akhirnya dapat kombinasi warna ijo2 yang dapat kita pilih sesuai minat dan selera anda. Jadi tidak susah2 cari warna kombinasi khusus MONO warna HIJAU.

Cara menggunakan warna hasil pencarian dengan kuler ini, cukup double kilik kotak warna hasil nge-KULER-nya, so dapatlah warnanya pindah ke Foreground Color, atau COPAS (copy-paste) angka Hex-nya ke hex di Color Picker.
dasar photoshop

Bagaimana kalo mau kombinasi warna lebih dari satu jenis warna?
Kita cukup pilih jenis Rule-nya,
Saya pilih yang Triad aja, lebih simple titik2 warnanya,.karna Simple itu yang menarik,.;)
Kalo mau warna yang ceria2 atau Colorful, kita bisa mengatur BC-nya (Brightness & Contrast).

kuler photoshop cs4
Untuk mencari kombinasi warna yang sesuai selera, kita bisa C&D (Click & Drag) pada bulatan base colornya, bulatan tengah yang paling BESAR.
Selamat ber-INOVASI!! Coloring Your Style!!
Lama tidak berjumpa di tutorial Photoshop Dasar, kali ini kita kembali membahas dasar - dasar photoshop yaitu Opacity dan Fill. Keduanya digunakan untuk membuat efek transparansi gambar sehingga bisa dimanfaatkan menjadi Watermark pada gambar yang kita punya agar gambar yang kita pasang di Website termasuk TOKO ONLINE maupun BLOG kita tidak dibajak orang lain.

Sekarang bagaimana kita membuat Stamp Logo atau disebut juga WATERMARK? sebelum memulai, Watermark adalah tulisan / logo / stempel yang sifatnya transparan untuk melindungi dan mencegah penggunaan kembali gambar tersebut secara tidak sah, atau penggunaan tanpa pesetujuan dari pemilik gambar / foto tersebut. Watermark biasanya berbentuk transparan agar sulit untuk dihilangkan.
ikuti langkah-langkah membuatnya hanya di IG:

1. Buka Gambar / Foto yang akan diberi Watermark dengan Photoshop
Misal disini saya menggunakan Gambar Apple sebagai Sample
image ilmugrafis.com
Gambar Apple sebelum di watermark

2. Ketik dengan Teks Tool, kata - kata atau cap atau note yang akan dijadikan Watermark, misal disini menuliskan ILMUGRAFIS[dot]com
image ilmugrafis.com
gambar Apple + Tulisan Watermark

3. Setelah itu tinggal atur Opacity dan Fill sesuai kebutuhan, pengaturan di bawah ini hanya sebagai contoh saja, anda bisa mengatur sesuai keiginan anda (improvisasi aja)
image ilmugrafis.com
watermark sudah jadi

Mudah bukan, anda bisa mengkombinasikan dengan teknik Transform dan menduplikat layer (CTRL + J) sebanyak yang diinginkan sehingga menjadi seperti ini
image ilmugrafis.com
sedikit tambahkan efek Glossy dan tampilannya jadi extreme seperti ini
image ilmugrafis.com

Adobe selaku pengembang Photoshop telah menambahkan fitur baru yang cukup fenomenal bernama content-aware fill di Photoshop CS 4 dan CS 5. Fitur ini terlihat sangat ajaib dan sangat membantu bagi seorang fotografer maupun seorang desainer Grafis.

Kebanyakan dari kita mungkin banyak yang belum mengetahui fitur fenomenal tersebut jadi disini saya ingin membagikannya kepada anda para pengunjung dan pembaca setia IG bagaimana dan apa itu (fill) content-ware.

Penjelasan simple Fill Content Aware seperti ini: bayangkan jika kita harus menghapus obyek pohon yang ada ditengah Pemandangan Savana (rerumputan dan langit), membuat seleksi yang mengellingi pohon lalu menghapusnya, namun foto kita akan tampak bolong dibagian yang dihapus akan tetapi tergantikan dengan padang rumput (savana) tadi karena Photoshop akan mengisi secara otomatis bagian yang bolong tadi secara sempurna dan serasi dengan lingkungan disekitarnya.

Untuk lebih jelasnya mari kita praktikkan, Sebelum memulai Tutorial Photoshop ada baiknya baca doa dulu biar tidak ada gangguan :-) hehehe

Langkah - Langkah cara Penggunaan Content Aware

1. Buka Object dengan photoshop CS 5 (fitur ini hanya ada di CS4 dan CS 5 namun saya lebih merekomendasikan CS5 karena Adobe telah menyempurnakan fitur ini di CS5)
Disini saya menggunakan Photoshop CS 5
image ilmugrafis.com
anda bisa memakai gambar di atas untuk latihan kali ini, atau jika anda ingin gambar yang lain bisa mencari2 lewat google

2. Seleksi area di sekeliling pohon, anda bisa menggunakan berbagai macam teknik seleksi
tidak perlu menSeleksi secara detail cukup seleksi di sekeliling pohon
image ilmugrafis.com

Setelah terseleksi
image ilmugrafis.com
Jika anda bingung apa itu seleksi bisa membaca tutorial ini Seleksi Objek pada Photoshop

3. Ok sekarang anda sudah memiliki seleksi pada pohon tersebut
Nah ini dia MAGic nya:
Pada menu utama klik Edit >> Fill >> Pilih Content Aware
image ilmugrafis.com
dan Hasilnya:
image ilmugrafis.com
Fantastis : object pohon hilang dan digantikan dengan background awan dan rumput dan terkesan alami

Ok, sampai ketemu di tutorial yang lainnya, Terima kasih
Selamat Belajar dan Semoga Bermanfaat

Salam Grafis
by Sarjono Pujangga

Kamis, 21 Juli 2011

MEMBUAT ROUTER DENGAN NAT PADA WINDOWS XP

Di dalam Windows, ada sebuah tool yang digunakan untuk memanajemen network seperti mensetting IP address, menyiapkan routing, dsb. Tool ini namanya NETSH (singkatan dari network shell).



Untuk menggunakan NETSH ini dalam membuat ROUTER, kita akan membutuhkan 2 NIC (Network Interface Card). NIC yang pertama adalah untuk terhubung ke network publik (misal: Internet) dan yang lainnya adalah untuk terhubung ke LAN (Local Area Network). Untuk NIC LAN, bisa dihubungkan ke SWITCH atau ke satu komputer (diperlukan kabel crossover).

Cara berikut adalah untuk membuat Windows XP bekerja sebagai NAT, tetapi tanpa batasan dari ICS (Internet Connection Sharing).

KEBUTUHAN :
1. Dua buah kartu jaringan (NIC) :
a. NIC1: terhubung ke jaringan internal (LAN). (Network apa saja, tidak terbatas pada 192.168.1.0).
b. NIC2: terhubung ke jaringan Internet (atau jaringan lain yang ingin dihubungkan).
2. Mempunyai hak akses administrasi untuk menghentikan/memulai services.

Langkah-langkah membuat Router dengan NAT pada Windows XP :
1. Nonaktifkan ICS pada kedua NIC, Caranya :
- Klik kanan pada NIC > Properties > Advanced. Pastikan Allow other network users to connect through this computer’s Internet connection tidak dicont (r) eng.

2. Menonaktifkan Firewall/ICS Service (boleh lebih dulu dari langkah 1)
Caranya :
- Buka Control Panel > Administrative Tools > Services > Windows Firewall/Internet Connection Sharing (ICS) > klik 2x dan ubah Startup type menjadi “Disabled” dan klik OK.





















3. Mengaktifkan layanan Routing and Remote Access.
- Jika menggunakan Category View :
- Buka Control Panel > Performance and Maintenance > Administrative Tools > Services > Routing and Remote Access > klik 2x dan ubah Startup type menjadi “Automatic” dan klik OK
- Jika tidak menggunakan Category View :Control Panel > Administrative Tools > Services > Routing and Remote Access > klik 2x dan ubah Startup type menjadi “Automatic” dan klik OK.









4. Mengaktifkan “IPEnableRouter” pada Registry.
1. Buka Start > Run… dan ketik “regedit”, tanpa tanda petik “ ”, Klik OK.
2. Pada window Registry Editor : buka HKEY_LOCAL_MACHINE > SYSTEM > CurrentControlSet > Services > Tcpip > Parameters. Cari “IPEnableRouter”. Klik 2x dan ubah value dari 0 menjadi 1.















5. Restart computer
6. Melakukan konfigurasi NIC :
1. Cukup satu saja yang memiliki gateway (Misal : NIC2). Hapus gateway pada NIC yang satunya. (NIC1)
2. (Opsional) Lakukan perubahan nama pada NIC1(Namanya mungkin “Local Area Connection”) menjadi “LAN” dan NIC2 (Namanya mungkin “Local Area Connection 2”) menjadi “Internet”. Tujuannya disini untuk memudahkan mengenali tiap NIC.

7. Mengaktifkan dan mengkonfigurasi NAT.
1. Klik tombol Start > Run
2. KETIK cmd pada Open dan klik OK
3. Ketik netsh routing ip nat uninstall (untuk menjamin services tidak aktif)
4. Instalasi NAT : Ketik netsh routing ip nat install
5. Menambahkan interface publik : Ketik netsh routing ip nat add interface name=”Internet” mode=FULL
6. Menambahkan interface private : Ketik netsh routing ip nat add interface name=”LAN” mode=PRIVATE









8. Konfigurasi pada PC Client :
PC Client harus dikonfigurasi menggunakan subnet yang sama dengan router. Ubah default gateway dan DNS server menjadi IP address pada router.

• Contoh :
Router :
* NIC1 “LAN” :
 IP Address : 192.168.2.1 (sesuai dengan kelas IP yang anda suka)
 Subnet mask : 255.255.255.0
 Default gateway : dikosongkan
 DNS Server : dikosongkan / di isi sesuai daerah provider anda, saya setting ini di daerah Klaten Jateng dengan
DNS Server : 203.130.208.18
Alternate DNS : 202.134.0.10

* NIC2 “Internet” :
 IP Address : 192.168.1.2
 Subnet mask : 255.255.255.0
 Default gateway : 192.168.1.1
DNS Server : 203.130.208.18
DNS Alternate : 202.134.0.10 (sesuai daerah provider anda)

• PC Client :
* Client 01 :
 IP Address : 192.168.2.2
 Subnet mask : 255.255.255.0
 Default gateway : 192.168.2.1
DNS Server : 203.130.208.18
DNS Alternate : 202.134.0.10 (sesuai daerah provider anda)

* Client 02 :
 IP Address : 192.168.2.3
 Subnet mask : 255.255.255.0
 Default gateway : 192.168.2.1
DNS Server : 203.130.208.18
DNS Alternate : 202.134.0.10
 Dst diurutkan misal : 192.168.2.xx

Contoh gambar yang jelas seperti berikut :













IP AddressLAN yang saya gunakan kelas















IP Address INTERNET yang diberikan oleh Provider Speedy :












IP Address CLIEN