Text

2D Text

You can quickly create 2D static or scrolling text using any kind of font, color, size, shadows, embedded images... Furthermore, you can animate the 2D text object in the 3D space at your wish, and get effects like flying text, rotating text as shown on this movie.

Create a 2D Text object
Select the menu item Objects:2D:Text to create a 2D Text object. You can also select the T icon from the 2D pop-up menu on the Stage Toolbar, as shown here aside. Then type your text, choose font, size, style, color, shadow, stroke tick, stroke color and and press the OK button (or press Command-Return).




You will get a 2D Text object on the Stage window like the one shown here below. The orange bounding box indicates that the 2D Text object is currently selected.




You can animate the 2D text object in the 3D space as well as you animate any other object on the Stage by assigning key frames (look at the Create an animation page).



Edit the 2D Text object

  1. Click on the text box on the Stage in order to select it. If the sprite-text is nested within a sprite-folder, click on the text box holding down the Option key in order to select it.

  2. Click on the text box on the Stage and drag the mouse to move the text box along the X and Y axes.

  3. Click on the text box on the Stage and keep the mouse button down, then hold down the Option key and drag the mouse to move the text box along the Z axis.

  4. Click on the text box on the Stage and keep the mouse button down, then hold down the Control key and drag the mouse to rotate the text box along the X and Y axes. Hold down the Shift key too to constrain the rotation along one axis only.

  5. Click on the text box on the Stage and keep the mouse button down, then hold down the Control & Option keys and drag the mouse to rotate the text box along the Z axis.

  6. Click on the text box on the Stage and keep the mouse button down, then hold down the Command key and drag the mouse to change the size of the text box. In addition press the Shift key to constrain the resizing along one axis only. In case of horizontal scrolling text, please note that it usually requires a bigger height than what you normally expect. So, if you resize the text box height smaller than required, the text will not show up. Also, be sure you didn't type unwanted Carriage Returns on your horizontal scrolling string.

  7. To resize the text box you can also select the text object then enter a value in the in the X Y Size fields   of the Inspector:Geometry panel.

  8. Double click on the text box on the Stage window to re-edit the text. Also select the text object then select the Sprite:Edit 2D Text menu item.




Import a 2D text file (rtf and rtfd)

  1. Drag and drop an RTF or RTFD text file onto the Stage window or onto the hierarchical list of the Sprite window to quickly create a 2D Text object.

 

Scrolling Text

You can set a text object to scroll, horizontally or vertically.

  1. Select the text object on the Stage or on the hierarchical sprite list of the Sprites window.

  2. Select the Inspector:Object Parameters panel

  3. Select the menu item Go Top from the Scroll Direction pop-up menu. The text will disappear from the text box and will reappear during the animation.

  4. Set the Scroll Speed value.

  5. Set the initial Scroll Offset value.

  6. Press the Space Bar to watch the animation.

2D Text Counter

A Text counter is a special text box displaying a dynamic value as the current time or the current frame or any other value taken from a sprite. Watch a counter in action.


  1. Select the menu item Objects:2D:Counter to create a 2D Text Counter. You can also select the 8 icon from the 2D pop-up menu on the Stage Toolbar, as shown here aside.





The counter placeholder string [00.00] must be left untouched. You can edit the font, size and color of the whole text and add your own custom text before and after the counter string. Press the OK button (or press Command-Return). You will get a 2D Text Counter object on the Stage window like the one shown here below. The orange bounding box indicates that the 2D Text object is currently selected. Edit the Text Counter box (size, position, rotation...) as well as you edit a Text box (see here above).


 

Time Counter

Let’s see how to create a Text Counter displaying the current time (in seconds) of the Text Counter Sprite itself.


  1. Select the Text Counter sprite on the hierarchical sprite list of the Sprites window.

  2. Go to the Inspector:Object Parameters panel to edit the parameters specific for the Text Counter.

  3. Select the menu item Frame (Seconds) from the Take Value pop-up menu.

  4. Select the menu item me from the From Sprite pop-up menu. This means that the value will be taken from the Text Counter sprite itself.

  5. Leave the Scale value to 1.

  6. Leave the Offset value to 0.

  7. Press the Space Bar to watch the animation.


The counter will display the seconds corresponding to the current frame of the Text Counter sprite itself. If, for instance the current frame is 120 and the Text counter sprite start is 30, the Text Counter will display 1.30 seconds. In facts, since the sprite starts at the frame 30 (0.5 seconds) and the current frame is 120 (2 seconds), the difference is 120 - 30 = 90 frames = 1.5 seconds. This means that, during the animation, at the frame 120, the Text Counter is already on the Stage for 1.5 seconds long.

Geometric Information

Let’s see how to create a Text Counter displaying the current percent value of a Pie chart. Let’s create the Pie first.


  1. Go to the frame 0.

  2. Create a Pie selecting the Object:3D:Pie menu item and set the sprite start to the frame 0.

  3. Go to the frame 0.

  4. Go to the Inspector:Object Parameters and assign a key frame to the Pie Angle parameter. Set the value to 270.

  5. Go to the frame 100.

  6. Go to the Inspector:Object Parameters and assign a key frame to the Pie Angle parameter. Set the value to 45.

  7. Go to the frame 0 and press the Space Bar to watch the animation. The Pie will decrease its slice angle from 270º to 45º.


Now let’s create the Text Counter and link its value to the Pie Angle.


  1. Go to the frame 0.

  2. Select the menu item Objects:2D:Counter to create a 2D Text Counter.

  3. Go to the Inspector:Object Parameters.

  4. Select the Pie menu item from the From Sprite pop-up menu. This means that the value will be taken from the Pie sprite we have previously created and animated.

  5. Select the menu item Angle from the Take Value pop-up menu.

  6. Set the Scale value to 0.27778 (1/360*100) to display the value of the angle expressed in percent.

  7. Leave the Offset value to 0.

  8. Press Command-E to edit the string of the Counter. Add a percent after the Brackets ([00.00]%). You can also add 3rd decimal value by entering a zero after the point [00.000]%.

  9. Press the Space Bar to watch the animation.


The counter will display the value 75% when the angle of the Pie is 270º and it will display the value 12.5% when the angle of the Pie is 45º. Download this animation sample.

Align Text

You can select several 2D Text or 2D Counter objects or one sprite folder containing several 2D Text or 2D Counter objects and set their paragraph alignment in one click, without opening the edit-text window.


  1. Select a 2D Text or 2D Text Counter or a sprite folder containing several 2D Text or 2D Counter objects

  2. Go to the Inspector:Object Parameters panel.

  3. Click on the Text Alignment icon, left, centered or right.

Change Font, Style, Size and Color

You can select several 2D Text or 2D Counter or 3D Text objects or one folder containing several 2D Text or 2D Counter or 3D Text objects and change their font/size/style/color in one click, without opening the edit-text window.


  1. Select a 2D Text or 2D Text Counter or a 3D Text object or a sprite Folder containing several 2D Text or 2D Counter objects.

  2. Go to the Inspector:Object Parameters panel.

  3. Choose the font from the Font panel (Command-T to open the Font panel).

  4. Choose the color from the Color panel (Command-Shift-C to open the Color panel).

KINEMAC

Align Positions and Anchors

You can select several objects or one folder containing several objects and align the objects along the X, Y and Z axes.


  1. Select several objects you want to align.

  2. Go to the Inspector:Alignment panel.

  3. Click on the Align Positions icons.


The same way you can align the bounding boxes of the selected objects by aligning their anchors points. To visualize the anchor points on the Stage, turn on the blue Anchor switch on the Inspector:Geometry panel .

3D Text

You can easily create and animate 3D Text objects with any font, size and color. You can set the transparency, specular and the reflection attributes to each surface of the object such a way to create glass, plastic and metal effects. Also you can apply an image or a movie texture upon each surface of the 3D Text and. You can even animate the size of the 3D Text assigning key frames to the 3 size parameters.

Create a 3D Text object
Select the menu item Objects:3D:Text to create a 3D Text object. You can also select the A icon from the 3D pop-up menu on the Stage Toolbar, as shown here aside. Then type your text, choose font, size, style, color and press the OK button (or press Command-Return).




You will get a 3D Text object on the Stage window like the one shown here below. The orange bounding box indicates that the 3D Text object is currently selected.




You can animate the 3D Text object in the 3D space as well as you animate any other object on the Stage by assigning key frames (look at the Create an animation page).



Edit the 3D Text

  1. To change the depth of the 3D Text, enter a value in the the Z Size on the Inspector:Geometry panel or click on the text box on the Stage and keep the mouse button down, then hold down the Command & Option keys and drag the mouse.

  2. Double click on the text box in the Stage window to re-edit the text. Also, with the Text sprite selected, press Command-E or select the Sprite:Edit 3D Text menu item.

  3. If you have to change the font or the color of the whole text, you don't need to re-edit the text. Simply select the 3D Text object on the Stage, then choose the font from the Font panel (open the font panel with Command-T) and choose a color from the Color panel (open the Color panel with Command-Shift-C).

  4. You can apply colors, material attributes and textures (images and movies) on each of the 3 surfaces of the 3D Text object (front, back and extrusion). Just select the Inspector:Texture panel then drag (or paste) images and movies into the fields "Images" and "Movies" shown aside.

  5. To get a transparent surface, assign to the surface a transparent color. Open the Color panel with Command-Shift- and choose a color with e.g. 50% opacity. You can even drag a color from the Color palette onto the surface of the selected object on the Stage window.

 
KINEMACkinemac.html

Copyright © 2015 Softobe. All rights reserved.