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

Тәжірибелік нұсқаулар және стиль

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 Жыл бұрын

    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 Жыл бұрын

    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

    Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thanks!!

  • @rikilshah
    @rikilshah Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thank you!! That means a lot.

  • @JordanIsHereSometimes
    @JordanIsHereSometimes Жыл бұрын

    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.

  • @ninak.4503
    @ninak.4503 Жыл бұрын

    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

    Жыл бұрын

    Thanks! And, you're making my day!

  • @LoveAllReality
    @LoveAllReality Жыл бұрын

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

  • @TheChazk
    @TheChazk9 ай бұрын

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

  • @karmamentis
    @karmamentis Жыл бұрын

    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

    Жыл бұрын

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

  • @ionroman9734
    @ionroman9734 Жыл бұрын

    Thank you for the tutorial

  • @bonbie4145
    @bonbie4145 Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thank you!! I'll keep at it.

  • @TheDrFunkenstein
    @TheDrFunkenstein Жыл бұрын

    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

    Жыл бұрын

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

  • @WolkenBrise
    @WolkenBrise Жыл бұрын

    Always fun to learn inkscape stuff with your tutorials!

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thanks!!

  • @Lobaluna9333
    @Lobaluna9333 Жыл бұрын

    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.

  • @arcodauz2321
    @arcodauz2321 Жыл бұрын

    Another great tutorial - many thanks for your work!

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thank you!!

  • @angrybadger6761
    @angrybadger6761 Жыл бұрын

    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.

  • @bazz1376
    @bazz1376 Жыл бұрын

    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.

  • @Grant_S_M
    @Grant_S_M Жыл бұрын

    Excellent effect. Thank you!

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thanks so much!!

  • @kareemmarshall9126
    @kareemmarshall9126 Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thank you very much!!

  • @imdxpertm
    @imdxpertm Жыл бұрын

    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!

  • @flyaboveall320
    @flyaboveall320 Жыл бұрын

    That was Awesome 👏🏽

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thanks!!

  • @gaciscosony117
    @gaciscosony117 Жыл бұрын

    Gracias, fantástico tutorial

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thank you! Gracias!

  • @RUSTICW0LF
    @RUSTICW0LF Жыл бұрын

    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

    Жыл бұрын

    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!

  • @jg7525
    @jg7525 Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Nice- thank you!!

  • @pasangamage
    @pasangamage Жыл бұрын

    your channel is a goldmine bro

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Just saw this. Thanks so much!!

  • @giovanavargas2201
    @giovanavargas2201 Жыл бұрын

    WAW thank ou so much (again)!

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thank you!!

  • @chandrasankar3289
    @chandrasankar3289 Жыл бұрын

    great...thanks much

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thanks!!

  • @fayazuddin6917
    @fayazuddin691710 ай бұрын

    Thanks a lot🎉

  • @IronEchoDesign

    @IronEchoDesign

    10 ай бұрын

    Thank you!!

  • @TheRamanm
    @TheRamanm Жыл бұрын

    THANKS FOR SHARING 😀

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thank you!!

  • @tonyblack1981
    @tonyblack19816 ай бұрын

    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

    6 ай бұрын

    Thanks so much! I’ll keep making these!

  • @philipp.dauenhauer
    @philipp.dauenhauer Жыл бұрын

    Super cool 👍🏼

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thanks!!

  • @mira987
    @mira987 Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

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

  • @erik-benz
    @erik-benz Жыл бұрын

    Great

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thanks!!

  • @officialechoman
    @officialechoman Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Haha- I wish! Thanks!

  • @Iburgos
    @Iburgos Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Muchas Gracias!!

  • @winstonblanchard2324
    @winstonblanchard23248 ай бұрын

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

  • @CTRL_SMarcos
    @CTRL_SMarcos Жыл бұрын

    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

    Жыл бұрын

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

  • @jeremygolding5281
    @jeremygolding5281 Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Anytime! Thanks!!

  • @jeremygolding5281

    @jeremygolding5281

    Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    That typo!! Will haunt me. Ha.

  • @kashifriaz
    @kashifriaz Жыл бұрын

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

  • @Kiperfiltsr.-ry2sz
    @Kiperfiltsr.-ry2sz4 ай бұрын

    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?

  • @krobbeldierschen
    @krobbeldierschen7 ай бұрын

    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?

  • @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 .

  • @new1man9
    @new1man99 ай бұрын

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

  • @WhitbyStuff
    @WhitbyStuff7 ай бұрын

    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?

  • @gihanvimukthi8774
    @gihanvimukthi8774 Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thank you very much!!

  • @leiocera2433
    @leiocera2433 Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thanks!! Thanks very much.

  • @lalitkumar-ql4bg
    @lalitkumar-ql4bg Жыл бұрын

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

  • @user-jn7fb2xc5e
    @user-jn7fb2xc5e8 ай бұрын

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

  • @siyolomakasi7794
    @siyolomakasi77948 ай бұрын

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

  • @stevecooper3010
    @stevecooper3010 Жыл бұрын

    the typo is perfect see

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Haha! I should use that next time.

  • @alitao7160
    @alitao7160 Жыл бұрын

    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

  • @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

    Жыл бұрын

    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

    Жыл бұрын

    @@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?

  • @tasveerulislam1770
    @tasveerulislam17705 ай бұрын

    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

    4 ай бұрын

    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

  • @mister_stadler
    @mister_stadler Жыл бұрын

    WHAT I SHOULD SAY ...! 🤜🤛

  • @adamdwi
    @adamdwi Жыл бұрын

    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!

  • @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

    Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    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.

  • @serge1643
    @serge1643 Жыл бұрын

    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.👍

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Haha- thanks!! You're right.

  • @vishmikaperera1613
    @vishmikaperera1613 Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Just uploaded the Tie-Dye video. Thanks for the suggestion! kzread.info/dash/bejne/m39srqWLnsiyqKQ.html

  • @vishmikaperera1613

    @vishmikaperera1613

    Жыл бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    Жыл бұрын

    Thanks again for the idea!

  • @michelejohnson4558
    @michelejohnson45586 ай бұрын

    i am not seeing slice!

  • @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 KZread not defaulting it to HD? Can you expand the viewing area? Sorry it's not clear.

  • @jimmy3180
    @jimmy31805 ай бұрын

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

  • @IronEchoDesign

    @IronEchoDesign

    5 ай бұрын

    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? kzread.info Would you create a tutorial in the future as well? Cheers! Keep up the good work. You really rock!

Келесі