Text at an angle

Is there a better way (than the one I used) to create the effect shown on this attachment.
The only way I could get text in that angle is to treat each line as a separate item. I couldn't find a way to do a block of type and then turn it all at a suitable angle
PS I tried to use the "Insert image" feature instead of attachment, but it kept telling me that The content type of this image is not allowed
What exactly can you insert as an image?

JETalmage wrote:
ClickDrag with the text tool to create an AreaType object.
Select it as a whole object (black pointer).
Use the Rotate Tool (not the bounding box transform handles) to rotate the AreaType object.
use the white pointer reshape the containing path by adjusting its AnchorPoints. (Turn on SmartGuides to make rectangular alignment easy.)
JET
Thanks for that!
Exactly what I was looking for. And that has now also provided an answer for the same problem in Quark

Similar Messages

Get text frame's angle of rotation

Hello. Does anyone know if there's a way to get/return a text frame's angle of rotation? I've searched through the CS4 AppleScript documentation and the closest I found was a text frame's "matrix" property which seems to be used to rotate an object but not return an object's current angle of rotation. (There is a character rotation property but this seems to return the rotation of each character in the text frame, not the text frame as a whole.)
Ben

I don't think you need to go to Ruby or satimage for this. Neat though it is to figure out the math of the matrix and implement this yourselves, Illustrator's scripting dictionary has the commands to make Illustrator translate an angle to a matrix value and vice versa:
see
concatenate rotation matrix
and
get rotation matrix
in the language dictionary.
There are the equivalent commands for scale and translation matrices too.
In the Illustrator CS6 Applescript Dictionary, I'm looking at Page 99.

Displaying text at specified angle

Hi,
I have a JLabel and want to display it at 30 degrees. How can it be achieved?
Cheers,
Alex

Yes you have to rotate, but there's more to it:
1. translate, or your text will be half off your component
2. write a getPrefferedSize that takes the angle into account.
Seeing as its Friday Fun Time, here is some sample code. I didn't derive from JLabel because I haven't considered icons and alignment, etc...import java.awt.*;
import java.awt.font.*;
import java.awt.geom.*;
import javax.swing.*;
import javax.swing.border.*;
public class Tilt extends JComponent {
     public static void main(String[] args) {
          JFrame f = new JFrame();
          Container cp = f.getContentPane();
          String text = "Here is a sentence";
          cp.add(new Tilt(text,-(float)(Math.PI/6)));
          cp.add(new Tilt(text,(float)(Math.PI/2)), BorderLayout.EAST);
          cp.add(new Tilt(text,-(float)(Math.PI/2)), BorderLayout.WEST);
          cp.add(new Tilt(text,0), BorderLayout.NORTH);
          cp.add(new Tilt(text,(float)(Math.PI)), BorderLayout.SOUTH);
          f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          f.pack();
          f.show();
     private String text;
     private float angle;
     private static FontRenderContext frc = new FontRenderContext(null, true, true);
     private static Font defaultFont = new Font("Lucida Bright", Font.PLAIN, 24);
     private static Border defaultBorder = BorderFactory.createRaisedBevelBorder();
     public Tilt() {
          setBorder(defaultBorder);
          setFont(defaultFont);
     public Tilt(String text, float angle) {
          this();
          setText(text);
          setAngle(angle);
     public String getText() {return text;}
     public void setText(String text) {this.text = text;}
     public float getAngle() {return angle;}
     public void setAngle(float angle) {this.angle = angle;}
     public Dimension getPreferredSize() {
          double cosa = Math.abs(Math.cos(angle));
          double sina = Math.abs(Math.sin(angle));
          Rectangle2D bounds = getTextBounds();
          double w = bounds.getWidth(), h = bounds.getHeight();
          Insets insets = getInsets();
          int W = (int)(0.5+w*cosa+h*sina) + insets.left + insets.top;
          int H = (int)(0.5+h*cosa+w*sina) + insets.top + insets.bottom;
          return new Dimension(W,H);
     protected void paintComponent(Graphics g) {
          super.paintComponent(g);
          Graphics2D g2 = (Graphics2D) g;
          AffineTransform original = g2.getTransform();
          Rectangle2D tb = getTextBounds();
          g2.translate((getWidth()-tb.getWidth())/2-tb.getX(),
               (getHeight()-tb.getHeight())/2-tb.getMinY());
          g2.rotate(angle, tb.getCenterX(), tb.getCenterY());
          g2.drawString(text, 0, 0);
          g2.setTransform(original);
     private Rectangle2D getTextBounds() {
          return getFont().getStringBounds(getText(), frc);
}Happy coding!

Are you drawing text at an angle with TextRenderer?

This is a question for folks that are aware of the difference in quality of output between TextRenderer.DrawText and (Graphics.DrawString + Graphics.TextRenderingHint = Text.TextRenderingHint.AntiAlias). It is an issue that has been discussed by others,
elsewhere, without resolution, and I'm simply asking if anyone has come up with a workaround.
I want to render text in the quality of TextRenderer.DrawText, at right angles or upside down. TextFormatFlags.PreserveGraphicsTranslateTransform ignores calls to RotateTransform on the Graphics object that exposes IDeviceContext to DrawText, and DrawText doesn't
play nicely with bitmaps.
Has anyone figured out a way to draw text at the same quality provided by TextRenderer.DrawText, at an angle other than 0 degrees?
(For those who need a back story to prove to you that I cannot use a Label or Graphics.DrawString for this, here you go.
There is a cat stuck in a tree in my back yard. I would like to rescue him, but there is a troll standing between me and the tree. He's a nasty troll, but on TV he plays a happy-go-lucky helpful troll, so when I call the police to complain, they just laugh
at me. "Ha! You can't fool us! We watch TV!"
The troll will allow me to reach the cat if I provide him with a UserControl that renders text at the same quality as the Windows.Forms.Label control, but at angles 90, 180 and -90 degrees. He is a clever troll in that he notices details between shoddy and
neat; rough and smooth; ugly and pretty; cat and honey badger. Therefore, I have not been able to fool him into thinking that ugly text is pretty by asserting that ugly text is pretty. Argh. I dislike this troll.)

And this has to do with
Usability Steven's
issue in what fasion and why are you responding to somebody elses issue
Mick Doherty? Or is this just for my information?
La vida loca
Hi Monkey
This was mainly for info, but the OP did question the difference between GDI and GDIPlus methods of drawing rotated text. Your example only provides a GDIPlus method.
GDI does not respect the Graphics objects rotations, but so long as the PreserveGraphicsTranslateTransform flag is set it will respect Translations.
Here's a simple example to highlight the issue:
Public Class Form1
Public Sub New()
' This call is required by the designer.
InitializeComponent()
' Add any initialization after the InitializeComponent() call.
Me.SetStyle(ControlStyles.ResizeRedraw, True)
End Sub
Private Sub Form1_Paint(sender As System.Object, e As System.Windows.Forms.PaintEventArgs) Handles MyBase.Paint
Dim testString As String = "My Test String"
Dim angle As Single = 0
If Me.CheckBox1.Checked Then angle = 180
Using testFont As New Font("Arial", 24, FontStyle.Regular, GraphicsUnit.Point)
Dim rc As Rectangle = Me.ClientRectangle
rc.Offset(0, -24)
Me.DrawRotatedGDIText(e.Graphics, testString, testFont, rc, Color.Red, angle)
rc.Offset(0, 48)
Me.DrawRotatedGDIPlusText(e.Graphics, testString, testFont, rc, Color.Black, angle)
End Using
End Sub
Private Sub CheckBox1_CheckedChanged(sender As System.Object, e As System.EventArgs) Handles CheckBox1.CheckedChanged
Me.Invalidate()
End Sub
Private Sub DrawRotatedGDIText(graphics As Graphics, text As String, font As Font, bounds As Rectangle, color As Color, rotation As Single)
Dim sz As Size = TextRenderer.MeasureText(text, font)
Dim centre As Point = bounds.Location
centre.Offset(bounds.Width \ 2, bounds.Height \ 2)
Dim offset As Point = New Point(-sz.Width \ 2, -sz.Height \ 2)
graphics.TranslateTransform(centre.X, centre.Y)
graphics.RotateTransform(rotation)
TextRenderer.DrawText(graphics, text, font, offset, color, TextFormatFlags.PreserveGraphicsTranslateTransform)
graphics.ResetTransform()
End Sub
Private Sub DrawRotatedGDIPlusText(graphics As Graphics, text As String, font As Font, bounds As Rectangle, color As Color, rotation As Single)
Dim sz As Size = graphics.MeasureString(text, font).ToSize
Dim centre As Point = bounds.Location
centre.Offset(bounds.Width \ 2, bounds.Height \ 2)
Dim offset As Point = New Point(-sz.Width \ 2, -sz.Height \ 2)
graphics.TranslateTransform(centre.X, centre.Y)
graphics.RotateTransform(rotation)
Using myBrush As New SolidBrush(color)
graphics.DrawString(text, font, myBrush, offset)
End Using
graphics.ResetTransform()
End Sub
End Class
Here you can see the GDI string (red text) is rendered differently to the GDI Plus string (black text) i.e. the GDI Plus text is longer. Both strings have been rendered to the correct location as set by the graphics transformation:
Here a Rotation to the graphics object has been performed, but the GDi method has totally ignored it:
As a rule, Win32 based controls render with GDI rather than GDI+ and so if we wish to draw a custom control which appears similar to a Win32 based control we need to render with GDI. If you've ever tried to ownerdraw a tabcontrol then you will have noticed
that the text does not always fit on the tabs if we've used GDI+. using GDI the text fits perfectly, but when we side align the tabs the text does not rotate. We can, as the OP has done, draw unrotated text to a bitmap and then rotate the bitmap and this
works well if we have a solid background. If we have a textured background however, this method is not acceptable.
Mick Doherty
http://dotnetrix.co.uk
http://glassui.codeplex.com

Header text on an angle/cell wall slant?

In xcel you can orient the text header to be on angle to save room (ie: if column header is named "Number of Guests" and row cell answer is "3") and the cell walls slant accordingly. I can't seem to get this to work in Numbers. Otherwise my spreadsheet goes on for days.
Help! Thx.

HI
1) Resize the Table and the window to fit the Header text
2) Use Page Protection option so that the Text does not overflow.
3) Check with our Functional Consultant , how many lines the Header and Item Text will be max , based on whichu change the layout.
surya

Scrolling text at an angle

don't suppose anyone has found a work a round in DPS to have a scrolling text box at an angle, so that the text inside the scrolling are scrolls at the same angle as the text box, and not just vertically.
...just on the remote off chance :-)
Cheers
Alistair

Hi Bob
It's a piece of cake with edge animate, but I just want to do it in indesign for simplicity, (in that I mean OAM's can be really flakey, and the HTML files dont always perform too well on iPad1)
May be next year we will start to see a bit more features added to DPS, if I live that long :-)
thanks for the reply though!
Alistair

Positioning Text at an Angle on a Image PS6?

I want to postion the text from a corner at an angle on top of an image but I am not sure how! I tried using the transform tool, but I can't select it when I have the text layer selected. I also tried merging the background layer and the text, but I can't select both layers!

I'm with John - it's been a long time since I last used PS 6, but doesn't it have the Text on a Path Tool? The T will have a slightly curved line at the bottom in the icon. If so, use the Pen Tool to draw your Path, and then click the Text on a Path Tool on, or very near that Path, and Type.
I'll be interested to know if that Tool was in PS 6.
Good luck,
Hunt

SAPScript: Is it possible to print text on an angle?

Hello,
Is it possible to print text from the lower left corner to the upper right corner using SAPScript?
Thx.
Andy Jacobs

Hi Andrews,
it is possible to print by placing each characters in different line.
for example:
             A
              N
               G
                L
                 E
                  P
                   R
                    I
                     N
                      T
by using tabs and each character will be placed in an angular fashion using tabs
Cheers
VJ
Message was edited by: Vijayendra Rao

Arching, angled text, large to smaller text.

Hello there, I don't know if this is the right place to post this question on, but I just wanted to know how and if a certain effect can be applied to Illustrator. I wanted to get this text shape and angle that is found on the link below which reads 'PELICANS'.
http://logopond.com/gallery/detail/187441
As you can see the 'P' starts of as the Largest letter and then the letters become smaller and at an angle, and then becoming larger again. It would be great if anyone could tell me how to do this. The only way to contact people at Logopond is by writing a public comment or forum, but not for help needed in doing certain things in a particular program. Its usually for design comments helping create brand logo and identity.
Thanks

Hello there, I don't know if this is the right place to post this question on, but I just wanted to know how and if a certain effect can be applied to Illustrator. I wanted to get this text shape and angle that is found on the link below which reads 'PELICANS'.
http://logopond.com/gallery/detail/187441
As you can see the 'P' starts of as the Largest letter and then the letters become smaller and at an angle, and then becoming larger again. It would be great if anyone could tell me how to do this. The only way to contact people at Logopond is by writing a public comment or forum, but not for help needed in doing certain things in a particular program. Its usually for design comments helping create brand logo and identity.
Thanks

Text/image issues

This should be an easy answer, I just can't figure it out. I'm using some iweb templates to design a webpage. Here is my issue. There is an existing template (lets say a post-it note picture) that is set at a slight angle. I want to add text to this post-it note picture but my text is straight across instead of at a slight angle to match the template. I can only rotate at 90 degrees and I can't find a "custom" way to rotate my text only slightly. What am I missing here? I can't figure it out? How can I post text that matches the angle of the post-it note?

Welcome to the Apple Discussions. Yes, it can be done. Select the text box and go to the Inspector/Metrics pane and use the Rotate wheel at the bottom to place the text at the angle you want. This demo page has an example at the bottom of the page.
OT

Vertical text in Excel output

Hello,
I am designing a report with Excel output using BI Publisher. The problem i am facing is that the text direction (vertical) in the RTF file does not remain the same in the Excel output. Do you have any solutions/workarounds for this problem?
Thank you.

Hi Radu,
I'm afraid, I'm not able to do it, somehow although excel has the option to rotate text by any angle, it does not seem to accept the text direction that RTF does..
-Domnic

How do you tilt the writing in your text box or tilt a picture for Pages08?

Some of the templates that are provided for Pages 08' have tilted/slanted text and pictures, but I can't seem to figure out how to do it myself. Is it possible?

Welcome to Apple Discussions.
If you want the line of text at an angle it must be in a text box. Select the box and while holding ⌘ drag one corner of the box. or you can rotate it in the Metrics Inspector.
Walt

Variables with angle brackets

I was trying to create a variable that contained angle brackets <> as the text needed in the variables are angle brackets in this instance. However, there is also text between the angel brackets. When I created the variable, the text between the angle brackets was in Courier New font and it had a red background. When I previewed the page, that information was cut out of the variable.
First, how do I add angle brackets within a variable (or can you)?
Second, what is happening when I add angle brackets and the font changes and the background color changes behind the text? What does it do? Can someone point me to an article or reference on what it does and how it's helpful?
Thanks.

Hi mcallit82,
you can have < or > in the udv values there are two ways to achieve this
1. You can directly type these characters in the design view of the UDV value as shown below
2. the UDV creation dialog you can use '<' for '<' and '>' for '>'
Hope this will help
Ashish

Display vertical text in body page

Hi Gurus,
I want to display vertical text(90 degrees angle) in my body page. Can u pls advice me how to do??
Regards,
Srini

Hi Srini,
I would prefer you to explain the problem in the forum itself sothat it will be beneficial for others as well.
Anyway, it is possible to rotate the text in the dynamic table as well.
1) Find the text to rotate by looping the dynamic table (use javascript function, "xfa.resolveNodes()" to loop).
2) Rotate it using the script in appropriate event.
tab1.data.textField.rotate = "90";
Please let me know if you need more help.
Thanks & Regards,
Sanoosh

Text Image Loader Issues

Hi,
I have the following code which creates a text loader just
offset from the cursor.
It works in IE but not Safari or Firefox.
Any ideas?
Cheers
function startLoading(whichImage) {
loadMovie(whichImage, "_root.image_holder");
_root.onEnterFrame = function() {
infoLoaded = _root.image_holder.getBytesLoaded();
infoTotal = _root.image_holder.getBytesTotal();
percentage = Math.floor(infoLoaded/infoTotal*100);
_root.loaderText.text = percentage+"%";
if (percentage>=100) {
delete this.onEnterFrame;
_root.loaderText._visible = false;

Welcome to the Apple Discussions. Yes, it can be done. Select the text box and go to the Inspector/Metrics pane and use the Rotate wheel at the bottom to place the text at the angle you want. This demo page has an example at the bottom of the page.
OT

Text at an angle

Similar Messages

Maybe you are looking for