Transforming a text-object to look 'folded'

Post questions on how to use or achieve an effect in Inkscape.
Forum rules
Post Reply
acebone
Posts: 11
Joined: Wed Aug 18, 2010 1:23 am

Transforming a text-object to look 'folded'

Postby acebone » Thu Feb 12, 2015 11:33 pm

Hi,

I'd like to achieve an effect of a piece of paper w. text on that has been folded twice and then unfolded again.

It's difficult to explain in words - so I made this 'demo' of what I'm trying to do.

Also I'm attaching the SVG-file, in case anyone would like to experiment ... (the objects are heavily grouped together)

Looking fwd to hearing from anyone who can help me out :)

uhdk_baat_how_do_i_fold_the_text.png
uhdk_baat_how_do_i_fold_the_text.png (46.84 KiB) Viewed 2559 times
Attachments
uhdk_baat.svg
(13.96 KiB) Downloaded 160 times
Top
Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Transforming a text-object to look 'folded'

Postby Lazur » Fri Feb 13, 2015 12:43 am

Hi.

You didn't converted the text to path and I don't have impact font at hand, so cannot really complete that example.
I would try splitting it to four parts with the unfolded paper -maybe even combine it with the quarters of the paper-, and use the perspective extension after.
Hope it makes sence.
Top
tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: Transforming a text-object to look 'folded'

Postby tylerdurden » Fri Feb 13, 2015 1:21 am

Impact converted to path:
Attachments
uhdk_baat-td1.svg
(18.41 KiB) Downloaded 160 times
Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/
Top
acebone
Posts: 11
Joined: Wed Aug 18, 2010 1:23 am

Re: Transforming a text-object to look 'folded'

Postby acebone » Fri Feb 13, 2015 1:36 am

Thanks a lot. The font itself is of no importance.

Actually the square is a regular square object while the "folded paper" is a polygon-object - so there is no transformation of the "paper".

I understand that the trick must be with converting to path and I'll have a look at tylerdurdens conversion. I'll see if I can work it out from there - although I'm quite a noob w. inkscape.

Thank you so far guys! :D
Top
Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Transforming a text-object to look 'folded'

Postby Lazur » Fri Feb 13, 2015 1:48 am

Made this with the mentioned extension.
The distortion is maybe too subtle even if correct to the paper.

uhdk_baat-td1II.svg
(95.24 KiB) Downloaded 168 times
Top
acebone
Posts: 11
Joined: Wed Aug 18, 2010 1:23 am

Re: Transforming a text-object to look 'folded'

Postby acebone » Fri Feb 13, 2015 1:54 am

I am totally lost here - Dunno what to do or how.

Lazur - what you did is exactly what I want to do, only I think that the perspective hasn't been applied enough. The straight lines in the letters are not parallel with the edges of the paper.

You guys are so good that you are doing things I don't quite understand - NOOB ALERT!! :)
Top
Janne
Posts: 228
Joined: Wed Oct 29, 2014 4:15 am

Re: Transforming a text-object to look 'folded'

Postby Janne » Fri Feb 13, 2015 5:13 am

I don't know if this topic will be of any help for you, but there were many ways around how to get to the distorted text. Been there - done that - but not completely as in your example :)

viewtopic.php?f=5&t=18240
Top
User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Transforming a text-object to look 'folded'

Postby Espermaschine » Sat Feb 14, 2015 1:44 am

im trying to replicate this effect with varying success
got the endresult, but its quite tedious and difficualt to get right
especially because we dont have a Perspective LPE


so what i did is merge the text and the "paper" with 'Combine'

@LazurUHR
what is the best method to cut the combined path into the four needed segments ?

i used 'Cut Path' but then the fill is all wrong
should this be done with an 'Intersection' ?
Top
Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Transforming a text-object to look 'folded'

Postby Lazur » Sat Feb 14, 2015 1:57 am

acebone wrote:I think that the perspective hasn't been applied enough. The straight lines in the letters are not parallel with the edges of the paper.


As in the linked topic above it's good to think in terms of a grid at the distort.
What if instead of the text there was only some squares. think about a line crossing the middle of the paper -how should it look after the distortion?
It cannot be all parallel to the edge of the paper.
If the edges of the paper are closer to the text, the effect would be more noticable.

acebone wrote:You guys are so good that you are doing things I don't quite understand - NOOB ALERT!! :)


There are at least a dozen small hints that can help drawing such an image, going them through could take an hour writing at least.
And most of those are just personal preferences you can gain by experience.


Espermaschine wrote:what is the best method to cut the combined path into the four needed segments ?


I used intersecting.
Top
acebone
Posts: 11
Joined: Wed Aug 18, 2010 1:23 am

Re: Transforming a text-object to look 'folded'

Postby acebone » Sat Feb 14, 2015 2:26 am

Thanks again, I realize that writing a full-blown manual is bit too much.

I know have the inspiration I need, and I'll be fiddling with it sometime tomorrow.

Actually I'm contemplating a bit of a cheat - If I copy the textobject and paste it into the GIMP - it'll become a bitmap. Gimps perspective tool is very easy to use. Then when it's done, I'll copy the bitmap into Inkscape and trace it to get a vector from it. Haven't got the time to do it today - but a short test run shows that it's actually quite possible to do it that way

Thnx to all in this thread. I'll certainly try to do it the right way first :)
Top
User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Transforming a text-object to look 'folded'

Postby Espermaschine » Sat Feb 14, 2015 3:02 am

Lazur URH wrote:
I used intersecting.

right

heres what i came up with
i find the shading quite difficult

EDIT: update with a dropshadow
Attachments
path6072.png
path6072.png (95.86 KiB) Viewed 2433 times
Last edited by Espermaschine on Sat Feb 14, 2015 3:34 am, edited 2 times in total.
Top
Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Transforming a text-object to look 'folded'

Postby Lazur » Sat Feb 14, 2015 3:16 am

^-Avoiding the gaps caused by the rendering would need less trivial shaped paths. Therefore I took the easy way out and merged the quarters together.
Top
User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Transforming a text-object to look 'folded'

Postby Espermaschine » Sat Feb 14, 2015 3:33 am

Lazur URH wrote:^-Avoiding the gaps caused by the rendering would need less trivial shaped paths. Therefore I took the easy way out and merged the quarters together.

merged ? how ?
Top
Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Transforming a text-object to look 'folded'

Postby Lazur » Sat Feb 14, 2015 3:45 am

With a simple union. Would be an overkill to use combining and node editing this time.
Top
acebone
Posts: 11
Joined: Wed Aug 18, 2010 1:23 am

Re: Transforming a text-object to look 'folded'

Postby acebone » Sat Feb 14, 2015 4:29 am

Lazur - I think you are right about the "parallel" stuff ... I'll try your example and see if I can make the effect stronger using larger text
Top
Post Reply

Return to “Help with using Inkscape”