shaped words inside shaped shapes

Post questions on how to use or achieve an effect in Inkscape.
inkydinkydo
Posts: 20
Joined: Tue Sep 04, 2012 9:05 am

shaped words inside shaped shapes

Postby inkydinkydo » Wed Dec 04, 2013 10:47 pm

Hi all,

It's difficult to search when you don't know what you're searching for. I would like to be able to take a shape (or shapes) for simplicity say a circle or triangle and then put a word or words inside that shape but want the word or words to be the same shape as the shape that I'm putting the word(s) into. A simple example would be a circle with the word sun in but the word sun would be stretched, shrunk, widened etc so that it filled all the space. Does that make any sense at all. Can anyone point me in the right direction for any hints, tips, tutorials, correct search terms etc please.

Inky

User avatar
Maestral
Posts: 982
Joined: Sat Aug 27, 2011 7:10 am

Re: shaped words inside shaped shapes

Postby Maestral » Thu Dec 05, 2013 12:07 am

Take a look at these topics:

Fitting text or Fitting words in shapes
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: shaped words inside shaped shapes

Postby Lazur » Thu Dec 05, 2013 1:04 am

Don't know if there is a mesh distort extension existing but a quick search points that in scribus there is a way to use that feature with 16 nodes.
http://libregraphicsworld.org/blog/entry/what-is-new-in-scribus-1-3-5
I would probably use blender to draw a plane, add the letters as a texture, subdivide and add subdivision surface modifier to the object, then distort the vertices and render the result, whenever in the need of precise reshaping of an image to another.

User avatar
heathenx
Posts: 388
Joined: Thu Jun 07, 2007 11:51 pm
Location: USA
Contact:

Re: shaped words inside shaped shapes

Postby heathenx » Thu Dec 05, 2013 2:57 am

Like this? (quick-n-dirty)
Attachments
sample.png
sample.png (36.09 KiB) Viewed 5774 times

inkydinkydo
Posts: 20
Joined: Tue Sep 04, 2012 9:05 am

Re: shaped words inside shaped shapes

Postby inkydinkydo » Thu Dec 05, 2013 3:22 am

I had a look at your 2 links thank you Maestral, it looks very complicated and a lot above my level of experience.

Lazur URH thank you for taking the time to reply, Draw a plane, add letters as a texture, subdivide and add subdivision surface modifier to the object etc, Not for a few years yet, I'm only just starting out with Inkscape, I don't even understand the terms

Exactly like that heathenx, how is that done? I'm very new to Inkscape, there is so much to learn, I think that I might have watched some of your videos as while ago, does this process appear on one of them?

User avatar
heathenx
Posts: 388
Joined: Thu Jun 07, 2007 11:51 pm
Location: USA
Contact:

Re: shaped words inside shaped shapes

Postby heathenx » Thu Dec 05, 2013 4:12 am

I sort of covered this in one of my videos, episode 088 (http://screencasters.heathenx.org/episode-088). I used the Bezier Envelope 2010 extension to make it work. It only takes a few minutes to squish that text into a circle. Bezier Envelope only works with 4 nodes, no more, no less. Basically you draw a circle to use as a guide and then draw a 4 corner bezier square on top of it. Stretch each segment between the nodes outward to make a circle. Make some text, convert to path, ungroup and combine the letters into one shape. Add more nodes to the text shape with the Add Nodes extension. Select your text, select your bezier shaped circle/path and apply a Bezier Envelope. The text will stretch but it's not perfect. You'll have to adjust some nodes afterward if you want it perfect.

I hate explaining how to draw things in written form. Allow me to make a quick-n-dirty screencast for you. I broke my mic a few days ago so there will not be audio. Just do what I do and you'll get it. ;)

Download Bezier Envelope 2010 here: http://bit.ly/bdcIz9 Unzip and add the files to your extensions sub-directory.

Updated: See screencast: https://www.youtube.com/watch?v=aB8LCwu ... e=youtu.be

User avatar
Xav
Posts: 1209
Joined: Fri May 08, 2009 1:18 am
Location: UK
Contact:

Re: shaped words inside shaped shapes

Postby Xav » Fri Dec 06, 2013 2:01 am

Here's my quick'n'hacky take on it:

1) Draw a circle
2) Create the text
3) Convert the text to a path
4) Apply the "Envelope Deformation" live path effect to the text path
5) Adjust the top, bottom, left and right paths for the LPE to get the sort of distortion you want
6) Clip the text path with a copy of the circle, just because I'm too lazy to spend all day tweaking nodes to get the edges perfect ;)
7) Optionally convert the text path to a path again in order to "fix" the LPE distortion. This makes it a bit easier to subsequently tweak the fine details of the shape.
Attachments
envelope_distortion_LPE_on_text.png
envelope_distortion_LPE_on_text.png (23.25 KiB) Viewed 5523 times
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter

inkydinkydo
Posts: 20
Joined: Tue Sep 04, 2012 9:05 am

Re: shaped words inside shaped shapes

Postby inkydinkydo » Fri Dec 06, 2013 12:33 pm

Presumably this can be done to fill any shape by adjusting the nodes. This is brilliant, thank you both very much for the info.

Inky

ps tried the download but Firefox couldn't find the page.

User avatar
BobSongs
Posts: 324
Joined: Fri Sep 14, 2007 2:18 pm
Location: Montreal, Canada

Re: shaped words inside shaped shapes

Postby BobSongs » Sat Dec 07, 2013 1:49 am

inkydinkydo wrote:Presumably this can be done to fill any shape by adjusting the nodes. This is brilliant, thank you both very much for the info.

Inky

ps tried the download but Firefox couldn't find the page.


Perhaps this link will work better:
http://screencasters.heathenx.org/wp-content/uploads/bezier_envelope_update_0.48.zip

User avatar
heathenx
Posts: 388
Joined: Thu Jun 07, 2007 11:51 pm
Location: USA
Contact:

Re: shaped words inside shaped shapes

Postby heathenx » Sat Dec 07, 2013 1:53 am

Well done, Xav. Perhaps if we ever get the devs to finish the lattice deformation LPE then it might be another possibility.

@inkydinkydo
You might want to check out another tutorial of mine, episode 060 (http://screencasters.heathenx.org/episode-060). In it I illustrate how to node sculpt.

inkydinkydo
Posts: 20
Joined: Tue Sep 04, 2012 9:05 am

Re: shaped words inside shaped shapes

Postby inkydinkydo » Sat Dec 07, 2013 3:46 am

@heathenx
@BobSongs
@Xav

Thanks all, will have a go at this later today,

BobSongs thanks for link, got it this time (Firefox can be a bit off at times)
heathenx and Xav, clear explanations, precise instructions, even I, a beginner, would feel confident, many thanks.

heathenxI think there might be some people on another site who might also find this info useful, how would you feel about me linking the videos to that site?

Inky

User avatar
heathenx
Posts: 388
Joined: Thu Jun 07, 2007 11:51 pm
Location: USA
Contact:

Re: shaped words inside shaped shapes

Postby heathenx » Sat Dec 07, 2013 3:59 am

inkydinkydo wrote:heathenxI think there might be some people on another site who might also find this info useful, how would you feel about me linking the videos to that site?


You have the freedom to link and do just about whatever you want with those videos.


Return to “Help with using Inkscape”