Inkscape Tutorial: Warp Text Into the Shape of an Object

Поділитися
Вставка
  • Опубліковано 1 лют 2025

КОМЕНТАРІ • 252

  • @LogosByNick
    @LogosByNick  5 років тому +29

    If you want to learn more about how Inkscape works, I have a 50+ part video series where I explain all of the tools and features in Inkscape and demonstrate how they work. Here's the link if interested: logosbynick.com/inkscape/

  • @diondellemeraldaparicio6015
    @diondellemeraldaparicio6015 5 місяців тому +6

    8 years ago and your tutorials are still very relevant thank you

  • @katrinasondermann8152
    @katrinasondermann8152 2 роки тому +8

    I've never commented on a video before, but Nick's tutorial is too fantastic to not say something. I had never used Inkscape before, so I jumped right into this tutorial without looking up any of the basics. At first, I was a bit dubious because the current version of Inkscape has changed some since this tutorial--didn't matter! This tutorial is so well done that I was still able to easily & quickly figure everything out. I am rather amazed that I could actually create an identical fish. This is likely the best tutorial I've encountered. 10/10. Can't wait to play around with all of these new skills!

    • @psylentrage
      @psylentrage Рік тому +2

      Definitely check out the rest of his channel👍 He's my nr. 01 go to guy for Inkscape on UA-cam.
      I believe the version he's using here is 0.92.4. It only came in this colour and icon set. The first version I used😊 Logos By Nick later created (under correction) an add-on to change it to dark with a modern icon set👌 When version 1.0 rolled out, it came as standard, with choices👍
      Best bit about Inkscape is that it's FOSS, Free and Open Source. Development relies on donations and such.
      All the best with the new skills

  • @aanchaladhikari4550
    @aanchaladhikari4550 8 років тому +85

    You've got probably one of the best tutorials here on youtube. Thank you so much... I'm learning a lot... and I'm totally recommending it to my friends who want to learn inkscape..

    • @LogosByNick
      @LogosByNick  8 років тому +13

      Glad to hear that. Thanks for the recommendation.

    • @malfarramadhan
      @malfarramadhan 3 роки тому +1

      @@LogosByNick Hi nick, I want to ask, is there an auto envelope like AI in the latest version?

  • @AnimePRFury
    @AnimePRFury 6 років тому +14

    You have no idea how incredibly helpful this tutorial was for me, thank you for being direct and easy to follow, my friend's baby shower is gonna look great now!

  • @roostmade
    @roostmade 4 роки тому +4

    I've been using inkscape for YEARS and never knew about the live path editor, THANK YOU!!!!!

  • @mardanafin
    @mardanafin 3 роки тому

    On of the best inkscape tutorial channel in universe

  • @SidsArt
    @SidsArt 9 років тому +11

    You are super cool inkscape tutor...I seriously love this channel.!! All inkscape videos on my channel are made after learning inkscape from you..Thanks alot !!!!!!!

    • @LogosByNick
      @LogosByNick  9 років тому +4

      +Sids Art Awesome. Subbed. Looking forward to seeing your work! Thanks for the support.

  • @Jason-iq1tx
    @Jason-iq1tx 5 місяців тому +1

    Excellently paced! You don't belabor the simple stuff. You show us and move on.

  • @probetraining6625
    @probetraining6625 8 років тому +4

    Your tutorials are AWESOME!!!! Thank you for sharing this online. it has been very helpful in designing basic stuff at work - logo and illustrations, designs for training materials and some adverts for upcoming events. Keep up the good work!

    • @LogosByNick
      @LogosByNick  8 років тому +1

      Glad to hear you're been able to put these videos to use in a professional context! Thanks for watching

  • @blinkerplease1936
    @blinkerplease1936 9 років тому +3

    Great video! It is the first one I have seen of yours. You can make that sharp point before the tail by adding a corner node either by double clicking on the green line and selecting corner node or selecting both end nodes and hit the add a node then corner node. I look forward to watching the rest of your tutorials.

    • @LogosByNick
      @LogosByNick  9 років тому +1

      +Blinker Please Thanks for the tip. Haven't tried it yet, but that sounds logically sound. Enjoy the videos. Let me know if there's anything in particular you'd like to see made.

  • @OlegTeplyakov
    @OlegTeplyakov 9 років тому +2

    Thank you. I did not know that tools existed. I shifted from Illustrator. And your videos make me happy because I see that Inkscape is reliable

    • @LogosByNick
      @LogosByNick  9 років тому

      +Oleg Teplyakov It's not quite as easy as it is with Illustrator, but still can be done :) Glad to help.

  • @82halfwardog
    @82halfwardog 8 років тому

    Mr. Saporito I must say that you are very talented I really appreciate your hard work!

  • @lunaluisasanchezreyes4548
    @lunaluisasanchezreyes4548 6 років тому +1

    Awesome tutorial. Even after 3 years this is still relevant! Thanks.

  • @dsripadyt
    @dsripadyt 8 років тому +2

    Precise, simple, to the point. Thanks Nick

  • @lforbes40
    @lforbes40 8 років тому

    Nick your tutorials are amazing. I own a Cameo vinyl cutter and one of the things I wanted to do is break out from tracing images to creating my own. I did not know Inkscape has this ability to warp text. I am so excited as the options are endless.

  • @imrannazir6931
    @imrannazir6931 8 років тому +11

    Great video, I didn't realize inkscape was so powerful. Considering there is a tremendous amount of advertising push for Photoshop

    • @LogosByNick
      @LogosByNick  8 років тому +5

      +Imran Nazir Thank you. Inkscape is a dark horse. It can realistically be compared to Illustrator, yet not many people know about it or give it more than a passing glance.

  • @rhessex
    @rhessex 8 років тому +18

    Great! I found you can insert a node on the Bend Path and convert it to corner node to get that corner where the tail is.

    • @LogosByNick
      @LogosByNick  8 років тому +9

      Yes I figured that out myself long after I created this video haha.

    • @sixtyseven3337
      @sixtyseven3337 6 років тому +1

      I was thinking exactly the same thing whilst watching this great vid.

    • @4csfabrication621
      @4csfabrication621 3 роки тому +1

      @@LogosByNick LOL so I am 5 years late, where is the updated video if there is one showing the sharp corner? One other question, I dont have path effect editor on my inkscape, is there a video on how to get that? Thanks and great videos.

  • @alpenjon
    @alpenjon 4 роки тому +1

    Whow, with proper knowledge Inkscape is crazy functional. Thank you!

  • @ChristinesBastelstube
    @ChristinesBastelstube 14 днів тому

    Wow you rescure me from spending money on expensive software. Inkscape has everything i need, i just didn't know. Thank you so much for this nice tutorial.

  • @bekkerofficial7504
    @bekkerofficial7504 2 роки тому

    thank you man :) The best you did here is to hover over the icons so the shortcut pops up
    In the newer version of inkscape everything looks different
    But with the shortcuts you can follow along

  • @bloodyentertaining1254
    @bloodyentertaining1254 7 років тому +1

    Thank you for the tutorials, I just started Inkscape after been using Illustrator for really long time..Your Clip make it easier ^^

  • @babydzcreationz510
    @babydzcreationz510 2 роки тому +1

    loved this tutorial, only problem is since it's been a few years. the program is outdated, and couldn't find some features. had to google them to find them, but also the side doesn't pup up when I select path editor- envelope deformation on the object . only lets me select the word. please help. Or make another video more updated on the program-Inkscape. Thanks Nick

  • @just1person
    @just1person 6 років тому

    I found this video easier to follow than the other one where you made the arched logo design. Thanks!

  • @terryyung3081
    @terryyung3081 9 років тому +1

    10 out of 10! love everything in this channel, especially your voice XD...i learnt all skills of inkscape from here and now i use all those skills to design all my e-learning courses graphics. it is amazing that i can design some professional vectors without using expensive AI! thank you so much! lookiong forward to seeing new videos! keep going!

    • @LogosByNick
      @LogosByNick  9 років тому +2

      +Terry Yung Thank you, glad I could help. Good luck with your e-courses!

  • @samuraifrogg8769
    @samuraifrogg8769 7 років тому

    Once again another great Tutorial from Nick great work, thank you so much for taking the time to do these video, Greatly appreciated.

  • @CyberCrowBR
    @CyberCrowBR 8 років тому +3

    Man !!! You are great !!
    Thank you for your videos and your work promoting the open source
    Regards from Brazil !!!

  • @FerdousHasan-kk8hp
    @FerdousHasan-kk8hp 4 роки тому

    I am just amazed how they create this fabulous applications. The math behind it

  • @RobertWF42
    @RobertWF42 4 роки тому

    Thank you! I couldn't figure out how to open the drop down in the Path Effect Editor until I saw in your video you have to first change the object to a path.

  • @samjp9176
    @samjp9176 7 років тому

    This is fab, thank you Nick so much, and for all the other wonderful videos you share to help us all. You're a star :)

  • @sebastianellis6110
    @sebastianellis6110 4 роки тому

    as soon as my paycheck comes I will buy your course.... 17$ ... world's best bargain... thanks

  • @voizer7660
    @voizer7660 8 років тому +16

    Great tutorial! I didn't even know there was a path effect editor! :D

  • @WhitbyStuff
    @WhitbyStuff Рік тому +3

    If you've time to do an updated video with how this works in later versions I'd be grateful.

  • @oomerkabaoo
    @oomerkabaoo 8 років тому

    I have to do something like this for my final project this bimester for my graphic design class so this just helped me a lot! Thank you!

  • @android272
    @android272 8 років тому

    When you select the text and then edit the top bend path in the path efects editor you can create more nodes in your bath so you could have bend the text around the tail and body like your object is.

    • @LogosByNick
      @LogosByNick  8 років тому

      Thanks for the tip

    • @android272
      @android272 8 років тому

      Yep. I was just playing around and found out you could do that.

  • @dancu9271
    @dancu9271 2 роки тому

    A lot of thanks for making and sharing this video ‼️

  • @DiidOsman
    @DiidOsman 7 років тому

    Agree with below. I don't know of a better tutor on this platform.

  • @ajrosales047
    @ajrosales047 5 років тому

    Thank you again Nick for your cool tricks

  • @mahmodabdulsalam99
    @mahmodabdulsalam99 5 років тому

    you make easy tutorials to understand. Thank you so much..

  • @FanVidder72
    @FanVidder72 8 років тому

    Great tutorial. I love the way that you created the fish.

  • @aliciafig08
    @aliciafig08 8 років тому

    my second inkscape creation! (the first was how to change clipart to svg for a cutting machine). Right at the last step where you say to make the text "object to path" and a popup box happened- that did not for me. I opened it using the keyboard commands- finely made out from your screen. and I did not have any of the same options. when I started playing around with the letters, instead of making the whole set change- like yours, it made me change each letter and all the millions of nodes too. actually came out awesomely. but couldn't figure out why that was happening. Great vid. nice and clear. wish I could post a pic of my fish. daring to do the cup next.

  • @gregmcgann1644
    @gregmcgann1644 7 років тому

    You sir have saved my skin many many times!!

  • @RenierBoshoff
    @RenierBoshoff 9 років тому +1

    Very clear and easy to follow!

    • @LogosByNick
      @LogosByNick  9 років тому

      +Renier Boshoff Thanks, glad my instructions are clear.

  • @ivanyosifov2629
    @ivanyosifov2629 8 років тому

    Great tutorial - combines simple techniques to create interesting forms.

  • @theanalognomad
    @theanalognomad 5 років тому

    Hi Nick - love all the videos - signed up for your bundle class - keep 'em coming. Thanx Jeff

  • @carmenalbrechtca
    @carmenalbrechtca 3 роки тому

    Thanks for that. Your tutorial is super easy to follow :)

  • @preethavijayaraja6487
    @preethavijayaraja6487 7 років тому

    This is very nice and very useful .. the best one for the new learners ..

  • @AquaticFeather
    @AquaticFeather Рік тому

    This is amazing! Thank you.

  • @stickinug
    @stickinug 2 роки тому

    awesome tutorial, thank you!

  • @phillipm2368
    @phillipm2368 9 років тому +1

    What to say?1000000 of 10.REALLY AWESOME!!!

    • @LogosByNick
      @LogosByNick  9 років тому

      +drummer Greatest That's quite a rating, haha. Thanks!

  • @rblihovde
    @rblihovde 9 років тому +6

    Helpful technique, great video!

  • @reginascraftingandmore713
    @reginascraftingandmore713 8 років тому +2

    Thanks for the tutorial - I am just learning and you made this process very understandable - Is there a way to add a long phrase or poem to a shape, say a pumpkin, Christmas tree, large heart. then delete the shape so just the text is in the shape of the object?

    • @LogosByNick
      @LogosByNick  8 років тому

      Not that I know of. It would have to be done manually.

    • @teresliden8538
      @teresliden8538 8 років тому

      Regina Young I'm looking for the same thing! Please, Nick, could you make a tutorial for that? Pretty please! With sugar on top... ❤️

    • @MaxxiP
      @MaxxiP 8 років тому

      Please correct me if I'm wrong here!!
      I think just like Nick said, you would have to do it mostly manually but und some paths you could use "Text -> Put on Path" , not everywhere and not on the whole shape but on couple of sections and then put them together the way you want them.

  • @cwilkins0965
    @cwilkins0965 4 роки тому +2

    When adding multiple lines of text to an object, is there any easy way to have it conform to the object shape without doing separate lines/layers? I’m putting lyrics inside a heart shape and not having luck.

  • @soodymazloomi7101
    @soodymazloomi7101 6 років тому

    Thanks again for the best tutorial.

  • @DenisePoole-Closet-Crafts
    @DenisePoole-Closet-Crafts 8 років тому

    Excellent video, never seen that done before, I will be having a go at that. Thank you...?........ Could you do one one manipulating a image ?. I have a sailboat that my daughter wants done in 3 colours of vinyl, I tried many ways to break apart the image so I can layer each section but not found the right way yet 😔

    • @98Eduardo98
      @98Eduardo98 8 років тому

      You want to color a sailboat? If you are seeking more resources check out reddit.com/r/GIMP

  • @bobbyd1961
    @bobbyd1961 4 роки тому

    Another Amazing video

  • @Tutoelectro1
    @Tutoelectro1 8 років тому

    What are you using to record the screen and show when you click

  • @yakshpatel3301
    @yakshpatel3301 3 роки тому +3

    when I shift+click it says cannot select 2 item at the same time

  • @sulaimanrosid
    @sulaimanrosid 2 роки тому

    Thank you for this video 👍🏼

  • @forageforage3520
    @forageforage3520 6 років тому

    Super Excellent Video! Very well done!

  • @arletterosario9636
    @arletterosario9636 5 років тому

    thanks for the video Nick you are awesome, the fonts from the link above they said free for commercial use. For example can I use them on a logo or any design and should be ok if I sell it?

    • @LogosByNick
      @LogosByNick  5 років тому

      Yes, if it's free for commercial use then you can use them in logos

  • @isaac4273
    @isaac4273 2 роки тому

    Thanks man, this has been really useful! and I also see you're using Linux which is neat because I also run Ubuntu on my laptop, almost everyone uses Windows instead

  • @98Eduardo98
    @98Eduardo98 8 років тому +2

    excellent tutorial, very helpful man. I was wondering, would one be able to use Inkscape + GIMP professionally to do graphic design work?

    • @LogosByNick
      @LogosByNick  8 років тому +1

      Absolutely! I use those two for 99% of my work. It would only be ideal for freelance work though. Every agency/employer wants their designers to know the Adobe software.

    • @98Eduardo98
      @98Eduardo98 8 років тому

      Nick Saporito I really appreciate your professional videos. Thank you!

    • @julesdujarric5119
      @julesdujarric5119 8 років тому

      Eduardo Pelaez

    • @98Eduardo98
      @98Eduardo98 8 років тому

      Jules Dujarric Yes?

  • @sunsun3953
    @sunsun3953 4 роки тому

    What would be the easiest way to make a solid background behind the text?

  • @nishantkaushik2595
    @nishantkaushik2595 6 років тому

    Thanks for showing love to Open Source Software.

  • @markk2807
    @markk2807 3 роки тому

    This is a great tutorial! How can I get my text to warp only on the top or bottom without curving the sides?

  • @muzafferhussain447
    @muzafferhussain447 7 років тому

    Your videos are awesome.Good Job

  • @LeighRanch7
    @LeighRanch7 7 років тому

    I am just still learning Inkscape enough to get semi-comfortable with it. So wouldn't this work also for putting text in an arched shape? Because I keep missing something in that tutorial and can never get the arched text tutorial to work for me.

  • @IsaacBTTF
    @IsaacBTTF 5 років тому

    Thank you so much Nick. You're such a great help :)

  • @ziomxx_x1708
    @ziomxx_x1708 8 років тому

    That's cool. Does it work for bitmap fonts?

  • @xchem5232
    @xchem5232 8 років тому

    superb...... very nice tutorials... thanks man....

  • @Thursdays66
    @Thursdays66 8 років тому

    Thank you for your tutorials, its clear and too the point. I am stuck on this one now, where you "Align bottom edges of objects to the top edge of the anchor" my objects remain the same and goes up to the edge of the paper :( - i have watched this over and over and i cant figure out whats the issue...... very frustrating

    • @98Eduardo98
      @98Eduardo98 8 років тому

      late, but:
      Make sure you have "Last selected" on in the Align & Distribute dialog box
      Also note that which one you select first affects the result

  • @jessielai5472
    @jessielai5472 8 років тому +1

    Awesome and practical video! thanks!

  • @TracyKMainwaring
    @TracyKMainwaring 4 роки тому

    Wow, I would never have guessed you have to do all that to just get the fish! That's where I'm struggling--seeing things in other shapes and overlapping, differences, rotates, union. It's too bad there isn't a way to get a pointed oval shape as it seems to be used a lot.

  • @externaldesign7163
    @externaldesign7163 3 роки тому

    I found this very useful

  • @karlopavkovic6212
    @karlopavkovic6212 5 років тому

    Big thanks Nick, top notch tutorials and very eloquently presented. Like&Sub

  • @sundeepkeramalu3312
    @sundeepkeramalu3312 8 років тому +10

    Thank you so much. You made my life better.

    • @LogosByNick
      @LogosByNick  8 років тому

      Glad to hear that. Thanks for watching!

  • @catherinefuget7999
    @catherinefuget7999 8 років тому

    I really like your video. Unfortunately I have .91 and could not find the path effects editor only path effect. I may find it eventually. I have been able to follow some of your others.

    • @98Eduardo98
      @98Eduardo98 8 років тому

      After opening the path effect dialog, you must select an object and then it should work.

  • @CountryGirl19813
    @CountryGirl19813 7 років тому

    do you have to use that exact font, is there a way to do it with a different kind of font and make the text curve to the shape of a ribbon you already have?

  • @gordonwalmsley453
    @gordonwalmsley453 3 роки тому

    hi, can you use your own silhouette image for this process too please

  • @durgasagar3573
    @durgasagar3573 7 років тому

    Hello Nick,
    First of all, thank you so much for such an amazing and easy tutorials.
    I have two questions,
    1) How to install "ChunkFive" font, So it can appear in inkscape?
    2) Why the fish design is not chrisp and sharp when I export it as png?
    I have noticed the same result in my other inkscape drawing, they are always blurry in end specially eclipse designs.
    Can you please, pretty please tell me , what am I doing wrong?
    P.S. I use Windows 10 and inkscape 0.92.2 version.

  • @FouadAbatouy
    @FouadAbatouy 9 років тому +1

    your tutor are very helpful thx a lot.

    • @LogosByNick
      @LogosByNick  9 років тому

      +Fouad Abatouy Glad to help :)

  • @printyourimaginationspw8261
    @printyourimaginationspw8261 8 років тому +1

    Nick you are awesome!

  • @gudangsuratimotman
    @gudangsuratimotman 3 роки тому

    very helpful. thank you.

  • @ForvoQuizlet
    @ForvoQuizlet 6 років тому

    Thanks - wondering if there's a way to preserve vertical lines (sort of like "Everlast" logo)?

  • @jeans.1328
    @jeans.1328 4 роки тому

    Great video! thanks!

  • @roryi6111
    @roryi6111 7 років тому

    my path effect editor didn't have all the options like yours does. I am not sure what I am doing wrong.

    • @denarebeka
      @denarebeka 6 років тому

      When I click shift to add the object I want the text to take the shape of, I get a message saying that only one item can be selected. Any thoughts?

  • @MohamedAyman-li6rp
    @MohamedAyman-li6rp 5 років тому

    Great tutorial.

  • @igorb---2795
    @igorb---2795 3 роки тому

    Pretty cool tutorial, thanks man! but also wanted to say TJ Free also does great Tutorials...for those who search more

  • @himanshuchoudhary4185
    @himanshuchoudhary4185 7 років тому

    Thanks a lot. Awesome tutorial

  • @ganeshborade3706
    @ganeshborade3706 3 роки тому

    Hey which operating system do you use?

  • @BlessLifeKen
    @BlessLifeKen 8 років тому

    Thankyou for the awesome tutorial! I have been trying to do a simple cropping to remove an inner section of a jpeg image by drawing a circle within the image. But somehow, I just can't get it to work. Cropping from outside is ok but never works for cropping from within the image. Could you give some advice on this?

    • @LogosByNick
      @LogosByNick  8 років тому

      Are you using Object > Clip > Set? That's the only way to crop a raster image in Inkscape

    • @BlessLifeKen
      @BlessLifeKen 8 років тому

      i have cropped it by creating an ring shaped object that is a difference between the outer path and inner path. Once i have the right shape in one object, i use that to clip the image and it works! Before that, when i combine the 2 paths and clipped the image, it only cropped the outer side of the image instead of the inner section.

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

    THANK YOU !
    SO MUCH VALUABLE VIDEO!

  • @adithyanr2365
    @adithyanr2365 7 років тому

    hi sir,just a beginner....can u wrap the text in shape of a human face(probably name) by using the same concept...???

  • @hbarlaam
    @hbarlaam 8 років тому +1

    Great tutorial. Thank you!

  • @andrealynn2769
    @andrealynn2769 8 років тому

    I think I may have a older version of InkScape as mine looks nothing like yours. I followed your instructions all the way up to the Envelope Deformation & I'm not seeing that anywhere on my screen. Any way that you can help me?!

    • @LogosByNick
      @LogosByNick  8 років тому

      Which version are you using? You'll want to have at least 0.48 installed.

  • @EmineStars
    @EmineStars 4 роки тому

    It should be possible to make a sharp corner by adding an extra node on the path, make it a corner node (see menu) and get it right on the corner.

  • @dimitarzlatanski
    @dimitarzlatanski 3 роки тому

    Hey Nick. Do you know if it is possible to create this text warp effect in Affinity Designer?

    • @LogosByNick
      @LogosByNick  3 роки тому +1

      No unfortunately this is one of AD's downsides. If they could implement envelope deformations then it would be a game changer.

    • @dimitarzlatanski
      @dimitarzlatanski 3 роки тому

      @@LogosByNick Thank you, I strongly agree.

  • @glassblocklightdesigns722
    @glassblocklightdesigns722 8 років тому +1

    If i wanted to use an image from google like a heart shape would i a be able to get the same effect as what you did with the fish ?

    • @LogosByNick
      @LogosByNick  8 років тому +1

      +GLASS BLOCK LIGHT DESIGNS It can be done, but it would probably be a little more difficult. You may have to use a different technique (possibly drawing it freehand.) Unlike Illustrator, Inkscape doesn't have a tool that lets you morph wording into a shape.

    • @glassblocklightdesigns722
      @glassblocklightdesigns722 8 років тому

      +Nick Saporito (LogosByNick) Thank you

  • @jasziepena9053
    @jasziepena9053 3 роки тому

    How am I able to do this with other shapes? Like a heart? Star? Or a pumpkin?