Sabtu, 25 Juni 2011

Membuat Taman MATAHARI

Tutorial kali ini adalah Tutorial Membuat taman MATAHARI, disini saya menggunakan Macromedia Flash 8...

1. Buka program flash 8
Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna warna biru #0099FF


2. buat 4 layer yaitu dengan nama: Rumput hijau, tiang, kotak nama, matahari


3. Di layer rumput hijau Klik rectangle tool  tutorial flash ,untuk membuat rumput hijau dengan mendragnya ke stage seperti gambar dibawah ini.
tutorial flash


4. Klik di frame 1 pada layer: tiang lalu gunakan rectangle tool lagi untuk membuat tiang penunjuk arah ,
setelah selesai pembuatan tiangnya maka untuk pemberian garis tiang dan arah gunakanlah line tool setelah itu tekan tombol F8 dan beri nma tiang_mc
lihat gambarnya:
tutorial flash


5. sekarang klik frame 1 pada layer: kotak nama
Ganti fill color menjadi warna putih dan strokenya hitam lalu tekan tombol F8 dan beri nama  Kotaknama_mc dan copy menjadi 4 lalu sesuaikan dengan gambar dan beri nama : jl. Grafis, jl.animasi, jl.film, jl.kartun.
lihat gambarnya:
tutorial flash


6. langkah terakhir, klik frame 1 di layer matahari ganti warna fill color menjadi #FFFF00 tutorial flash dan stroke dijadikan none tutorial flash gunakan rectangle tool
Untuk mebuat perputaran matahari buat 8 kotak panjang lalu urutkan seperti gambar lalu tekan F8 dan beri nama sun_mc
lihat gambarnya:
tutorial flash


7. Klik 2 kali pada objek sun_mc dan akan terlihat seperti gambar ini
tutorial flash


8. buat 1 layer lagi dan beri nama bulat
klik di frame 1 layer: bulat dan klik oval tool untuk membuat objek lingkaran klik kanan > insert keyframe di frame 60 lalu klik
klik kanan create motion tween di frame 30.
lihat gambarnya:
tutorial flash


9. klik di frame 1 layer 1
klik kanan > insert keyframe di frame 60
lalu klik pada frame 30 , klik di propertiesnya
tutorial flash


10. agar matahari terlihat dibelakang pindahkan layer matahari di paling bawah….
untuk membuat rumputnya gunakan line tool buat seperti gambar
tutorial flash
Selamat Mencoba>>>>@_@
Untuk melihat hasilnya tekan Ctrl + enter
hasilnya:

Taman Matahari ilmuGRAFIS

Selamat mencoba Tutorial Flash
Semoga berhasil…
SEMOGA BERMANFAAT

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

Animasi Burung Terbang :)

FOTO MENJADI KARTUN VECTOR di Corel

Catatan : Sebelum mengikuti tutorial ini diharapkan anda sudah mengetahui dasar-dasar Coreldraw pada CorelDraw, dan mengetahui Fungsi- fungsi Tool dan Layout pada CorelDraw

Daftar Tool yang digunakan :
1. Pen tool
2. Shape tool
3. Color eyedropper tool
4. Interactive fill
5. Fountain fill
6. Drop Shadow
7. Transparency

Langkah 1
Buka Program CorelDraw.Tekan Ctrl + N untuk Membuka Lembar Kerja baru Ukuran kertas A4 . Anda bisa juga mengubah Satuan units di Properties bar nya menjadi Centimeter

Langkah 2
Impor Objek Berbentuk JPG, BMP,AI, PNG Kedalam Lembar Kerja yang anda buat
Bisa Dilakukan Dengan Menekan Tombol Control + i pada keyboard, atow pada menu Bar.
Cari dan Clik Objek yang ingin diTrace disini saya menggunakan Foto Saya pribadi sebagai contoh

Langkah 3
Lalu arahkan mouse pada gambar dan Clik Kiri pada Mouse pilih (Lock Objeck) supaya Gambar Yang yang Kita Trace Tidak Bergeser kemana mana.
screenshot ilmugrafis corel

Langkah 4
Disini Sini Saya Menggunakan ( Pen Tool ) Untuk Proses Trace nya….
Lihat Gambar Dibawah ini Kesabaran adalah No.1 untuk mengerjakanya
screenshot ilmugrafis corel

Langkah 5
1. Buatlah Bentuk Rambut Dengan ( Pen Tool ),
2. Buatlah Bentuk Lingkaran Wajah
3. Buatlah Bentuk Kaca Mata
4. Buatlah Bentuk hidung, Telinga , Dan Leher
5. Buatlah Bentuk Lingkaran Badan dan Baju
screenshot ilmugrafis corel

Langkah 6
Semuanya Dilakukan Menggunakan Pen Tool. Untuk Merapihkan Lengkungan Line,
Atow Garis-garis Menggunakan ( Shape Tool ) Dan Untuk Menghasilkan Lengkungan
Garis line Yang Bagus... Menggunakan ( Convert to curve )
Caranya : Clik Garis Line Clik Mouse sebelah Kiri Pilih convert to curve
screenshot ilmugrafis corel
Catatan : Jika semua sudah terbentuk Tinggal Proses pewarnaan di bagian pewarnaan ini
Memang sangat rumit dibutuhkan ketelitian untuk mewarnai,mengatur komposisi warna

Langkah 7
1. Impor kembali poto yang asli dan jejerkan di objek yang telah di trace
2. Gunakan ( Color eyedropper tool ) untuk mengambil sempel warna dari poto yang aslinya
screenshot ilmugrafis corel
Catatan :
Gunakan Fountain Fill Untuk Mengatur Komposisi Warna, Kalo Belum sesuai gunakan Juga Tool Interactive Fill
Aturlah Komposisi warna sesuai Kebutuhan, yang diperlukan

screenshot ilmugrafis corel
Catatan :
Ketika proses pewarnaan pasti anda mengalami kesulitan karna objek demi objek akan bertumpuk tumpuk jadi tidak karuan jangan kuatir….
Tipsnya: Gunakan ( Power Clip )atow bisa juga dengan melakukan clik objek, Garis, line Clik pada mouse sebelah kiri pilih Order Dan clik tulisan In Front of. Atow juga Garis, line nya di Lock objek dulu…
screenshot ilmugrafis corel

Langkah 8
Jika sudah selesai Klik Export pada menu Bar
screenshot ilmugrafis corel
Save as type = format gambar Itu terserah kebutuhan

Hasil Akhirnya kira - kira seperti ini
screenshot ilmugrafis corel
Tracing Dengan Coreldraw
Sesudahnya saya ingin mengucapkan minta maaf jika ada kesalahan didalam pembuatan tutorial ini mohon dimaklumi karna saya juga dalam proses belajar…
sampai jumpa di Tutorial CorelDRAW berikutnya , baca juga tutorial tutorial sebelumnya, Gunakan google service di atas untuk mencari Tutorial yang anda butuhkan
Trima kasih Semoga bermanfaat wasalam……

Pentingnya Fungsi Ruler dan Guide Lines

Tutorial Coreldraw kali ini akan membahas tentang pentingnya fungsi ruler (penggaris) dan Guide Lines. Kok bisa? ya karena ketepatan dalam mendesain suatu layout sangat penting (terutama bagi yang bergerak di bidang setting) dan hal ini ditentukan oleh sama tidaknya panjang disain di corel (maya) dengan hasil sebenarnya (nyata). Misal kita ingin mendesain kartu nama maka ukuran kartu nama yang kita buat misalnya 9cm x 5,25 cm maka kita juga harus membuat ukuran layout yang sama di coreldraw. Dan untuk itulah fitur ruler ini diperlukan. ok mari kita belajar corel lebih jauh

Desainer butuh penggaris? Tentu saja
tutorial coreldraw
Karena untuk urusan main layout dan setting ketepatan posisi dan ukuran sangatlah penting. Berikut desktripsi singkat dari Ruler dan Guide Lines:
Ruler adalah bantuan berfungsi fungsi penggaris untuk mengukur suatu obyek secara pasti dan tepat dengan presisi tinggi, ruler disediakan dalam posisi vertikal dan horisontal
Guide Lines berfungsi mengatur tata letak obyek dan ukuran-ukurannya pada saat memanipulasi obyek biasanya disimbolkan dalam koordinat x: dan y:

Unit / Satuan Ukuran Pada Coreldraw ada Centimeter, Milimeter, Inchi, dll
ingat saat kita SD (sekolah dasar) guru kita mengajari satuan hitung
Satuan Jarak (Panjang)
1 centimeter (cm) = 100 millimeters (mm) --- paling sering dipakai untuk jasa setting
1 inches (inci) = 2.54 centimeters (inchi biasanya digunakan untuk mengukur panjang secara diagonal)
1 mile = 1760 yard
1 yard = 3 feet = 914.4 millimeters (mm)
1 meter (m)= 100 Centimeters (cm)
1 kilometer (km) = 1000 meter (m)
1 mile = 1.609344 Kilometer (km)

nah ini mungkin kita baru mengenal, tapi tak ada salahnya kalau kita mengetahuinya untuk menambah wawasan siapa tahu dibutuhkan, penulis sendiri pun jarang memakai satuan ini hehehe
Satuan untuk Didot Points
1 Didot point = 0.376065 mm = 1.07007 pica = 0.0148057 inch
1 cicero = 12 didot points

tutorial coreldraw

Nah berikut ini akan saya tambahkan tips supaya kita tahu jarak panjang maupun lebar desain kita,
Langkah - langkahnya:

1. buka Coreldraw
Klik New
nah disitu kita pilih dulu satuannya, gunakan satuan Centimeters saja supaya mudah

2. Klik Rectange Tool (F6)
buat kotak di area kerja
tutorial coreldraw
nah kita sudah mempunyai kotak, panjang dan lebar kotak ini belum beraturan, kita buat saja panjangnya 2 cm x 2 cm

nah sekarang kita sudah mempunyai penggaris / bantuan pengukur, jadi ini gunanya bila suatu saat kita diminta mendesain foto dengan jarak 2 cm antara foto yang satu dengan yang lain maka kita tidak akan lagi kesulitan
tutorial coreldraw

REALISTIC FIRE

Dalam manipulasi foto, mungkin anda pernah ingin membuat api, tapi bingung, gimana ya biar realistis? Nah, itu isi tutorial ini.. Langsung aja y :

Langkah - langkahnya:

1. Buat file baru.. Ukuran terserah contoh :

Jika sudah muncul bidang/canvasnya, tekan D, lalu Alt+Del.. Maka canvas akan terisi warna hitam..

2. Pilih Brush Tool (atau tekan B) , lalu pilih brush berbentuk bulat, ukuran terserah saja, gunakan warna putih… Buat layer baru, lalu brush sesuai selera.. Untuk contoh saya hanya membuat seperti ini :


3. Jika sudah, mari kita “bermain2” dengan smudge tool..!! ^^ () Jika icon ini tidak terlihat, anda bisa klik kanan di icon berbentuk tetesan air atau segitiga agar muncul pilihannya.. =p :


4. Mulailah bermain! Pilih ukuran yang lebih kecil dari brush tadi, strength 70%, dan mulailah membuat bentuk api…. (strength sebetulnya bebas., semakin kuat, semakin jauh daya tariknya).

*Tips : tentu sangat merepotkan mengubah ukuran brush dari tempat mengatur ukuran, karena itu akan lebih mudah jika ada tombol shortcut. Memang ada, anda cukup menekan ‘[‘ untuk mengecilkan dan ‘]’ untuk membesarkan.. Ubah2 juga ukuran strength untuk menghasilkan bentuk yang realistis. Contoh hasil :


5. Masalah terakhir tinggal warnanya kan?! Tekan Ctrl+U (atau Image>Adjustments>Hue/Saturation). Contoh setting seperti ini (colorize harus dicentang ya) :

maka hasilnya :


Ubah mode layer yang ini dari normal jadi linear dodge..

6. Tekan Ctrl+J untuk menggandakan layer ini. Susunan layer akan jadi seperti ini :

Ubah mode layer hasil gandaan tadi jadi Color dodge

7. Jika anda ingin lebih bagus, atur lagi saja brightness dan contrastnya (Image>Adjustments>Brightness/Contrast) pada kedua layer api. Contoh hasil akhir :

* Teknik ini sangat berguna dalam manipulasi foto, bukan hanya untuk membuat api, tapi juga yang lain. Warnanya pun tidak harus seperti ini, tergantung langkah Colorize tadi. Contoh manip foto yang menggunakan teknik ini :

(gambar ini dari gallery saya di deviantart, sebetulnya agak kurang rapi, hehe)
Sekian dulu tutorial kali ini, semoga bermanfaat..Lucky
Visit my gallery :
http://puchee-pixeladdict.deviantart.com/

Selamat Belajar Photoshop , Semoga Tutorial ini bermanfaat

Tutorial Membuat Teks Efek Fill Gambar

Tutorial Kali ini kita akan mencoba membuat sebuah teks yang dalamnya berisikan sebuah gambar, sehingga teks terlihat lebih cantik.. he3...

Berikut Langkah-langkahnya:
1. Buat file baru
File > New dengan ukuran (Width : 450 px dan Height : 170 px)

2. Buat sebuah teks menggunakan HORIZONTAL TYPE TOOL
Hasilnya...

Kemudian Atur jenis Fonts dan Ukuran sesuai dengan selera kamu…
Disini saya menggunakan kata Digital dengan font Script MT Bold
Hasilnya:

Atau anda ingin font yang lain? bisa manfaatkan dengan search engine --> Keyword Download Fonts

3. Buka file gambar yang ingin kamu jadikan FILL dalam teks
Caranya: File > Open (pilih gambar) > Open Kamu bisa gunakan gambar apapun yang kamu suka.
disini anda bisa Gunakan Gambar ini sebagai latihan

Klik kanan gambar lalu pilih Save image As...
Atau gunakan gambar lain dengan mencari di searh engine... Keyword Wallpapers

4. Masukkan gambar yang sudah kamu pilih ke dalam layar kerja yang kita kerjakan tadi.
Caranya: Gunakan MOVE TOOL Klik Kanan + Tahan pada gambar > Tarik > Masukan Kedalam Layar kerja yang kita kerjakan. Atur ukuran gambar sehingga sesuai dengan ukuran Teks yang telah kamu buat

Pindahkan Gambar ke Kanvas Tulisan

5. Perhatikan pada WINDOW LAYER

Pastikan posisi Layer Gambar berada diatas Layer Teks
Tekan dan Tahan tombol ALT
kemudian arahkan kursor diperbatasan antara Layer gambar dan Layer Teks (ditandai garis biru pada gambar diatas), jika posisi kursor telah pas otomatis kursor akan berubah (lihat simbol yg lingkari merah pada gambar diatas), kemudian kamu tinggal KLIK. Jika langkah kamu benar maka gambar akan masuk kedalam Teks
Hasilnya: