One of the uniqueness of Mozilla Firefox is its logo which
had made the browser awesome. The Mozilla Firefox is a
very strong and reliable browser of today with over 130 million users. Today, in this post, I will share
with you some hints I used to design a typical Mozilla Firefox logo with my CorelDraw
X13. One of the 20 tips to become a good graphic designer is a perfect practice
with a dream of greatness, and that’s exactly what this post is all about. I
expect you to dream big.
If you follow the steps and instructions correctly, your final design will be as shown below.
Prerequisite
As a common rite, I expect you to have at least
CorelDraw 11 or later version installed on your computer. Having done that, you
are good to go!
Tools and techniques
The tools and techniques that will be use include:
(a) Pen tool
(b) shape tool (c) fountain fill dialog (d) Outline tool (e) and some basic drawing skill (You can do
it even if you are a beginner)
To draw the Mozilla Firefox is not as easy as drawing
a simple rectangle! So, to help you along, I included screenshots to aid you get it.
And with that, the tutorial begins!
Step 1
Draw a
circle with dimension of 100mm by 100mm. Fill it with a nice fountain fill
color From: ‘Sky Blue’, To: ‘C=100, M=80, Y=0, K=0. Remove the
outline using the outline tool.
Step 2
If you had noticed the Mozilla Firefox logo, you’ll
have noticed that it has a transparent world map at the back of the Firefox. In
this tutorial, I made a sketch of the world map using the Pen tool. That’s the
second step of the design. Remove the outline and fill it with a faint blue
such as the ‘Ice Blue’. Use Uniform as the transparency type. Set
the transparency size to 75. Group
all the shapes created earlier together.
Step 3
It’s time to draw the Firefox, get your mouse
occupied! From the toolbar, select the Pen
tool and draw the fox outline as shown. Change the color to C=0 M=70 Y=100
K=0. This is a sketch of what I mean
Step 4
No matter how good one is, one is liable to make
mistakes. With the Shape tool on the
toolbar, we can shape/smooth/adjust the nodes of the Firefox so that it looks
like the real Firefox we are expecting. While smoothing, be careful not to smooth corners
because it will deform the logo! To smooth any node, click on it with Shape tool go to the property bar;
select convert line to curve; then, click on delete
node(s). Fill it with a color of C=0 M=75 Y=100 K=0. That will improve the
quality like this
Step 5
We are now in the middle of the design; let’s improve
our design by adding some concept to it. In this case, I will add some tails to
the Firefox. To draw a tail wasn’t that difficult, all you need is to draw a
triangular-like curvy shape with the Pen
tool. Add up to 9 tails. For all the tails, fill it with a fountain fill
color From: C=0 M=50 Y=90 K=0 To: C=4 M=4 Y=75 K=0. Change the Edge pad to 35. Make sure the edge is
transparent so that it can blend into the Firefox.
Step 6
The uniqueness of the Firefox can be further increase by
adding some vector drawing and shading effect such as hair and shadow illusions. To
do that, draw the hair using the Pen
tool. Fill the color with a deeper color such as that of C=2 M=55 Y=90 K=0.
Change its transparency type to Uniform
with a size of 50. Now, add the
shading effect with a fountain fill From:
C=1 M=95 Y=95 K=0 To: C=21 M=92 Y=95
K=0. Make the edge pad=32.
Step 7
The last step of the main logography of this Firefox design
is to draw the face of the fox; fill it with a fountain color From: C=5 M=6 Y=90 K=0 To:
C=4 M=4 Y=77 K=0; edge pad = 35. Also, you can improve its quality by including
a shading-like vector drawing. Draw a small circle with a Black color to represent the nose.
Step 8 – The
Final Step
Hey! The Firefox is ready! Group all the Firefox drawings; Place it on the shapes created in Step 2 above. I added some text to the design to make it look nice. Behold! Our Firefox created using CorelDraw!
Hey! The Firefox is ready! Group all the Firefox drawings; Place it on the shapes created in Step 2 above. I added some text to the design to make it look nice. Behold! Our Firefox created using CorelDraw!
Don’t forget that sharing is good. Comment below if you have any question, you can also share
this post to your friends.
No comments:
Post a Comment
Please drop your comments