How To Vectorize a PNG Logo with Inkscape
Vložit
- čas přidán 2. 06. 2024
- If the only copies you have for your logo are rasterized formats like PNG and JPG, then you won't be able to reap the benefits of having a vector SVG file, like infinite scaling and being able to edit your logo in the future. In that case, you'll need to generate a vector copy of your logo using vector design software, and that's what I'll be demonstrating in this video.
In this tutorial I'll be demonstrating 2 different ways to convert PNG logos to SVG files using Inkscape. Both of these methods are ideal for beginners and first-time users of Inkscape.
Video breakdown...
00:00 Intro
00:57 Document setup
01:19 Import your logo
02:48 Auto tracing method
05:36 Manual tracing method
Want to learn more about how Inkscape works? Check out the Inkscape Master Class - a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it's useful: logosbynick.com/inkscape/
Intro song: "In Da Mood" by Combustibles, used with written permission
I know this is 3 years old, but this is a great tutorial!
Thanks so much! You saved me weeks of frustration trying to learn inkscape for one logo. As a freehand artist who finds the whole "drawing with shapes" thing headache inducing it's a relief to know I can just draw the dang logo and convert it.
This was incredible man! You taught me from nothing to doing it for my design work in literally 10 minutes. So thank full!
This is incredible! I love how you just drop important things like which keys to use so we don't have to look up all those small things. That's attention to detail. Can't believe this is free!
Your content has been useful for the development of my skills in both GIMP and Inkscape, I thank you for all of these well edited and concise guides.
Not only did i learn that i can vectorize GIMP images, but also got a headstart on how to use Inkscape itself.
Amazing video, as always.
Even with years of experience, I always learn at least one new thing from your videos. I've used trace bitmap many times, but I never realized inkscape has a bucket fill tool - to think of all the time I've wasted tracing something, breaking it apart to make a small change, and then doing a bunch of boolean differences to put the parts I wanted to keep transparent back together.
Wow! This tutorial was so in depth - I've just redesigned my whole new logo and feeling like from zero to hero! Thanks for this great tutorial!
You are working a lot on your channel, Nick. That's great! More videos about Inkscape and GIMP helps many people, including me hahaha
Hope you're fine. Keeping learning with you! Thank you!
This is one of the first things (and also one of the few things) I worked out how to do myself. Inkscape is a wonderful piece of software.
Hey Nick! I am a self-taught freelance graphic designer and your videos are very helpful in my work. You are an inspiration for many people out there wanting to start graphic designing, for free but don't know how to. Inkscape is free to use and your tutorials are the best and your thumbnails are attractive. I would love if you make a video on how to design epic thumbnails like yours that grab attention. Thank you.
Just what I needed to add hand lettered elements to my logo designs! Thank you so much Nick!
this was super helpful!! i just vectored a few of my images i’ll be using for merchandise. i’m excited to learn more! thank you for doing this tutorial. 💛
Thank you so much!
I'm gonna study Mediadesign next year and I'm currently working on my portfolio. I started using Inkscape a few days ago and I thought I'd never get the hand of it. I only watched a few of your videos but I was finally able to make my own logo that I think looks cool. A week ago I've thought I won't be able to do that in the near future. Thank you for every single video!!! You have no idea how grateful I am
Nick my dude you are saving my life. I've been in somewhat dire financial straits for the past year, but your tutorials have enabled me to earn a little bit more money than I otherwise would have. Thanks for freely giving out so much information
Hey Nick, I've been doing exactly this all day and I still learned something from this video. Thanks a lot, keep up the great work. Cheers!
Literally same. He's the best!
😺
This is an excellent tutorial. I am a beginner to this program and needed to know how to manually copy non-vector files. Where have these “training wheels” been all my life? B-spline is a game changer! 😀 Thank you!
I think I'm in LOVE!! :) Thank you so much!! I have been trying to learn how to do this for months and you taught me in 10 minutes!! I will be looking at all of your videos!!
I am doing an image and had a rasterized png before, so I exactly needed this video. 😄
Thanks, nick!
I've been searching for this video for over a month and now its here!!
Thanks a lot Nick
I knew what a vector file was when I had to submit plans for my addition on the house. I had no idea what it took to create them.
Now I find myself needing svg files. I have many personal images I want to transfer via engraving. I'm pretty sure you just solved my conundrum! Thank you, so much!
You just saved me hours if not days of learning a new program and skillset. I am designing a medal and belt buckle for a marathon and needed to vectorize my artwork for the engraver. Thank you.
Big time saver: Instead of using the dropper tool multiple times to select the same color, you can first copy a shape with the fill and stroke style/colors you want. After that, you can paste these colors to other shapes by selecting them and Ctrl + Shift + V (Edit - Paste Style). I use this all the time.
Video is great as always.
If you need more than one thing to be the same color, you can just [Shift] click with the object select tool to add to the selection, and just use the eyedropper once to pick the color You can also change and tweak colors on multiple objects at the same time with them all selected.
If you are making multiple pieces of art but with a common color theme, and really any repeating anything, I make a template, with color swatches, grid layout, any common shapes... and just open the template and "Save as" dish, cup, saucer, bowl... and there you go all ready for faster production. I'm sneaky like that!
Such a big help! Both concise and precise, it's a rare gift! Thanks!
Just fantastic tutorial as always Nick. Your tutorials on your site are superb!
Thank you so much for this, Nick. I really needed this for Blender. Appreciate it! Keep making these videos!
Since then til now I'm a huge fan of you and inkscspe more power for years to come ❤
Thank you so much for this video. You were clear and covered the "what if" questions really well. So good.
Thanks. I shyed away from learning to digitise for embroidery. After years with old sewing machines I bought my first new sewing maching with embroidery over a year ago.
I played around with inkscape for the past year. So glad I found it. If I don't use a new software often, I forget what I learned , so it is slow going and I hired graphic artists to digitise my ideas.
Now I am more motivated as I made a few simple things with the inkstitch extension!
The only way I have to learn is by the internet as I don't know anyone who knows how to do it.
Great info and you explain well with a good voice and intelligence!
I watched and learned about working with Inkscape and GIMP through your insightful, nicely defined videos. Thanks a bunch
perfect timing - I'll need to do just that. Thanks for all your work!
Whew! What a great tutorial! That video was every minute worth watching it - I learnt so much! Thanks Nick
Thanks a lot! After playing around with the settings I got a perfectly smooth vector.
This is the most simple explanation that I can understand… teaching is a skill🙏 thank you man.
Thanks! First method worked so well even on a not too high res jpg with a lot of details, great video!
Thank you so much for this amazing channel. I'm learning Inkscape since I can't afford Illustrator, and I was curious if I won't be learning the optimal thing. But after I watched your beautiful comparison video and saw some of your work, I'm so determined to follow your tutorials. Thank you for these "gems" that you're providing to Inkscape users out there.
Sorry to be off topic but does any of you know of a tool to log back into an instagram account??
I somehow lost my login password. I appreciate any tips you can offer me!
@Houston Malakai instablaster =)
@Raphael Zion I really appreciate your reply. I got to the site through google and I'm trying it out atm.
Takes a while so I will reply here later with my results.
@Raphael Zion It worked and I finally got access to my account again. Im so happy:D
Thanks so much you saved my account :D
@Houston Malakai Happy to help :D
Another awesome tutorial. Thank you Nick.
Thank you so very much!!! The most helpful, down to the point explanation with no water. Please keep doing this, you are amazing!!!
Phenomenal tutorial, I will be buying your course soon!
Thanks so much Nick, your videos are so informative and easy to follow.
Thank you for the thorough and clear instructions! You are a Lifesaver 🙏
A really well paced and explained tutorial - thank you.
Hi Nick, I just want to say thank you so much for making these videos. I have learned a lot keep it up man you the best.
MY MAN!!!! Congrats on you tutorial!! I just downloaded the program like 5 min ago and already got to do what I wanted!! Excellent explanation!! Cheers from Brazil!! :D
Hey Nick, I've been a fan of your channel for a while and I absolutely love your tutorials. Do you think you could upload a tutorial on data-merging? Keep up the good work!
Amazing tutorial !! Keep sharing this useful content is great for the design community !! Really easy to understand!!
Nick your videos are awesome extremely informational an easy-to-follow thank you so much for posting and I've also just enrolled in all four courses I can't wait to start even more
PERFECT! Thanks for the tutorial! This helps a lot!
Brilliant tutorial and very helpful. Saved me loads of time converting a logo I created in Photoshop to vector format in Inkscape!!!!
Amazing tutorial Nick. This helped a complete noob like me make a cool svg in minutes! Thank you
Very useful tutorial, its just what I needed. I can gladly say that this tutorial is still relevant so thank you, looking forward for more tutorials
I’ve been trying to clean up my larp’s logo for months and i can finally do it myself. Great video.
Very thorough and answered so many questions of mine. Thank you!!
Really great! I watched another tutorial already but was still lost. This helped a lot!
Brilliant tutorial, thank you! Got everything I need
Excellent lesson on tracing bitmaps!
Thank you very much, I've subbed and I signed up for your Inkscape class. Looking forward to learning this incredible software.
Very informative and clear! Thanks for the upload!
Love your videos, the pace, your tone of voice and detail in explanations. Now I just wish I wasn’t using a beta version on Mac. :)
NEW SUB HERE!! Gosh...been looking for this EXACT display of how to vector, SIMPLY!! Now I can start getting my stickers made! Thanks a million!
I have done quite a bit of tracing with the bezier tool, but I noticed you made way more nodes than I do. Once I have them, I can change the node type based on the behavior needed for when I tweak them to be more precise. You really only need one on each end of a straight line, and for most curves no more than three. That way you have fewer to edit, and you get a much better mind for how bezeirs work and the geometry of curves. You can always add a node where needed if you cannot get lines to be accurate, and if you are going to blow it up in print, the larger it is, the more inaccuracies stand out. Who doesn't want their logo or artwork on a billboard some day?
Fantastic video, exactly what I needed. Subscribed and saved to favourites
Quality content, great pacing, and another very helpful tutorial. Thanks Nick!
GREAT VOICE.
Thank you Paul
I love the inkscape logo.
I downoaded the vector from inkscape of the more complex multi layer version to see how it was put together. And of course had to build one just like it.
Quarantine never felt better
Finally a good Inkscape tutorial! Thanks so much
Wow man! I can't believe how freaking easy that was. Thanks, Awesome video
Thank you so much for this simple tutorial
Excellent. Thank you. Just what I needed!!!
Love from bottom of my heart. You saved my days
Wow it's work .I don't have words to thank you.
total noob here. even had to dl Inkscape. with your tutorial i was able to create exactly what i needed. THANKS!
i wish GIMP had easy Vector image and SVG style properties, but thanks to you, and Ink Scape i can still get my projects done
Thank you so much for this tutorial! I'm gonna give this a shot for the logo I just finished. 😃
dude, SO helpful, this is exactly what i needed
As always. Great tutorials.
At last, an actual useful tutorial!!! Thank you so much for this, I only wish I'd found it a few days ago! 😂
Great tutorial Nick...thank you
Awesome video! Thanks for this!
Another useful video. Thank you as always.
thank you Nick, we learn a lot from you 😊😊💪💪
WOOOOWWWW!!!! Amazing NICK!!!
This tutorial is amazing and you are really good at teaching !! great job sir !
Dude... I love you... Seriously... You saved me💓
thanks, Nick you just save my life, today, great video ,xx
Amazing help. Thanks!
Thank you!!! Incredibly useful tutorial!!!
Brilliant just what I need!
Thank you for the video! Very very helpful!
Thank you SO much!! You're an absolute diamond!
Very helpful. Great video. Completely focussed on subject.
You're amazing. Thank you so much for this!
Wow, I can't thank you enough for this!
THANKS! You saved my life!!!
Thank you man for sharing this stuff
Great and easy to understand inkscape video!
Sooo helpful, thank you so much!!
When You have a simple logo like that one You can also try color it with paintbucket. Doesn't work everytime but it's worth to try.
Great channel!
Thanks for the help. Good stuff.
best teacher on graphic design