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

Рет қаралды 27,674

Күн бұрын

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

Пікірлер: 132

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

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

@IronEchoDesign Жыл бұрын

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

@e-l-t2279 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Thanks!!

@rikilshah Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Thank you!! That means a lot.

@TheChazk 10 ай бұрын

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

@ionroman9734 Жыл бұрын

Thank you for the tutorial

@melsonconcept1 3 күн бұрын

You very creative Sir. I salute you ❤

@LoveAllReality Жыл бұрын

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

@JordanIsHereSometimes Жыл бұрын

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

@IronEchoDesign Жыл бұрын

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

@WolkenBrise Жыл бұрын

Always fun to learn inkscape stuff with your tutorials!

@IronEchoDesign Жыл бұрын

Thanks!!

@arcodauz2321 Жыл бұрын

Another great tutorial - many thanks for your work!

@IronEchoDesign Жыл бұрын

Thank you!!

@Grant_S_M Жыл бұрын

Excellent effect. Thank you!

@IronEchoDesign Жыл бұрын

Thanks so much!!

@bonbie4145 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Thank you!! I'll keep at it.

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

Thanks! And, you're making my day!

@Lobaluna9333 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

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

@kareemmarshall9126 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Thank you very much!!

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

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!

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

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

@imdxpertm Жыл бұрын

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

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

That was Awesome 👏🏽

@IronEchoDesign Жыл бұрын

Thanks!!

@gaciscosony117 Жыл бұрын

Gracias, fantástico tutorial

@IronEchoDesign Жыл бұрын

Thank you! Gracias!

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

Super cool 👍🏼

@IronEchoDesign Жыл бұрын

Thanks!!

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

Thanks!! Love those pre-dawn coffees.

@jg7525 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Nice- thank you!!

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

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

@TheRamanm Жыл бұрын

THANKS FOR SHARING 😀

@IronEchoDesign Жыл бұрын

Thank you!!

@giovanavargas2201 Жыл бұрын

WAW thank ou so much (again)!

@IronEchoDesign Жыл бұрын

Thank you!!

@pasangamage Жыл бұрын

your channel is a goldmine bro

@IronEchoDesign Жыл бұрын

Just saw this. Thanks so much!!

@chandrasankar3289 Жыл бұрын

great...thanks much

@IronEchoDesign Жыл бұрын

Thanks!!

@tonyblack1981 6 ай бұрын

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 6 ай бұрын

Thanks so much! I’ll keep making these!

@winstonblanchard2324 9 ай бұрын

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

@fayazuddin6917 10 ай бұрын

Thanks a lot🎉

@IronEchoDesign 10 ай бұрын

Thank you!!

@mira987 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

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

@bazz1376 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

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

@Iburgos Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Muchas Gracias!!

@positivity_shorts 14 сағат бұрын

woow this is amazing

@IronEchoDesign 3 сағат бұрын

Thanks so much!! 😀

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

Great

@IronEchoDesign Жыл бұрын

Thanks!!

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

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

@kashifriaz Жыл бұрын

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

@expressocean9874 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Anytime! Thanks!!

@expressocean9874 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

That typo!! Will haunt me. Ha.

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

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

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 .

@gihanvimukthi8774 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Thank you very much!!

@WhitbyStuff 8 ай бұрын

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?

@new1man9 10 ай бұрын

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

@krobbeldierschen 7 ай бұрын

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?

@officialechoman Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Haha- I wish! Thanks!

@NCHEstudio Жыл бұрын

thanks for sharing! any carousel tutorial for instagram?

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

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

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

@@IronEchoDesign Thank you so much

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

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

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

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

@leiocera2433 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Thanks!! Thanks very much.

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

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

@abdurrafayfarooqui907 Жыл бұрын

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

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

@@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 9 ай бұрын

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

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

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!

@siyolomakasi7794 9 ай бұрын

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

@stevecooper3010 Жыл бұрын

the typo is perfect see

@IronEchoDesign Жыл бұрын

Haha! I should use that next time.

@tasveerulislam1770 5 ай бұрын

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 5 ай бұрын

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

@mister_stadler Жыл бұрын

WHAT I SHOULD SAY ...! 🤜🤛

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

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

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

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

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

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

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

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

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

@vishmikaperera1613 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Just uploaded the Tie-Dye video. Thanks for the suggestion! kzfaq.info/get/bejne/n7Fof6aD08uwqHU.html

@vishmikaperera1613 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

Thanks again for the idea!

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

Haha- thanks!! You're right.

@michelejohnson4558 7 ай бұрын

i am not seeing slice!

@shanmugapriyarajkumar5698 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

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

@shanmugapriyarajkumar5698 Жыл бұрын

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

@IronEchoDesign Жыл бұрын

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

@jimmy3180 6 ай бұрын

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

@IronEchoDesign 6 ай бұрын

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

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