PS 2

MACROMEDIA [ADOBE] FLASH

| 1 |

| 2 |

Animasi Burung Terbang
Publish: 17 April 2010 | Author & Copyright: Miko | Status: FREE tutorial

Dalam Tutorial kali ini akan membahas bagaimana membuat animasi sederhana dengan mode Frame by frame yaitu animasi dengan membuat gambar perframe beda halnya dengan Motion Tweening teknik frame by frame memerlukan waktu yang cukup banyak karma dalam setiap frame kita harus membuat gambar yang tidak sama, pada tutorial kali ini objek yang akan kita gunakan yaitu sebuah ilustrasi burung dan aplikasi yang digunakan yaitu Macromedia Flash MX Professional 2004

Langkah pertama yaitu buatlah gambar ilustrasi burung sebanyak 3 kali dengan menggunakan Toolbox Brush Tool
Untuk membuatnya perhatikan gambar dibawah ini

Buatlah ilustrasi gambar burung dengan brush tool bisa juga menggunakan Pen Tool
Sebelum menginjak langkah selanjutnya copy gambar yang sudah dibuat tadi, tujuannya yaitu agar kita tidak usah repot-repot membuat badan burung lagi jadi pada akhirnya  kita tinggal paste gambar setelah itu nanti hanya menambah bentuk sayap yang berbeda saja

buatlah sayap pada bagian atas , pada bagian ini kita sedang membuat gambar 1

Masuk ke pembuatan gambar kedua buatlah bentuk sayap di bawah



Untuk gambar yang terakhir buatlah sayap diatas punggung burung tetapi agak rendah sedikit, jika sudah selesai tinggal pewarnaan pada gambar
burung
langkah selanjutnya yaitu pembuatan animasinya pada gambar 1 letakkan dikeyframe pertama , atur posisi gambar sesuai keinginan anda asal semua gambar harus di 1 posisi yang sama semua

buatlah Keyframe dengan cara klik kanan frame kedua >> pilih Insert Keyframe, setelah itu masukan Gambar 2

buatlah Keyframe dan masukan gambar 3 keposisi yang sudah kita tentukan tadi
 
langkah selanjutnya blok semua Frame yang telah kita buat >> klik kanan dan pilih Copy Frame. Kemudian Paste ke frame selanjutnya

Hasilnya bisa dilihat dengan cara pilih Menu Control >> pilih Play atau Ctrl+Enter

Hasilnya:

Animasi Burung Terbang :)
salam kreatif by MIKO IG
Selamat Belajar Flash, SEMOGA BERMANFAAT

PHOTOSHOP DASAR | PAGES

| 1 |

| 2 |

| 3 |

Tutorial Membuat Gradien Background
Publish: 21 Juli 2007 | Author & Copyright: Johan | Status: FREE tutorial

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



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

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
Setelah itu [klik kanan] icon tersebut dan pilih

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

Klik pada bagian yang ditunjuk tanda panah

6. Dan Hasilnya adalah seperti ini

Logo Unair Tanpa Background

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


Tutorial Memisahkan Gambar dari Background dengan Extract
Publish: 03 Juli 2007 | Author & Copyright: Johan | Status: FREE tutorial

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.