Inkscape Tutorial: Warp Text Into the Shape of an Object

Sdílet
Vložit
  • čas přidán 6. 09. 2024

Komentáře • 247

  • @LogosByNick
    @LogosByNick  Před 5 lety +28

    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

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

  • @katrinasondermann8152
    @katrinasondermann8152 Před rokem +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 Před rokem +2

      Definitely check out the rest of his channel👍 He's my nr. 01 go to guy for Inkscape on CZcams.
      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 Před 8 lety +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  Před 8 lety +13

      Glad to hear that. Thanks for the recommendation.

    • @malfarramadhan
      @malfarramadhan Před 3 lety +1

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

  • @AnimePRFury
    @AnimePRFury Před 6 lety +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 Před 4 lety +4

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

  • @Jason-iq1tx
    @Jason-iq1tx Před 17 dny

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

  • @WhitbyStuff
    @WhitbyStuff Před 10 měsíci +2

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

  • @rhessex
    @rhessex Před 7 lety +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  Před 7 lety +9

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

    • @sixtyseven3337
      @sixtyseven3337 Před 6 lety +1

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

    • @4csfabrication621
      @4csfabrication621 Před 3 lety +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.

  • @yakshpatel3301
    @yakshpatel3301 Před 3 lety +2

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

  • @imrannazir6931
    @imrannazir6931 Před 8 lety +11

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

    • @LogosByNick
      @LogosByNick  Před 8 lety +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.

  • @SidsArt
    @SidsArt Před 8 lety +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  Před 8 lety +4

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

  • @mardanafin
    @mardanafin Před 2 lety

    On of the best inkscape tutorial channel in universe

  • @bekkerofficial7504
    @bekkerofficial7504 Před rokem

    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

  • @blinkerplease1936
    @blinkerplease1936 Před 8 lety +2

    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  Před 8 lety +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 Před 8 lety +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  Před 8 lety

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

  • @dsripadyt
    @dsripadyt Před 8 lety +2

    Precise, simple, to the point. Thanks Nick

  • @alpenjon
    @alpenjon Před 4 lety +1

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

  • @android272
    @android272 Před 8 lety

    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  Před 8 lety

      Thanks for the tip

    • @android272
      @android272 Před 8 lety

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

  • @probetraining6625
    @probetraining6625 Před 7 lety +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  Před 7 lety +1

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

  • @FerdousHasan-kk8hp
    @FerdousHasan-kk8hp Před 3 lety

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

  • @lunaluisasanchezreyes4548

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

  • @voizer7660
    @voizer7660 Před 8 lety +16

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

  • @lforbes40
    @lforbes40 Před 7 lety

    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.

  • @RobertWF42
    @RobertWF42 Před 4 lety

    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.

  • @82halfwardog
    @82halfwardog Před 7 lety

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

  • @cwilkins0965
    @cwilkins0965 Před 4 lety +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.

  • @sebastianellis6110
    @sebastianellis6110 Před 4 lety

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

  • @DiidOsman
    @DiidOsman Před 7 lety

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

  • @bloodyentertaining1254
    @bloodyentertaining1254 Před 6 lety +1

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

  • @aliciafig08
    @aliciafig08 Před 8 lety

    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.

  • @just1person
    @just1person Před 5 lety

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

  • @CyberCrowBR
    @CyberCrowBR Před 8 lety +3

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

  • @babydzcreationz510
    @babydzcreationz510 Před 2 lety

    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

  • @FanVidder72
    @FanVidder72 Před 7 lety

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

  • @oomerkabaoo
    @oomerkabaoo Před 7 lety

    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!

  • @sunsun3953
    @sunsun3953 Před 4 lety

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

  • @anasviralippurath1579
    @anasviralippurath1579 Před 4 lety

    How to fix empty large selection
    While I select an object selection area is huge outside object

  • @joythatcher6818
    @joythatcher6818 Před 2 lety

    only the CHUNK FIVE font would work like that. For instance I used wide latin and the H Curved inwards instead of outward. I enjoy it just the same. thank you

  • @TracyKMainwaring
    @TracyKMainwaring Před 4 lety

    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.

  • @LeighRanch7
    @LeighRanch7 Před 7 lety

    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.

  • @aidamaria8184
    @aidamaria8184 Před 4 lety

    I may have a newer version, but my handles don't appear, but I'm able to add more nodes and give it a sharp corner

  • @terryyung3081
    @terryyung3081 Před 8 lety +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  Před 8 lety +2

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

  • @nlmmadden
    @nlmmadden Před 4 lety

    Have some questions for making Waterslide Decals!!

  • @EmineStars
    @EmineStars Před 3 lety

    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.

  • @susuairj
    @susuairj Před 7 lety +4

    Hi, How do i add path effect editor to inscape? i cant find the function thanks

  • @durgasagar3573
    @durgasagar3573 Před 6 lety

    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.

  • @mahmodabdulsalam99
    @mahmodabdulsalam99 Před 4 lety

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

  • @rblihovde
    @rblihovde Před 8 lety +6

    Helpful technique, great video!

  • @phillipm2368
    @phillipm2368 Před 8 lety +1

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

    • @LogosByNick
      @LogosByNick  Před 8 lety

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

  • @tagliolaserdesign2422
    @tagliolaserdesign2422 Před 7 lety

    very interesting..thank u so much!!! but, when i import the dxf file into le lasercut's sotware, the TEXT compares like the original...why?

  • @igorb---2795
    @igorb---2795 Před 3 lety

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

  • @jasziepena9053
    @jasziepena9053 Před 2 lety

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

  • @RickRoubos
    @RickRoubos Před 6 lety

    I want to do this but keep the vertical unaltered. any path effect to do to this?

  • @adithyanr2365
    @adithyanr2365 Před 7 lety

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

  • @1996NAB
    @1996NAB Před 8 lety +1

    Does anyone know how to do this in Adobe Illustrator? If there is some video where they explain how to do the same thing, could someone link it here, please?

  • @samuraifrogg8769
    @samuraifrogg8769 Před 6 lety

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

  • @ivanyosifov2629
    @ivanyosifov2629 Před 8 lety

    Great tutorial - combines simple techniques to create interesting forms.

  • @gregmcgann1644
    @gregmcgann1644 Před 7 lety

    You sir have saved my skin many many times!!

  • @reginascraftingandmore713

    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  Před 8 lety

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

    • @teresliden8538
      @teresliden8538 Před 8 lety

      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 Před 7 lety

      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.

  • @RenierBoshoff
    @RenierBoshoff Před 8 lety +1

    Very clear and easy to follow!

    • @LogosByNick
      @LogosByNick  Před 8 lety

      +Renier Boshoff Thanks, glad my instructions are clear.

  • @cwilkins0965
    @cwilkins0965 Před 4 lety

    I finally got my words to fit my design using Flow into Frame and it looks great, but when I save it and try to recall as an SVG or PNG, nothing shows up. What have I done wrong??

  • @Knightfall8
    @Knightfall8 Před 5 lety

    i try to use this technique but cant keep the left and right sides of the text from bending (i only want to warp top and bottom). Even when de-selecting the "enable right and left paths" option, the text bends in the left and right directions. Any tips?

  • @ajrosales047
    @ajrosales047 Před 4 lety

    Thank you again Nick for your cool tricks

  • @CrazyGaming-ig6qq
    @CrazyGaming-ig6qq Před 6 lety

    Im missing those bend effects, I only see "bend path". No options for bend top, bottom, left, right? Tried both 0.48, 0.91, and 0.92; none have those options. But you seem to be using a mac, and Im on windows. So is there a difference between the features between windows and mac versions?

  • @nishantkaushik2595
    @nishantkaushik2595 Před 5 lety

    Thanks for showing love to Open Source Software.

  • @Thursdays66
    @Thursdays66 Před 8 lety

    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 Před 7 lety

      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

  • @preethavijayaraja6487
    @preethavijayaraja6487 Před 7 lety

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

  • @markk2807
    @markk2807 Před 2 lety

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

  • @AnimalsMatterMorally
    @AnimalsMatterMorally Před 7 lety

    I love this video, it's really helpful. But for whatever reasons, I cannot get the text and fish shape to become a path together or paths. Inkscape keeps telling me there's no objects being selected when I try to create a path. I keep re-watching the video and wondering what I'm doing wrong.

  • @samjp9176
    @samjp9176 Před 6 lety

    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 :)

  • @externaldesign7163
    @externaldesign7163 Před 3 lety

    I found this very useful

  • @PorpoiseSeeker
    @PorpoiseSeeker Před rokem

    Can we wrap text onto a transparent sphere

  • @ForvoQuizlet
    @ForvoQuizlet Před 6 lety

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

  • @wingedexperience4238
    @wingedexperience4238 Před 7 lety

    What version is this? Mine has only one option to warp the text

  • @Trinkafi
    @Trinkafi Před 6 lety

    My letters keep breaking apart into individual letters before I even get to the bottom green line.And then the program throws some kind of error and closes down.

  • @baslielalene4702
    @baslielalene4702 Před 2 lety

    Very cool tutorial.

  • @gordonwalmsley453
    @gordonwalmsley453 Před 2 lety

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

  • @isaac4273
    @isaac4273 Před 2 lety

    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

  • @sundeepkeramalu3312
    @sundeepkeramalu3312 Před 8 lety +10

    Thank you so much. You made my life better.

    • @LogosByNick
      @LogosByNick  Před 8 lety

      Glad to hear that. Thanks for watching!

  • @PastelitoPapi
    @PastelitoPapi Před 3 lety

    Does anyone know how to undo this? I received a file from an old friend but im trying to undo this action he did. Just to where you get the silhouette of the shape initially used

  • @hyperion3704
    @hyperion3704 Před 3 lety

    There's a term for these types of stylized writings. Read about it in a book somewhere. Could someone who might know it please tell me what it is?

  • @dancu9271
    @dancu9271 Před 2 lety

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

  • @CountryGirl19813
    @CountryGirl19813 Před 7 lety

    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?

  • @roryi6111
    @roryi6111 Před 6 lety

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

    • @denarebeka
      @denarebeka Před 5 lety

      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?

  • @anthonypuckett3371
    @anthonypuckett3371 Před 4 lety +1

    I wish you could do this in Affinity designer.

  • @mrollem3033
    @mrollem3033 Před 4 lety

    Anyone know how to make the handles visible? I have only got the nodes to edit and can't make the V on a love heart with just the nodes...? TIA

  • @bobbyd1961
    @bobbyd1961 Před 4 lety

    Another Amazing video

  • @mves685
    @mves685 Před 3 lety

    what reasons might there be for path > difference to not work? a bunch of those options just don't do anything when i click them

    • @mves685
      @mves685 Před 3 lety

      Oh, I'm a dumbass. Ignore me. Figured it out

  • @lloydclayton54
    @lloydclayton54 Před 4 lety

    Is there a Warp effect in the new update similar to Beizer Envelop effect in Illustrator?

  • @williamturner6192
    @williamturner6192 Před 5 lety

    You can add a node to the top and bottom end paths and then sharpen them if you like.
    Edit: oh, good, others noticed.

  • @soodymazloomi7101
    @soodymazloomi7101 Před 6 lety

    Thanks again for the best tutorial.

  • @Tutoelectro1
    @Tutoelectro1 Před 7 lety

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

  • @gabrielleraul488
    @gabrielleraul488 Před 4 lety

    Tried the Netflix logo which has straight upright letters a slight curve on the bottom. When I did that the n and x started to distort badly like the f and h on this fish design. Any tips to avoid that?

  • @carmenalbrechtca
    @carmenalbrechtca Před 2 lety

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

  • @cosmicflowdn1197
    @cosmicflowdn1197 Před 4 lety

    If an image had a polka dot in it, how do I remove those speciifc polka dots. I used to know hwo to dot his but stoped using Inkscape for a while and forgot.

  • @DenisePoole-Closet-Crafts

    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 Před 7 lety

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

  • @theanalognomad
    @theanalognomad Před 5 lety

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

  • @jessielai5472
    @jessielai5472 Před 8 lety +1

    Awesome and practical video! thanks!

  • @gudangsuratimotman
    @gudangsuratimotman Před 3 lety

    very helpful. thank you.