Inkscape for Beginners: 3D Sphere Logo Tutorial

this is Nick with logos by Nick comm and in today's tutorial I'll be demonstrating how you can create this vector 3d sphere logo using Inkscape and at any point in this tutorial you could look down at the bottom left hand side of my screen to see which mouse clicks and keystrokes I'm using so we'll minimize this and we'll get started the first thing we'll do in Inkscape is set the view to custom and then we're going to zoom in at a hundred percent and then we'll open our align and distribute menu with this button up top here and we want to make sure we have last selected chosen from this drop-down and then we'll open our edit objects colors gradients and Stroke menu and the first thing we're going to do is create a circle so let's come over to the circles and he looks this tool and hold ctrl and shift on the keyboard and then click and drag on the canvas to create a perfectly round circle like that now we're gonna turn this red and we'll take the opacity and drop this down about in half and then we're gonna come over to our Bezier a pen and click on that or you can just press B on the keyboard to grab the pen as well you just press B that'll grab it for you and I'm going to start this line out about a third of the way to the top of the circle and just outside the left edge and then I'm gonna click and hold ctrl on the keyboard and just bring this line straight across to the outside right edge and then click and we can let go of control and press ENTER on the keyboard and it's going to create that little black line so what I'm gonna do now is go to the edit pads by nodes tool and I'm gonna zoom in over this portion right here I'm just gonna press plus in the keyboard to zoom in and I'm gonna press down on the mouse wheel and move the mouse in order to move the page around like that and what I'm gonna do is I'm gonna take this line and I'm gonna pull I'm gonna come over to the left side here I'm just gonna pull this line down like that then I'll come over here and click on this node and it's gonna bring up these handles and I'll take this handle and I'll bring this up like that and I'll take this handle and just bring this down maybe about that much bring this up a little more you're gonna want to play with this a little bit just to make sure we're getting a nice dip going down and a nice dip going up and the whole thing looks fluid and consistent maybe like that and I'd say that's pretty good once you get it to about there that's pretty good we'll go back to the Select tool and we're gonna change that from a stroke to a path so we'll get a path stroke to path and then I'm going to right click this line and go to duplicate and I'm going to flip this horizontally with this button up top this is flip selected objects horizontally and then I'm going to click and drag over both of those lines and with them both selected I'm going to group them together and then I'll right-click them and go to duplicate and then I'll hold ctrl on the keyboard and just click and drag this duplicated copy down to about here and then I'll hold shift in the keyboard and click on this group of lines so we have them both selected and group them together as well group selected objects and then hold shift in the keyboard and click on the red circle so we have everything selected and we're going to just make sure it's it's aligned on the vertical axis and then we're going to Center it on the horizontal axis and then we can hold shift and click on that red circle to deselect it just so we have these lines selected and what I'm gonna do now is I'm gonna zoom in over this top right corner over here where the circle and those lines meet I'm just gonna press + and the keyboard to zoom in I'll press down on the mouse wheel and move the mouse to move the page over and I'm gonna grab this arrow right here and I'm gonna hold ctrl and shift in the keyboard and just click and drag that arrow inwards like that we want to place this thing right on the edge here I'm gonna zoom in on this a little more so I could show you I'm going to press press plus in the keyboard you want to zoom in so that where these black lines intersect is going over the edge of the red circle right there so let me zoom out a little bit so I could find the arrow there we go and there we go again I'm just gonna hold ctrl and shift that I'm going to scale it in until those lines are going over that red line maybe about that much and once you've done that we could press 1 on the keyboard to zoom back out to 100% and it looks like it didn't quite work on that end so what I'm gonna do is I'm gonna hold shift and I'm gonna click on the red circle and again I'm just gonna make sure it's aligned on the vertical axis and the horizontal axis that doesn't seem to be helping at all let me hold control and move this down maybe like that then I'll hold control and shift and pull this out again look we just want to make sure that those lines intersection ago those intersecting lines are going over each of the red edges over there that's pretty good let me zoom in on this one this one needs to come up a little more so maybe I'll just hold control and move that up that looks good come over here and again I'm just pressing down in the mouse wheel and moving the mouse to move the page around like this okay that's pretty good right there so the intersecting black part of the lines is going over the red edge all around so I'll press one on the keyboard to zoom back out and then I'll click on this red circle and I'm gonna duplicate this three times what you do is go right click and go to duplicate but instead of doing that three times I'm just gonna use the keyboard shortcut which is control + D so I'm gonna hit control + D three times so one two three and what I want to do now is I just want to click and drag over those group of lines that we created and once once they're selected I'm gonna raise them to the top or a selection to the top and I'm going to ungroup them I'm going to click that twice to ungroup these two bunches and then click it a second time to ungroup them individually so they're all individually accessible now what I'm going to do now is I'm gonna click on this line right here hold shift in the keyboard and click on the red circle and go to path difference and then path break apart and then I'm going to hold shift and click on this top portion of the red circle to deselect it and press Delete on the keyboard to get rid of it and then I'll click on this line right here hold shift in the keyboard click on the red circle go to path difference and then path break apart and hold shift and click on this top portion of the red shape right there to deselect it and press Delete on the keyboard and I'll do the same thing down here I'm going to click on line hold shift click on the red circle path difference and then path break apart and then I'll hold shift and click on that portion of the red circle to deselect it press Delete on the keyboard and then finally click on this last line hold shift click on the the very light red circle there in the middle and go to path difference path break apart and then hold shift and click on that red shape to deselect it press Delete on the keyboard to get rid of it and if we're good so what I'm gonna do now is I'm going to click on this shape right here and I'm gonna turn this blue I'm gonna come down here and pick a very light shade of blue bring the opacity of that all the way up and then I'll click on this red shape right here I'll bring the opacity of that all the way up and I'm gonna give that the same shade of blue so I'm just gonna press f7 on the keyboard to get the dropper and then just click on that blue portion right there to make sure it's the same shade you know what let me go back to the Select tool or you know what we got to raise this to the top so once you change it to that color we'll go back to the Select tool we'll click the button that says raise selection to the top like that and then we can click and drag over this whole thing and bring the opacity up all the way click off of it to deselect everything and let's click on this blue shape and then hold shift and click on that blue shape so we haven't both selected and let's unify them together we'll go to path Union oops Union so now they are one shape like that and we're just going to get again raise this to the top raise selection to the top and there we go so what I'm gonna do now is to make this look like it has a bit of a three-dimensional look to it I'm going to give this a radial gradient so I'm gonna come over to the fill tab and I'm gonna come over to this box right here this is radial gradient and click on that and then I'll press G on the keyboard to get the gradient tool and I'll click on this stop up here and I'll take the opacity and bring that all the way up and then I'm going to double click this line right here to create a new stop and then I'll double click this line right here to create another stop and then I'll click on this Center stop right here and I'm gonna come over to the under the HSL tab on and come over to the L column and slide that all the way to the right to make that white and then I'll click on this stop up here the second from the top and under the HSL tab again I'm gonna take this H column and slide this to the right a little bit slide the S all the way over to the right and bring the L over I want to give this a blue shade a more bluish shade than what it what it currently is and then I'll click on this stop right here and I'll do the same thing but I'll just bring the L column up a little bit and that's pretty good once you've done that we could take this we can click and drag the center node and just click and drag this up into the right a little bit maybe like that once you get it up there I'll just hold ctrl and shift in the keyboard and grab this node and just pull this out words like that maybe I'll bring this back over here a little bit something like that that's pretty good what I'll do now is uh I'm gonna go over to the Select tool and I'm gonna click on this red shape and then I'm gonna grab the dropper tool by pressing f7 on the keyboard that I'll grab the dropper the tool is over here on the on the on the toolbar as well but if you're using a laptop this tool might not be visible there may be a little arrow right there that you have to click to get to that tool so I like to use the keyboard shortcut just in case some of you are using a laptop so once you have the dropper tool I'm just gonna click on this darker portion the blue right here to make that the same shade but then I'm gonna come over to the L column and slide that over to the left to make that darker actually a lot darker maybe about that much and then we'll click on that and give that a linear gradient and I'm gonna press G on the keyboard to get back to the gradient tool and I'll click on this stop over here to the right bring the opacity all the way up and make this one a little lighter by sliding the L column over to the right a little bit then we'll take this stop and put it up at the top edge of that graphic right there and we'll take this stop and put it at the bottom but then just hold ctrl on the keyboard so it goes straight up and down if you don't hold ctrl it can we you know wiggle off to the left and right a little bit if you hold ctrl it either goes straight up and down or straight left and right or straight a 90-degree angle or whatever so that's that's why we do that so we'll put that there like that and that's pretty good and then let's click on this red shape and give that the same gradient we'll just click on linear gradient and there should be a drop-down menu right here you go to the drop-down and we could choose that gradient we just created and we'll take the Len again we'll take the lighter shade and put it at the bottom edge here then we'll take the darker shade put this at the top and then just hold ctrl so it goes straight up and down like that and we can go back to the select tool and click off of the graphic to deselect everything now let's zoom in a little bit on this graphic I should have pressed + in the keyboard to zoom in a little bit maybe about that much I'm going to click on this blue shape here up top and I'm going to break that apart by going to path break apart so now it's back to being in two separate pieces like that and with this one selected once you do that you just click off of the graphic to deselect everything and then click on just the top half of that circle and I'm going to right click that and go to duplicate and I'll take the duplicated copy and turn that red for now I'll bring the opacity down about in half and I'm gonna come up here to this toolbar and I'm gonna turn on the snap to cusp nodes if you can't turn this on it's probably because you don't have this turned on as well you want to make sure you have this turned on and then this and then you'll be able to turn on this snap to cusp nodes and what that does is it makes it so that anything that you grab snaps to the corners like that so what I'm gonna do now is I'm gonna click on this red shape a second time to get the rotation handles and when you do that that's gonna be a little crosshair I'm gonna take that crosshair and snap it onto the corner of the red shape right there and I'm going to zoom in on that a little bit just to make sure that I grab that corner right that it snapped on to that corner there we go yeah we want to make sure it didn't snap on to the other corner so well press one on the keyboard to zoom back out and now that we already have our rotation handles we could just grab this bottom left hand arrow and just rotate this around about that much and then we can click on this darker blue shape down here we can right click that go to duplicate hold shift in the keyboard and click on the red shape and then go to path intersection and we can lower that one step so it goes beneath the blue shape and we could turn that black and the opacity we can make that whatever you think looks good I'd say about 61 point 5 that looks pretty good right there the point of this is to be somewhat of a shadow on the shape beneath it so that's why we're doing that so let's do the same thing down here well click on this one we'll right-click it go to duplicate turn it red take the opacity drop it down about in half and click at a second time to get the rotation handles and then once we do that our little crosshair will show up let me zoom in a little bit let's take the crosshair snap it onto the red corner right there and let me just zoom in on that to make sure that yep there it is and then we just press 1 on the keyboard to zoom back out to a hundred percent and I'll take this arrow and just rotate this around just like we did with the previous shape maybe about that much and then we can click on this blue shape right click it go to duplicate hold shift and click on the red shape and go to path intersection and again we can lower that one step so it goes beneath the blue shape we'll turn that black and I believe I use 61.5 for the top one so I'll do the same down here I'll just use 61.5 and hit enter and one last final step would be let's click and drag over this whole graphic and group it together and we're gonna create a circle now so let's come over to the circles and ellipses tool hold ctrl and shift in the keyboard and click and drag on the canvas to create a little circle like that and we will go over to the Select tool hold shift click on our graphic and we're going to Center it on the vertical axis and then align the top edges and then we can click off of the graphic to deselect everything so what I'm going to do with this circle now is I'm going to click on that circle and I'm gonna hold ctrl and grab this bottom arrow and just size this thing up so it's about so it's about this big you see about this much of the edges sticking out of each side this is gonna make for a sign up kind of like a a white reflection or a sheen coming off the top of the off the top of the graphic you'll see once it's once we apply it so once I have it sized about how I like it I'm just gonna hold ctrl and you move it down a little bit so it's not so close to the edge up there move it down a little bit we press 1 on the keyboard to zoom back out I'm gonna click on our graphic now now we can ungroup that click on the ungroup tool the ungroup button click off of the graphic to deselect everything and I'm gonna take this blue shape right here this one and with that is selected I'll right-click it and go to duplicate and I'm gonna turn it red and bring the opacity down in half just so I could see what I'm doing and I'm gonna make this a little smaller so I'm gonna go to paths where is it inset right there path inset and what that did was it made this graphic just a little more a little smaller inwards like that so once we do that I can hold shift click on the black circle and go to path intersection and we could bring the opacity of this all the way up let me turn this white and we'll give this a linear gradient and we'll press G on the keyboard to get the gradient tool let's come up here to the snap to custom nodes and turn that off we don't need that anymore and I'll take the white stop and bring this to the top up here then I'll take the transparent stop and put it down here holding ctrl and the keyboard so it goes straight up and down like that go back to the Select tool and let's click and drag over this whole thing now and group it together by clicking on the group selected objects button and I'm just gonna hold ctrl and shift and scale it down make it about that size like that and I'm gonna create another circle so we're gonna create something like it's like a little drop shadow down here like it's floating above a surface so let's come over to the circle and ellipses tool just click and drag and create a little oval we're not gonna be able to see it cuz it's gonna be white once you draw it we'll just turn it black come back to the Select tool and just position this underneath the little sphere graphic there resize it as you see fit maybe uh that size is pretty good then I'll hold shift and click on the graphic and click on Center on vertical axis click off of it to deselect everything and click on just this all little Blackie lips down here I'm gonna hold ctrl and shift and scale this down a little bit I don't like how big that is then I could take the opacity and drop this down a lot maybe uh maybe like 20 percent like that and that's um that looks pretty good like that so what I'm gonna do now is click and drag over all of that and group that together and then finally we could put some text down here so let's come over to the text tool click on the canvas I'm gonna turn on the caps lock for this one I'm just gonna write sphere logo and they'll come up to the text editor up here and the font I'm gonna use is called orbit ron's I'm just gonna find it there it is I'll have a link to this font in the description if you'd like to download it installed it's a great fun it's called orbit Ron it's free I like using this font myself and my uh but for my client work and it's it's pretty good font so I'm gonna choose orbit Ron I'm gonna click apply let me pan over a little bit and I'm gonna highlight just the word logo and I'm gonna make the word logo a lighter weight so I'll just click on the the light variation of orbit Ron and then click apply and close out of that and come back to the Select tool and as you can see the there's a little bit of separation between these two words now because they're the same font but in different weights and I'll take this word I'm just gonna make this a a grayish color maybe like that and I'll come over to the I'll go back to the text tool click on that and then up here where it says spacing between the letters it should be 1 by default I'm just gonna click that arrow up a few times just to space those letters out a little bit I don't like how tight they are in there that's pretty good like that I'll go to the Select tool hold ctrl and shift in the keyboard to scale it down to a smaller size and put it right beneath there and we'll hold shift and click on the graphic and center it up on the vertical axis and click off the graphic to deselect everything and that's that's it we're pretty much done you might want to make this come to think of it this light gray doesn't really look that good maybe make this a little darker like that maybe I'll take this graphic up top here hold ctrl and just scale that down a little bit and there you pretty much have it you could play with it as you see fit but that's how you can create this graphic using Inkscape so if you have any questions let me know and as always thank you for watching

Channel: Logos By Nick

Views: 33,256

Keywords: inkscape, learn inkscape, inkscape tutorial, inkscape logo, inkscape logo design tutorial, inkscape for beginners

Id: TNGsrJCxdXo

Length: 20min 14sec (1214 seconds)

Published: Fri Jun 03 2016