Kamis, 02 Desember 2010

PHOTOSHOP EFEK PHOTO STRIP


Kali ini saia memakai foto artis yang gak asing lagi, pemain dalam film action Tomb Rider, Angelina Jolie.
Apa yang akan di otak-atik??
Mulai aja yoo,.^^



1. Lakukan Crop 
Tahap pertama-tama kita melakukan cropping
Klik dan tarik kea rah diagonal berlawanan
lara crofttutorial photoshop

Maka hasil Cropnya seperti ini.
tutorial photoshop
Menjadi semakin jelas muka Lara Croftnya.yuhu^^


2. Duplikasi Layer
Lakukan Duplikasi layer dengan menekan Ctrl+J sebanyak 2x.Dan ubah nama layer menjadi Vertical dan Horizontal.
tutorial photoshop


3. Ganti warna Background
Penggantian warna Background kita lakukan dengan menekan Alt+Backspace. Pastikan layer yg aktif adalah layer Background.
Warna yang kita pakai adalah warna dasar gambarnya. Pengambilan warna dengan Pick color tool.
Untuk menghidden layer.hilangkan gambar mata pada Layer Vertical, dengan mengklik gambar matanya
tutorial photoshop


4. Aktifkan Grid
Untuk mengaktifkan photoshop Grid, tekan Ctrl+’
Setelah muncul, kita mengatur jarak atau besar dari Grid. Tekan Ctrl+K,atur komposisi warna dan jarak seperti gambar. Pilih Guides, Grid, Slice.
Dan gridline menjadi 10, klik OK
tutorial photoshop

hasilnya
tutorial photoshop


5. Seleksi pada layer Horizontal
Untuk penyeleksian kita menggunakan Rectangular Marquee Tool.
tutorial photoshop

Lakukan penyeleksian mulai dari bagian mata.
tutorial photoshop

Seleksi dilakukan selang satu baris di atas dan dibawahnya.
tutorial photoshop


6. Tambahkan Layer Mask
Penambahan layer mask dilakukan setelah penyeleksian secara horizontal.
Tekan tombol add layer mask pada pallete layer.
Dan Layer mask akan muncul pada Layer Horizontal.
tutorial photoshop

Setelah itu maka hasil gmbar menjadi:
tutorial photoshop


7. Tampilkan kembali layer Vertical
Caranya mengklik kembali kotak kosong dimana gambar mata dihilangkan.
tutorial photoshop


8. Seleksi pada layer Vertical
Sama seperti seleksi horizontal, kali ini seleksi menegak atau vertical.
Lakukan pertama kali pada baguan mata.
tutorial photoshop


9. Tambahkan Layer Mask
Klik tombol Add Layer Mask, maka muncul mask pada layer Vertical.
tutorial photoshop

Dan hasilnya:
tutorial photoshop

Tekan Ctrl+’ untuk menghilangkan grid.
tutorial photoshop


10. Penyeleksian secara Irisan.
Langkah ini untuk mendapatkan seleksi irisan atau perpotongan dari mask Vertical dengan mask Horizontal.
Tahan Ctrl klik pada mask Horizontal.
tutorial photoshop

Kemudian tahan Ctrl+Alt+Shift dan klik pada mask Vertical.
tutorial photoshop

Maka hasil seleksi :
tutorial photoshop


11. Penyimpanan Seleksi
Lakukan penyimpanan Seleksi, pilih menu Select dan Save Selection. OK
tutorial photoshop


12. Deselection
Tahap ini kita membatalkan daerah seleksi
Tahap deselection dilakukan sperti motif anyaman satu2
tutorial photoshop


13. Copy menjadi Layer Baru
Tekan Ctrl+J untuk menjadikan sebagai Layer baru.
tutorial photoshop


14. Deselection
Sama seperti Deselection sebelumnya. Mulai dengan tahan Ctrl klik mask Horizontal dan Ctrl+Alt+Shift klik pada Mask Vertical. Setelah potongan hasil seleksi keduanya muncul lakukan penmbatalan seleksi tetapi berlawan dengan diselection sebelumnya. Dalam arti kata lakukan selang seling.

Lemudian Ctrl+J, untuk membuat menjadi layer baru.

(Perhatikan baik2 motif deselection)
tutorial photoshop


15. Membuat Clipping Mask
Klik Layer 1 dan tekan Ctrl+Alt+G, kemudian lakukan hal sama pada layer 2.
tutorial photoshop


16. Membuat efek Outer Glowing
Klik layer 1 untuk aktifin layer, kemudian klik tombol Blending Option
tutorial photoshoptutorial photoshop

Atur Blend Mode menjadi Multiply, Opacity 50, warna hitam, size 18.
tutorial photoshop

tutorial photoshop


17. Copy Paste dari layer 1 ke layer 2
Aktifin layer 1, pilih menu Layer, Layer Style, Copy Layer Style.
terus Aktifin Layer 2, pilih menu Layer, Layer Style, Paste Layer Style

Nahhh,.jadi dehh,…fiuww=33
tutorial photoshop
Wiii,.serem juga yah,.mukanya dianyam seperti itu,.

^^,,hohoho./
Smoga bermanfaat…yu huuu,.
tutorial photoshop
Mm,.bisa juga di berikan efek menggunakan Brushing

Semoga Bermanfaat... ^_^

DASAR DASAR DREAMWEAVER

Seperti kata Pak Patah eh salah itu nama tetangga saya :) maksudnya Kata PEPATAH "Tak kenal maka tak sayang" oleh karena itu alangkah baiknya bila kita menilik apa itu Dreamweaver?
DREAMWEAVER (dulu milik dari macromedia namun sekarang menjadi milik dari Adobe) adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG — What You See Is What You Get — dalam bahasa sansekerta artinya ( Apa yang kamu lihat akan menjadi seperti apa yang kamu inginkan) masih bingung ya intinya Kita tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs karena sudah disiapkan secara instant seperti membuat Table, Membuat Hyperlink, Memasukkan Gambar, termasuk memasukkan Flash Animasi, dll. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga dapat digunakan oleh programer untuk membangun halaman internaktif karena Dreamweaver mendukung pula PHP, ColdFusion, ASP.NET dan lain-lain. Mantab Bukan!!!

logo dreamweaver
Gambar 1 . Tampilan LogoDreamweaver


layout dreamweaver
Gambar 2 . Tampilan / Layout Dreamweaver


Berikut ini penjelasan untuk elemen-elemen workspace seperti telah tertera pada gambar.
- LEMBAR KERJA DREAMWEAVER adalah tempat di mana Anda dapat membuat halaman web secara visual, kode, atau keduanya.
- INSERT TOOLBAR adalah tempat Anda dapat memasukan image, Flash movie, table, atau elemen lain. Untuk memunculkan panel ini, klik Windows > Insert atau tekan Ctrl-F2.
- PENGATURAN HALAMAN berguna untuk melakukan pengeditan pada suatu elemen di Document Window.
- PANEL GROUP merupakan kumpulan dari panel-panel Dreamweaver.

Kamis, 25 November 2010

MACROMEDIA FLASH ANIMASI BURUNG TERBANG

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
tutorial flash
Untuk membuatnya perhatikan gambar dibawah ini
tutorial flash
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
tutorial flash
buatlah sayap pada bagian atas , pada bagian ini kita sedang membuat gambar 1
tutorial flash
Masuk ke pembuatan gambar kedua buatlah bentuk sayap di bawah
tutorial flash

tutorial flash
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
tutorial flash
buatlah Keyframe dengan cara klik kanan frame kedua >> pilih Insert Keyframe, setelah itu masukan Gambar 2
tutorial flash
buatlah Keyframe dan masukan gambar 3 keposisi yang sudah kita tentukan tadi
 tutorial flash
langkah selanjutnya blok semua Frame yang telah kita buat >> klik kanan dan pilih Copy Frame. Kemudian Paste ke frame selanjutnya
tutorial flash tutorial flash
Hasilnya bisa dilihat dengan cara pilih Menu Control >> pilih Play atau Ctrl+Enter
tutorial flash

Selasa, 23 November 2010

MACROMEDIA FLASH ANIMASI KIPAS ANGIN

Hai kawan semua, sudah lama kita tak jumpa dalam kategori Tutorial Flash, kali ini kita akan belajar bagaimana cara membuat animasi berputar pada Flash, Hal ini bisa diterapkan pada semua program Flash mulai dari macromedia Flash (versi lama) sampai Adobe Flash (versi baru).

Melihat dunia yang semakin panas, kerusuhan di mana-mana, musim yang tidak menentu, dll (wah ini tutorial apa berita gan?? wkwkwk... intermezo aja) maka di rumah saya selalu memakai kipas angin untuk mendinginkan suasana. Maklum klo pakai AC listriknya kagak kuat, duitpun tak cukup jd pakai AC yang lain alias (AC) Angin Cendela.

Tutorial kali ini tak lepas dari Kipas angin, bagaimana kita membuat kipas angin atau animasi berputar di Flash? ikuti langkah berikut ini :)
1. Siapkan Kipas angin, Lihat arah berputarnya, jangan lama-lama nanti pusing, wkwkwk....
2. Nyalakan komputer dan buka program Flash, Disini saya memakai Adobe Flash CS 4
3. Buat Object 2 buah segitiga + 1 Buah object lingkaran di Lembar kerja flash
Caranya:
Untuk membuat Segitiga gunakan PolyStar Tool pada toolbar , Untuk Pengaturan gunakan Style: Polygon, Number Of Side: 3
Untuk membuat Lingkaran gunakan Oval Tool dan tekan dan tahan tombol shift agar lingkaran bulat sempurna
image ilmugrafis
Petunjuk Gambar IG

4. Atur gambar sehingga membentuk Sebuah baling baling kipas dan seleksi semuanya lalu tekan CTRL + G (Group) untuk menggabungkan 3 object tersebut menjadi 1 kesatuan
image ilmugrafis
Petunjuk Gambar IG

5. Sekarang waktunya membuat Frame pada Layer 1 klik Frame 50 dan pilih insert Frame
image ilmugrafis
Petunjuk Gambar IG

6. Masih di Frame 50, klik kanan lagi dan sekarang pilih Create Classic Tween

7. Pada Properties, atur Tweening , pilih Rotate: CW (Searah jarum jam)
image ilmugrafis
Petunjuk Gambar IG

Setelah selesai, tekan F6 di frame 50 untuk memunculkan keyframe
image ilmugrafis
Selesai

untuk melihat hasilnya tekan CTRL + Enter