Академический Документы
Профессиональный Документы
Культура Документы
In this tutorial you will learn how to design a fun and colorful designer web layout with Corel Draw. You will learn how to create the website header, body, navigation bar and background. The source file for this awesome website design is also available for free download at the end of the tutorial!
After that go to the " Shape Tool " and go to the upper toolbar there you will find corner shape option, set the type into Rounded Corner, and set the Corner Radius of top left and the right bottom corner to 50 px and 168 px.
Lets put color in it. Select the box go to the "Fountain Fill Tool ", which is in the left bottom toolbar, choose custom fill on the color blend and make the type Radial, fill the color with Dark Blue on the left, Blue on the middle and Light Blue on the right.
After that go to the " Shape Tool " and go to the upper toolbar there you will find corner shape option, set the type into Rounded Corner, and set the Corner Radius to 107 px, apply it on all corners.
Lets put color in it. Select the box go to the "Fountain Fill Tool ", choose custom fill on the color blend and make the type Linear, fill the color with Gray on the left and white on the right.
Now create a tiny Circle Shape using " Ellipse Tool " in the left toolbar, and resize it to 41 x 41 pixel.
Arrange the Circle on top of the Gray Box Shape, put an Orange color and copy it as picture below.
After that create a line using " Bezier Tool " by left click and point.
Lets shape it using " Shape Tool ", click on the middle of the line and find "convert to curves " in the top toolbar, drag the arrow on the corner in order to shape.
Now go to the " Outline Tool " in the left toolbar and make the line thicker by applying the value below.
After that arrange the shaped line on top of the Orange Circle.
Using same steps as above create a Horizontal Line and arrange it on top of the Grey Box.
Now group all the object by selecting it and press " Ctrl + G ", arrange it on the left side of the Header.
Customize the corner using " Shape Tool " and apply the value below.
Lets create another new box shape using " Rectangle Tool " and resized it as picture below.
Go to the " Shape Tool " and customize the corner by applying the value below.
Create several small circle on the bottom of the box, using " Ellipse Tool ".
Now select all the object and go to the upper toolbar, there you will find " Trim Tool ", press it on order to cut the box.
Lets put color in it, select the box go to the "Fountain Fill Tool ", choose custom fill on the color blend and make the type Radial, fill the color with Dark Blue on the left, Blue on the middle and Pink on the right.
After that, arrange the box into the bottom of the Header.
After that go to the " Callout Shape Tool " in the left toolbar, and create a callout box.
Flip and copy the Callout Box by pressing " Ctrl + Left + Right Mouse " while dragging it to the right.
Okay now we are going to make the Search Box, create a box shape using " Rectangle Tool " and resized it as picture below.
Shape it using " Shape Tool " and customize the corner as picture below.
Now create a small circle using " Ellipse Tool " and resized it as picture below.
Create a line on the left bottom of the circle using " Ellipse Tool "
Put White color in it, and arrange in on top of the Black Box.
Arrange the Search box on the Right upper corner of the Header.
After that copy the box by pressing " Ctrl + Left + Right Mouse " while dragging it to the right, and duplicate it by pressing " Ctrl + D ".
Now select all the boxes, and using same steps as above copy and duplicate it vertically.
Select the Texture, and then go to the top toolbar and find Effect > Powerclip > Place Inside Container, then you will see a black arrow, Left-click it to the Header, and now you will see that the Grouped elements is inside the Black Frame, you can go "inside" or "outside" the container by holding "Ctrl" while double-clicking it.
Shape it using " Shape Tool " and customize the corner as picture below.
Lets put color in it, select the box go to the "Fountain Fill Tool ", choose custom fill on the color blend and make the type Radial, fill the color with Light Blue on the left and White on the right.
After that create a new box using " Rectangle Tool " and apply the value below.
Using " Shape Tool " customize the corner of the box as picture below.
Arrange the Green box into the Right side of the Website Body.
Copy the Green box and resize it a bit smaller than the original, arrange it on the bottom of the Green Box and put Pink color in it.
Using same steps as above copy another and put different color in it.
Now select the Website Body and copy it to the Right Bottom corner of the Website Body.
Lets put color in it, select the box go to the "Fountain Fill Tool ", choose custom fill on the color blend and make the type Radial, fill the color with Dark Blue on the left, Blue on the middle and Pink on the right.
Now lets create a texture for the Website Body, go to the " Ellipse Tool " and create a circle shape.
Select both of the circle, and go to the upper toolbar, there you will see " Trim Tool " select it in order to cut the circle.
Using " Transparency Tool ", make the Circle transparent by dragging it from bottom to top to make it Transparent Linear Top.
Now copy the Circle and make the copied one smaller than the original.
Select the Circle and place it inside the Website Body using " PowerClip " same as step 7.
Select all the object and Group it by pressing " Ctrl + G ", and arrange it to the bottom of the Header.
Go to the " Shape Tool " and customize the Left Corner.
Now create a small circle on the left top corner, using " Ellipse Tool ".
Select both of the object, and go to the upper toolbar, there you will see " Trim Tool " press it in order to cut the box shape.
Lets put color in it, select the box go to the "Fountain Fill Tool ", choose custom fill on the color blend and make the type Radial, fill the color with Light Blue on the left,and Pink on the right.
We are going to make the button, go to the " Rectangle Tool " create a box shape and resized it as below.
Using " Transparency Tool " make the Shape transparent by dragging it from Bottom to Top, this will make the Transparency linear top.
Now using " PowerClip " tool, place the Shape inside the Navigation Bar same as step 7.
After that arrange the Navigation Bar into the Left side of the Website Body.
Lets put color in it, select the box go to the "Fountain Fill Tool ", choose custom fill on the color blend and make the type Radial, fill the color with Pink on the left,and Light Pink on the right.
After that go to the "Basic Shape Tool ", its in the left toolbar, after you click it go to the top toolbar, there you will see an option drop box, choose water drop shape its second from the last, create a water drop shape by click and drag it.
Lets put color in it, select the box go to the "Fountain Fill Tool ", choose custom fill on the color blend and make the type Radial, fill the color with Orange on the left,and Yellow on the right.
Copy and Duplicate the Shape and put different color to make it more vibrant, you can choose any color that you like.
Lets make it transparent by using " Transparency Tool ", set the transparency type into uniform and apply the value below.
Copy, Rotate, and duplicate it again to make untill it looks like a balloon flow.
Now place the Ballon flow inside the Bacground using " PowerClip" tool same as step 7.
Lets add more baclground to make it vibrant, create a circle shape using " Ellipse Tool "
Put color in it, u can use any color you like but in this tutorial i use Blue, Light Blue, Pink and Purple.
After that lets make it transparent using " Transparency Tool ", drag it from right bottom corner to left top corner of the Circle to make it linear transparent.
Arrange it on the Right top corner and left bottom corner of the Background.
Now select the Website Header, Body, and Navigation Bar, arrange it on top of the Background.
Final Image
And we are done, you can make it more exciting by adding more variation such as text background or texture, like in the final image below.