Inkscape Beginner Tutorial: How to Make a Basic Circle Logo Design
ฝัง
- เผยแพร่เมื่อ 22 ส.ค. 2024
- Inkscape step-by-step beginner tutorial on how to create a basic circular logo with text wrapped around the top perimeter and curved around the bottom. Follow along in this Inkscape screen capture showing how to:
1. Make from scratch the inner and outer circles and cut out the center.
2. Take the background out from behind an image and use Trace Bitmap Tool and the Bezier Pen to extract a vector asset as the subject of the graphic design.
3. Layer a beach sunset color palette beneath the center graphic.
4. Clip new vector assets and resize to make a beautiful, clean, simple, minimalist, modern Santa Monica, California logo complete with lifeguard tower and some pelicans.
My goal for this channel is to create a community where we can share graphic design skills, tips and shortcuts with a focus on using free or low cost software and tools available to everyone.
REFERENCE:
Download Inkscape here: inkscape.org/r...
Photo of Lifeguard Station: unsplash.com/p...
Photo of Pelicans: unsplash.com/p...
SUBSCRIBE TODAY FOR MORE FREE TUTORIALS: / @ironechodesign
SOCIAL MEDIA:
Check out my personal channel: / rickjohanson
Follow me on Twitter: / rickjohanson
Instagram: / rickyjohanson
The way you breakdown Inkscape is incredible!!! Thank you for taking the time to make these videos! You have really changed the game on this one for me!
Thanks so much!! I like doing these tutorials and it's so good to hear.
I’ve learned more than just creating the logo; I’ve also learned how to effectively use Inkscape. Thanks!
Awesome! Nice work! 😀
Love the joy with which you created this logo. Masterclass.
Thank you so much! I’m working on an update to this video. I’ll try to finish it soon.
Holy Cow! Learned more in three minutes than futzin around by myself for 3 months. Awesome content!
Thank you very much! Glad to hear! 😁
With all the litte successes, a huge smile spreads acorss my face. Thank you so very much for your enthusiasm, time and easy-going presentation. That reference circle; pure simple magic.
Thanks so much! I really enjoy making these.
@@IronEchoDesign Quesion: once the text is in place in the logo, can it be seperated from the reference circle,? If so, how?
Thanks
Yes. Once you have the text the way you want it, with it selected, choose Path-Object to Path. This will lock it in and make it independent from the guide circle. Hope this helps!
@@IronEchoDesign Absolutely, thanks!
yooooo this was LEGIT - I'm a new Inkscape user and this tutorial blew me away! Keep em coming!
Thanks!! I'll keep doing them!
love watching you design - your clear & I can understand you & you have made my life so much easier - Thank you very much
Thank you!! So glad to hear!
It's so fun to watch your videos because you are so excited with what you are doing haha
Thanks! I do get pretty excited. Vectors- got to love them. Ha.
this guy designing with so much love hahaha you can see it from his face , i really appreciate your videos ! thank you Rick
Thanks!! I love making these videos, and you can't take this stuff too seriously right?
@@IronEchoDesign of course! It's wonderful to see someone enjoying doing his work, last week I've almost spent every night chilling watching your inkscape tutorial videos, learning and having fun at the same time , keep it up bro 🙏🏼
Thanks so much! Will do!
Thank you Rick for taking the time to put these videos together! I appreciate that you get to the point, and we can hit the ground running with your beginner tutorials. QUESTION - do you have a tutorial showing how to take an image and create multiple layers for cut files? Using what I've learned from you so far, I've been able to get close, but I still only have the one layer. Can you point me in the right direction?
I've been struggling and you made it so much easier. Great job🙌
Thank you!!
You are an artist look at this cute sunset ❤
thanks for the insight bruh. caught me with kind of a Bob Ross thing as I watched to see how things developed lol. good job.
Haha. Thanks so much!!
The bipmap works like magic👌
I love that tool.
Missed part 5, logo size and how to export. Thanks for the wonderful tutorial.
This video is pure gold!
Thank you so much!!
I loved your explanation, it was very clear, thank you. I just subscribed.
Thanks so much!
Awesome.. I once had Illustrator and could not get it to work.. Inkscape is a workhorse , it does a lot of things. Great explanation.
Thanks! It really is a workhorse.
Thank you for this .I didn’t even know this software existed.I have a lot to lear .The way you go step-by-step is easy to follow. New sub 👍
Thanks so much! Inkscape has a lot of stuff it can do. I like making these videos showing parts of it.
wow.. you amaze me man.. I am starting to learn graphic design
Thank you! Inkscape is a great tool to have on your graphic design journey.
THANKS SPOT ON. . . . . . HAPPY NEW YEAR 2023
Thank you!! Let's have a good one.
Thanks for the tutorial. My biggest gripe with Inkscape is that one cannot work in CMYK. This is a huge negative against Inkscape for those of us in print. If the developers could add this then it would be a world class vector drawing program but until that happens, its not.
Thanks, and I think they’re working on it. You do have a good point.
amazing 🤩
Thank you!! 😊
Dude, you are awesome. Loved it!
You’re awesome! Thanks so much!!
That was a fantastic demo but can you tell me how to get rid of the two other circles used for the printing but are no longer needed, if i just
can't delete them what do i do.
Man I love your channel so much. Best around! :)
Thanks so much! Made my day!
I´m keeping this for reference. Beautifully explained. Thanks. Love that logo.
Thank you!! I've got another circle logo tutorial in the works. Pattern Along Path theme.
@@IronEchoDesign Cool!
"Bay Watch" Thumbnail, I have that opening song in my mind now... :D
Haha! Love it! That was a fun show.
i just learned more from you, than my programming teacher
Very well done and presented. Thank you!!!!
Well explained buddy. I am going to try this for a customized logo and give you feedback.
Nice. Thanks! Let me know how it goes.
This video has helped me out a lot as I'm just getting started with Inkscape... I enjoy your video's.. But I'd like to see you do a video on making 3D shapes that are not cubes or circles. I'm finding the directions a bit confusing, as I don't know which steps apply to the rather complex shape I am trying to build... It is basically an ankh.... I have the 2D shape saved... but am having no fortune making it 3D
Great tutorial
Thanks!
Very nice tut. Taking your time to explain. Thumbs up
Thank you!!
@@IronEchoDesign np man
Appreciate the video! Exactly what I was looking for
Thanks!! I'm working on a couple new variations and might do another circle logo tutorial soon.
Fresh
Thanks!!
Thank you for making these.
I am trying to follow on this but my circle do the same as yours and I don't have the filastroke icon on the top..... I need a beginner course I think.
Thanks. I've got a few beginner tutorials that might help. Here is one that includes a Fill an Stroke section: th-cam.com/video/cCaYMlugQyc/w-d-xo.html. Hope this helps!
Awesome!
Thanks!!
At 1:59 Dynamic Offset will only work when Edit Path By nodes is selected.
Thank you Nigel.
Dude awesome, I enjoy it from start till d end, thank you...
Thanks, very nice.if you don't mind how to safe the logo with all those circles without messing te joe...new to evrethin
Nice work! relly helpful
Thanks!
Extremely helpful video! I just had one question: when I try to copy and paste the newly made logo, it pastes as if it hasn’t been curved or changed to the circle; it comes out as if nothing was changed at all, even when I group everything together. Do I need to copy and paste the reference circles along with it?
What resolution or page setup do you reccomend to get started with such a logo? 300 DPI? Actual print size?
A good format to start with, especially for Print On Demand is setting Document Properties to 1440px by 1728px. And, yes, 300 DPI works well.
Just brilliant 🤩
Thanks!!
How do I remove the circle after using it to curve text? if I use [Object to path] on the text it stays wrapped but I lose the gradient in my text. Thank you for the tutorials.
Thanks tor this
OBJECT! CLIP! SET!
Rings through my head. Haha.
thank you so much
Thank you!
I am beyond glad I found your tutorial. Can you teach how to take something like a disney character and edit it? I'd like to make something for my daughter and don't know how to change colors or delete pieces from her pic I don't want
Thanks! Good question too. The Trace Bitmap tool will allow you to convert an image into a vector file that you can change colors and modify. I'd be too afraid to use a Disney property in a tutorial, but I do have a generic tiger example in the Trace Bitmap video on this channel. Let me know if this helps!
Really helpful
Thank you!
Thank you
Thanks!
Thank you! Is there a way to better align the words in the circle? So far I am not that great at lining them up right.
Thanks, and for sure. Try the Align and distribute menu. On the part that says Relative to- you can choose how you want to center the text. Centered on the circle? Centered relative to another part of your project? Go through the Relative To drop down choices and hopefully that will help make it look they way you want.
Hey! I love this video but I have a question. After I finish the logo I cannot export it without the other circles that helped bend the text staying in the file. If I delete or move the circles it messes up the logo. What do do?
Thanks, and sounds like i should have mentioned that step. When you have the text bent the way you want it- keep it selected and go to Object- Object to Path. That will lock it in and make it independent of the guide circle. Actually working on a new video with curved text, so I'll make sure to point this out. Thanks.
How do I open that "Align and Distribute" menu ? How do I open any of those menus that you have taking up about a third of the screen on the right side ?
the menu bar appears on the right side. how to make to be on the left as usual? thanks in advance.
When I follow the first steps, my circle is full, it does not look like circle, it is more like a full dark moon. How do I remove the inside and come up with just a circle or ring (empty). Thanks
Done it! Nice step-by-step instruction but not enough information how to set rounded text precise, not eyeballing, maybe it is in the next tutorials.
Yes, thanks. Check out the Circle Logo videos on my channel. I think I did a better job in those.
Rick, great video, but one question: how do you "detach" the reference circle from the text (or the other way around for that matter) after you're done?
Excellent question, and I should have pointed it out. I'll be sure to add the step in the next logo video. Once you have the text the way you want it, with the text selected choose Path-Object to Path from the top menu. This will lock in the curvature and detach the text from the guide. Hope this helps!
@@IronEchoDesign That's exactly what I meant, Rick, thanks alot, my friend!
@demensclay6419 , thanks for asking
@IronEchoDesign , thanks for the answer
@laurence8528 no problem! Love this community!
Hi, thanks for this, it was very detailed. Well done! How can I change the background color of the text after completing the design please?
Thanks!! I appreciate it! You can change the text color by selecting it and using the Fill and Stroke Menu. If the whole design was grouped, double click on the text parts you want to change, and that will give you the freedom to modify just that part. Does that help?
@@IronEchoDesign I tried to do what you suggested but you're right. I should ungroup and try it again. Thanks for replying
Hope it works. Ungroup and check to see if you're set to Fill or Stroke when you try to change color on your selected text. That will make a difference too depending on your design.
I thank you very much, your way of explaining and helping us, thank you
Thanks so much!!
Why do you make everything look so easy?
Haha. Thanks!
How do I get that diamond ? I moved on to 2:01 and you used "Dynamic Offset" and said "The little diamond does the magic." I do not get a diamond. I have double ended arrows. When I grab the double ended arrows it shrinks an ellipse rather than keep them concentric as circles.
siiiiick
Thanks!!
Hi Iron, Thanks a lot for videos, they are so helpfully, I've just installed the version 1.2 and the commands bare is on left side of the screen and I don't know how to move it to the up side, please help me. thanks.
NICE tutorial.. you havent mention how to delink the circle with the text..my text coming along with me where the circle is moving...😄😄
Thanks for pointing this out! I should have mentioned that once you have the text curved the way you like it- with the text selected go to the top menu and choose Path- Object to Path. This will lock in the curve and make it independent of the guide circle. Thanks, and hope this helps!
How do I detach/remove the path circles that the words were created on? When I delete them, my text formatting is lost and it moves outside of the main logo.
Once you have the text the way you like it. Select it and choose Path > Object to Path. Then you can delete the guide circle and the text is locked in. Hope this helps!
great tutorial. I'm having trouble though at present , because my inkscape for some reason will not allow me to do just a circle that isn't a filled colour. I've tried to press stroke style but it won't open.
Thanks, and think we can solve this by adjusting the Fill and Stroke Menu. When you're on the FILL tab, click the X. If the whole circle vanishes, make sure you still have a stroke selected. Or.... with your original circle selected, click on the X on the very left-most end of the color ribbon near the bottom of Inkscape. Let me know if this helps!
@@IronEchoDesign cheers yeah I had to go into the menu select the stroke and make it thicker before moving the fill colour.
Nice! Good solution.
Bit confused. Right form the off, his circle was white with a black line but mine came out grey. Not sure how to adjust :(
Fill the circle color with white
3 months and I'm up to 1:31 in the video. The alignment bars are greyed out, cannot select them.
what version you are using? today's version is hard to use
Where to find that pictureeeee
New to I.S., letters are almost solid blocks, can't seem to thin them down no matter what font?
Figured it out, changed my font to pixels instead of millimeters and then reduced my stroke size.
@kevinkildare3413 Nice! Great solution!
Please how did you flip the text. I can't get it to work 😔
No problem. When you have the text curved on the circle. Deselect everything. Then select the guide circle and do Object- Flip Vertical. Here is an updated video that shows it better: th-cam.com/video/2MWKoDQea2U/w-d-xo.html
Pushing shift and control don’t do squat on my lap top.
Can you try holding shift and control together while left click dragging the object?
how did you flip california like that i couldnt do it
When you have the California text selected, go to the top menu Object and in the dropdown choices pick Flip Vertical. Hope this helps.
How do you just get the stroke? I get filled circle with no stroke.
Good question. When you make your circle, open the Fill and Stroke tab. Click on Stroke and choose the color. Make sure the opacity slider towards the bottom of the menu is not set to full transparency. If you want to remove the fill, click on Fill tab and hit the X to remove it. Hope this helps!
I'm having trouble with circle tool mine only has a filled in circle option and I'm on version 2.1. Any help? I can't seem to figure out how to just make a blank circle like yourself. Any help is appreciated
Let's fix this. When you have the circle selected go to the Fill and Stroke menu. You can find it in the top menu bar under Object- Fill and Stroke. Go to the Fill tab on the Fill and Stroke menu and click on the X. That will remove the fill color. IF the whole circle vanishes, then click on the Stroke Paint tab on the Fill and Stroke menu and make sure you have a color selected (not white if you have a white canvas). Then look towards the bottom of the menu for the opacity slider and make sure the stroke isn't set to transparent. Hope this helps!
@@IronEchoDesign I tried what you said but it's not working I can't get an actual outline of the circle... it's just a circle with no outline and color and when you deselect fill it just vanishes, opacity is at 100.
Okay, let's figure this out. When you are on the Fill and Stroke menu, what do you see as a method to change colors? A color wheel? Or color bar sliders?
@@IronEchoDesign The only colors I see are at the bottom of the application.
How do you make the letters perfectly aligned in the circle?
Good question. You can use the Align and Distribute menu set to last selected and center the words to the circle. Or if you mean how to re-orient the words once they've been put on the circle path, you can use selector tool to rotate in place and then Align and Distribute menu. Hope this helps.
How do I make my Inkscape work space look like yours? I have buttons on both sides. Would rather have them on top like how you do.
Some of the defaults and tools in Inkscape have changed since I filmed this. If one of the toolbars is missing or you see it over on the right, go to View in the very top menu, and in the dropdown that appears look towards the bottom. You'll see choices of Default, Custom, and Wide. Click Custom and that should put the toolbars like I have in this video. If you're using the current Inkcape version 1.2 the options will be Fullscreen or Widescreen. Deselect Widescreen if you have your toolbars on the right.
@@IronEchoDesign Awewome! That was exactly what I was looking for. Thank You!!!
One more question if you don't mind. I have been searching to death how to make a symmetrical bend. I know how to bend but how does one go about making it completely even from the middle to each side. I am making a banner bent in a sad mouth form for in the middle of a logo.
@@IronEchoDesign Thank you very much for taking the time to answer my questions.. And yes I agree with Julie you explanations are excellent. Top notch for sure. Thanks again.
What app are you using?
For screen recording? It's Camtasia.
@@IronEchoDesign im talking about the app for icons, i need to make a icon for my police departament
This program is called Inkscape. It is free from Inkscape dot org. No subscription, no cost.
@@IronEchoDesign thank you
Those background colors are upside down for a sunset. The light color would be at the bottom, dark color at the top.
Oops. Thanks for the clarification
I kinda think it's right though.
@@IronEchoDesign When the sun is setting on the horizon, the brightest colors are low (where the sun is), darkest are high. The drawing is great but the colors being wrong is pressing my OCD button hard. lol If you are looking east during a sunset your colors would be correct.
@@IronEchoDesign Also, your vids are great, thanks a ton. Im a total beginner with Inkscape and it has a big learning curve for some basic things, like you did in this video.
Thank you so much! I love making these and I try to keep the info accurate. Still confused about the sunset, but maybe it's just my right brain making it that way. Ha.
Something isn't working right from the start. You said click on the circle and ellipses tool, OK. You said ctrl and shift, that does nothing for me. Your little circle "cursor" is black solid, mine is hollow.
I think from your other comment the fill color for objects on your Inkscape is not selected or its set to transparent. Can you please open the Fill and Stroke menu and check the Fill tab?
@@IronEchoDesign I OK, thanx. I found Fill and Stroke but I don't know what to do when I get there. I jumped around clicking stuff but it didn't change the appearance of the dashed line.
OK, I finally managed to make some changes. But I am now getting a solid rectangle and solid circle, not outlines.
I can't get the text to flip properly and it's driving me nuts
Let's fix this. Are you trying flip vertical with the text selected?
@@IronEchoDesign yeah, but the curve is always pointing downwards, I can't get it to fit like the 'Santa Monica' part does for you
How do you make the color palette
Great question! Usually I find an image that has a nice color range I can pull from. Drop the source image in Inkscape and make 4 or 5 little squares that will become the palette. Eyedropper tool lets you pinpoint the colors in the source file to change the boxes to whatever spectrum of colors you want. In the Inkscape Ultimate Quickstart Guide video on this channel, you can see an example where I make a color palette this way. There should be a chapter marker in the video description for Eyedropper. Hopw this helps!
Can someone send me done one plz
why clip and not difference?
Excellent question. Clipping let's you carve out a piece of an entire group. Difference is a path function that only works on paths.
@@IronEchoDesign ahh I get it. Thanks!
Anytime!
👍
Does not work for me.Probably an outdated video or not enough explanation.
What can I help with?
All I can get is a fvcked up spheres with square edges.
Can you click on Edit Paths by Nodes after selecting one of the spheres? You should be able to adjust the edges by dragging the circle node.
Didn't work. I'm going to start over. I probably missed something
Great!
Thanks! Hope it worked!
You never aligned the santa monica text properly and it's driving my ocd insane
Sorry! I've been thinking about remaking this video. I'll align for sure next time.
@@IronEchoDesign It's ok, this vid had everything I needed. I'm having this problem when I try to upload some of my vectors onto my pod site, it says that it has text layers, even though I made everything paths and checked many times. Some work and some don't I can't understand why. Does anything immediately come to mind about this? Sorry for the essay..
@@MichaelCoronado-dm6zg No worries at all! Sometimes the scale is too big for POD or the dimensions are off. Or it could be transparency that trips up POD. Is there a specific POD platform that is causing some of the issues?
@@RickJohanson yes, Printify. It might be some kind of bug because I had taken the project that wasn't working and deleted everything from it, shrank the document and it still didn't work. I remade it the same way and it did work. So I have no idea at this point