Belajar Membuat Animasi Dengan Photoshop

1. Import Langsung dari layer ( Make frame from layers – buat yang udah EXPERT )

2. Manual ( ini khusus buat menggerakan benda aja)

Sekarang kita mulai dengan yang manual dulu aja yaa.. dari dasar dulu la..

Pertamax.. hehehe  buka dokumen baru :

Buat kotak dengan rectangle marquee tool. Klik Select > Inverse.. lalu warnai dengan warna Hitam Klik Edit > Fill > Black

Sekarang buat lingkaran dengan Elliptical Marquee tool.. ( Sambil tekan tombol SHIFT biar Bener-bener bulet jadinya )..

Warnai dengan Gradient TOol > Radial Gradient.  Warna Terserah aja..

Kalo ngikutin nya bener … jadinya kayak gini ..

Sekarang kita gerakkan Bola nya..

Klik Windows > Animation, maka muncul Animation Bar..

Klik Duplicate Selected Frame .. Muncul Frame baru dengan posisi bola yang sama..

Sekarang pindahin bola yang ada di frame 2 ke tepi kiri tengah..

Klik Tween Animation Frame untuk membuat Frame-frame dari posisi bola di atas ke posisi bola di samping secara otomatis.. kalo mau gerakan nya halus.. frame nya banyakin aja.. saya pake 5 frame aja..

Sekarang udah jadi deh.. gerakan dari atas ke samping kiri.. coba aja tekan tombol Play.

Pake cara yang sama .. Sekarang klik frame terakhir.. Klik duplicate selected frame lagi.. Pindahkan bola ke bawah tengah.. lalu buat Tween animation frame.sebanyak 5 juga.. Lalu animasikan bola dari tengah bawah ke tengah kanan.. animasikan lagi..

Untuk yang terakhir jangan sampe kembali ke posisi awal.. tapi buat renggang sedikit..

Klik tombol Play..  Kalo udah Ok save di GIF..

Klik File > Save For Web and Devices

Hasilnya :

Selamat MencoBA

Area kerja Photoshop

Keterangan :
A : Menu
B : Tool Option Bar
C : Pallete Well
D : Toolbox
E : Status Bar
F : Area Gambar
G : Dari atas ke bawah : navigation palette, color palette, history palette dan layer palette.
Ini area kerja nya aja. Fungsi-fungsi dari tool-tool photoshop akan aku jelasin nanti yaa..

Pemasangan dan Penggunaan Brush Photoshop Lengkap

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

 

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, 




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 , 




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)



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:




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 




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

 

[+] Zoom image

Terima Kasih Semoga Bermanfaat

ilmu grafis

Menambahkan Pattern Pada Photoshop

Pada Tutorial kali ini kita akan menambahkan Pattern pada adobe photoshop kita sehingga tool desain kita lebih banyak variasi dan lebih imajinatif...

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 




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 also like ilmuGRAFIS , hehehe :) 
Terima kasih Semoga Bermanfaat ^_^ 

ilmu grafis

Color Theme Photoshop CS4

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)



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



kalo udah dipilih munculnya:



Liat pada Base Color –nya, itu adalah warna pilihan anda dan dengan kuler ini akan ditampilkan warnasinkron-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 koordinatColor 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 duluRule-nya. Saya pilih yang Monochromatic. Kombinasi warnanya yang tidak terlalu extrim (namanya juga MONO=satu macam)



Untuk mendapat Base Color-nya bisa kita pilih dengan KLIK n Drag pada color pointnya dengan lingkaran bulat paling BESAR.




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.



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). 




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!!

Semoga bermanfaat

ilmu grafis

Tutorial Memisahkan Gambar dari Background dengan Extract

Tutorial ini menjelaskan bagaimana memisahkan gambar dari background. Cara ini efektif bagi gambar dengan tingkat kontras yang tinggi, dengan begitu selalu ada cara untuk berimajinasi...

Memang ada cara yang lainnya yaitu dengan menggunakan Magic Eraser Tool, tapi kelemahan dari cara ini adalah tool ini tidak bisa membedakan tingkat kontras dalam gradien sehingga tidak bisa digunakan bila background terlalu komplek dengan banyak warna. Baiklah,,, untuk mempersingkat waktu, mari kita mulai saja...

Langkah - langkahnya adalah sebagai berikut:

1. Siapkan gambar yang akan di edit sebagai contoh saya akan menggunakan gambar Olete, kalian bisa download gambar tersebut

Klik disini untuk 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,
[klik kanan] gambar > open with "pilih" Photoshop atau
Start > All Program > Photoshop 7 > Open > cari gambar yang diinginkan

3. Setelah itu kalian lihat menu utama di sebelah atas pilih filter > extract 
atau kalian bisa menekan (ctrl + alt + x) Maka kalian akan dibawa ke jendela extract 

4. Di jendela extact terdapat kalian cari Toolbox dengan gambar spidol di sebelah kiri atas dan [klik kiri] tool tersebut lalu atur properties di sebelah kanan dengan ketentuan berikut:


5. Setelah selesai dengan pengaturan, buatlah garis dengan spidol tersebut pada bagian perbatasan antara object dengan background tersebut, lihat gambar:

(gambar yang telah diblog spidol)
Setelah selesai memblok kalian pilih icon seperti gambar cat di sebelah kiri (atau tekan huruf "G" pada keyboard) lalu [klik kiri] di dalam bagian gambar yang di blok sehingga gambar terisi dengan cat biru, lihat gambar:


(gambar yang telah di fill biru)

5. Jangan menekan [ok], tapi tekan [preview] untuk melihat hasil extract sehingga bisa diperbaiki jika ada kekurangan

6. Ada 2 tool di sebelah kiri untuk memperbaiki hasil extact yaitu Clean up tool & Edge touchup tool
Perbedaan:

Clean up tool = untuk membersihkan sisa noda dengan menghapus bagian tidak diinginkan
Edge touchup tool = untuk memperhalus dengan sentuhan halus / memperhalus object yang telah di extract

7. Jika pengeditan dirasa sudah selesai maka tekan [ok]
Hasilnya adalah:

Hasil Filter...

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

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

ilmu grafis

Mempelajari dan Menguasai Teknik Croping

Tutorial ini memberikan penjelasan untuk mempelajari dan menguasai Teknik Croping. 

Teknik croping adalah teknik untuk mengambil sebagian dari keseluruhan gambar sehingga kita mendapatkan gambar yang sesuai dengan kebutuhan. Misalkan kita ingin mengambil salah satu gambar dari foto sekumpulan orang maka kita bisa menggunakan teknik ini.

Langkah - langkahnya adalah sebagai berikut:

1. Siapkan gambar yang akan di croping
sebagai contoh saya akan menggunakan foto teman-teman saya

[download] - File Format *.zip

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

3. Pada Toolbox yang terdapat di sebelah kiri kamu cari icon bergambar seperti ini
 
"Crop Tool" atau tekan tombol [C]

4. Letakkan pointer di kanvas dan cari bagian yang diinginkan untuk di croping
Setelah itu tahan [klik kiri] dan geser sehingga terbentuk sebuah kotak crop
Lihat Gambar:

Croping Area Terseleksi
keterangan:
Bagian yang terang adalah bagian yang akan kita ambil gambarnya sedangkan bagian yang redup adalah bagian yang akan kita buang

6. Dan Hasilnya adalah seperti ini

Foto Tercroping

Fungsi Tehnik Croping:
Untuk menyeleksi gambar dan memilih gambar secara khusus

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

ilmu grafis

Penjelasan dan Penguasaan Teknik Transform

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

[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:

berubah menjadi

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:

berubah menjadi

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:

berubah menjadi

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:

berubah menjadi

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:

berubah menjadi

Hasil Perspektif / Perspective 

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

ilmu grafis

Tutorial Membuat Gradien Background

Tutorial membuat gradien background merupakan tutorial yang menarik. Pada tutorial kali ini kita akan belajar membuat gradien background namun bikinan sendiri...

Tanpa panjang dan lebar serta gak pake lama (GPL) ayo kita buat GRADIEN!!!

1. Jalankan program photoshop.
Caranya: Start --> All Program --> Adobe Photoshop 

2. Buat Lembar kerja baru
Caranya: tekan [Ctrl] + [N]
Anda bisa membuat pengaturan anda sendiri, tapi 
Disini saya atur seperti ini:
Name = Gradien 
preset Sazes = 800 x 600 
Width = 800 
Height = 600 
Resolution = 72 pixels/inch
Mode = RGB Color 
Contents = Transparent (*recommended) 
Tekan [ok] 

2. Setelah itu klik Gradient Tool dengan gambar icon pada tool box sebelah kiri

Gradien Tool 

3. Pada layar sebelah atas terdapat properties dari gradien


Klik kiri pada bagian yang saya beri lingkakaran sehingga muncul kotak dialog
Gradien Editor

ini adalah pengaturan normal pada komputer saya


4. Sekarang waktunya mengedit gradien yang diinginkan, sebagai contoh saya akan membuat gradien 
"merah - hitam - merah - hitam - merah"
Caranya:
Ubah Name = merah - hitam - merah - hitam - merah
Gradien Type = Solid
Smoothness = 100%




Klik tanda lingkaran dengan no. 1
Lalu ke lingkaran no.2 dan pilih warna merah [OK]

Selanjutnya




Sama seperti langkah sebelumnya 
namun kali ini pada no. 4 kalian pilih warna hitam [OK]

Selanjutnya




Yup masih sama namun kali ini pada no. 6 pilih warna merah 

Selanjutnya




Sama, ubah warna no. 8 menjadi hitam 

Selanjutnya




Sama, ubah warna no. 10 menjadi merah 

Hasilnya:



Setelah itu klik tombol new pada dialog Gradien Editor tersebut 
Dan Jadi deh........
Anda bisa mengembangkannya sendiri sesuai dengan kreatifitas anda


Sedikit tambahan 
Coba dengan mode gradian yang anda buat 
Ada 5 Macam mode gradien:



a. Linear Gradien 
Gradien searah garis lurus
Pada Lembar kerja tahan klik kiri lalu sapukan dari kiri ke kanan, hasilnya:



b. Radial Gradien
Gradien seolah-olah muncul dari pusat suatu lingkaran 
hasilnya:



c. Angle Gradien
Gradien dengan sudut tertentu namun tetap berpusat pada inti
Hasilnya:



d. Reflected Gradien
Sama seperti linear namun dengan effek terbalik



e. Diamond Gradien
Gradien dengan effek belah ketupat / diamond
Hasilnya:



Kegunaan: 
Dengan menguasai teknik gradien maka akan membuat disain anda semakin atraktif dan nyata

SEMOGA BERMANFAAT 

ilmu grafis