How to draw the Firefox Logo with Inkscape

Поділитися
Вставка
  • Опубліковано 9 лип 2024
  • Today’s tutorial is an exercise in using Inkscape as a tool for tracing, drawing and simulating gradients. Follow step-by-step as I demonstrate how to draw the Firefox logo using nothing but ellipses and the Pen Tool.
    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/
    Join my mailing list and get 200+ free design templates: logosbynick.design/
    🔗 RESOURCE LINKS
    Hire me to design your logo: logosbynick.com/
    Get my premium logo templates: logosbynick.store/
    Upgrade to the latest version of Inkscape here: inkscape.org/release/
    🎓 EXPLAINER COURSES
    Inkscape: logosbynick.com/inkscape/
    Affinity Designer: logosbynick.com/affinity-desi...
    GIMP: logosbynick.com/gimp/
    Adobe Illustrator: logosbynick.com/illustrator/
    Take my logo design workshop: logosbynick.com/learn/
    ▶️ MY OTHER CHANNELS
    Adobe & Affinity tutorials: / designmadesimple
    Mobile tutorials: / @make_it_mobile
    💬 SOCIALS
    Show me what you've made on Twitter/X: / logosbynick
    Connect with me on LinkedIn: / logosbynick
    🎵 MUSIC USED
    In Da Mood - Combustibles
    CHAPTERS
    00:00 Intro
    00:21 Drawing the body
    02:35 Drawing the head
    04:54 Drawing the tail
    07:08 Drawing the mouth
    08:14 Drawing the second ear
    09:13 Creating the circle in the middle
    09:44 Drawing the second tail
    10:38 Crescent shape at the bottom
    11:50 Adding color with gradients
    16:00 Learn more

КОМЕНТАРІ • 36

  • @Grant_S_M
    @Grant_S_M 4 місяці тому +21

    The shapebuilder is such a game changer for doing stuff like this. Great video, Nick!

  • @tyrque977
    @tyrque977 4 місяці тому +9

    Don't stop making content bro I'm also gonna be enrolling for your course

  • @altrogeruvah
    @altrogeruvah 4 місяці тому +4

    As a non-designer, this type of recreation work leaves me in awe, such incredible work and tutorial!

  • @boldfacedtruth
    @boldfacedtruth 4 місяці тому +6

    Thank you for fixing the nose. That was driving me crazy! 😅😅
    I learn so much from you. Thank you for these videos!

  • @GraphicDesignStudio
    @GraphicDesignStudio 4 місяці тому +7

    Wow Amazing nick !

  • @bim41337
    @bim41337 4 місяці тому +4

    It's so interesting to see how you're using Inkscape's tools to create the result you want. When I'm working with Inkscape, I often find myself at a loss on how to achieve a certain effect, and seeing a pro like you doing stuff like this is really expanding my horizon.

    • @LogosByNick
      @LogosByNick  4 місяці тому +2

      Glad you find it helpful

  • @MithrandirMVM
    @MithrandirMVM Місяць тому

    Great one! As a little suggestion, the blue ball could maybe have an extra layer with shadow gradients for a darker shade in the below part.
    Love how easy you make this look. Thanks for the video, again!

  • @nomanibnrahman7534
    @nomanibnrahman7534 4 місяці тому +2

    I have been using inkscape for over a year. When i was first watched your video… i think this software will be the best… and now i am using this software for business card, banner design… when i found some difficulties i watched your video…
    Honestly your video really helps….
    Thanks nick…..!
    Keep going…!🎉🎉🎉🎉

  • @maven.mapping
    @maven.mapping 4 місяці тому +3

    Great video!

  • @robcarnaroli269
    @robcarnaroli269 4 місяці тому +2

    Amazing to see that workflow!

  • @EsauR99
    @EsauR99 4 місяці тому +3

    Siempre cae bien un video del gran Nick Saporito❤, gracias por enseñarnos tanto y hacer que amemos Inkscape, saludos.

  • @piggysister01
    @piggysister01 3 місяці тому

    Another great vid, thanks, as ever. I know I must be getting better as I don't have to stop the vid quite so often to catch up! 😆

  • @timetraveller6643
    @timetraveller6643 3 місяці тому

    Hallo Nick. I have a topic suggestion:
    Resources for formulae to use in the Extensions >> Render >> Parametric Curve tool and Function Plotter tool. and applications for them in graphic design.
    I have been using them to create guilloche backgrounds and other ornamentations for documents. I feel I am not using these tools to their fullest potential though.
    Thank you for creating such slick tutorials. If only other youtubers would be so quick and clear in their productions.
    ciao, Molly j.

  • @ElPianeroSolitario
    @ElPianeroSolitario 4 місяці тому +4

    Fantástic!

  • @ekselenUi
    @ekselenUi 4 місяці тому +3

    Love the Firefox and it's logo. Thanks!)
    By the way, why we called it "logo"? There's no logos - words.

    • @WoefulMinion
      @WoefulMinion 4 місяці тому +3

      It's short for "logotype," meaning "word symbol." I suspect in the beginning, most included words and over time the word was applied to symbols only as well. Many words have evolved from their original meanings.

  • @Evergreen64
    @Evergreen64 4 місяці тому

    I have to say you are so familiar with this program. You work so fast.

  • @arsom5552
    @arsom5552 4 місяці тому +1

    Super nice tutorial! Thank you!

  • @CTRL_SMarcos
    @CTRL_SMarcos 4 місяці тому

    Fantastic, thanks for the video. Min 11:29 approx. That double difference + break appart operation is now simplified with path / flatten. I only say that because it's good to take advantage of the new tools.

  • @EimantasK
    @EimantasK 2 місяці тому

    Super!

  • @r11r-kn1mo
    @r11r-kn1mo 4 місяці тому +1

    100th like! You're so helpful, thank you!

  • @globalren
    @globalren 3 місяці тому

    Another really great tutorial!

  • @kevinfoo8031
    @kevinfoo8031 4 місяці тому +1

    I wish for a feature to show tangencies when adjusting nodes.

  • @hectorrosas5632
    @hectorrosas5632 3 місяці тому

    Awesome turorial. Thanks!!

  • @metanevis
    @metanevis 2 місяці тому

    awesome

  • @auri_gabriel
    @auri_gabriel 4 місяці тому

    Hey Nick, could you create a tutorial on how to make a waving flag in Inkscape? A while back, I attempted to design a flag with text using path effects, but I was completely defeated in the process.

  • @fatimah1487
    @fatimah1487 3 місяці тому

    Thank you nick for these tutorials. these are really helpful
    but I am facing problem when I add stroke it creates stroke with empty space.
    2nd when I type text it writes from top to bottom.
    3rd when I put text on a path letters are noy evenly spaced.
    Please guide me how should I fix these. I'm using 1.3 version

  • @Lizard_of_Linux_Lane
    @Lizard_of_Linux_Lane 4 місяці тому

    Do you think you will be making any more tutorials for GIMP after the 3.0 release?

    • @LogosByNick
      @LogosByNick  4 місяці тому +1

      I'll definitely have a look at it but I don't see myself making GIMP tutorials any time soon. Vectors are my lane and I've been trying to stay in it for the most part.

  • @JayTeeCee13012
    @JayTeeCee13012 3 місяці тому

    Does anyone know how to change eye color in inkscapes from image? 👀

  • @Darthlenti
    @Darthlenti 3 місяці тому

    I have a logo and I would like to know how to make this kind of logo with inkscape. I could take it as my profile then you can see which logo I mean.

  • @user-gj1ne3pg3o
    @user-gj1ne3pg3o 2 місяці тому

    Quel et votre lien sur internet

  • @inkscape_dm
    @inkscape_dm 3 місяці тому

    Haiii

  • @nzlemming
    @nzlemming 3 місяці тому

    Thank you. That nose was irritating the crap out of me.

  • @matrixugly
    @matrixugly 2 місяці тому

    Casually just went to shape builder and flexed on us. love it! Also, your master class is so helpful. extremely great value! Worth 10x and more than what you charge :)