dx-xel

Monday, July 16, 2007

2Advanced Studio - Advance graphics design

Let me ask you something. How really good are you at using Macromedia Flash? Do you really good on animation? scripting or interface design? Well, take a look of 2Advanced Studio website. I knew that there are a lot of great full flash websites out there, but this one, for me, was really cool.

Check out this screenshots:-

So, what do you think? Please tell me if you can beat this website..hehe..show me your flash website..maybe I can make a free review for you..:)

Saturday, July 14, 2007

Illustrator tutorial - Reflection effect on image or text

Ok, today I'd like to show you how to make a reflection effect using Adobe Illustrator. As always, I'll make it step by step and with simple description. I'll use a text as example for this tutorial. Here we go!

Software: Adobe Illustrator CS

Step 1

Create a new file with any Artboard Setup and make sure you select the RGB Color for Color Mode.

Step 2

Type anything at the artboard. For example dX-Xel. Hehe..Select the text and set Size : 36 pt, Color : Orange. It would be something like below.

Step 3

Copy the text (Ctrl + C) and paste it in front (Ctrl + F). Click the text, press Shift key and drag it to the bottom of the original text (see below).

Step 4

Select the duplicate text and right click > Transform > Reflect. Set Axis: Horizontal with Angle : 0 (see below).

Step 5

Select the Rectangle tool or just press M to draw a rectangle and place it on the top of the duplicate text. Fill the rectangle with the gradient color by clicking this tool

. Select the Gradient Tool by pressing G. Press Shift + left click from top to the center of the image and release your left mouse click. See below:-

Step 6

Select the text and the rectangle image and go to Transparency palate, press the small arrow button on the right of the palette and Make Opacity Mask (see below).

That's all? Yeahh..That's all. You may move the reflect image exactly under the original one. You also can modified the Opacity value to 70%, add some background or anything. It's up to you.

Our final result:

Note: You can apply this tutorial if you want to make a reflection to an image.

For this tutorial, I used Dodger font. More fonts at Fonts 500.

Thursday, July 12, 2007

My top 10 Windows Vista wallpapers

Well, I was quite impressed with the graphics designer that can design a beautiful desktop wallpapers or some other graphic like banners or posters. Seems that I still need to practice more and more even though that I was a multimedia student.

I grab this wallpaper from Adni18 website. Hehe..Feel free to download them all.

1. Vista Hot [ Download ]

2. Vista Black [ Download ]

3. Vista Green [ Download ]

4. Vista Plus [ Download ]

5. Vista Red [ Download ]

6. Alpha OS [ Download ]

7. WBG [ Download ]

8. Vista 1 [ Download ]

9. Vista 2 [ Download ]

10. Vista 3 [ Download ]

One more thing, for professional use, you may read the Adni's free license.

Credits: AdniStudio

Wednesday, July 11, 2007

Download Google extensions for Firefox

If you used Firefox as your default browser and set Google as your homepage, you have to not miss this one. This is the basic extensions that you should install into your Firefox browser. Yeahh..maybe you have already installed the Google Toolbar, but there are a lot of other interesting extensions too such as Blogger Web Comments.

Ok, feel free to download Google extensions for Firefox.

Yihaaa!!!!

Monday, July 9, 2007

Friday, July 6, 2007

Illustrator tutorial - 5 steps to make web 2.0 button style

This is the very first tutorial post in my blog. I hope you can understand what I'm talking about. I never know that making web 2.0 button was really simple and easy.

I designed all my graphics using Adobe Illustrator because of its great features. Ok, let's go!

Software : Adobe Illustrator CS

Step 1

Open you Illustrator program and create a new file. Select Size: Custom, Unit: Pixels, Width: 500, Height: 400 and make sure you select RGB Color for Color Mode. Then, click OK.

Step 2

Go to your Tools window (Window > Tools). Press D at your keyboard and then make the fill color look like this

. Select Rounded Rectangle Tool

and click to any place of the artboard and you will see a message box for Rounded Rectangle options. Enter Width: 200, Height: 70 and Corner Radius: 20. It would be something like this:

Step 3

Click on Selection Tool or press V and click to your image. Go to Object > Path > Offset Path and insert this value; Offset: 5 px, Joins: Round, Miter Limit: 4 and press OK. Then click at the center of the image. Now, you should get something like below:

Step 4

Apply a Gradient color on it by clicking this tool

(see image below).

Then, go to Gradient Tool or press G ( while the Gradient image was still selected). After that, press Shift + left click from top to the center of the image (see below),

and release the left click,

Woww..You're almost done!

Step 5 (Final Step)

While the Gradient image was still selected, go to Transparency palate and set it to Screen (see below),

Final Button:

Congratulation! You're done!. That's all. Now you can change the black color to any of your favorite color or add some text to it.

Maybe next time I'll show you how to reflect the image or text.

My English is not perfect. If you don't understand or whatever, just leave a comments or email me. Yeahh!!!

Thursday, July 5, 2007

Make your website look crazy (javascript)

Ok, another cool stuff for today. Go to any website, delete everything in the address bar and copy/paste the following code in the address bar and then press enter :-

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);

Go to these websites for the best result:

1. Google
2. Amazon
3. Flickr

Have fun!

Credits : DESTRUCTOID

Wednesday, July 4, 2007

Internet Download Manager - The fastest download accelerator

Currently, I'm using Internet Download Manager (IDM) as my primary download manager. I love to download and every time I want to download something, I need to get it as fast as I can. That's why I used this software. Besides, this software also support my favorite browser; Firefox. Hehe..

Take a look at this screenshot:-

There are a lot of great features included in this software. Some of them are:-

IDM can accelerate downloads by up to 5 times
resume unfinished download
antivirus checking before downloading any files
supports all popular browsers
supports many types of proxy server

You can download it here. And maybe you'd like to know more about IDM's features.

Do you have used any different software to download? Feel free to drop a comments if you have some.

Tuesday, July 3, 2007

Drawing image using HTML (video)

I just got some cool stuff from Digg website. This video is about some guy who is drawing an image using HTML tables and background color. Check this out:-

If you don't believe it, try to check this another HTML pic. Right click on your browser and then view source code. Believe it!

Credits : Narutard JAPAN NO BLOGU

Monday, July 2, 2007

Top 10 of my favorite blog directories

There are millions of blog directories out there. If you are really care about you blog traffics, stats, want to be famous or making more friends in the blogosphere, this tips might be useful for you. I've made some short research on this and compiled it together into my top recommended blog directories. There are all free and I promise that you'll never regret. Hehe..

Feel free to submit your blog to my blog directory top lists :-

1. Technorati »