Wednesday, November 22, 2006

Photoshop - Bubble effect

langkah 1:
Buatlah sebuah dokumen baru dengan ukuran 500 x 500 pxl dan gunakan filter>render>clouds




langkah 2:
Setelah itu terapkan filter>stylize>glowing edges




langkah 3:
Lalu gunakan filter>sketch>plaster




langkah 4:
Setelah itu gunakan sedikit pencahayaan disini dengan menggunakan filter>render>lighting effects dan ubah stylenya menjadi blue omni sehingga didapatkan hasil seperti tampak pada gambar dibawah.






langkah 5:
Satu filter lagi yang digunakan disini yaitu filter>sketch>chrome lalu klik OK maka akan didapat hasil seperti pada gambar dibawah. Untuk membuat efek terlihat lebih menarik kita bisa mengubah hue/saturation :)



Tuesday, November 21, 2006

Illustrator - Apel Malang

Hello semuanya, masih bersama saya di New Media tutorial. Kali ini kita akan mempelajari Illustrator okeh... ! Illustrator, selain bisa digunakan untuk membuat gambar dua dimensi, juga bisa digunakan untuk membuat gambar tiga dimensi dengan efek revolve. Nah… sekarang kita akan mempelajari cara membuat apel dalam bentuk 3 Dimensi menggunakan 3D Revolve.

langkah 1
Buat sebuah dokumen baru di illustrator, ukuranya terserah anda. Aktifkan Grid dengan menekan CTRL+”

langkah 2
Kemudian buatlah gambar sebuah potongan apel dengan menggunakan pen tool. Potongan ini yang kemudian akan diputar sehingga memberikan kesan 3D.



langkah 3
Setelah itu, menuju ke Effect>3D>Revolve maka akan muncul optionnya, jangan lupa untuk mencentang preview agar hasil revolve bisa terlihat di document. Atur settingannya sesuai gambar:




langkah 4
Untuk mempermanis Apel Malang ini, bisa kita tambahkan tangkainya (bisa dibuat dengan pen tool.

Hasil Akhir:
Selamat menikmati

FOXPRO - Auto Numbering

Pembuatan Identifikasi Penomoran Transaksi Secara Otomatis dalam Programming Visual FoxPro 9.0

Tahap 1 :
Buatlah tabel, bisa tabel pree atau tabel di buat dalam database. Disain tabel seperti di bawah ini :

Nama Tabel Tbnota
Name type width Decimal

No_nota N 10 0

Tahap 2 :
Masukkan record kosong (blank)

Tahap 3 :
Buat Method baru dengan nama nomor

Tahap 4 :
Ketik prosedur ini pada method nomor

local a, b
public nota
nota=0
a='000000'

select tbnota
go top
nota=no_nota+1
b=alltrim(str(nota))
return left(a,6-len(b))+b)

Photoshop - Lightning Saber

Pada Tutorial ini kita akan belajar cara membuat Efek pedang laser, untuk itu sebelumnya kita memerlukan gambar orang yang menggunakan pedang.



langkah 1
Pertama buat sebuah garis mengikuti pedang menggunakan line tool sesuaikan ukuran garis dengan ukuran pedang, pada tutorial ini digunakan width: 6px. Ubah warna Foreground dengan warna hijau.



langkah 2
Duplikat Layer garis dengan menekan CTRL+J sebanyak 3 kali



langkah 3
Pada Shape 1 copy 3 ubah warnanya menjadi putih.

langkah 4
Kemudian kita menuju ke Shape 1 copy 2 dan gunakan Gaussian Blur dengan Radius 6px




langkah 5
Berikan Shape 1 copy Gaussian Blur dengan radius 12px ulangi sebanyak 2 kali

langkah 6
Berikan Shape 1 Gaussian Blur dengan radius 18px ulangi sebanyak 3 kali

langkah 7
Berikan Shape 1 copy 3 Gaussian Blur dengan radius 1.5px

langkah 8
Merge semua shape dan ubah blending modenya menjadi Screen

Hasil Akhir

Photoshop - Background effect

langkah 1
Buat document baru dengan ukuran 300X300 pixel resolusi 72pixel/inch

langkah 2
Pilih warna hijau sebagai foreground dan hitam sebagai background

langkah 3
Kemudian gunakan Filter>Render>Cloud

langkah 4
Setelah itu aplikasikan Filter>Texture>Patchwork pilih Square Size:4, Relief:8
maka gambar anda kira-kira akan terlihat seperti ini:



langkah 5
Selanjutnya tambahkan Filter>Blur>Radial Blur Amount:66, Zoom, Best

langkah 6
Tambahkan Filter>Stylize>Find Edges

langkah 7
Tekan CTRL+I untuk menginvert warnanya

Hasil Akhir:

Monday, November 20, 2006

Photoshop - Text Chrome

langkah 1:

Dimulai dengan membuat sebuah dokumen baru dengan ukuran 400X400 pixel dengan background berwarna putih. Gunakan Type Tool untuk membuat sebuah text, gunakan warna hitam, font: Times New Roman, ukuran: 180pt, crisp.


langkah 2:

Sekarang beralih ke Layer>Layer Style>Drop Shadow atau bias juga dengan mengklik 2 kali pada layer text anda. Gunakan settingan berikut:


langkah 3:

Setelah itu isi dengan inner shadow


langkah 4:

Tambahkan Inner Glow seperti ini


langkah 5:

Kita juga perlu memberikan Bevel & Emboss dengan settingan berikut:


langkah 6:

Tambahkan juga Gradient Overlay, untuk mengubah warna gradient bisa dilakukan dengan mengklik pada gradientnya.


langkah 7:

Terakhir gunakan stroke.



Hasil Akhir

Photoshop - efek tekstur kayu

langkah 1:

Buat image baru. Dalam contoh ini berukuran 200 x 200 pixels. Dengan menggunakan Paint Bucket Tool, ubah warna background menjadi Brown (kode heksanya 996633).




langkah 2:

Pilih menu Filter - Noise - Add Noise. Pada Amount, isi dengan 60. Pilih Gaussian dan beri tanda check pada Monochromatic.




langkah 3:

Dari menu Filter - Blur - Motion Blur. Pada kotak edit Angel, isi dengan 0 dan Distance 614.




langkah 4:

Pilih menu Filter - Noise - Add Noise. Pada Amount, isi dengan 8.




langkah 5:

Dengan menggunakan Elliptical Marquee Tool, buatlah sebuah ellips pada gambar tersebut.




langkah 6:

Dari Pilih menu Filter - Distort - Wave. Ubah setting Wave seperti pada gambar di bawah :




langkah 7:

Untuk mempercantik efek kayu tersebut, pilih menu Filter - Sharpen - Sharpen Edges.




langkah 8:

Di bawah ini adalah beberapa contoh penggunaan efek tekstur kayu untuk mempercantik gambar:



Corel - 3D Textured Text

step I :

This tutorial will show you how to create 3D Textured Text in Corel DRAW! I used Corel DRAW! 7.0 for Windows. Some things may be done differently with other versions.

I'm always exploring textures and materials effects in the various programs I use. I like creating gold, metal, wood, stone, etc... Normally I use all sorts of filters and tricks to get the look just right and I usually use a bitmap program such as Photoshop. I thought it might be fun, though, to try and see if something like this could be done with a vector program such as Corel DRAW! The following tutorial is the result. Let me know what you think.

The process is quite simple and, using it, you can achieve some really cool effects. I'll be demonstrating how to create "Hot Rocks" or Lava text. All of the effects can be accomplished using the files that come with Corel DRAW!

Open a new graphic. Select the Text tool and enter some text. I used the Braggadocio font at 75 points




step II :

You'll want to use a chunky font for this stone look. Later you can try different fonts and fills to see what you can come up with. I wanted to give the text some perspective as well as adding 3-dimensionality to it.

Use the Pick tool to select the text and Choose Effects, Add Perspective. This will surround the text with a red grid and put nodes at the corners




step III :

Grab the top corners and move them in and up until you have something like figure 3



step IV :

You may notice the perspective marker, a small black "X", appear above the text. Once you're happy with the perspective click on the Pick tool again to clear the grid.

It's time to add the 3D effects. Choose Effects, Extrude to bring up the Extrude dialog box




step V :

Select the Extrude icon and enter Small Back with a Depth of 10. Select the Rotation icon and play around until you get a view that you like (see figure 5). You can see the text change every time you click the Apply button, so play around. Hint: You might want to change the color of the text to a light gray so that you can see the angles and side more clearly.




step VI :

You can see the actual x,y,z values by clicking on the small paper icon to the right of the red Corel 3D rotation image. The values I ended up with were 19, 29, 5. Now add some lighting. I added all three lights




step VII :

Besides the placement you can play with the intensity of the lights. I set the first to 68, the second to 41 and the third to 86. Again, you'll want to play with these values to suit your particular image.

Now that the image is ready you can fill it with a texture. Select the Fill tool and hold it down until the flyout menu appears. Select the texture fill (it kinda looks like a black and white cloud image) which will bring up the texture dialog box




step VIII :

I chose the Painted Stucco texture from Samples 7. There are a lot of different textures, though, so take a few minutes to go through the libraries and find something you like. I thought this texture looked like hot lava rock. Take a look at the final image



I exported the image as a JPG using Custom for the Size with 400 for the Width and setting the Maintain aspect ratio. I set the Resolution to 96 (both Horizontal and Vertical) and chose Super-sampling for the Anti-aliasing method. In the JPG Export dialog box I set the Quality to around 40.

Play around with some of the effects in this tutorial and see what you can come up with and, above all, have fun.

Make sure you keep a copy of the vector drawing i.e. save the image as a CDR file so you can go back and make changes easily later on.

Corel - 3D Buttons

step I :

This tutorial will show you how to create 3D buttons in Corel DRAW! I used Corel DRAW! 7.0 for Windows. Some things may be done differently with other versions.

The buttons you'll draw during this tutorial were inspired by my stereo. I originally created these buttons for the first Earth Orbit Consulting web site. I subsequently went on to create the first GrafX Design online tutorial describing how I had created these buttons with Paint Shop Pro. To show you how some graphics can be created with a vector program as easily as they can be with a paint program, I'm re-creating that first tutorial here.

This technique involves a little more effort than the first Corel DRAW! tutorial though it's still rather simple.

Open a new graphic. Choose the ellipse tool and, while holding down the Ctrl key to constrain the ratio, draw a circle about 2.5 inches in diameter at the left of the page.

Select the pick tool and, with the circle selected, hit Ctrl-c and Ctrl-v to copy and paste the circle. Use the right cursor key to move the copy to the right of the page. (see figure 1)





step II :

Select the rectangle tool and draw a rectangle between the two circles. Make sure that the corners of the rectangle meet with the circles (see figure 2)




step III :

Use the pick tool to draw a marquee around both circles and the rectangle. Click the intersection icon. This will only create the intersection of the left-most circle and the rectangle (see figure 3)




step IV :

Use the pick tool to draw another marquee around the right-most circle and the rectangle. Click the intersect icon again. You should now have two intersections with the rectangle. Choose the circles, one at a time, and delete them. This should leave you with something like figure 4




step V :

Use the pick tool to select the left-most curve and fill this object with a light gray. Select the right-most curve and fill this object with a dark gray (see figure 5)




step VI :

Select the fill tool and choose the gradient tool from the flyout menu. This will bring up the Fountain Fill dialog box. Under Color blend, select Custom. This will change the Fountain Fill dialog box so that it resembles figure 6

Add another point to the blend by double-clicking above the rectangular blend window. Change the middle point (the one you just added) to a light gray by clicking on the Current pulldown menu (it's just above the custom blend window). Change the color at both of the outside points to dark gray. Set the Angle to 90 and adjust the middle point so that your blend resembles the one in figure 6




step VII :

Select the button with the pick tool and, using the outline tool flyout menu, set the outline to none.
Use Arrange, Transform, Scale and Mirror to resize the button. At this point you might want to save the button (see figure 7)




step VIII :

I exported the button as a JPG with the following settings in the Bitmap Export dialog box. The really important settings to remember are the Maintain aspect ratio and Super-sampling. see figure 8




step IX :

Use the text tool to add some text to your button. I used the bedrock font. You may choose to copy and paste the text with a different color to add a highlight (see figure 9)

Export the final button as a web-ready JPG and make sure you keep a copy of the vector drawing i.e. save the image as a CDR file so you can go back and make changes easily later on.