dx-xel

Customize your own Swatches palette in Illustrator

2008-05-24T14:48:00.006+08:00

Ok, just a simple Illustrator tip for today. Maybe some of you have been wondering on how to create your own color or swatches palette in Illustrator. This tip is useful whenever you’d like to use other custom colors for your shape over and over again. Besides, it will come in handy when you want to use it as your gradient colors.

This is how it’s done.

Step 1

Open your Illustrator program and go to Swatches palette (Window > Swatches). By default, Illustrator will open up your Default_RGB / Default_CMYK palette in your Swatch Library.

Step 2

Start deleting some colors that you never use. Select one color and then press Ctrl/Cmd key to select other colors. Press the Bin icon on bottom right to delete it. Click Yes if you see a message box.

You’ll get something like this.

Note: There is no need to worry when you’ve deleted those colors because you can load them again by pressing the arrow button on the top right > Open Swatch Library > Default_RGB / Default_CMYK.

Step 3

Now visit any website on the net that offer free color palettes to get your desired color. For example, COLOURLovers website. Drag the color palette image directly from your browser into your artboard.

Step 4

Now by using the Eyedropper tool, our job has come in handy. Select the Eyedropper Tool or just press I and then click to the color palette image.

Step 5

After that, just drag the color from your Fill tool and drop it directly to your Swatches palette. That’s all, the trick!

Step 6

Repeat Step 5 to add other colors. Click the arrow icon on the top right > Save Swatch Library... Just save it as myswatches.ai and done.

To use it soon or later, you have to load it on Open Swatch Library > myswatches.ai. Now, it’s really easy to add another color when you want to use the gradient tool.

That’s all for today and hope you enjoy this tip. Yeahh!!!

Illustrator tutorial - Abstract colorful waves

2008-05-17T14:50:00.018+08:00

Click image to view a full size.

Abstract design was really great. Its created a unique experience in the eyes of designers and a different impressions among the people who saw the design. And today, we will learn on how to create the abstract colorful waves in Illustrator using the Blend technique. This is a good practice for a newbie out there as we’re using a pen tool in this tutorial.:)

Software: Adobe Illustrator CS

Step 1

Create New Document with any Artboard setup and select RGB Color for Color Mode. As for this tutorial, I used 1024px x 768px setting.

Step 2

Let’s get started by creating a simple radial gradient background. Select Rectangle Tool or just press M and click once anywhere on the artboard. You’ll see a popup window and enter Width: 1024px and Height: 768px (depends on your artboard setting) and OK.

Apply a gradient color on it by clicking this tool and remove the stroke color. Go to Gradient palette (F9), set to Type: Radial and blue (#9FBFDF or 159, 191, 223) to white gradient.

Go to Align palette (Shift+F7) , click on Horizontal Align Center and Vertical Align Center. Make sure you select Align to artboard by pressing the arrow button beside it.

You may have something like below.

Note: My artboard size was scaled to 40% as Blogger will automatically resize my image to 400px x 400px :(

Step 3

Go to Layers palette (F7) and lock Layer 1. Create New Layer.

Step 4

Grab your Pen Tool or press P and then set the stroke color to black and no fill color. Go to Stroke palette (F10) and set Weight: 30pt.

Draw two lines like below:-

Pen tool tip: After drawing the first line, press Ctrl/Cmd and click outside the line area to release the anchor point connection and then draw the next line.

Note: It was ok if you don’t draw something as above. Remember, it’s just an abstract design and for newbie, just click and drag the pen tool on the artboard (I also did it before..hehe) to make a curve. Keep practice until you master the tool.

Step 5

Select our two lines, go to Object > Expand. Just click OK if you see a message box.

Click on Direct Selection Tool or just press A. Go to the starting point of one of our line and select one anchor point right there.

Click and drag the selected anchor point over the top of next anchor point beside it and release your click.

Step 6

Repeat Step 5 to the other three starting and ending points of our line to create a sharp ending point. You should have something similar as below:-

Step 7

Press V and select both of our lines. Go to Object > Blend > Blend Options…Enter Spacing: Specified Steps and 15. OK.

Then go to Object > Blend > Make. You’ll get something similar as below:-

After that, go to Object > Expand and just press OK. Go to Object > Ungroup. Repeat this step (ungroup) until you cannot ungroup it anymore.

Step 8

Now for the important part. Apply a linear gradient color onto this shape by clicking the color on Swatches palette (Window > Swatches) and dropping it to the Gradient palette (F9) - See my gradient tutorial in case you don’t know how to do it.

You may use any four colors (or more) to apply on it. Anyhow, I used these color settings Yellow (#FEDE58 or 254, 222, 88), purple (#CD6DBB or 205, 109, 187), blue (#A9CFF1 or 169, 207, 241) and green (#A3C380 or 163, 195, 128).

To see a magic, go to Transparency palette (Shift+F10) and set to Multiply.

Woww! It looks great.

Step 9

Select all our shape and go to Object > Group. Make 2 or 3 duplicates and set Transparency Opacity 20%. Rotate or resize them using your creativity.

Step 10

Now, we’d like to create some supporting element into our shape. You might see how to create this shape on other website before.

Lock Layer 2. Create New Layer.

Grab our Pen Tool (P) one more time and draw two lines like below. Apply a red color for the first line, white color for the second one and no fill color for both of them.

Go to Object > Blend > Make. Set the Transparency Opacity: 30.

Step 11

Ok, final step. Repeat Step 10 to create another one or two of our “wire wave” using different colors. Add some text, logo or anything into our design. Be creative and use your imagination.

Our final result:

Click image to view a full size.

To be honest, I also never know how the "wave" would be looks like until it comes to Step no 8. I designed the image and wrote about it at the same time. Hehe..You may explore and experiment more on this technique, combine it with other effects and come out with more stunning results than me. Coz I’m pretty sure that you guys are a creative and most experience designer!

That’s all for today..Yeahh!!!

dx-xel.net’s new design

2008-05-10T14:01:00.005+08:00

Fuhh…after struggling for over 1 month, so here it is, my new blog design. I called it Xel-white because it has a lot of white spaces. :) It’s maybe not my best design but I think that this layout is much better than the previous one (flat banner/logo, unattractive layout etc). Just my sense.

By the way, this time I’ve designed my new blog’s logo and added some illustration on the footer using the trendy circles element. I also have created my own web icons. Previously, I’ve used the FamFamFam Silk Icons.
Thus, there are really not many changes in the layout interface. I still prefer to use the 3 columns layout and the menu structure is remaining the same.

At first, I’d like to make a full illustration image for my blog banner. But, after thinking for a while that this blog is not fully a design blog, so I decided to make just a simple and plain banner as well. Maybe I need to create another blog and focus on design only. Hehe..

Other than that, I’ve also updated my archives, resources, about and contact page. I’ve to admit that I’m not really good when it comes to CSS. But so far, this layout is compatible with Firefox 2.0+, IE6 and Safari browser.

Until then, I hope you guys enjoy this new layout and some feedbacks are much appreciated.

That’s all. Yeahhh!!!

3D Designs

2008-04-26T14:00:00.002+08:00

Check out this cool videos that I just found on Youtube. Hehe..

3d Design

Yume Ninja - Ayame Project 2006

Besides, you might interested to view my previous post on cool new technology using 3D display.

That's all for today!! Yeahh!!!

Vector logo - Green leaf

2008-04-19T12:44:00.002+08:00

Hmm..I don't know what to do today so I open up the Illustrator program and designed this logo. It's just a simple vector logo anyway. Well, I also never know why do I post a lots about Illustrator lately (it's a tech blog for sure..hehe). By the way, if you have any suggestion or a request on my ai tutorials section, feel free to drop me a line.

Vector logo details:-

Name: Green Leaf
Type: Vector Logo Design
Theme: Nature
Date created: April 19, 08
Software: Adobe Illustrator CS
Color: Green, #66BA44 or 102, 186, 68

That all..yeah!!!

Illustrator tutorial - Grunge sunburst effect

2008-04-12T12:34:00.015+08:00

As promised before, today I’ll show you how to draw the sunburst shape and apply the grunge effect on it as well. Then, we will learn on how to save our sunburst shape to symbol so that you’ll never need to create them over and over again. And finally, I will show you a little tricks how to apply the grunge effect on text. Anyhow, here we go.

Software: Adobe Illustrator CS

Step 1

Create a New Document with 500px x 500px setting. Select RGB Color for Color Mode.

Go to View > Snap to Grid (Shift + Command/Ctrl + ").

Step 2

Select the Rectangle Tool or press M and click once anywhere on the artboard. You’ll see a popup window. Enter Width: 400px, Height: 400px. Fill it with a white color and a black stroke color.

Align our rectangle to the center of our artboard using the Align palette (Shift + F7). Make sure you select the Align to Artboard in order to make it work.

Go to the Layers palette (F7) and lock Layer 1. Create new layer.

Step 3

Repeat Step 2 to draw another rectangle. Enter Width: 40px and Height: 400px. Also, align it to the center. And this time just apply a black stroke color on it without a fill color.

Step 4

Go to Effect > Distort & Transform > Free Distort…What we're trying to do right here is to switch the position of our bottom-left point and the bottom-right point. To do this, click and drag the bottom-right point to the bottom-left point. After that click and drag the bottom-left point to the bottom-right point. You’ll have something like this:-

Click OK. Then go to Object > Expand Appearance.

Step 5

Double click the Rotate Tool. Enter Angle: -20 and click Copy.

Press Command/Ctrl + D seven times. You should have a similar shape like below:-

Step 6

Ok, now we would like make it really look like a sunburst. Grab your Direct Selection Tool or just press A. Select a single point of our shape. Then, click and drag the point until it "snapped" on our big rectangle line.

Do the same to the other points until you get something similar like below:-

Step 7

Ok, now, select all of our shape and fill it with Orange color, #FF9900 with no stroke color.

Drag this sunburst shape to the Symbol palette (Shift+F11). Click the circle-triangle button and Save Symbol Library. Just save it as orangesunburst.ai.

Wow! Right now you already have a vector sunburst shape and guess what, you’ll never need to recreate them. To use it, just Open Symbol Library, locate the orangesunburst symbol file. Drag the symbol to your artboard. And of course, you can change the color, resize them to make it bigger or even smaller.

Continue to next step to give this sunburst a grunge effect.

Note: Just delete the other symbols that you don’t use. Don’t worry about it.;)

Step 8

Using the Line Segment Tool (/), draw 3 lines across our sunburst and set Weight: 3px on Stroke palette (F10). Apply black color on it and without fill color. See image below:-

Select all our 3 lines by using Shift key. Open the Brushes palette (F5). Then click the small triangle button on the right side > Open Brush Library > Artistic_ChalkCharcoalPencil. Click on the brush that called Chalk (the first one, on top) to apply the brush effect.

Step 9

While all the lines was still on selected, go to Object > Expand Appearance.

Then, select all shapes including our sunburst. Go to Pathfinder palette (Shift + F9) and click Merge.

After that, go to Object > Expand and just click OK. Ungroup them. Object > Ungroup (Command/Ctrl + Shift + G). You might repeat this step (ungroup) 2 or 3 times until it cannot be ungroup anymore.

Step 10

Click anywhere on the artboard to deselect all shapes. Then, select some part of the black shape.

Go to Select > Same > Fill Color. Press Delete key.

Congratulation! Now you’ve created the grunge sunburst. Repeat Step 7 to save this shape as your symbol.

Step 11

Now we gonna apply this grunge effect on text. Lock Layer 2. Create new layer.

Go to the Type Tool (T) and type anything on the artboard. Press Command/Ctrl + T to bring out the Character palette. I used Verdana, Bold, 60pt. Fill it with green color, #1E7D27 with no stroke.

Right click the text > Create Outlines.

Repeat Step 8, 9 and 10. In step 8, just draw one line instead of three. And make sure the line and the text has a different color.

This is what I get:

Step 12

Last, but not least. Using the Rectangle Tool (M), draw another rectangle for our text background. Apply a black color for both fill and stroke color. Go to the Brushes palette (F5) once again and apply the Chalk Scribble brush on the default Brushes palette. Right click the rectangle > Arrange > Send to Back or just press Command/Ctrl + Shift + [.

Be creative. Rotate our text or play around using the other colors, gradient and so on. Besides, you also can add another text, shapes or anything that suits your design.

And..umm..one more thing. Remember our Layer 1? Unlock that layer and fill it with red color, #970F00 (or any color) with no stroke color. Done.

Our final result:

That’s all for today and hope you guys enjoy this tutorial. Yeahhh!!! :)

Vector Illustration - Glory days

2008-03-29T13:22:00.004+08:00

[ Download | 1024x768 ]

Hmm..this is the very first time I designing something like this. I know its not looking very good though. I visited a lot of design blog/website everyday and see their artworks including these funky design. I told to myself -> Ohh..that was really easy.

But when I'm trying to design it by myself, my head start spinning in the air. Yes, it quite hard if you're a newbie like me. You've to consider a lot of things - elements to use, colors, shapes, placement, typography, theme and so on..

So in this illustration, I've use the sunburst shape as the background and the purplish colors as well. Maybe in the next tutorial section I will tell you how do I created the sunburst effect. So don't forget to get a free updates via my blog feed or email. Hehe..

Vector illustration details:-

Name: Glory Days
Type: Vector Illustration
File Format: JPEG
Dimensions: 1024 x 768
Theme: Funky
File size: 707 KB
Date created: March 29, 08
Software: Adobe Illustrator CS
Color: Purple, Red, Orange, Yellow, White
Background Color:

HEX: #330033
RGB: 51, 0, 51

Extract the file using WinZip.

Illustrator tutorial - Trendy circles

2008-03-22T12:32:00.023+08:00

Update: I've uploaded a new trendy circles final image on Flickr along with the sunburst shape and the abstract wave shape. :)

Well, I see lots of cool design elements have been applied by the graphics designer lately. And one of them is the “trendy circles”. So, today we’ll learn how to draw and simply apply a color to it. It was a simple tutorial anyway and maybe it will be useful for your design element in the future.

Software: Adobe Illustrator CS

Step 1

Create New Document with any Artboard setup and select RGB color for Color Mode. I used 500px x 500px setting in this tutorial.

Step2

Select the Ellipse Tool (or just press L). Click once anywhere on the artboard and enter Width:100px, Height: 100px. OK.

Step 3

While the circle is on selected, double click the Scale Tool. Enter Uniform Scale: 80, click Copy.

And you’ll get something like this:-

Step 4

Repeat Step 3 twice. For the Uniform Scale, enter 85 and another one 50. You should have a circles shape like below:-

Step 5

Now we gonna give some colors for this circles. Simply visit COLOURLovers to find the desired color palette. As for this tutorial I’ve chose the color palette that called Daytona.

Drag the color palette image directly from your browser and drop it on your artboard.

Step 6

Start coloring. By using the Eyedropper Tool (I), this job has come in handy. Click the Selection Tool (black arrow) or just press V to select the circle, click the Eyedropper Tool or just press I and then click at the color palette. The black stroke color will automatically disappear once you apply this tool.

Step 7

Make two duplicates of our complete colored circle. To duplicate, simply select all circles, press Alt/Opt key and drag it to the bottom or anywhere on the artboard.

Ok, now you have 3 trendy circles. By the way, its not look really sweet with the same color applied on it.

So next, start coloring the other two circles. But this time, change the order of the color you applied on it by using the same color palette. E.g. If you’ve used the dark blue on the first circle, try to change it to light blue color.

Once you done, select each of our completed colored circle and group it (Object > Group or Ctrl/Cmd + G)

This is what I did to my circles:-

Now you have three trendy circles and ready to be applying on any of your artworks (blog header, poster, etc.). At this point, you either can resize them to make it bigger or smaller, manipulate them using the effect tool, make them a symbol (to use it later) or anything that suits your design.

Continue to next step if you’d like to know how I use them to make the image (on top of this post) for this tutorial.

Step 8

Select the Rounded Rectangle Tool and click once anywhere on your artboard. Enter Width: 350px, Height: 250px and Corner Radius: 100. Fill it with dark blue color (#405E8A or 61, 94, 138 for RGB) with no stroke.

Right click the rounded rectangle > Arrange > Send to Back or just press Ctrl/cmd + Shift + [.

Step 9

Make 10 to 15 duplicates of our trendy circles. Resize them to make it medium size and smaller. Press Shift key while resizing them.

Then, using your creativity, place them together around of our rounded rectangle.

Select two or three of them, set the Transparency (Shift + F10): Multiply.

Step 10

Select all of our graphics. Go to Object > Group. Press Alt/Opt key and drag it to the bottom to make a duplicate.

Right click on our duplicate graphics > Ungroup or just press Shift + Ctrl/Cmd + G.

While the ungroup duplicate graphics is on selected click the Add to shape area at Pathfinder palette (Shift + F9).

And just right after that, click the Expand button on the right side of it. You should have one big shape right now.

Step 11

Fill it with dark blue color (#405E8A or 61, 94, 138 for RGB) with no stroke.

Press V to select the shape. Go to Object > Path > Offset Path…Enter Offset: 10px, Joins: Miter, Miter Limit: 4.

Fill the offset path with light blue color (#E8ECF3 or 232, 246, 243 for RGB)

Then go to Effect > Stylize > Drop Shadow…Enter X Offset: 1px, Y Offset: 1px, leave everything as default and click OK.

Select both of the offset path and the original shape. Go to Object > Group. And then right click > Arrange > Send to Back.

Step 12

Ok. Last but not least. Select both of our graphics, the trendy circles and the duplicate shape with shadow. Click the Horizontal Align Center and Vertical Align Center on Align palette (Window > Align or Shift + F7). Done.

Add some text, logo or anything.

Our final result:-

Yeahh…that’s all for today. Be creative and impress your friends. Hope you guys enjoy this tutorial!!

Nokia Morph

2008-03-15T11:38:00.003+08:00

Guys, I really want this stuff. It's a cool device by Nokia that called The Morph. By using the nanotechnology concept, this device can enables its materials and components to be flexible, stretchable, transparent and remarkably strong. By the way, check out this video to see the concept of this device:-

Visit Dexigner website for further reading.

That all for today!!

Illustrator tutorial - Draw a flower

2008-03-08T12:21:00.019+08:00

In this tutorial, I’ll show you how to draw a flower easily using the Distort and Transform effect in Illustrator. And guess what, there is totally no pen tool involved along this tutorial! This is the trick that I used to draw the Illustrator CS icon (not really looks like it). Somehow it also looks like a Sunflower for me. Hmm..

Software : Adobe Illustrator CS

Step 1

Create a New Document with 500px x 500px Artboard Setup. Select RGB color for Color Mode.

Step 2

Select the Polygon Tool. Click once at the artboard and enter Radius: 70, Sides: 10.
Just fill it with black color first with no stroke.

Step 3

Go to Effect > Distort and Transform > Pucker and Bloat…Enter 50 and OK.

Step 4

Go to Effect > Distort and Transform >Roughen…Enter Size: 10, Relative, Detail: 0 and Points: Smooth. Press OK. You’ll get something like this:-

Step 5

Apply a green Radial Gradient (F9) on it as below:-

Click the left slider and set Location: 50. It’s done for the first layer of our petals.

Step 6

Click on Polygon Tool once again. Enter Radius: 50, Sides: 15. Go to Effect > Distort and Transform > Pucker and Bloat…Enter 100 and OK.

You’ll get something like below:-

The Gradient effect will be automatically applied on it. Change the left slider Location: 30.

Then go to Effect > Distort and Transform > Tweak…Enter Horizontal: 10, Vertical: 10, Relative, Anchor Points: Unchecked, “In” Control Points: Checked and “Out” Control Points: Checked. Click Preview to know how its look and click OK.

Place our second petals in front of the first one:-

Step 7

Repeat Step 6 to create the next petals. Enter these values.

Polygon Tool, Radius: 30, Sides: 15.

Pucker and Bloat: 100 and

Tweak, Horizontal: 20, Vertical: 20, Relative, Anchor Points: Unchecked, “In” Control Points: Checked and “Out” Control Points: Checked. Click OK.

Set the Gradient left slider Location: 15.

And place it in front of our second petals.

Step 8

Ok, the last one. Select the Ellipse Tool or just press L. Click once on the artboard and enter Width: 40px, Height: 40px and click OK.

Then go to Effect > Distort and Transform > Zig Zag…Enter Size: 15, Absolute, Ridges per segment: 20 and Points: Smooth.

After that, go to Effect > Distort and Transform > Roughen… Enter Size: 5, Relative, Detail: 5 and Points: Corner.

Set its Gradient left slider Location: 20.

And place it in front of our third petals. Select all petals, go Object > Group.

Done for the flower.

Step 9

Select the Rounded Rectangle Tool. Click once on the artboard and enter Width: 300px, Height: 250px and Radius: 20.

Fill it with white color with no stroke.

Go to Effect > Stylize > Drop Shadow…Enter X Offset: 1px, Y Offset: 1px, leave everything as default as click OK.

Step 10

Right click the Rounded Rectangle > Arrange > Send to Back or just press Ctrl+Shift+[.

Place our flower to the bottom-left of the rectangle. Make the duplicate of our flower. Resize to make it bigger. Press Shift key while resizing it. Then, set Transparency (Shift+F10): Multiply and Opacity: 30.

Make another three or five duplicates and resize it to make it smaller. Place it on the top-right and bottom-right or anywhere that suits you.

Our final result:-

The flower with some other color settings:-

I hope you guys enjoy this tutorial and that’s all for today. Yeahh!!!

Music using only sounds from Windows XP and 98

2008-03-04T14:21:00.002+08:00

Got this from digg. Check it out!

another one...

Windows XP - How to delete run command URLs?

2008-02-28T10:31:00.003+08:00

Ok, this tip is useful whenever you’d like to delete the existing URLs in the run command instead of the cached lists inside it. The URLs was listed automatically once you surf the Internet.

To know whether your run command has existing URLs, simply open your Run window (Windows+R) and type something like http:// inside the text area. You’ll see a drop down list that shows the website URLs you’ve visited recently.

Anyhow, follow these instructions to get rid of them:-

Clear IE History

To do this, open your IE browser, go to Tools > Internet Options > General tab. Click the Delete button in the Browsing history (IE7). For IE 6 and below, click the Clear History button in History.

Clear all records, recently accessed documents

Right click the Start button > Properties > Select Classic Start menu > Customize… > Click the Clear button > Click OK > Select Start menu > Click Apply > Click OK. Done.

Note: For Classic start menu, right click the Start button > Customize… > Click the Clear button.

Now, go back to your run command window and type http://. Your run command URLs should be gone right now.

Oh ya! You might be interested to check out the XP run command lists. That’s all, yeahh!!!

Credits: Tech Archive

Illustrator tutorial - Wave text effect

2008-02-15T10:13:00.023+08:00

In this tutorial, I’ll show you how to create a wave text effect using a warp effect in Illustrator. It’s just a simple tutorial anyway and maybe it’ll be useful for some of you guys out there. Ok, here we go!

Software: Adobe Illustrator CS

Step 1

Create New Document with 500px x 500px Artboard Setup. Select RGB color for Color Mode. Press OK.

Step 2

Click the Type Tool or press T and type anything on the artboard. Press Ctrl+T to open the Character palette. Select all text and set to Verdana, Bold and 72pt for size.

You may close the Character palette.

Step 3

Click the Selection Tool (black cursor) and select the text. Go to Object > Expand…Just press OK if you see an Expand window. You’ll get something like below:-

Step 4

Click the Line Segment Tool (\), press Shift key and draw a horizontal line (color doesn’t matter) like below:-

Press V, and then select both text and the line. Go to Pathfinder palette (Shift+F9) and click the Divide tool.

We have successfully divided the text into two parts.

Step 5

Click the Direct Selection Tool (A) and select the top part of the text. Give a red color on it using Swatches palette (Window > Swatches).

Then, select the bottom part and apply an orange color on it.

Look closely at our ‘d’ and ‘e’. Using the Direct Selection Tool, select a filled color inside it and press Delete. You’ll get something like below:-

Step 6

Press V to select the text. Press Ctrl+C to copy and then Ctrl+F to paste it in front. Just right after that, go to your Swatches palette and apply the white, black gradient on it. See below:-

Then, go to your Transparency palette (Shift+F10), set to Screen and Opacity: 70. Press Enter.

Step 7

Using your arrow keys on keyboard, move the transparent text to the right 2 times and to the bottom 2 times. Press V and select both texts, go to Effect > Stylize > Drop Shadow…Leave everything as default and press OK.

You should have something similar like below:-

Step 8

While the both texts on selected, go to Effect > Warp > Wave... Set to Horizontal, Bend: 50, Distortion Horizontal:0 and Vertical:0. Press OK.

Step 9

After that, go to Effect > Warp > Flag… (Just click Apply new effect if you see some popup message). Set to Horizontal, Bend: 25, Distortion Horizontal:0 and Vertical:0. Press OK.

You’ll get something like this:-

Wow, it looks great. Well, it’s done for the wave text. Next, we gonna add some wave background image behind the text.

Step 10

Just go to any blank space on your artboard. Use the Hand Tool or press H to move the artboard to the left-right and top-bottom.

Select a Rectangle Tool or press M and click once on the artboard. Enter Width: 220px Height: 80px. Click OK.

Just right after that, go to your Swatches palette once again and apply white, black gradient on it.

Step 11

While the Swatches palette is still on the artboard and the rectangle is on selected, go to Gradient palette (F9).

Drag the light blue color from Swatches palette and drop it to the left slider of the Gradient palette. And drag the dark blue color from Swatches palette and drop it to the right slider of the Gradient palette.

Set Gradient Type: Radial

Step 12

Just right after that go to Effect > Stylize > Drop Shadow…Press OK.

Ok, now, go to Effect > Distort & Transform > Zig Zag…Enter these value. Size: 10, Relative, Ridges per segment: 4, Point: Smooth. Press OK.

You should have something similar like this:-

Go to Transparency palette (Shift+F10) and set Opacity: 50

Step 13

Click the Selection Tool (V) and after that press Alt on your keyboard. Click on our new shape and drag it to the bottom to make a copy.

Then, go to Effect > Warp > Arc... Set to Horizontal, Bend: 25, Distortion Horizontal:0 and Vertical:0. Press OK.

You should have something similar like this:-

Step 14

Select both wave shapes, right click > Arrange > Send to Back or just press Ctrl+Shift+[. Move them behind our wave text and DONE.

Our final result:-

Hmm…that’s all for today and hope you enjoy this tutorial. Yeahhh!!!

The skateboarding robot (video)

2008-02-13T11:29:00.002+08:00

Haha..check out this funny skateboarding 3D robot video that was made by Maya.

And this is a real cute skateboarding robot:-