hey what's going on guys today we're inside of affinity designer and i want to do a quick
tutorial on showing you how you can give your logo or design a 3d effect so to get started
i'm just going to draw a quick logo and i think i'm going to go over youtube logo because it's
really quick and easy so we'll start by grabbing this rounded rectangle tool and we'll just drag
this out to whatever size you're happy with that will be fine i'm going to turn off that stroke and
give that a color of red then we just need to grab a triangle and create that play button so
just drag it out to the size that you're happy with that should be fine i'm going to get that
color of white then i'm just going to rotate this around using this big white ball at the top if you
hold down shift on your keyboard that will lock it to 10 degrees so it's a lot easier for you and
we'll turn that to 90 degrees then we've got to move this into place and just center that in the
middle i'm going to make that a little bit smaller as a play button it's a little bit more like that
and finally i'm just going to cut this triangle out of this background now so we select both of
these and we're going to come up to the top menu bar and we're going to hit that subtract button
and then as you see on the layer is cut out the triangle so now that is hollow in the background
so that's the hardest part of this actually finished now so what we're going to do from here
is we're going to come down to our transform menu down there if you're not seeing that yourselves
then just go up to your view menu go down to studio and just make sure you've got transform
check down there so once we are inside of the transform menu we just need to change the rotation
and the shear so these numbers are dependent on you you can have whatever you like you can just
experiment with this and see what looks good but for me i find that 30 degrees looks good
on the rotation and 30 degrees on the shear and just hit enter on that and it gives us this kind
of effect that could be maybe sat on top of a table or something like that so once we've got
this what we need to do now is come over to our layer section and we need to make a duplicated
copy of this so if you right click on your mouse and we're going to select duplicate and all we've
got to do from this point now is make sure you are on that duplicated version that we just created
then come down to your transform menu and just pay attention to your y-axis right here i've got 697.4
you could have anything different here depending on what size you drew this out
but what you need to do is just delete this last digit so that 0.4 there i don't need that
so if i click in here and i just delete that four and that point and i hit enter that is
all we have to do so from here on out all we got to keep doing is hitting command or control
j on your keyboard and the amount of times you hit this is depend on how deep you want this to be
so i'll just quickly demonstrate this now by doing it a few times so command j for
me and you can see i'm getting multiple layers here and if you pay attention to the picture
the more i'm putting in the deeper this is going to get so it's all depends on what it is that you
want so that looks about fine for me in fact maybe a little bit deeper than that so i'll keep going
and i'm pretty happy with that so what we need to do now is come back over to our layer menu
and this top one i want you to leave this one you can just name this top if you like and we're
going to go all the way to the bottom and this bottom one here i want you to name that shadow
and as for the rest of these here we're going to join these together so i want you to select the
one above the shadow i want you to hold down the shift key on your keyboard come all the way to
the top select the one that's underneath the top and while holding down shift at the same
time just click on that one and that will select every single one of those apart from that top one
and that bottom one and once once we've got all these selected i just want you to come
up to the add section at the top there and just add them all together into one shape so once we've
done that we can now just come over here and give it a different color so you can see there where
we've got a darker red it now starts to look 3d and now for the shadow layer we're going to click
on that one and we're going to change the color of this to black then we're going to come down to our
effects menu just down the bottom here and we're going to put in the gaussian blur or gaussian
blur however you like to pronounce that so if you click on that one and we just start to adjust this
we can see we're starting to get that shadow underneath this 3d object now so that looks okay
then we can just go ahead and group all this together
and then we are free to move this around anywhere you like or resize it if you want to and generally
as long as you keep the same rotation the shear that we have before you could add some text onto
this as well so if we move this up here and we grab out the text and i just write in youtube
it's going to center that again and just move this over
and we'll do the exact same thing as we did before so with the rotation we just keep the exact same
numbers and it'll work out perfectly so we have 30 degrees on the rotation and 30 degrees on the
shear that'd be perfect to what we just created with that there so it should line up perfectly
then it's just a case of moving this into place and resizing it if it's a little bit too big for
you so something like that is fine and i'm just going to move it down there for the moment before
we start to duplicate this like we did before and then once again we're going to do the same
as the last time we're going to come over to the youtube text we're going to hit duplicate
by right clicking come down here we're going to remove this last digit again so i've got 704.1
i'm going to remove that.1 off there hit enter and then just the same as before command or
control j as many times as you like to get this as deep as you want it to be
it's kind of difficult to see at the moment because i chose black as my color
i'm going to keep going just try and make it a little bit bigger than that
and that'll do perfectly just to demonstrate this so first of all i'm just going to go
on this top layer there and give it the same color as that red so we can see it
and we'll name that one top like we did before and do the same on the bottom one
find the last layer and we're going to call that bottom or shadow whichever you like to put
and as for the rest of this we want to merge them all together by adding them
so select that bottom one come to the top one hold down the shift key
remember the first one underneath the top one while holding down the shift key select
that one it will select all of those in between those two and then we can just add them together
so that's them all joined together for some reason this has gone transparent i'm not sure why that
happened as you can see there but all we got to do is give that color again to get our effect
back so just give that a color of red if i would just sample that red we've already got over here
so we've got that exact same one there the bottom one once again we're going to turn that black
and we're going to go back down to our effects with the gauging or gaussian blur
and just blur that out a bit to give it the shadow that we need and before we continue i think i'm
actually going to put a gradient on the top of this because it's always going to look better
so i'm going to go in that group select that top one and grab that fill tool and we'll just drag
that over there and we can do the same thing on the text as well just on this top layer piece
to make it look a little bit better we may have to adjust the color a bit on the side
down here but we could also put the gradient on there just to make that much better as well
just so it gets a bit darker down that end and then once we've done that if we just group all
this together like we did before for the text we can now move that around and just line up and it
should fit perfectly as you can see and you can just move that into place and do whatever you
want to do with that so i'm just going to zoom out a little bit so we can see that better so you can
see that looks pretty cool but there's something i want to address before i move on just to show
you that you can do this of any kind of logo at all if i just zoom in over on this corner up here
you can see how smooth this is it's kind of just perfect coming all the way around here because
originally it's on a curve rather than a straight edge but if we come down now to one of the letters
maybe this e on the end here and we zoom in at this point closer we get the more you can see
that we have these jagged edges right here where we
duplicated the layers and all we got to do to get rid of that is we've got to select
that layer ourselves which is that one we're going to come on to the node tool which is that
white arrow right there and we're just going to zoom out a little bit so you can see it all
what we need to do is delete all these nodes in between we're going to leave this bottom one and
we're going to leave this top one so if we just grab all of these here by selecting them all
and once we've got all of them except that bottom one and that top one we just hit delete and now
we've got that perfect straight line there and if we just zoom in here this is slightly underneath
where it needs to be but all we got to do is just drag that up and connect it and then that is that
done and that's all you've got to do to fix that there and you're going to have that pretty much on
any straight part i won't go through all of this because i don't really need to show it you should
already understand how to finish it now and fix it but if we just zoom in here you can see it's
also happened here as well but if you do obviously want to come in and get rid of all that as well
we'll do the same as before select all of these nodes apart from the top one and the bottom one
and just delete them come in here and just join that top one to that corner and that is all you
got to do in terms of fixing that so i'll just zoom out now so we can get a better look at this
that looks really creative in my opinion and you can make this deeper if you want just by
adding more duplicated copies it's entirely up to you but we're just going to delete this one
now so i can show you that we can generally do this with any kind of logo that you create or
maybe one that you got off the internet such as a social media logo which i'll show you now i'm
just going to go to my view menu and i'm going to come down to my studio and turn on my assets
and i've got these logos in here and i think we'll try this with maybe the facebook one so it's going
to grab that drag it in and that's color white at the moment so i'm going to color that blue
and the problem here we've got is it's in a group i need the outside of the group for this to work
correctly so let's just drag it outside of this group so it's two individual layers and we'll
delete that bottom one as we don't need it and then these two we want to combine this together
so select both of those layers and just hit that add button so that then becomes a one layer and
one item then it's just a case of deciding how big you want this it's entirely up to you
and i'm just going to shut my assets at the moment so it makes my screen a bit bigger for you guys to
see it and now it's exactly the same thing that we've already done before so come down to your
rotation and shia remember choose any numbers you like experiment with this if you want to
and see what you can get out of it but for me i think 30 looks good like it was on the last one
so we do that again and once again we're going to right click we're going to duplicate this one
come down to the y axis and we're going to get rid of that last number on the end which is
the dot 4. so get rid of them remember to hit enter otherwise it's not going to work so hit
enter and then we've got a command or ctrl j multiple times so i'm just going to hold
my finger on command j just so it goes a little bit quicker and it starts building
up faster so like i said you just get this as deep as you like i think that looks fine
and once again finally we'll just name this one the top one
and then the bottom one we're going to call the shadow
and then everything in between we want to combine together so remember select the bottom one come
all the way up to the second one hold down shift when you click on this one
it'll select everything in between and then we just want to add those together
and we can give that a separate color like we did before to make it a bit darker and give it
a more 3d effect come down to our shadow we're going to turn that black like we did before
come on to our effects and choose that gaussian or gaussian blur to give that shadow
and there you go we just group all this together like we did before and we can freely move this
around and resize it and do whatever it is you want to do with that so you can see you can do
this with any kind of design or logo you just start off with your flat image and then you just
change the rotation and the shear and simply just duplicate it so i hope you found this video useful
and you learned something new if you did enjoy it please give me a thumbs up
as it really helps with the youtube algorithm and helps other people find my content and of course
if you haven't already please subscribe so you can check out all of my content i currently have
as well as all my future releases but for now have a great day and i will see you in the next video