Senin, 29 Juni 2009

installasi Framework Yii

Yii framework merupakan salah satu framework php dari beberapa framework ,dan yii ini adalah framework yang cukup handal, dengan konsep MVC (model View and Controller) dan CRUD (Create, Read, Update and Delete) cukup memanjakan pengguna nya untuk membuat sebuah applikasi menjadi lebih mudah.

untuk mengaplikasikan Yii framework silahkan download di Yii Framework setelah itu copykan folder framework ke web root applikasi. create folder tempat pembuatan applikasi misalnya ‘blog’, langkah selanjutnya adalah membuat kerangka applikasi.

Langkah - langkah membuat Kerangka Applikasi

1) buka ms-dos dengan cara, dari start –> run –> ketik cmd

2) cari tempat folder php.exe (start dari sini). Misalnya di C:\xampp\php> kemudian ketik path tempat anda mengcopy Yii framework + webapp + path tempat anda akan membuat applikasi contohnya : ketik “c:/xampp/htdocs/yi/framework/yiic webapp c:/xampp/htdocs/yi/blog” setelah itu akan muncul Create a Web application under ‘C:\xampp\htdocs\yi\blog’? [Yes|No] ketik Y

hasilnya mkdir C:/xampp/htdocs/yi/blog/assets
generate assets/.yii
mkdir C:/xampp/htdocs/yi/blog/css
generate css/bg.gif
generate css/form.css
generate css/main.css
mkdir C:/xampp/htdocs/yi/blog/images
generate images/.yii
mkdir C:/xampp/htdocs/yi/blog/protected
generate protected/.htaccess
mkdir C:/xampp/htdocs/yi/blog/protected/commands
mkdir C:/xampp/htdocs/yi/blog/protected/commands/shell
generate protected/commands/shell/.yii
mkdir C:/xampp/htdocs/yi/blog/protected/components
generate protected/components/MainMenu.php
generate protected/components/UserIdentity.php
mkdir C:/xampp/htdocs/yi/blog/protected/components/views
generate protected/components/views/mainMenu.php
mkdir C:/xampp/htdocs/yi/blog/protected/config
generate protected/config/console.php
generate protected/config/main.php
mkdir C:/xampp/htdocs/yi/blog/protected/controllers
generate protected/controllers/SiteController.php
mkdir C:/xampp/htdocs/yi/blog/protected/extensions
generate protected/extensions/.yii
mkdir C:/xampp/htdocs/yi/blog/protected/messages
generate protected/messages/.yii
mkdir C:/xampp/htdocs/yi/blog/protected/models
generate protected/models/ContactForm.php
generate protected/models/LoginForm.php
mkdir C:/xampp/htdocs/yi/blog/protected/runtime
generate protected/runtime/.yii
mkdir C:/xampp/htdocs/yi/blog/protected/views
mkdir C:/xampp/htdocs/yi/blog/protected/views/layouts
generate protected/views/layouts/main.php
mkdir C:/xampp/htdocs/yi/blog/protected/views/site
generate protected/views/site/contact.php
generate protected/views/site/index.php
generate protected/views/site/login.php
mkdir C:/xampp/htdocs/yi/blog/protected/views/system
generate protected/views/system/.yii
generate protected/yiic
generate protected/yiic.bat
generate protected/yiic.php
mkdir C:/xampp/htdocs/yi/blog/themes
mkdir C:/xampp/htdocs/yi/blog/themes/classic
mkdir C:/xampp/htdocs/yi/blog/themes/classic/views
generate themes/classic/views/.htaccess
mkdir C:/xampp/htdocs/yi/blog/themes/classic/views/layouts
generate themes/classic/views/layouts/.yii
mkdir C:/xampp/htdocs/yi/blog/themes/classic/views/site
generate themes/classic/views/site/.yii
mkdir C:/xampp/htdocs/yi/blog/themes/classic/views/system
generate themes/classic/views/system/.yii
Your application has been created successfully under C:\xampp\htdocs\yi\blog.

maka di dalam folder blog terdapat / dibuat folder assets,css, images,protected dan themes

selanjutnya di browser ketik “misalnya” http://localhost/yi/blog

Maka hasilnya :



Read More..

Kamis, 11 Juni 2009

Tutorial Adobe Photoshop


Foto-foto artis seperti Sandra Dewi & Nia Ramadhani, yang banyak beredar di Internet dibuat dengan Adobe Phostoshop. Hasil gambar olahan Adobe Photoshop ini juga banyak dilihat di berbagai website, brosur, koran, majalah, dan media lainnya. Adobe Photoshop adalah software pengolah gambar yang sangat powerfull dengan segala fasilitasnya. Saat ini Adobe telah mengeluarkan Adobe Photoshop CS3 yang lebih powerfull. Versi sebelumnya, yaitu Adobe Photoshop CS2, Adobe Photoshop CS, dan Adobe Photoshop 7, masih sering dipakai untuk komputer lama (pentium 3 ke bawah). Tutorial Adobe Photoshop ini dibagi dalam 6 Bab.

1.1. Apa itu Adobe Photoshop?

Adobe Photoshop adalah software pengolah gambar yang sangat powerfull dengan segala fasilitasnya. Hasil gambar olah dengan Adobe Photoshop ini banyak dilihat di berbagai website, brosur, koran, majalah, dan media lainnya. Untuk download Adobe Photoshop klik di sini.

1.2. Mengenal Area Kerja

Jalankan Adobe Photoshop kemudian pilih menu File -> Open. Kemudian pilih buka gambar apa saja. Sebagai contoh di buka gambar zhaow.jpg yang ada pada CD Tutorial bagian BAB I (lihat gambar 1.1).

Mengenal Area Kerja Adobe Photoshop

Seringkali letak tool-tool (palette) Adobe Photoshop sudah berubah dimodifikasi oleh pengguna sebelumnya. Untuk mengembalikan letak palette ini gunakan menu Windows -> Workspace -> Reset Palette Location.

Area kerja Adobe Photoshop dapat dilihat pada gambar 1.1, yaitu:

A : Menu Bar, berisi perintah utama untuk membuka file, save, mengubah ukuran gambar, filter dan lain-lain.

B : Option, berisi pilihan dari tool yang Anda pilih. Misalnya dipilih kuas/brush, maka ukuran/diameter brush ada di sini.

C : Gambar, menampilkan gambar yang sedang dibuat atau diedit.

D : Pallete Well, cara cepat untuk mengakses palet brushes, tool resets dan Layer Comps. Juga dapat digunakan untuk meletakkan palet yang sering digunakan.

E : Toolbox, berisi tool untuk menyeleksi dan memodifikasi gambar.

F : Palette, berisi jendela-jendela kecil yang di dalamnya terdapat perintah dan pilihan untuk dokumen/gambar yang sedang dikerjakan.

1.3. Praktek Bab 1

1.3.1. Membuka dokumen dan membuat duplikat dokumen

Untuk membuka gambar gunakan menu File -> Open, sedangkan untuk membuat duplikat gambar gunakan menu Image -> Duplicate.

1.3.2. Mengubah ukuran gambar dan kanvas

Jika ukuran gambar diubah, maka gambar akan membesar atau mengecil, lakukan dengan menu Image -> Image Size. Jika ukuran kanvas diubah, maka ukuran gambar tetap, akan ada kertas putih di sekeliling gambar, lakukan dengan menu Image -> Canvas Size.

1.3.3. Mencoba ToolBox

Cobalah tool-tool pada ToolBox, satu persatu akan dibahas pada bab berikutnya. Coba klik kanan pada tool yang memiliki segitiga di bagian kanan bawah untuk memilih tool yang tersembunyi.

1.3.4. Mencerminkan dan Memutar Gambar

Cobalah menu Image -> Rotate Canvas -> Flip Canvas Vertikal, Image -> Rotate Canvas -> Flip Canvas Horisontal. Untuk memutar gambar, pilih menu Image -> Rotate Canvas -> pilih sudut yang dikehendaki.

1.3.5. Undo

Undo digunakan untuk membatalkan perintah terakhir, tekan Alt+Ctrl+Z, atau gunakan pallete history.

1.3.6. Memindahkan gambar ke dokumen lain

Untuk memindahkan gambar gunakan Move Tool.

1.3.7. Save for web

Gunakan menu File -> Save for Web untuk menghasilkan gambar dengan ukuran kecil yang biasa digunakan pada web site.


BAB II – SELECTION & TOOL


2.1. Menyeleksi Gambar

Menyeleksi berarti memilih bagian tertentu dari gambar. Dengan seleksi kita dapat mengcopy, mengubah, menggeser, atau menambahkan efek kepada bagian yang terseleksi tanpa mempengaruhi bagian lain.

Ada tiga cara menyeleksi yaitu:

  1. Marquee Tool, yaitu menyeleksi dalam bentuk kotak, elips, row, dan kolom
  2. Lasso Tool, untuk menyeleksi dalam bentuk bebas, poligonal atau kekontrasan gambar (Magnetic Lasso Tool).
  3. Magic Wand Tool, untuk menyeleksi berdasarkan persamaan warna.

Tipe seleksi ada dua (dapat dipilih pada Option Bar), yaitu:

  1. Normal, memiliki pinggiran yang tajam.
  2. Feather, memiliki pinggiran yang halus atau kabur.

2.2. Tool-tool yang lain

Tool pada Adobe Photoshop

2.3. Praktek Bab II

2.3.1. Rectangular Marquee Tool

Gunakan rectangular marquee tool untuk memotong gambar dalam bentuk kotak. Gunakan menu Select -> Transform Selection untuk mengubah seleksi dan menu Select -> Feather untuk mengatur ketajaman pinggiran potongan.

2.3.2. Elliptical Marquee Tool

Digunakan untuk membuat seleksi elips atau lingkaran. Anda dapat menggunakan Select -> Transform Selection (atau klik kanan) untuk mengubah bidang yang mau diseleksi. Gunakan menu Select -> Feather untuk mengatur ketajaman tepi gambar. Gunakan Select -> Inverse untuk membalik seleksi.

2.3.3. Lasso Tool

Seleksi ini digunakan untuk menyeleksi bentuk bebas dengan mouse.

2.3.4. Polygonal Lasso Tool

Polygonal Lasso Tool digunakan untuk menyeleksi gambar yang memiliki tepi garis lurus, misalnya piramida pada gambar 2.5. Jika tombol Alt ditekan maka Polygonal Lasso Tool akan berfungsi seperti Lasso Tool biasa. Contoh gambar hasil seleksi piramida diperkecil dan diletakkan pada sudut kanan bawah.

2.3.5. Magnetic Lasso Tool

Magnetic Lasso Tool penggunaanya cukup mudah, karena dengan tool ini seleksi gambar akan secara otomatis membuat garis seleksi pada gambar yang berwarna kontras.

2.3.6. Magic Wand Tool

Magic wand tool akan menyeleksi gambar yang memiliki warna sama.

Tutorial Adobe Photoshop - Magic Wand tool

2.3.3. Crop Tool

Crop tool digunakan untuk menghilangkan bagian yang tidak diseleksi. Contoh penggunaanya di sini digunakan untuk memperbaiki hasil scan yang miring.

2.3.3. Healing Brush Tool

Healing Brush Tool digunakan untuk memperbaiki gambar pada bagian tertentu. Aktifkan tool ini, kemudian tekan Alt + Klik pada objek pada bagian yang tidak berkeriput, kemudian klik pada bagian yang keriputnya ingin dihilangkan.

2.3.4. Spot Healing Brush Tool

Spot Healing Brush Tool digunakan untuk memperbaiki kerusakan gambar. Di sini Anda tidak perlu menentukan area yang akan digunakan sebagai patokan, karena akan secara otomatis terpilih dari area di sekitarnya. Misalnya digunakan untuk menghilangkan keretakan pada patung seperti pada gambar 2.10.

Tool ini merupakan tool baru pada Adobe Photoshop CS2 yang tidak ada pada versi sebelumnya.

2.3.5. Patch Tool

Patch Tool digunakan untuk memperbaiki gambar. Tool ini dibuat dengan cara membuat selection dengan mouse atau dengan menahan tombol ALT untuk menghasilkan bentuk poligonal. Selanjutnya drag ke daerah yang akan dijadikan patokan perbaikan.

2.3.6. Red Eye Tool

Red Eye Tool digunakan untuk memperbaiki warna merah pada mata.

2.3.7. Clone Stamp Tool

Clone Stamp Tool digunakan untuk membuat duplikat area pada gambar, atau yang disebut cloning. Tekan ALT pada objek yang akan dikloning, kemudian gunakan mouse pada area tempat objek baru mau diletakkan.

2.3.8. Background Eraser Tool

Tool ini digunakan untuk menghapus background yang memiliki kemiripan warna. Misalnya digunakan untuk menghapus background langit pada gambar kupu-kupu.

2.3.9. Magic Eraser Tool

Seperti Background Eraser Tool, tool ini akan menghapus area dengan warna sama, namun efeknya adalah ke seluruh gambar, bukan hanya area yang diklik.

2.3.10. Color Replacement Tool

Color Replacement Tool akan mengubah warna gambar tanpa mengubah bentuk dari gambar tersebut. Tool ini akan secara otomatis hanya mengubah area dengan warna sama menjadi warna lain yang dikehendaki.

2.3.11. Blur, Sharpen, dan Smugde Tool

Blur Tool digunakan untuk mengaburkan area. Misalnya digunakan untuk menghilangkan bintik-bintik pada wajah. Sharpen Tool merupakan kebalikan dari Blur Tool. Dengan Sharpen Tool, gambar akan menjadi lebih tajam. Smugde Tool digunakan untuk mengubah bentuk gambar dengan cara drag mouse.

2.3.12. Dogde, Burn, dan Sponge Tool

Dogde Tool digunakan untuk membuat area menjadi lebih terang. Burn Tool digunakan untuk mempergelap area. Spong Tool digunakan untuk mencerahkan (saturate) atau mengurangi warna (desaturate).


BAB III – PERMAINAN WARNA


3.1. Sekilas mengenai warna

Warna apapun dapat dinyatakan dalam tiga warna dasar (RGB) yaitu merah, hijau, dan biru. Cara menyatakan warna yang lain adalah dengan mode HSL yaitu Hue, Saturation, dan Lightness. Mode lain adalah CMYK (Cyan, Magenta, Yellow, Black).

Pada bab ini akan dibahas mengenai permainan warna, mulai dari mengatur latar belakang gambar, membuat gradient, mengatur brightness & contrast, dan masih banyak lagi tool-tool yang menarik. Pada subbab selanjutnya Anda dapat langsung praktek dengan didampingi instruktur.

3.2. Paint Bucket Tool

Paint Bucket Tool digunakan untuk mengganti background yang memiliki warna sama atau mirip. Background dapat diganti dengan pattern.

3.3. Gradient Tool

Gradient tool digunakan untuk menghasilkan warna gradasi. Jangan lupa lakukan seleksi terlebih dahulu bagian mana yang akan diisi warna gradasi. Jika tidak, maka seluruh kanvas terisi dengan gradasi.

3.4. Brush Tool

Brush Tool digunakan sebagai kuas dalam mengambar dengan mouse. Atur besar kecilnya brush, hardness, opacity, dan flow. Bush Tool dapat juga bekerja pada mode Air Brush.

3.5. Brightness/Contrast

Brightness digunakan untuk mengatur kecerahan gambar. Contrast digunakan untuk mengatur ketajaman gambar. Gunakan menu Image -> Adjustment -> Brightness/Contrast.

3.6. Level

Level berfungsi mirip dengan Brightness/Contrast namun lebih fleksible karena warna dapat diatur warna gelap, warna menengah, dan warna terang. Level dapat bekerja pada selection atau seluruh kanvas. Gunakan menu Image -> Adjustment -> Level.

3.7. Curves

Curves bekerja seperti level, namun Anda mengatur warna RGB dalam bentuk curva. Gunakan menu Image -> Adjustment -> Curves. Curva dapat diatur otomatis, mode RGB atau diatur sendiri-sendiri untuk tiap-tiap warna.

3.8. Color Balance

Melalui menu Image -> Adjustment -> Color Balance kita dapat mengatur keseimbangan warna.

3.9. Photo Filter

Photo filter digunakan untuk memberikan filter pada gambar. Mirip seperti filter yang diletakkan di depan lensa kamera. Gunakan menu Image -> Adjustment -> Photofilter.

3.10. Replace Color

Replace Color digunakan untuk mengganti warna tertentu dalam gambar, sedangkan warna yang lain tidak ikut berubah. Misalnya untuk mengganti warna apel dengan tanpa mengubah warna background. Gunakan menu Image -> Adjusments -> Replace Color.

3.11. Hue/Saturation

Hue/Saturation digunakan untuk mengganti warna pada keseluruhan gambar/seleksi. Hue adalah warna, sedangkan Saturation adalah tebal/tipisnya warna. Gunakan tool ini melalui Image -> Adjustment -> Hue/Saturation. Perubahan warna dapat diatur pada chanel master, atau tiap-tiap warna.

3.12. Match Color

Match Color akan menyamakan warna gambar source kepada gambar yang akan diubah. Misalnya di sini akan diubah gambar danau3.jpg, menjadi suasana matahati terbit seperti gambar acuan. Gunakan tool ini melalui menu Image -> Adjustment -> Match Color.

Tutorial Adobe Photoshop - Match Color

Tutorial Adobe Photoshop - Match Color


BAB IV – TEKS DAN VEKTOR


4.1. Horisontal Type Tool

Horisontal Type Tool digunakan untuk membuat teks secar horisontal. Hasil teks dapat dipindahkan dengan Move Tool.

Tutorial Adobe Photoshop - Horisontal Type Tool

4.2. Horisontal Type Mask Tool

Horisontal Type Mask Tool digunakan untuk menyeleksi dalam bentuk teks.

4.3. Pen Tool

Peen Tool digunakan untuk membuat garis lurus dan garis lengkung dalam bentuk vektor. Klik sekali untuk membuat anchor point, kemudian jika kurva telah terbentuk, drag anchor point untuk membuat direction point. Path yang dibuat oleh Pen Tool dapat diubah menjadi selection.

4.4. Rectangle, Ellipse, Poligon, dan Custom Shape Tool

Tool ini berguna untuk menghasilkan bentuk kotak (rectangle), ellips, poligon, dan berbagai macam bentuk lain yang telah disediakan oleh Adobne Photoshop. Bentuk-bentuk tersebut misalnya hati, lampu, not balok, dan lain sebagainya.


BAB V – LAYER, MASK, DAN STYLE


5.1. Memahami Layer

Layer adalah lapisan tembus pandang. Bagian yang tidak bergambar pada sebuah layer bersifat transparan. Layer dapat ditumpuk dan diatur susunannya. Dengan menggunakan layer, efek-efek akan berlaku dalam layer tertentu saja, tanpa mengganggu layer yang lain.

5.2. Quick Mask Mode

Quick Mask Mode digunakan untuk menyeleksi dengan menggunakan Brush Tool. Aktifkan tool ini dengan menekan tombol Q pada keyboard atau memilih tool Quick Mask Mode.

Tutorial Adobe Photoshop - Quick Mask Mode

Pada contoh ini, gambar beruang di seleksi dengan menggunakan Brush Tool pada mode quick mask. Setelah gambar beruang terseleksi, kembalikan ke mode normal untuk menghasilkan seleksi gambar beruang.

5.3. Layer Mask

Layer Mask digunakan untuk menyembunyikan bagian tertentu pada layer. Gunakan warna hitam untuk menyembunyikan gambar dan warna putih untuk menampilkan gambar.

Tutorial Adobe Photoshop - Layer Mask

5.4. Layer Style

Layer Style merupakan teknik memberikan efek tertentu pada suatu layer. Pilih tool Add Layer Style yang ada pada sudut kanan bawah pallete.

Tutorial Adobe Photoshop - Layer Style


BAB VI – EFEK KHUSUS PHOTOSHOP


6.1. Filter Liquify

Filter Liquify dapat mengubah gambar secara langsung dengan menggunakan mouse. Misalnya memperbesar/memperkecil mata, menggeser alis, dan sebagainya. Filter ini dapat digunakan melalui menu Filter -> Liquify.

Tutorial Adobe Photoshop - Filter Liquify

6.2. Filter Vanishing Point

Filter Vanishing Point digunakan untuk meng-klone gambar dalam bentuk perspektif. Filter ini dapat digunakan melalui menu Filter -> Vanishing Point. Area sumber kloning ditentukan dengan menekan Alt + Click. Fitur merupakan fitur baru dalam Adobe Photoshop CS2.

Tutorial Adobe Photoshop - Filter Vanishing Point

6.3. Filter Blur

Filter Blur digunakan untuk mengaburkan gambar. Yang menarik dalam filter ini adalah mengaburnya gambar dapat dibuat secara radial. Gunakan filter ini melalui menu Filter -> Blur.

Tutorial Adobe Photoshop - Filter Blur

Read More..

Jumat, 05 Juni 2009

Icon Animasi Corel Draw X3 dan Microsoft Gif Animator


untuk membuat Icon animasi perpaduan antara program Corel Draw X3 dan Microsoft Gif Animator yang nantinya akan kita jadikan sebagai Banner tukar link atau sesuai keinginan kita. Icon Animasi tersebut saya beri nama "Jejak - Ku ". Kurang lebih seperti ini :

Buka program Corel Draw X 3, kemudian kita perbesar tampilan lembar kerja dengan ukuran 800%.



Langkah selanjutnya adalah sebagai berikut :

1. Aktifkan gridline dan bentuk ruang kerja dengan ukuran 1,5 X 3 Cm yang nantinya akan membantu kita untuk mengetahui seberapa besar ukuran image yang akan dibuat

2. Buat bidang Ellipse dengan cara klik "Ellipse Tool" pada ruang gridline yang telah kita buat dan sesuaikan ukurannya. Kemudian klik "Convert to Curves ( Ctrl Q )" dengan tujuan agar bidang tersebut dapat diedit sesuai keinginan kita.

3. Dengan bantuan "Shape Tool (F10)" atur bidang tersebut dengan cara menggeser point (kotak hitam kecil ) atau anak panah yang muncul saat gambar tersebut kita klik.
Lihat Gambar :




4. Untuk Outlinenya kita isi "None", kemudian klik "Fill Tool" untuk memberikan kombinasi warna pada bidang yang telah kita atur seperti di atas.



5. Atur komposisi warna sebagai berikut : Type = Linier > Angle = -158,5 >Edgepad = 5 % > Colorblend = Two Color > Form = Brick Red > To = White > Mid-Point = 35.

6. Buat bidang Elipse lagi seperti pada langkah no.2, tambahkan beberapa point dengan mengklik pada garis putus-putus dan atur sesuai keinginan kita.

7. Kemudian berikan kombinasi warna seperti pada langkah No.4 & No. 5 dengan komposisi sebagai berikut : Type = Linier >Angle = -50 > Edgepad =11 % > Form = Gold > To = White > Mid-point = 40. Hasilnya seperti ini :



8. Langkah selanjutnya membuat jemari. Buat bidang Ellipse dengan cara klik "Ellipse Tool" pada ruang gridline yang telah kita buat dan sesuaikan jemari. Kemudian klik "Convert to Curves ( Ctrl Q )" dengan tujuan agar bidang tersebut dapat diedit menggunakan "Shape Tool (F10)". Untuk memutar bidang ellipse yang telah kita buat, klik 2X pada bidang tersebut. Setelah terbentuk bidang jemari berikan warna "Brick Red". Seperti biasa Outline Widh = None.

9. Kemudian buat bias warna dengan membuat bidang Ellipse seperti pada langkah-langkah sebelumnya, dan atur komposisi pada Fountain Fill sebagai berikut : Type = Linier > From = Brick Red > To = White > Angle = 5 > Edgepad = 2 % > Mid-point = 72. Setelah terbentuk, group bidang jemari beserta biasnya, kemudian copi sesuai jumlah jari kaki kita. ( Ingat jangan lebih..... dikira kaki Jin Ifrid nanti ).

10. Edit masing-masing copian jemari tadi yang sebelumnya di ungroup dulu, sesuaikan dengan imajinasi kita. Lihat hasilnya seperti gambar berikut :



11. Copy gambar di atas dan paste sehingga kita mempunyai dua buah gambar seperti yang terlihat di atas. Kemudian kita akan membuat tulisan "Jejak-Ku" yang akan kita letakkan pada tengah salah satu gambar telapak kaki. Klik Ellipse Tool (F7) dan buatlah bidang ellipse, atur dan sesuaikan lengkungan tapak kaki. Langkah ini ditujukan agar model lengkungan huruf sesuai dengan lekukan telapak kaki.

12. Klik "Text Tool (F8) " dan ketik huruf " Jejak-Ku" dengan besarnya huruf disesuaikan dengan ruang yang ada pada telapak kaki.

13. Select gambar ellipse dan huruf kemudian pada menu bar, klik Text > Fit Text To Path.



14. Langkah untuk modifikasi huruf adalah sebagai berikut : Fit text to Path > Mirror Vertically > klik 1 X pada bidang > putar 180 derajat > Mirror horizontally > klik sembarang tempat > klik gambar dan atur pada posisi telapak kaki seperti gambar berikut :



15. Kemudian klik bidang Ellipse dan tekan Del. Atur tulisan "Jejak-Ku" sedemikian rupa sehingga sesuai dengan lekukkan telapak kaki. Untuk menggeser tulisan gunakan " Pick Tool ".

16. Sekarang kita sudah mempunyai dua buah gambar, telapak kaki tanpa tulisan dan yang satunya telapak kaki dengan tulisan "Jejak-Ku". Ambil kedua gambar tersebut dengan menggunakan Corel Capture X3 kemudian buka dengan Corel Photo Point X3 lalu Crop dan simpan dengan format GIF.

17. Langkah selanjutnya adalah membuat animasi dengan menggunakan Microsoft Gif Animator, bukalah program tersebut.



18. Klik Open File > ambil gambar telapak kaki tanpa tulisan ( Frame #1 ) > Insert (Ctrl- I ) > ambil gambar telapak kaki "Jejak-Ku" ( Frame #2 ) >tarik frame#1 ke arah frame#3 (proses copi ). Pada bagian animasi width dan Animasi Height ukuran harus sama dengan Image Width maupun Image Height. Pada Animasi centang Looping dan Repeat Forever, sedangkan pada Image di bagian Duration (1/100 s ) : isi 10.



19. Test hasilnya dengan mengklik "Preview ( Ctrl - R )",



Hasilnya seperti tampilan di atas, apabila sudah puas silahkan di save.

Demikian cara membuat Icon animasi yang merupakan perpaduan antara program Corel Draw X3 dan Microsoft Gif Animator, ....
>>>>>>>>>>>>>>>>>>semoga bermanfaat
<<<<<<<<<<<<<<<<<
Read More..

Effek Plastic pada CorelDraw X3 (Tutorial )

Pengen tahu bagaimana caranya membuat Effek Plastik menggunakan CorelDrawX3
NIh......

Untuk menyingkat waktu mari kita sama-sama belajar bagaimana langkah demi langkah membuat poster di atas :

1. Buka program corelDRAW X3, pada menu bar >Layout>Page Setup>Jendela Option>page size>Paper = Custom > width = 400 px > Height = 500 px > OK.

2. Kita buat bidang tidak beraturan dengan menggunakan Polyline Tool.
( lihat gambar dibawah ini )


3. Kemudian gunakan Shape Tool (F10) untuk membentuk bidang tidak beraturan tadi, tambahkan beberapa titik point guna mempermudah kita untuk membentuk bidang tersebut sesuai keinginan kita. ( Lihat gambara berikut )


4. Pada menubar klik Window > Color Palettes > Default CMYK Palette > pilih Black, dan hasilnya seperti gambar dibawah ini :


5. Kemudian kopi gambar tersebut, tanpa menggeser copian gambar berikan warna merah. Langkah selanjutnya pada Toolbar klik > Interactive Transparency Tool. Buat alur transparan seperti gambar berikut :


6. Buatlah bidang tak beraturan dengan "Polyline Tool" untuk membentuk silued dahi, mata dan hidung. Pergunakan "Shape Tool " (F10) untuk memperhalus settingannya. Catatan : Apabila sobat ingin membentuk garis lurus menjadi lengkung demikian sebaliknya, klik garis putus-putus yang akan dibentuk, kemudian klik "Convert line to curve" .
Lihat hasilnya setelah diedit seperti gambar berikut :


7. Buat bidang-bidang tak beraturan lagi dengan langkah seperti langkah sebelumnya.


8. Kemudian buat sebuah botol dengan langkah yang sama, setelah terbentuk group semua gambar yang sudah dibuat.


9. Pada menubar > File > Export ( Ctrl + E ) > Save In > File Name = Miras >Save as type = JPG-JPG Bitmaps > Klik Export > Convert to Bitmap > Width = 313 px > Height = 437 px > Resolution = 300 dpi > OK ------ JPEG Export ----- > OK

10. Buka Corel Photopoint X3, pada menubar klik File >New > Color Made = 24 bit RGB > centang no background > Size = Custom > Width = 500 px > Height = 600 px > Resolution = 72 dpi > OK.

11. Klik File > Import > ambil gambar Miras > klik pada bidang kanvas.

12. Hapus background warna putih dengan "Eraser Tool", gunakan juga "Magnetik Mask Tool" untuk menghapus bagian-bagian yang sulit. Berikut gambar setelah background warna putih sudah terhapus.


13. Klik > Effects > Plastic > pada jendela Palstic > atur Highlight = 96 ; Depth = 99 ; Smoothness = 38 > Light Direction = 336 > Light color = white. Crop gambar dan save dalam format JPEG. Hasilnya dapat sobat lihat dibawah ini.


14. Kita kembali ke corelDRAW X3 > File > Import > ambil gambar yang barusan kita simpan tadi. Berikan background warna biru. ( Lihat gambar dibawah )


15. Kita buat tulisan MIRAS dengan jenis Font "Bauhaus 93". Kita akan memberikan effect pada tulisan tersebut. Pastikan MIRAS terseleksi, pada Menubar klik > Bitmaps > Convert to Bitmap ------ muncul jendela Bitmap --- pada Resolution isi 300 dpi > Color Mode = RGB color ( 24 bit ) > Centang ApplyICC Profile, pada option centang Anti-Aliasing dan Transparent Background > OK

16. Kemudian klik Bitmap > Distort > Web Paint, atur Wetness = 48 ; Percent = 100 > OK.

17. Sekarang kita akan membuat tulisan dengan modif melengkung. Pada Toolbar klik > 3Point Curve Tool > kemudian dengan klik dan menekan mouse pada satu titik di bidang kanvas geser ke titik lain sesuai dengan keinginan kita, lepas mouse atur kelengkungan dengan menggeser mouse setelah sesuai kemudian klik. Buat lengkungan berikutnya dengan proses yang sama. Perlu diketahui untuk titik point terakhir harus menyatu dengan titik point awal dimana kita akan membentuk garis lengkung berikutnya. Garis lengkung ini merupakan gari bantu. Kemudian klik Text Tool, tempelkan cursor pada garis lengkung yang telah kita buat tadi lalu ketik tulisan " Jauhkan Diri Kita Darinya ". Gambar dibawah menunjukkan proses membuat garis bantu melengkung.



18. Untuk menghilangkan garis bantu tersebut Klik Shape Tool > Klik garis bantu > tekan Del.

19. Atur posisi tulisan sedemikian rupa sesuai selera kita masing-masing. Lihat hasilnya berikut :



20. Group seluruh gambar yang ada dan save sesuai format yang kita butuhkan.

Demikian cara membuat poster MIRAS tersebut, semoga bermanfaat bagi sobat yang masih belajar mendalami corelDRAW X3.

Read More..

Tamiya ( Tutorial Animasi )

belajar membuat animasi Tamiya, yang merupakan perpaduan corelDRAW X3 dan Microsoft Gif Animator.

Kurang lebih hasilnya seperti di bawah ini :



Langkah-langkahnya adalah sebagai berikut :


1. Buka program corelDRAW X3 >Layout > Page Setup > Paper = Custom > Width = 400 px ; Height = 300 px.

2. Pada Toolbox klik Rectangle Tool untuk membuat background dengan ukuran sama dengan lebar kanvas. Berikan warna dengan klik Fill Tool > Fountain Fill dialog > Type = Radial > pada Colorblend > Two color : From = Cyan ; To = White ; Midpoint = 30 ; Edgepad = 0%.

3. Pada Toolbox klik Polyline Tool untuk membuat lintasan Tamiya. ( bentuk garis tepi pertama, kemudian kopi garis tersebut untuk membentuk garis tepi kedua kemudian atur sedemikian rupa sehingga membentuk sebuah lintasan. Seleksi kedua garis yang sudah membentuk lintasan tersebut, kemudian pada Property Bar klik Trim untuk menyatukan kedua garis sehingga nantinya dapat diwarnai. Berikan warna 20% black.

4. Langkah selanjutnya membuat mobil Tamiya. Pada Toolbox > Rectangle Tool , buat sebuah bidang kotak, berikan warna merah. Untuk mengatur kelengkungan garis kita pakai Shape Tool lalu klik Convert to Curve ( Ctrl + Q ) pada Property Bar. Khusus membuat roda, pada kelengkungan roda gunakan Rectangle Corner Roundness.

5. Setelah mobil Tamiya selesai, letakkan pada lintasan yang sudah ada. Lihat gambar dibawah ini :



6. Ubah sedikit demi sedikit posisi mobil pada lintasan dengan catatan setiap perubahan posisi mobil kita Capture dengan menggunakan corel Capture X3 lalu buka dan crop dengan corelPHOTOPOINT X3. Kemudian save as dalam bentuk file .GIF. Dari proses tersebut kita akan mempunyai gambar sebanyak 17 gambar.

7. Langkah selanjutnya kita buka program Microsoft Gif Animator. Open file = masukkan gambar 17, kemudian dengan Klik Insert masukkan gambar 16 berturut-turut hingga sampai dengan gambar 1.



8. Pada Animasi centang Looping dan Repeat Forever

9. Pada Image, Duration = 20 ; Undraw methode = leave, kemudian save. Hasilnya lihat gambar animasi di atas.

>>>>>>>>>>>>>>>>>>>>>>>>>Semoga Berhasil<<<<<<<<<<<<<<

Read More..

Design Cover CD ( Corel Draw X4 )


Agar koleksi CD musik maupun video kita lebih bagus penampilannya, perlu diberikan cover yang kita design sendiri. Kali ini bidikCOM mencoba membuat design cover CD dengan menggunakan Corel Draw X4. Langkah-langkahnya adalah sebagai berikut :


1. Open Corel DrawX4, atur page setup dari toolbar ; layout : pada paper klik Custom ; Width dan hight : 10, 5 mm ( CD mempunyai diameter 12 cm, kita kurangi diameternya dengan tujuan agar cover plastik pelindung dapat menempel pada bidang CD )

2. Buat bidang lingkaran dengan klik "Ellipse Tool (F7)" pada toolbox, kemudian arahkan mouse pada ujung sudut kiri atas pada bidang halaman kemudian tarik arah diagonal ke ujung sudut kanan bawah bidang halaman, dengan tujuan bidang lingkaran supaya simetris.

3. Dengan bantuan guidelines kita cari titik pusat lingkaran dengan maksud untuk menempatkan lingkaran kecil dengan diamater 1,5 mm yang berfungsi sebagai lubang CD.

4. Proses selanjutnya, kita import file gambar yang sudah kita siapkan terlebih dahulu dan atur gambar dengan diameter sesuai bidang lingkaran. Masih dalam posisi gambar terseleksi, klik "effect" pada toolbar ; klik "powerclip" ; klik "place inside container". Akan muncul anak panah hitam, kemudian arahkan anak panah tersebut ke bidang lingkaran kemudian klik. Lihat gambar dibawah ini



5. Untuk menambahkan tulisan yang mengikuti alur lingkaran, caranya adalah sebagai berikut : buat lingkaran bantu dengan ukuran lebih kecil dari lingkaran utama, kemudian buat tulisan di sekitar lingkaran tersebut. Seleksi bidang lingkaran dan tulisan yang telah kita buat, kemudian klik "Text" pada toolbar; klik " Fit text to path " , hasilnya seperti gambar dibawah ini



6. Apabila kita ingin merubah posisi tulisan, tinggal menggeser kotak merah kecil pada ujung tulisan, untuk membalik posisi tulisan klik "mirror horizontally", kemudian klik "mirror vertically". Tempatkan tulisan dan bidang lingkaran bantu ke dalam lingkaran pokok, atur sesuai keinginan anda. Untuk menghilangkan lingkaran bantu, klik "ShapeTool", klik lingkaran bantu dan del. Hasilnya dapat dilihat pada gambar dibawah ini.



7. Oke saya rasa demikian cara membuat cover CD dengan Corel Draw X4, moga berguna

Read More..

Kamis, 04 Juni 2009

Tutorial singkat Corel Draw X3 Membuat Model Tulisan Lengkung.

Apabila kita ingin membuat tulisan model melengkung atau mengikuti alur sebuah gambar di dalam Corel draw X3, ada beberapa langkah yang dapat kita gunakan diantaranya adalah dengan membuat garis bantu lengkung dengan menggunakan " freehand Tool ( F5).

Ikutiu Lngkah - langkah yang saya berikan :

1. Tarik garis lurus dengan menggunakan Freehand Tool (F5) pada toolbar, kemudian dengan shape tool ( F10 ) klik pada posisi tengah, lalu klik Convert Line to Curve lalu atur kelengkungan daripada garis lurus tadi.

2. Klik Text Tool ( F8), kemudian arahkan anak panah mouse pada garis lengkung tadi hingga muncul tanda seperti gambar di bawah ini :









3. Kemudian ketikkan kalimat sesuai keinginan anda dan hasilnya seperti dibawah ini










4. Tanda kotak pada lingkaran merah adalah tool untuk mengatur ( mengeser ke kanan dan kiri ) kelengkungan kalimat.

5. Untuk memisahkan kalimat dengan garis bantu gunakan Shape tool ( F10 ) dengan cara klik ujung garis bantu, kemudian tekan DEL pada keyboard.



Semoga trik singkat ini bermanfaat.


Read More..

Effect Shaping Intersect pada Text

Biasanya menjelang lebaran Idul Fitri, banyak dijual kartu ucapan yang mana bentuk dan corak ilustrasinya berbeda-beda,

ngin menyumbangkan ide berupa model text-nya untuk menghiasi kartu ucapan yang akan kita buat.

NAH.... ikuti langkah saya.............

gb-1 1. Buka program CoreldraW X3, kemudian atur layout sesuai ukuran kartu ucapan yang akan kita buat. Pada MENU BAR klik ARRANGE kemudian SHAPING.

2. Pada jendela Shaping pilih menu Intersect.

GB2

3. Kemudian pada Toolbox aktifkan TEXT TOOL kemudian buat tulisan "IDUL FITRI 1429 H" dengan type font STENCIL, untuk ukuran font disesuaikan.

4. Dengan "Ctrl - I", import gambar yang akan dijadikan background paduan Text. Tekan "Ctrl + End" agar gambar berada di posisi belakang text. Kemudian atur posisi Text di area gambar yang menurut kita bagus untuk dipadukan dengan text nantinya. Lihat gambar berikut :

GB3

5. Pada Jendela SHAPING centang kotak kecil di samping "SOURCE OBJECT (S)" dan "TARGET OBJECT (S)"

6. Klik text sehingga botton "INTERSECT WITH" aktif.

GB5

GB6

7. Arahkan Mouse pada area background (gambar), kemudian klik.

GB7

8. Hasil setelah kita diklik dapat dilihat pada gambar dibawah ini.

GB8

9. Untuk dapat melihat hasilnya, klik pada background ( gambar ) kemudian tekan DEL pada keyboard.

GB9

Selamat mencoba dan berkarya......


Read More..