jayadesignblog.files.wordpress.com€¦ · web viewcreate liquid text effects with coreldraw. in...

58
Create Liquid Text Effects with CorelDraw In this tutorial you will learn how to create a professional liquid text effect with Coreldraw, learn to maximize the Interactive Shadow tool and water flashes to create a realistic water effects. After working through this tutorial you’ll be able to create similar designs in your work. Tutorial Details * Program: CorelDraw 11 - X5 * Difficulty: Advanced * Estimated Completion Time: 45 minutes Tutorial Assets The following assets were used during the production of this tutorial. Source File ( .cdr ) Source File ( .eps )

Upload: vobao

Post on 16-Jun-2018

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Create Liquid Text Effects with CorelDraw

In this tutorial you will learn how to create a professional liquid text effect with Coreldraw, learn to maximize the

Interactive Shadow tool and water flashes to create a realistic water effects.

After working through this tutorial you’ll be able to create similar designs in your work.

Tutorial Details

* Program: CorelDraw 11 - X5* Difficulty: Advanced * Estimated Completion Time: 45 minutes

Tutorial Assets

The following assets were used during the production of this tutorial.

Source File ( .cdr )

Source File ( .eps )

Step 1 : Basic Elements

Page 2: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

First of all you have to use CorelDraw with version 11+. In this tutorial I use CorelDraw X5, Okay lets get started.

Let’s take a look at the basic elements used to create our design :

This also will be our steps to create the design.

Step 2 : Creating Worksheet

Okay, now that you know the steps and elements, we will begin, first of all open your CorelDraw program, now

create a new file, set the paper size to A4 and the units to centimeters.

Page 3: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Step 3 : Creating the Liquid Text

Now that we have our worksheet set, we will begin to create the Liquid text, go to the "Text Tool" pick any type of

font that you like but in this case I use basic "Arial Rounded" font.

Page 4: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Break the font by pressing "Alt + A + B", after its break convert it into object by pressing "Ctrl + Q", we will begin to

create the effect with the letter "L".

Page 5: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Go to the "Shape Tool", and right click on the middle left side of the "L", now you will see an arrow on the corners

drag it in order to shape.

Page 6: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Apply the same to the middle right side of the "L".

Page 7: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Apply it on all the side, shape it similar like below, we are basicaly editing the letter so it looks more "Fluids".

Page 8: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

After that lets put color in it, go to the "Fountain Fill Tool" and apply the value below.

Page 9: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with
Page 10: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Step 4 : Creating the Liquid Effect

After that go to the "Freehand Tool" and create a custom shape that flow into the left side of the "L" similar like

below.

Page 11: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Go to the "Drop Shadow Tool" put light blue color on the shadow and drag it to the left side of the "L".

Page 12: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Create another custom shape that wrap the bottom right side of the "L" using freehand tool.

Page 13: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

After that go to the"Drop Shadow Tool"put light blue color on the shadow and drag it to the left side of the "L".

Page 14: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Now break all the shadow by pressing "Ctrl + K", and put the shadow inside the "L" using Effect > Powerclip > Place

inside container.

Page 15: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with
Page 16: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Copy it with different size similar like below untill it shaped like a heart pattern.

Page 17: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Now create a custom needle shape using "Bezier Tool" similar like below.

Page 18: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Shape it using "Shape Tool", make sure you follow the flow of the "L"shape to create a natural water effect.

Page 19: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

After that go to the "Transparency Tool", after the cursor turning into glass, drag it from bottom to top to create

similar transparency.

Page 20: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

After that we are going to add details, create a star shape using "Bezier Tool" and put white color in it.

Page 21: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Arrange the star on top of the flow shape that you previously create and apply the transparency value below.

Page 22: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Now create a custom shape on the right bottom of the "L" using "Freehand Tool" make sure you follow the flow of

the shape to create a natural effect.

Page 23: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Go to the "Transparency Tool" and apply the value below to create similar.

Page 24: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

After that go to the "Ellipse Tool" and create a small circle to create a tiny bubble.

Page 25: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

After that using the same technique as above create more transparent custom shape to the upper side of the "L".

Page 26: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

If you apply all the steps above it will look similar like below.

Page 27: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Okay now we begin to edit the letter "i".

Page 28: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Go to the "Shape Tool" and shape the "i" similar like below so it will look more fluid.

Page 29: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

After that break the shape using"Ctrl + K"and select the bottom shape and put color in it by go to the "Fountain Fill

Tool" and apply the value below.

Page 30: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with
Page 31: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Select the dot and go to the "Fountain Fill Tool" and apply the value below.

Page 32: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with
Page 33: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

After that create a custom shape on the left side of the "i" using "Freehand Tool".

Page 34: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Go to the "Drop Shadow Tool", put light blue color on the shadow and drag it on top of the "i".

Page 35: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Break the shadow by pressing "Ctrl + K" and put it inside the "i" using Effect > PowerClip > Place inside container.

Page 36: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with
Page 37: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Okay similar to the "L", create the water effect on the "i" make sure you follow the flow of the shape.

Page 38: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

You can copy the effect as much as you like to create more detailed water gloss.

Page 39: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with
Page 40: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Now that you got the idea, using the same technique as above apply it to all the letters.

Page 41: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Step 5 : Creating the Bubbles

Okay now we are going to add bubbles to the text, go to the "Ellipse Tool" and create a circle of any size.

Page 42: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Put color in it by go to the "Fountain Fill Tool" and apply the value below.

Page 43: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with
Page 44: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Add gloss effect to the circle using"Shape Tool"and"Transparency Tool".

Page 45: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

After that arrange and resize the bubble anywhere on the Liquid text.

Page 46: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Copy the bubbles as many as you like to make it more natural.

Page 47: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Step 6 : Creating the Background

Okay now lets create the background, go to the "Rectangle Tool" and create a box shape with the size of "20 x 13

cm".

Page 48: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

You can put any color that you like but in this case I use dark blue gradient to match it with the Liquid text.

Page 49: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with
Page 50: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Now I need you to create a custom shape similar like below using "Bezier Tool".

Page 51: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Shape it using "Shape Tool" this will be our background texture.

Page 52: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Put pink color in it, and go to the "Transparency Tool" and apply the value below.

Page 53: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Now copy the shape into 3 and make different size for each.

Page 54: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Now group the whole thing by pressing "Ctrl + G", after that flip and copy it similar like below.

Page 55: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Now insert the texture inside the background using "Effect > Powerclip > Place inside container".

Page 56: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with
Page 57: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with

Final Image

And we are done, by using the same technique as above you can add more details to make it more natural like the

final image below.

Page 58: jayadesignblog.files.wordpress.com€¦ · Web viewCreate Liquid Text Effects with CorelDraw. In this tutorial you will learn how to create a professional liquid text effect with