How to Make a Circle Logo with Curved Text | Inkscape Tutorial
ฝัง
- เผยแพร่เมื่อ 15 ก.ค. 2024
- Inkscape step-by-step beginner, intermediate tutorial on how to create circle logo template. Follow along in this screen capture guide showing you how to curve text, wrap text around the bottom of a circle, create your own custom pattern fill and use Inkscape's render feature to generate a truncated icosahedron (soccer ball, football).
UPDATE as of Inkscape Version 1.1.1
Do Geometric Constructions ***** Inkscape REMOVED THIS TOOL as of version 1.1.1 The mirroring feature is now found under PATH- PATH EFFECTS - Mirror Symmetry. Thank you to Ian Barrow for alerting me to this!!
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/release/inkscape...
Color codes used: ffffff, 7db1dd, 7ab1da, 0d2c52, fac155, e7ab00
SUBSCRIBE TODAY FOR MORE FREE TUTORIALS: / @ironechodesign
SOCIAL MEDIA:
Check out my personal channel: / rickjohanson
Follow me on Twitter: / rickjohanson
Instagram: / rickyjohanson - แนวปฏิบัติและการใช้ชีวิต
Faithfully waiting for the latest videos from you. You do it always stunning and easy to learn.
Thank you. Thank you very much!
Wow, That was full of great tips,
thanks Rick, perfect for T-shirt designs, mugs and stickers etc!
Inscape is amazing, so many capabilities deliver professional vector images. and all for FREE !
Thanks for showing us how to use it ! 👍🐺👍
Thank you, my talented friend! Once the team picks their name, I'm going to remake the logo and print on stickers and a banner. Maybe add a graphic of whatever animal or ninja theme they come up with.
I really appreciate your vids, since I always learn something new. I never could get to patterns work, that'll be helpful in the future.
Thanks!! Yeah, the pattern creator is clunky. Maybe it's a bug they'll fix in future versions.
This is awesome!! This is exactly what I was looking for to create logos!! Thank You!
Thank you!! Glad it helped!
Perfect. As a beginner, it's nearly impossible to believe that you can create something like this in under 15 minutes, while talking and demonstrating.
Thanks so much! It's all practice and reputation I think. Fun to do though.
Rick, you are the ultimate Master! Thanks so much. I have been looking for tutorials like these. Thanks, man! Blessings.
Haha, thanks so much!! I just hope I can make helpful videos. Thanks!
@@IronEchoDesign They are truly helpful, Rick :)
Finally i've found what i need great video thanks
Nice- thank you!!
I just found your channel and I love it. Subscribed!
Thanks!! And thanks for the support!
Love your videos man!!!
Thanks so much!!
I was struggling with getting my lower text (inside a circle) vertical way too long. Thank you for this video! I have SO much to learn on inkscape for my glowforge projects.
So good to hear! Thank you!!
Very helpful vid Rick...TY Sir!
Thank you!!
thank you for this amazing video.
Thank you!!
Thank you. I am going to try this. I tried other inkscape tutorials to get the bottom text the way I wanted it but it never came out right. What you did looks great. And then you gave us a way to make sure that the text is exactly where it should be within the circle. I really like that. The software that I usually use has a lot of nice features but making things fit in an exact way does not seem to be a priority ... at least I cannot find a way, so far. And fitting the text to the bottom never ends up like I want there. THANK YOU
Thank you! This is so good to hear. I'm working on another circle logo tutorial, and I'll make sure to include bottom text again if it's useful.
Mad skills.
Thank YOU!
Been using Inkscape on and off for over a decade and never noticed that 'Do Geometric Constructions' mode.
Not that I know a lot of all the functions (quite the contrary) but I thought I knew pretty much all about the toolbar, since that was up until recently all I used and needed.
In my last projects I looked into filters and textures pretty much for the first time (and fell in love with watercolor and felt - explains how I found Your channel ^^), since in the past working with gradients and such in vector was too much of a hassle for me.
But I'm pleasantly surprised how far Inkscape has come and how easy it is now :)
Also glad I found Your channel, since I love maps and stars (btw when You download Stellaris You're able to change a lot more settings) and of course vector graphics, and I admire Your workflow!
Lo
Thanks, and I think you're right- Inkscape has come a long way. I hope they keep making it better too. Now I'm going to check Stellarium to see the new settings. Thanks for the tip!
@@IronEchoDesign I thank You ^^
Oh yeah, for sure! :)
Recorded a overview video in case it might help
th-cam.com/video/hlyJEmrzJf4/w-d-xo.html
(Sound like I had a stroke - maybe even had one ;P)
Most important tips:
In the Sky And Viewing Options Window (F4)
in the SKY Tab:
- Toggle Milky Way and Zodiacal Light
- Lower Absolute and maybe Relative Scale
- Toggle Labels And Markers
- Choose Projection (I'd say Perspective for Rectangular, Stereographic, Fish-Eye, Orthographic for Round Star Maps/Charts)
In the SSO (Solar System Objects):
- Toggle Moon's Halo, Sun's Glare and Corona
- Maybe Scale Moon, Planets, Sun
In the Hotbar on the bottom left of the screen
- Toggle Fullscreen (F11)
- Toggle Meteor Showers (Ctrl+Shift+M)
- Artificial Satellites (Ctrl+Z)
In the Configuration Window (F2)
in the TOOLS Tab:
- Choose path and file type for Your screenshots
When everything's done, You can hide the toolbars with Ctrl+T and screenshot with Ctrl+S
Feel free to copy/paste anything above ^^
Wish You well,
Lo
PS: the video's unlisted, if You think it's any good and might help anyone, I'll make it public lol
If you can't find the mirror symmetry, on Inkscape 1.3.2 it is under path effects. Do Object->Path then Add Path Effect and then Mirror Symmetry is in the Generate Section.
Thank you so much for sharing! 🙏
Very useful 👍
Thanks!!
ha, made me laugh, my husband walked past and the first thing he said was "that's a man City Logo-ish!" and the first thing you then said that it's inspired by a prem league club :D
Haha. That's funny. Nothing like the Man City logo to inspire Inkscape fun.
i've been using inkscape for 2 years and never discovered that mirroring tool...thankyou for teaching new cool trick
Thanks! I love the mirror feature. Quick and easy to use.
Hi! I can't find the "geomertic constructions" where is it? ( I have version 1.2)
It’s been changed for 1.2. The mirror feature is now under Path Effects- Mirror Symmetry. Functionality still works thankfully.
@@IronEchoDesign thanks a lot for your time! and your great help!
Thank you!!
Hey bro, this is a cool lesson)
Thanks! Let's keep adding to the community, right?
@@IronEchoDesign Yes
Dude. You are scary .... scary good
Haha. Thanks!
Beautiful.
Thanks for the support. Kid's ended up naming the team the Blue Diamonds. Ha.
@@IronEchoDesign Okay. Keep in touch.
@@IronEchoDesign And looking forward to that vector-style portrait tutorial.
Thanks for the reminder! I've got to get that video made.
@@IronEchoDesign Yes. That's why I want to start using a program like Inkscape with a full-fledged pen vector tool. MS PowerPoint and Publisher have vector tools; however, they're not as precise.
👍
Thanks!
In the 3D Polyhedron style tab, you can choose the RGB-values. That way, you can get a gold soccer ball with the original shading... ;-)
No way! Thank you!! I will try that.
Great tutorial. How do you delete the guide circles without affecting the text. Even when I group the entire logo , deleting the guides alters the text ?
Thanks.
Thanks! Sorry for my delay! If you select the curved text, click on Path - Object to Path on the top menu. That will lock in the curve and make it independent of the guide circle. Otherwise, as you mentioned, deleting the guide, takes away the effect. Hope this helps!
Nice video. I'm 1.3.2 for Linux and I can't seems to show the tool in the toolbar that you used for the shield... I can turn it on/off from settings, but it won't show on the bar...What OS are you using and what Inkscape version? Thanks
Rick, fyi: at 03:09 that red circle one should get after using PATH|Path Effects|Offset is extremely small over here. In fact, it's so small, I simply cannot select it, nomatter what I try. Therefore I cannot resize the blue outer circel. I have no idea why the red circel in your video is so much bigger then the one I am getting, very strange, but a workaround I used is manipulating the + and - sign in the Offset Menu.
Bows to #InkscapeNinja
So many useful tips in here, thank you!
Just saw this. Haha! Can I use this hashtag? Too funny.
@@IronEchoDesign hell to the YEAH you can #YouveEarnedIt
Haha! Maybe I will someday. You made my day, thanks.
Hi, I can not see the geometric tool you mentioned in 8:55. I am using version 1.3. Please tell me how to see it.
Hi, I have the inkscape 1.3 version and I can't seem to find the "geometric construction" feature. It's not on my side bar. Do you have an idea how I can add that to my side bar or where I could find it ?
How do I get the "Do Geometric Construction" tool, please?
Hi Rick another cracking video with plenty of new tips and ideas, thank you for your time and effort
Just one quick question, I'm using Inkscape 1.1.1 (3bf5ae0d25, 2021-09-20), but I don't seem to have the Geometric Construction tool. Has this been lost or superseded on the latest version release?
Thank you a thousand times. I checked into what happened to Geometric Construction Tool, and it's gone. I was on 1.1, and just downloaded 1.1.1 and you are right! They must have removed it. You can still find the mirror feature under Path- Path Effects- Mirror Symmetry, thankfully. I do like the tool. I'm going to mention the change in the description of this video and the Quick Start Guide where I featured the thing. Can I give you a shout out in the descriptions? Or do you want to be anonymous? Seriously, thank you.
@@IronEchoDesign Hi Rick, thanks for the prompt reply, I would be honoured to have a metion 👍
Ian B
Thanks again! I'm editing the descriptions now.
Following closely for my own logo. How do you get the guide circle to “ungrounded” from the lettering? Thanks so much!
Great question! Once you have the text the way you like it, choose Path- Object to Path. The guide circle will then be independent from the text. Hope this helps!
Those things from above,why they doesn t appear at me?
Is there a way to assign color to Layers? As in Illustrator and Auto Cad?
Great question. I'm not entirely sure, and I looked it up to see if I could find an answer, but didn't see anything online with a satisfactory explanation. Anybody reading this know? Or can help?
Great video but saved my logo I created to desktop and curved text did not transfer to saved logo. How do you save logo with curved text that is connected to the curved path as you demonstrated in your video? I deleted circle path and the text returned to the linear mode.
Good question! Let's fix this. Here are two solutions: 1. Select the curved text you made and click from the top menu bar Path- Object to Path. That locks the curved text independent from the guide circle so you can delete the guide and retain the curvature. 2. When you save the logo for use our of Inkscape, group all of your logo together and leave the guide circle alone. Then on the Export to PNG settings choose selection only. Let me know of either of these help. Thanks!
Whenever I use the mirror symmetry tool I get this line down the middle of the two paths, is there a way to get rid of that?
I know what you mean. Don't know why the default can't let us mirror both sides of a whole without that dividing line. Try starting with only half of the shape. Then the top and bottom nodes of the centerline will connect into a full shape without the division.
I wanted to ask how could i know elements which im drawing on artboard are exact size which i want to see after printing might be i zoomed a lot my artboard but actual elements are smaller in size
Another very good question. The page setting stays constant no matter how far you zoom in or out. I know what you mean though- sometimes when I zoom in and start working on details its easy to forget the original scale of the project. Scale everything back to the right proportions relative to the workspace page before exporting for print.
Could we use inkscape for professional use? Recently i came across some vids in which they were telling inkscape doesnt support cmyk mode . How do you deal with this problem?
Outstanding question. I took this to heart when I started learning Inkscape. Inkscape doesn't yet support CMYK, but technology, especially the current digital landscape, has reduced the issue down to very specific uses. An example of this is some professional screen printers may require CMYK files for perfect color accuracy. However, many POD sites require PNG files (like Inkscape can produce) and PNG are not CMYK. It really comes down to how your artwork colors appear to you on your monitor vs what is produced in the physical world. In my experience, the best way to make sure your colors pop or blend the way you want is to have a sample printed and see for yourself. Modern DTG printers have come a long way. Finally, if you're designing for mobile or web, it doesn't come into play. Pros out there- please feel free to correct me and add your thoughts.
Thanks
I'm making a Circle logo, the Visual in the middle is an angel, so when I'm coloring everything using the Fill paint Bucket tool, it colors everything in the middle but if you zoom it you cam see a small white gap that has not been filled up. Sometimes when coloring the blank space the outline darkens and thickens, what do I do??
Great question. Paint Bucket is very frustrating and you've highlighted one of the main reasons why. The tool is actually doing a trace bitmap type of function on the fly when we use it. It "screenshots" whatever is in view and does its math on that image.
What this means to us as the designer is the amount your object is zoomed in or out effects the quality of the Paint Bucket. Crazy, right?
So you can try adjusting the settings for Paint Bucket, of course, but one way to improve the white space gaps is to zoom in as much as possible and then do Paint Bucket. You can do two or three if its zoomed in to a point where the whole design doesn't fit. Hope this helps!
what version of inkscape are you using?
It's the latest version, Inkscape 1.1. Using all the defaults and dark mode chosen on the Quick Setup tab of the Welcome Screen.
I didn't get, how I can get that colors
I should have included the color codes. You can screenshot the color palette and drag it into your Inkscape window. Next time I'll include the colors. Thanks.
hi..i am a beginner...i can't find geometric construction tool...how to find it on inkscape 1.2
It was moved in Inkscape 1.3. Now found under Extensions>>Document>>Guides Creator. Hope this helps!
Thanks@@IronEchoDesign
Hey, how do I get rid of the circles without the whole thing getting ruined?
Excellent question, and I've added this detail in future videos- once you have the text curved the way you like it, with the text selected choose Path- Object to Path. That locks it in and the guide circle can be deleted or moved. Hope this helps!
@@IronEchoDesign Thanks mate - is it the same for Inkscape 1.2?
I believe so. I tested it out and it seems to work the same.
Can someone send me done one plz
Newbie here. I don't have any color, how do I get my color back.
Let's get the color back! Can you still make shapes? Are they blank? Or do you mean the Color menu is gone?
No color wheel.
Okay. Open the Fill and Stroke menu by clicking on the top menu Object. Then in the dropdown choose Fill and Stroke. Select the Fill tab on the menu. From there select an object or make one. Make sure to click the square for flat color. You'll see a little triangle on the menu that say Color Wheel. Hit the triangle to make the color wheel show up.
@@IronEchoDesign Thank you for your assistance, greatly appreciated. I have been learning Inkscape by watching your tutorials.
Thanks! Anytime!
So frustrating to watch you work your magic and yet the "Geometric Tool" (Compass) is no where to be found in IS-1.3 I wonder if they renamed it?
Totally understand. They moved it into Path Effects. If you have the object selected (like a rectangle), go to Path- Path Effects and in the search box type Mirror Symmetry. Hope this helps!
@@IronEchoDesign Oh awesome, thank you so much for the guidance. Glad I found your channel!
Anytime! Thanks!
Man Utd>>>>😂😂
I think you may be right.
Hello again Rick. I have other questions for you if you don't mind. What page size do you use in inkscape for creating a logo that would be printed on a shirt? does it matter?
Is there a proper size you would create the logo at before exporting it to a PNG file? I used a page size of (14.500 by 14.500 in) for a round logo similar to what you did in this tutorial. I had shirts made of it which turned out pretty good I thought. Just wondering if I was doing it right and or could have done it better.
Could you please tell me what I should set my Portable Network Graphics at when I save my logo? For example. Should I check the "interlacing" box? What Bit Depth should I set it at. By default it is set at RGBA 8. Should I set a "Compression"? By default it says "0 - No Compression" I read the pHYs DPI should be set at 300 which it is by default. The printer where I had my shirts printed stated that as well. Antialias is set at "2". I don't know what any of these setting are or do.
I read once the file is in PNG format that you can't resize the image after without undesirable results. I think.
Thank you