hi everyone, in today's tutorial I will
show you how to create this game logo or
game title design in inkscape which is
inspired from one of the dribbble art work.
it has really nice font combination and
the gradient color so it's really great
example if it done in inkscape.  alright
let's begin ! okay, first thing to do is
add some text press T on your keyboard
and type.. change the font to this. Press F1
and scale it up by hitting CTRL+SHIFT to
make it proportional around this
place it on here. make the text become a
path. by clicking the text first and path > object to path.
ungroup this, by right click >  ungroup.
now you see the letter is
separate so I'm gonna select this W,I,P letter
let's select this, and hold CTRL+SHIFT to make it scale proportional
around this, make them close just hold CTRL+SHIFT while moving this too.
now, make it Union because we want to add the
path effect later by selecting all and
go to path > Union. let's add the path
effect by clicking this text first and
go to path choose
path effect and you see this plus icon
click it and choose the bend we want to
make it a little bend. then click this
icon to edit on canvas and you see this
green line just drag it up ok around this
then release. now apply the path effect by
clicking this text and go to path> object to path
now you see the path effect is disappear
that mean it's applied to these texts.
add some text again by pressing T on
the keyboard and type.. change it
to this font. and scale it up by holding
CTRL+SHIFT and place it on here. but you
see this font letter is intersecting if
you found this case just click the font
and go to path > object to path.
now it's clear.
okay I'm gonna edit this old letter
because it's like it's like cutting so
just make it the end of the line by
pressing F2 and click this O letter
and I'm gonna delete this node and press
DELETE. okay you can adjust this.
next we want to add outer stroke with
another method you can see in my
previous video but the game title
that loopa adventure by duplicating this
object
make it a stroke and move it behind. but
this time I'll show you another way to
make it. select all the text and press
CTRL+D to duplicate and go to combine
path > combine. otherwise the stroke
is not working. after choosing combine go to
path > outset. or the shortcut
is CTRL+) just
click that and I'm pressing the shorcut a few time CTRL + )
about 15
and move it to the bottom click this
click this icon so you see the tooltip
is "lower selection to bottom" click that.
let's find our text by clicking this and
this change it to white color to make it
visible. clean these white areas with
the Bezier tool I'm pressing B and draw
some lines to make the white dot disappear
ok just swap it right-click
choose swap fill and Stroke. press F2 to
select this path  and our stroke, click. and go to path > Union.
now the fun thing let's add some color to our
stroke with gradient.
did you know you can add more than two
color in gradient so I'm gonna show you
make some gradient with the
stroke click the stroke and go to your
gradient tool
just drag it down some time you found the
gradient is not applied to path it's
because the pad is in group. so let's
make it ungroup I'm gonna undo it by
pressing ctrl Z, and click the stroke
right-click choose ungroup. let's try the
gradient again click this and just drag
it down. press CTRL+SHIFT to make it
straight ok now you see the gradient is
now applied. nevermind if your gradient
work just continue. and let's change the
color by a double click and press D to
actively dropper tool I'm gonna change
it to this color click this you can
input this color code to this fill and
stroke menu.  you can input in this. add
more color to here, go to your
gradient tool again, and zoom in. till you
can reach the line see this plus icon
just double click it will create the
nodes and double click this node want to
change the color press D and I want to
change this color. and last for the top
double click and click this color. drag
this gradient to adjust it
add the shade with the outer stroke first
click this and press CTRL+D on your
keyboard move it to here. you can turn off
this snapping so you can move it freely
and change it to this color and move it to the
bottom. okay I'm going to adjust it
for the inner text,press CTRL+D to
duplicate and move it to here change the
color to this move it to the lower back.
and duplicate one more press CTRL+D
and place it on here. change it to this
color. let's move it to the back
next step add some background with rectangle tool, click this turn on this enable snapping
click this make sure you
active snap page to the border so
when you in the corner of the page it
snapped like this and just drag it down
to the corner of the page and press F1
to move it to this bottom. give it some
gradient for our background, go to gradient tool again and just drag it down press
CTRL+SHIFT to make it straight line
then I'm changing this color to this.
for the top to this color. draw some line
with the Bezier tool press B on your
keyboard we want to make it clipping
mask later, and simple line like this
press SHIFT  to lock the corner and
release. connect it to here.
give it some gradient go to your gradient tool
click this and just drag it down for the
top and change it to this color and for
the bottom this color. make a clipping
mask by duplicating this background
press CTRL+D make sure it's in the
front click the path, and right-click > set clip.
remove the stroke right click > remove stroke.
and move it to the back. press F2 to
adjust the gradient a little and drag it
down
lovely! so the last thing we're gonna add
some particles let me scale it up a little
holding CTRL+SHIFT make it proportional and place it on here. and let's
start with the circle go to your circle
tool and make it gradient by with this
gradient tool, drag it down and for the
top change to this color for the bottom to this.
allright just duplicate around this.
add some triangle, I draw manually with
Bezier tool press B and draw some.. and make it
gradient color like this you can go to
this fill and Stroke tab menu and click
this linear gradient you can see and see
this recent color that we made. so I'm
just gonna click this remove the
stroke and adjust some gradient okay, rotate it a little.
and duplicate it
and let's change some shape to this color
with bezier tool again, press B
and draw some
I'm gonna make a little shiny
effect to here with Bezier tool press B
on your keyboard click this and this
hold SHIFT to lock the corner then
connect to here
like that, you can adjust it, change it to white
color make the opacity by 50. and remove
the stroke. that's all I hope you enjoyed
this tutorial and learn something new
how to make a game logo design in
inkscape don't forget to subscribe
make sure you are in update about this inkscape tutorial I'm Zakey from Zakey Design,
Create something good today!
thanks for watching
