How to Bend Text Around A Corner - 3D Typographic Art Inkscape Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 มิ.ย. 2024
  • Inkscape 1.2 step-by-step beginner, intermediate tutorial showing how to create a 3D Text Effect, wrapping custom text around a corner using the Slice Live Path Effects Tool and the Modify Path- Envelope extension. Follow along this free course as I show you how to bend text to make dynamic designs for product backgrounds, movie posters, web design, mobile apps and more using this simple technique to compete with Adobe Illustrator's professional mesh perspective tool.
    📱 What screen recorder am I using?
    I use Camtasia to make all my videos. From my experience it's the best screen recorder available, and I like the built in video editor and cursor effects. Check it out here: techsmith.z6rjha.net/ba9x0M
    BRAND SPONSORS!
    Open to collaborating with brands who help people expand their creativity and live their best life. For partnership opportunities or business inquires email me at gmail address in About section. johanson.rick at gmail.com
    SOCIAL MEDIA:
    Follow me on Twitter: / rickjohanson
    Check out my personal channel: / rickjohanson
    SHOP IronEcho Design Apparel:
    ironecho-design.myspreadshop....
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 129

  • @adnanmahbub3219
    @adnanmahbub3219 ปีที่แล้ว +4

    Sir, it seems that you like to watch Adobe illustrator tutorials and then apply it to Inkscape. That's a really really great thing. When I first started to learn Inkscape, I saw various designs made with illustrator and not with Inkscape. I felt very annoyed. The thing is that Inkscape has enough capabilities to do the work. We only need to do experiments with it that's all. Experimenting Is Learning 😊.

  • @gioba4912
    @gioba4912 ปีที่แล้ว +19

    Professionally done! You're my go-to-guy for Inkscape tutorials.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Thanks so much!! I'll keep it up.

    • @e-l-t2279
      @e-l-t2279 ปีที่แล้ว +2

      Yup, mine too! Another awesome, easy to follow Inkscape trick to try out!

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +1

      Thanks!!

  • @rikilshah
    @rikilshah ปีที่แล้ว +3

    I am messing with Inkscape since last 10 years but never found such detailed, professional tutorials for the same. Thanks man!

  • @JordanIsHereSometimes
    @JordanIsHereSometimes ปีที่แล้ว +2

    Simple, easy, and once again, using something in Inkscape that I’ve never messed with before.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Thanks!! I love finding uses for some of the hidden tools.

  • @giovanavargas2201
    @giovanavargas2201 ปีที่แล้ว +1

    WAW thank ou so much (again)!

  • @bazz1376
    @bazz1376 ปีที่แล้ว +3

    Hey Rick, Outtandimg!! Ooops! my bad spelling. Seriously, excellent....I love it. Thanks

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Haha!! Thanks! I was in shock for a second. That's the way it goes sometimes.

  • @bonbie4145
    @bonbie4145 ปีที่แล้ว +7

    Thank you for this tutorial! Such a cool thing i can experiment with. Keep up the great work!

  • @ninak.4503
    @ninak.4503 ปีที่แล้ว +2

    You made my day, Rick! After a frustrating day at work, this is just what I needed to lift my mood. To do a tutorial by Rick means every time to learn something new. Thank you!

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +2

      Thanks! And, you're making my day!

  • @fayazuddin6917
    @fayazuddin6917 8 หลายเดือนก่อน +1

    Thanks a lot🎉

  • @ionroman9734
    @ionroman9734 ปีที่แล้ว

    Thank you for the tutorial

  • @LoveAllReality
    @LoveAllReality ปีที่แล้ว +1

    always love the positivity and sense of discovery in your video's. It really feels like a community like thi. see?

  • @karmamentis
    @karmamentis ปีที่แล้ว +6

    Really nice!
    The perspective composition of the text on the facades looks elegant and WOW! at the same time.
    I admit that the 3D tool has always scared and attracted me in the same way.
    I also confess that I have tried it a dozen times but every time I "created" a cube (or something similar but ugly🤭) I stared at it for a few seconds but then I closed Inkscape completely because I seemed to disrespect "Rubik"😂
    Thank you Rick for making this tool slightly more familiar to me🙏

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +2

      Haha- we must respect Rubik's cube! Thanks!!

  • @chandrasankar3289
    @chandrasankar3289 ปีที่แล้ว +1

    great...thanks much

  • @jeremygolding5281
    @jeremygolding5281 ปีที่แล้ว +1

    Thanks a lot for posting thi. It wa a big help

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Anytime! Thanks!!

    • @jeremygolding5281
      @jeremygolding5281 ปีที่แล้ว +1

      @@IronEchoDesign Intentionally misspelled words because of the typo you mentioned. Ha ha.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      That typo!! Will haunt me. Ha.

  • @TheChazk
    @TheChazk 8 หลายเดือนก่อน

    Great tutorial Rick. I learned a lot and had a blast with this one.😀

  • @pasangamage
    @pasangamage ปีที่แล้ว +1

    your channel is a goldmine bro

  • @tonyblack1981
    @tonyblack1981 5 หลายเดือนก่อน +1

    I just took a peep at some of your other videos, and d'you know what, you got a new subscriber. Impressive stuff my man

    • @IronEchoDesign
      @IronEchoDesign  5 หลายเดือนก่อน

      Thanks so much! I’ll keep making these!

  • @garmar704
    @garmar704 ปีที่แล้ว +1

    Excellent effect. Thank you!

  • @arcodauz2321
    @arcodauz2321 ปีที่แล้ว +2

    Another great tutorial - many thanks for your work!

  • @flyaboveall320
    @flyaboveall320 ปีที่แล้ว +1

    That was Awesome 👏🏽

  • @TheRamanm
    @TheRamanm ปีที่แล้ว +1

    THANKS FOR SHARING 😀

  • @WolkenBrise
    @WolkenBrise ปีที่แล้ว +1

    Always fun to learn inkscape stuff with your tutorials!

  • @philipp.dauenhauer
    @philipp.dauenhauer ปีที่แล้ว +2

    Super cool 👍🏼

  • @kareemmarshall9126
    @kareemmarshall9126 ปีที่แล้ว +1

    Excellent tutorials as per usual, keep up the good work 👏🏼

  • @erik-benz
    @erik-benz ปีที่แล้ว +1

    Great

  • @gaciscosony117
    @gaciscosony117 ปีที่แล้ว +1

    Gracias, fantástico tutorial

  • @imdxpertm
    @imdxpertm ปีที่แล้ว +2

    Interesting new way to wrap text. I had tried something like this but your method looks easier. Thank you Rick.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Thanks! I tried so many different tools. LPE Bend tool was looking good because you can change the corner bending point in real time, but I really wanted the perspective effect. Slice sped things up, and now I love that little LPE!

  • @jg7525
    @jg7525 ปีที่แล้ว +2

    Bro I appreciate your trainings it helps me out a lot and fast

  • @Lobaluna9333
    @Lobaluna9333 ปีที่แล้ว +1

    Thank you! Your tutorials are very practical, practical, real-base oriented. Thank you!

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Thanks so much! That's exactly what I'm aiming for.

  • @mira987
    @mira987 ปีที่แล้ว +1

    So nice and easy.... when you know how to do it. 🤭 Thanks Rick! 👍❤

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +1

      Thank you!! It is easier when the tools are right there for us to use.

  • @angrybadger6761
    @angrybadger6761 ปีที่แล้ว +1

    Rick,
    you are a diamond! I've been doing these in GIMP which is a bit more of a pain in the wottsit for the obvious scaling reasons with pixels and general layout. My pre-dawn Sunday coffee has never tasted better after watching this. Thank you for sharing this.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Thanks!! Love those pre-dawn coffees.

  • @TheDrFunkenstein
    @TheDrFunkenstein ปีที่แล้ว +1

    Always love seeing what you do man. People doubt when I say Inkscape is one of the best programs out there and your videos just inspire to dig deeper and explore more.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +1

      Thanks!! I hear it too from people not sure about Inkscape. It gives us a lot if people try it.

  • @RUSTICW0LF
    @RUSTICW0LF ปีที่แล้ว +1

    Brilliant Rick. Iv always stayed well clear of this 3D but knew there must be something juicy in there.
    Thanks for showing me a way to get started with. ( it's not so bad and scary after all. )
    Great design my friend.
    I'm glad I'm not the only one who suffers from the late night typos. 👍🐺👍

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +1

      Haha- thanks Nik!! The 3D is fun to play with and I know I'll probably have more typos in the future. I bet there are some in previous videos I missed!

  • @officialechoman
    @officialechoman ปีที่แล้ว +1

    I'm starting to think you're the developer of inkscape... Thank you for this tutorial 🤗

  • @Iburgos
    @Iburgos ปีที่แล้ว +1

    impresionante como siempre, solo espero recordar los pasos o añadir a Favoritos.

  • @CTRL_SMarcos
    @CTRL_SMarcos ปีที่แล้ว +2

    Nice effect. Thanks for the video. I would do it with the Perspective/Envelope option in Path Effects, as that would save me from rotating the text in the correct position, since my sense of spatial orientation is more than atrophied 🙃

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +1

      Thank you!! I've had some atrophy myself I think. Haha.

  • @kashifriaz
    @kashifriaz ปีที่แล้ว

    Amazing Content... Kindly do a video about cartoonic look design... How to make Cartoonic shine. Looking for this tutorial

  • @winstonblanchard2324
    @winstonblanchard2324 7 หลายเดือนก่อน

    Great stuff. How can I make this compatible with circuit design space? Thank you.

  • @stevecooper3010
    @stevecooper3010 ปีที่แล้ว +1

    the typo is perfect see

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Haha! I should use that next time.

  • @leiocera2433
    @leiocera2433 ปีที่แล้ว +1

    Thi is a very good tutorial. I'm very thankful for thi.
    ok ill stop, sorry xD

  • @krobbeldierschen
    @krobbeldierschen 6 หลายเดือนก่อน

    This is great, but when doing the envelope, I am experiencing small offsets on the corner, so the two faces don't exactly match. What can I do about it?

  • @gihanvimukthi8774
    @gihanvimukthi8774 ปีที่แล้ว +1

    one of the best coolest inkscape tutorial buddy..thanx a lot

  • @Kiperfiltsr.-ry2sz
    @Kiperfiltsr.-ry2sz 2 หลายเดือนก่อน

    Your tutorial is very good, man. Congratulation! But my version from inkscape don't have those option: "path effects". Is it necessary to install anyone plugin?

  • @learningsimple5155
    @learningsimple5155 ปีที่แล้ว

    Hi, Rick sir, is there any way so that I can store illustration, clipart, designs through inscakpe and import into any other projects while necessary .

  • @WhitbyStuff
    @WhitbyStuff 6 หลายเดือนก่อน

    This looks fun but I failed at the step of making the box. I can't get mine to look anything like yours. I assume you have different settings to me. Do you have a tutorial on the 3D shape function?

  • @GiGi_2518
    @GiGi_2518 ปีที่แล้ว

    This was a great tutorial! Thank you for your work. Can you, or anyone here say whether this will need to be mirrored to cut?

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +1

      Thanks! Great question. I need to get a machine so I can understand the how designs behave in the real world when cutting.
      Anybody reading this know if this project needs to be mirrored?

    • @GiGi_2518
      @GiGi_2518 ปีที่แล้ว +1

      @@IronEchoDesign Thanks for responding. I tried it, and I did mirror the image. It came out nice, but the bottom of the cube was unreadable. I'm going to play around with the design to see if I can fix it. Thanks again for a great tutorial!

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Nice! Glad to hear, and hope the bottom text works out.

  • @NCHEstudio
    @NCHEstudio ปีที่แล้ว

    thanks for sharing! any carousel tutorial for instagram?

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Thank you! I need to get with the program with Instagram. I just post stuff about my kids and I don't have full understanding of all the functionality. Is there a design element that goes with the carousel on IG that you're looking for?

  • @alitao7160
    @alitao7160 ปีที่แล้ว +1

    Hi, very helpful tutorials.I have an issue with the latest version Inkscape because it can't open eps files.How can I fix that please?

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Thanks! I'm still getting used to the changes in 1.2 myself. There is a workaround for this but I'm not sure if 1.2 negates it. Its from Logos By Nick, and on his channel he has the best explanation on how to do it on his video called Open and Create Illustrator Files in Inkscape. Hope this helps!

    • @alitao7160
      @alitao7160 ปีที่แล้ว

      @@IronEchoDesign Thank you so much

  • @new1man9
    @new1man9 8 หลายเดือนก่อน

    I am currently making rhinestone shirts. How can I make 2 and 3 mm circles trace and fill text and objects. Thanks.

  • @tasveerulislam1770
    @tasveerulislam1770 4 หลายเดือนก่อน +1

    Sir, i do not find the fount "INter" in my screen, how i can install it and any other font can use this style....?

    • @IronEchoDesign
      @IronEchoDesign  3 หลายเดือนก่อน

      Great question. Inter is a free Google font. You can get it from fonts dot Google dot com. Hope this helps!

  • @abdurrafayfarooqui907
    @abdurrafayfarooqui907 ปีที่แล้ว

    Very nice tutorial. Can you tell me how to open EPS and Illustrator files in Inkscape?

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      There is a workaround for this, and the master himself, Logos By Nick, has the best explanation on how to do it on his video called Open and Create Illustrator Files in Inkscape. Hope this helps!

    • @abdurrafayfarooqui907
      @abdurrafayfarooqui907 ปีที่แล้ว

      @@IronEchoDesign I tried it but failed .ai files are directly open in inkscape in my laptop but .eps files are not opening also with logos by nick trick

  • @user-jn7fb2xc5e
    @user-jn7fb2xc5e 7 หลายเดือนก่อน

    When I pull up path effects, I don’t get a + sign what do I do

  • @adamdwi
    @adamdwi ปีที่แล้ว +1

    hi IronEcho, that's one nice tutorial I would try..
    I have one request, how about you make a tutorial about making a vector dice like LogosbyNick did
    I watched his video, but since I'm using the inkscape v 1.2 it has something that I don't expected like Nick did in his video.
    I've tried to round the outer polygon but only two sides that could be rounded, the rest is not change at all and even make bizarre shape, or maybe you could give an insight about what I'm doing..
    once again great videos up there, stay artistic my friend

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Thanks! I love the Logos By Nick channel. He's the best. You can round corners of a square or rectangle by choosing Edit Paths by Node and look for the circle node on one of the corners. Drag it down, and it will round all four corners to whatever proportion you like. Hope this helps!

  • @mister_stadler
    @mister_stadler ปีที่แล้ว

    WHAT I SHOULD SAY ...! 🤜🤛

  • @siyolomakasi7794
    @siyolomakasi7794 7 หลายเดือนก่อน

    I have latest inkscape and i cant do this because there is envelope deformation instead, please help

  • @lalitkumar-ql4bg
    @lalitkumar-ql4bg ปีที่แล้ว

    sir my letters got rotated after envelope effect how to amend it.?

  • @janehellwig6814
    @janehellwig6814 ปีที่แล้ว

    We once changed the space between letters and now when Inkscape opens, the spacing is always messed up. Actually, the same has happened with the direction of the text- made it vertical once and now it is forever vertical when we open Inkscape. We have reinstalled the program, and even uploaded the new version and it is still distorted. Have you suggestions? Thank you so much for the great tutorial -- can't wait to use it!

    • @timizero
      @timizero ปีที่แล้ว

      Not sure if this will solve your problem, but have you checked the preference? Go to Edit>Preferences, then on the Pref. Window, click Tools>Text and go straight down to "Style of new object". Make sure "Last used style" is not selected.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +1

      Thanks for the great suggestion! Hopefully it will solve the preset issue.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +1

      Thanks, and I have experienced this exact same issue. It seems to happen with the text settings in particular. Hatimi's suggestion below (or above) seems to be the right path. I'll try it as well. For me, sometimes the font settings revert back to a previous project's configuration randomly. I suspect it might be drawing from recently opened files. ???

    • @timizero
      @timizero ปีที่แล้ว

      @@IronEchoDesign I haven't experienced this problem myself but I guess some settings require restart of Inkscape to take effect?

    • @timizero
      @timizero ปีที่แล้ว

      @@IronEchoDesign Oh now that you mention about settings randomly revert back, I remember that I have that problem with circle and rectangle. Even though I set not to remember previous style, the rounder -ness of a rectangle or the unclose-ness of a circle will always follow the previous project. It's a bit annoying to fix that everytime I want to do a different thing but I guess I got used to it already...haha
      So most probably some settings will be remembered while some others will be refreshed.

  • @PeterKelley
    @PeterKelley ปีที่แล้ว

    There is an issue with the envelope transformation in that it doesn't make things smaller as they get further away like you would expect. Although fine here it can look very wrong in some circumstances. A better way to go would be to apply the perspective envelope path effect to the text path and then use the edit paths/nodes tool to drag the corners to the corners of the 3D box. This also avoids the need to rotate and mirror the text.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Perspective Envelope is my go-to normally, and the first approach I tried to make this effect. The letters wont line up properly at the corner and it distorts the text. I agree with your point that in most applications envelope transformation is a great choice. Modify Path - Envelope is purpose built for this.

    • @ninak.4503
      @ninak.4503 ปีที่แล้ว

      @@IronEchoDesign @ Peter Kelley with the activation of cusp nodes and a small correction with the handles, everything will fit fine.

  • @vishmikaperera1613
    @vishmikaperera1613 ปีที่แล้ว +1

    Hey, could you do a tie dye design with Inkscape?

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +1

      Just uploaded the Tie-Dye video. Thanks for the suggestion! th-cam.com/video/iK8LCRneLxA/w-d-xo.html

    • @vishmikaperera1613
      @vishmikaperera1613 ปีที่แล้ว +1

      @@IronEchoDesign Thank you so much, The video is awesome. Just what I've been waiting for.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว +1

      Thanks again for the idea!

  • @michelejohnson4558
    @michelejohnson4558 5 หลายเดือนก่อน

    i am not seeing slice!

  • @serge1643
    @serge1643 ปีที่แล้ว +1

    Oh, that's bad luck, because of this error I did not understand how to make this effect.🤣🤣🤣🤣🤣🤣🤣
    Don't worry, even if it was just a set of random characters, the effect still turned out, everything is clear.👍

  • @shanmugapriyarajkumar5698
    @shanmugapriyarajkumar5698 ปีที่แล้ว

    Why this video is not clear...menu icons are not clear.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      I’m not sure. Is it the resolution of the screen that isn’t clear or the instruction?

    • @shanmugapriyarajkumar5698
      @shanmugapriyarajkumar5698 ปีที่แล้ว

      @@IronEchoDesign voice is clear.. icons, properties and dialog box is not clear.

    • @IronEchoDesign
      @IronEchoDesign  ปีที่แล้ว

      Is TH-cam not defaulting it to HD? Can you expand the viewing area? Sorry it's not clear.

  • @jimmy3180
    @jimmy3180 4 หลายเดือนก่อน +1

    Just coming across your videos, great stuff!! THI.RON ECHO?

    • @IronEchoDesign
      @IronEchoDesign  4 หลายเดือนก่อน

      Thanks so much!! I’ll keep making these. 😊

  • @dennishp
    @dennishp ปีที่แล้ว

    @IronEcho Design Than youfor sharing your expertise using Opensource software such s this Inkscape. Very amazing and easy to follow esp for me who is new to designing and wants to maximize the use of opensource software.
    I have a question.
    Have you heard of Penpot? th-cam.com/users/Penpot
    Would you create a tutorial in the future as well? Cheers!
    Keep up the good work. You really rock!