FireworksGuru Forum: Arched Text - FireworksGuru Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Arched Text

#1 User is offline   abeall 

  • FireworksNut
  • PipPipPipPipPipPip
  • View gallery
  • Group: Administrators
  • Posts: 500
  • Joined: 02-September 06
  • Gender:Male

Posted 24 March 2009 - 03:24 PM

One thing you can't do with a simple filter in Fireworks is distort text, which can be used in some graphic apps to make typography a little more interesting at times. Well I just saw this clever Inkscape (opensource vector app) tutorial at Sixthings and thought: wow, that's really clever, you could use the same technique in Fireworks easily enough!

And attached is a quick walk-through on the distortion part in Fireworks (it's a Fireworks PNG so you can download to look at the final result in Fireworks.)

Attached image(s)

  • Attached Image: monthly_03_2009/post-133-1237944405.png

0

#2 User is offline   jdunning 

  • FireMonk
  • PipPipPipPip
  • Group: Members
  • Posts: 97
  • Joined: 03-March 07

Posted 24 March 2009 - 06:21 PM

Reminds me of that old TypeStyler program that let you distort and style text like 15 years ago. It's back to the future!
0

#3 User is offline   raja 

  • FireMonkey
  • PipPipPipPipPipPipPipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 1,001
  • Joined: 20-July 06
  • Gender:Male

Posted 24 March 2009 - 07:26 PM

very nice thks.
Posted Image
0

#4 User is offline   blue2x 

  • FireworksNut
  • PipPipPipPipPipPip
  • View gallery
  • Group: FwGurus
  • Posts: 647
  • Joined: 14-July 06
  • Gender:Male
  • Location:Cagayan de Oro City , Philippines
  • Interests:Adobe Fireworks , Business , Investing , Art , Technology

Posted 24 March 2009 - 07:50 PM

always wondered how to do that, =) so they use circles =) awesome
Posted Image

Please visit > Adobe Fireworks Tutorial
0

#5 User is offline   blue2x 

  • FireworksNut
  • PipPipPipPipPipPip
  • View gallery
  • Group: FwGurus
  • Posts: 647
  • Joined: 14-July 06
  • Gender:Male
  • Location:Cagayan de Oro City , Philippines
  • Interests:Adobe Fireworks , Business , Investing , Art , Technology

Posted 24 March 2009 - 08:34 PM

heres my try, =)

Attached Image: monthly_03_2009/post-9-1237955650.png
Posted Image

Please visit > Adobe Fireworks Tutorial
0

#6 User is offline   raja 

  • FireMonkey
  • PipPipPipPipPipPipPipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 1,001
  • Joined: 20-July 06
  • Gender:Male

Posted 25 March 2009 - 12:41 AM

really cool blue.
Posted Image
0

#7 User is offline   jdunning 

  • FireMonk
  • PipPipPipPip
  • Group: Members
  • Posts: 97
  • Joined: 03-March 07

Posted 25 March 2009 - 11:34 AM

If it didn't require so much bezier math, I'd feel a command coming on. Must be code out there for finding intersections with bezier curves...
0

#8 User is offline   DaveH 

  • Fireworks Ninja
  • PipPipPipPipPip
  • Group: Members
  • Posts: 213
  • Joined: 21-December 08
  • Gender:Male
  • Location:San Francisco CA USA

Posted 25 March 2009 - 08:28 PM

If Microsoft can do it for Word Art in MS Office, it must not be that difficult...


View Postjdunning, on Mar 25 2009, 12:34 PM, said:

If it didn't require so much bezier math, I'd feel a command coming on. Must be code out there for finding intersections with bezier curves...

Dave Hogue
Information & Interaction Design
San Francisco CA USA
0

#9 User is offline   abeall 

  • FireworksNut
  • PipPipPipPipPipPip
  • View gallery
  • Group: Administrators
  • Posts: 500
  • Joined: 02-September 06
  • Gender:Male

Posted 26 March 2009 - 12:18 AM

Code for finding bezier curve intersections? Hehe... if you find it, let me know. :)

Hm, maybe a command wouldn't be too hard to get this specific effect if you just use some simple interpolation, translating each point's Y based on it's X position with applied interpolation, then decaying Y translation based on the point's Y distance from top of bounding box... hmmmm, I think I might...
0

#10 User is offline   abeall 

  • FireworksNut
  • PipPipPipPipPipPip
  • View gallery
  • Group: Administrators
  • Posts: 500
  • Joined: 02-September 06
  • Gender:Male

Posted 26 March 2009 - 12:44 AM

Heh, okay, so here's a faster way attached. :) Just enter Strength (max amount of Y distortion) and Offset (horizontal center point) to arc the bottom of your vector selection.

It's a bit sluggish in processing for some reason, not sure why... but it's more accurate, too, because it deforms every point instead of just every path.

EDIT: To install, just copy the file to your applications Fireworks/Configuration/Commands folder.

EDIT2: Made an update, now the command will automatically convert text to paths if you have text selected (with a confirmation prompt, of course.)

Attached File(s)


0

#11 User is offline   raja 

  • FireMonkey
  • PipPipPipPipPipPipPipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 1,001
  • Joined: 20-July 06
  • Gender:Male

Posted 26 March 2009 - 01:16 AM

great one abeall
Posted Image
0

#12 User is offline   Zoe20 

  • FireworksNut
  • PipPipPipPipPipPip
  • Group: Members
  • Posts: 334
  • Joined: 31-August 06

Post icon  Posted 26 March 2009 - 01:17 AM

View Postabeall, on Mar 26 2009, 09:44 AM, said:

Heh, okay, so here's a faster way attached. :)

It's a bit slow for some reason, not sure why... but it's more accurate, too, because it deforms every point instead of every path.


Tks a lot .How to install it ??
Posted Image
0

#13 User is offline   abeall 

  • FireworksNut
  • PipPipPipPipPipPip
  • View gallery
  • Group: Administrators
  • Posts: 500
  • Joined: 02-September 06
  • Gender:Male

Posted 26 March 2009 - 08:29 AM

Just download the .jsf and copy/move it to your Fireworks/Configuration/Commands directory:

Win: Program Files/Adobe/Fireworks [version]/Configuration/Commands/
Mac (not sure): Applications/Adobe/Fireworks [version]/Configuration/Commands/

Or I'll package it as an MXP someday and put it on my site...
0

#14 User is offline   raja 

  • FireMonkey
  • PipPipPipPipPipPipPipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 1,001
  • Joined: 20-July 06
  • Gender:Male

Post icon  Posted 26 March 2009 - 09:02 AM

View Postabeall, on Mar 26 2009, 09:59 PM, said:

Or I'll package it as an MXP someday and put it on my site...


Great idea .Its cool one thanks a Ton.
Posted Image
0

#15 User is offline   Brownspank 

  • Fireworks Sparkle
  • Pip
  • Group: Members
  • Posts: 1
  • Joined: 01-November 06

Posted 26 March 2009 - 09:54 PM

Thanks for the credit, but moreover, thanks for the command: it works like a charm! Looking forward to the MXP version. :)

I think this deserves some linkage.
0

#16 User is offline   raja 

  • FireMonkey
  • PipPipPipPipPipPipPipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 1,001
  • Joined: 20-July 06
  • Gender:Male

Posted 27 March 2009 - 12:22 AM

Yes am also eagerly looking for the mxp version
Posted Image
0

#17 User is offline   abeall 

  • FireworksNut
  • PipPipPipPipPipPip
  • View gallery
  • Group: Administrators
  • Posts: 500
  • Joined: 02-September 06
  • Gender:Male

Posted 27 March 2009 - 10:12 PM

Welcome Brownspank, glad you like it, and thanks for the linkage. :)
0

#18 User is offline   SiamJai 

  • Fireworks Ninja
  • PipPipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 198
  • Joined: 29-April 08
  • Gender:Male
  • Location:Thailand

Posted 02 April 2009 - 02:08 AM

This is awesome! First, it's a great idea and a neat tutorial, but above all, the implementation from idea to command is what makes this so cool. Almost like we watch your design process in real-time.

Congrats Aaron, and thanks for sharing this cool technique and tool! :thumbsup:
0

#19 User is offline   raja 

  • FireMonkey
  • PipPipPipPipPipPipPipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 1,001
  • Joined: 20-July 06
  • Gender:Male

Posted 27 April 2009 - 12:31 AM

any update on the MXP yet please?
Posted Image
0

#20 User is offline   kelton 

  • FireworksNut
  • PipPipPipPipPipPip
  • Group: Members
  • Posts: 471
  • Joined: 02-July 07
  • Gender:Male
  • Location:Antigua
  • Interests:web design, logo design, user interface design

Posted 27 April 2009 - 12:35 PM

View Postraja, on Apr 27 2009, 04:31 AM, said:

any update on the MXP yet please?



as long as u follow abeall instructions above there is no real need for the MXP.. it only installs it easier for u in one package.. in fact the time i took to replied, i could have already installed it manually.
0

#21 User is offline   hamo 

  • FireMonk
  • PipPipPipPip
  • Group: Members
  • Posts: 95
  • Joined: 25-January 08
  • Gender:Male
  • Location:MANCHESTER .UK
  • Interests:GRAPHICS

Posted 01 May 2009 - 12:58 AM

thanks very much
Posted Image
0

#22 User is offline   Mmike 

  • FireworksCommander
  • Pip
  • Group: Members
  • Posts: 7
  • Joined: 23-October 09

Posted 23 October 2009 - 09:08 AM

This is my first post, and this thread made me register cause i want to thank you for the tutorial and command! good work
0

#23 User is offline   zilli 

  • FireworksCommander
  • Pip
  • Group: Members
  • Posts: 8
  • Joined: 30-October 09

Posted 31 October 2009 - 11:38 PM

View Postabeall, on 28 March 2009 - 01:12 PM, said:

Welcome Brownspank, glad you like it, and thanks for the linkage. :)



Good work!
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users