Difference between revisions of "Centering text on a face"
From Protocase Designer Documentation
m |
(→To center text both horizontally and vertically) |
||
| (3 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | This tutorial shows how to center text on a face vertically, horizontally, or both.<br><br> | + | This tutorial shows how to use snap points to center text on a face vertically, horizontally, or both.<br><br> |
:'''Tip''': This procedure requires that you identify the center of both the text box that you are centering and another object that you use as a reference point. To correctly identify a center, you might have to enlarge the view. For example, at this View size, the Measure pointer does not snap to the exact center of the object, even when it turns green...<br> | :'''Tip''': This procedure requires that you identify the center of both the text box that you are centering and another object that you use as a reference point. To correctly identify a center, you might have to enlarge the view. For example, at this View size, the Measure pointer does not snap to the exact center of the object, even when it turns green...<br> | ||
:[[File:Center_text_tutorial_b1a.png|500px]]<br> | :[[File:Center_text_tutorial_b1a.png|500px]]<br> | ||
:...but it does when you zoom in.<br> | :...but it does when you zoom in.<br> | ||
:[[File:center_text_tutorial_b2.jpg|500px]]<br><br> | :[[File:center_text_tutorial_b2.jpg|500px]]<br><br> | ||
| − | In the following examples, text and objects are shown at their normal size in order to show the entire | + | :In the following examples, text and objects are shown at their normal size in order to show the entire face. |
===To center text horizontally=== | ===To center text horizontally=== | ||
| − | #In the Face Editor, click the '''Text''' tool [[File:tool- | + | #In the Face Editor, click the '''Text''' tool [[File:tool-text_NEW.png|40px]] and type the text that you want to center on the face. It does not matter if the text is too small to read. |
| − | #:[[File: | + | #:[[File:center_text_tutorial_1_NEW.png|500px]] |
| − | #Click the '''Measure''' tool [[File:tool- | + | #Click the '''Measure''' tool [[File:tool-measure_NEW.png|40px]].<br> |
#:The pointer turns to a red circle, which turns green when it is moved over a snap point. Center snap points are in the center of each edge of the face, the center of the face, and in the center of any object that is already centered, such as the stud on the front panel of a rackmount enclosure.<br> | #:The pointer turns to a red circle, which turns green when it is moved over a snap point. Center snap points are in the center of each edge of the face, the center of the face, and in the center of any object that is already centered, such as the stud on the front panel of a rackmount enclosure.<br> | ||
#:When you are centering the text horizontally, snap to the center point of the top or bottom edge of the face, or to the center point of an object that is already centered horizontally on the face.<br> | #:When you are centering the text horizontally, snap to the center point of the top or bottom edge of the face, or to the center point of an object that is already centered horizontally on the face.<br> | ||
#:In this example, the pointer is near the center of the bottom edge of the face, but it has not yet snapped to the center point, so it is still red: | #:In this example, the pointer is near the center of the bottom edge of the face, but it has not yet snapped to the center point, so it is still red: | ||
| − | #:[[File: | + | #:[[File:center_text_tutorial_2_NEW.png|500px]] |
#:Now the pointer has snapped to the center point of the bottom edge of the face, so it has turned green: | #:Now the pointer has snapped to the center point of the bottom edge of the face, so it has turned green: | ||
| − | #:[[File: | + | #:[[File:center_text_tutorial_3_NEW.png|500px]] |
#When you have moved the pointer so that it snaps to your chosen center point, click the mouse to anchor it there. | #When you have moved the pointer so that it snaps to your chosen center point, click the mouse to anchor it there. | ||
#Move the Measure pointer to the text, and click it when it snaps to the center point of the text box. | #Move the Measure pointer to the text, and click it when it snaps to the center point of the text box. | ||
| − | #:[[File: | + | #:[[File:center_text_tutorial_4_NEW.png|500px]] |
#Change the '''x difference''' to "0" and press <Enter>. | #Change the '''x difference''' to "0" and press <Enter>. | ||
| − | #:[[File: | + | #:[[File:center_text_tutorial_5_NEW.png|500px]] |
The text is now centered horizontally on the face. | The text is now centered horizontally on the face. | ||
| Line 33: | Line 33: | ||
#Click the center snap point of the text box. | #Click the center snap point of the text box. | ||
#In the Properties panel, change the '''distance''' to 0 and press <Enter>. (Note that this causes '''x difference''' and '''y difference''' to automatically change to 0 as well.) | #In the Properties panel, change the '''distance''' to 0 and press <Enter>. (Note that this causes '''x difference''' and '''y difference''' to automatically change to 0 as well.) | ||
| − | #:[[File: | + | #:[[File:center_text_tutorial_a1_NEW.png|500px]] |
#:The text is now centered both vertically and horizontally: | #:The text is now centered both vertically and horizontally: | ||
| − | #:[[File: | + | #:[[File:center_text_tutorial_a2_NEW.png|500px]] |
Latest revision as of 13:45, 4 August 2017
This tutorial shows how to use snap points to center text on a face vertically, horizontally, or both.
- Tip: This procedure requires that you identify the center of both the text box that you are centering and another object that you use as a reference point. To correctly identify a center, you might have to enlarge the view. For example, at this View size, the Measure pointer does not snap to the exact center of the object, even when it turns green...
- ...but it does when you zoom in.
- In the following examples, text and objects are shown at their normal size in order to show the entire face.
To center text horizontally
- In the Face Editor, click the Text tool
and type the text that you want to center on the face. It does not matter if the text is too small to read.
- Click the Measure tool
.
- The pointer turns to a red circle, which turns green when it is moved over a snap point. Center snap points are in the center of each edge of the face, the center of the face, and in the center of any object that is already centered, such as the stud on the front panel of a rackmount enclosure.
- When you are centering the text horizontally, snap to the center point of the top or bottom edge of the face, or to the center point of an object that is already centered horizontally on the face.
- In this example, the pointer is near the center of the bottom edge of the face, but it has not yet snapped to the center point, so it is still red:
- Now the pointer has snapped to the center point of the bottom edge of the face, so it has turned green:
- The pointer turns to a red circle, which turns green when it is moved over a snap point. Center snap points are in the center of each edge of the face, the center of the face, and in the center of any object that is already centered, such as the stud on the front panel of a rackmount enclosure.
- When you have moved the pointer so that it snaps to your chosen center point, click the mouse to anchor it there.
- Move the Measure pointer to the text, and click it when it snaps to the center point of the text box.
- Change the x difference to "0" and press <Enter>.
The text is now centered horizontally on the face.
To center text vertically
Follow the same general procedure as for centering text horizontally, but with the following changes:
- Do not use the center of the top or bottom edge as a reference point, but instead use the center of the left or right edge.
- In step 5, change the y difference to 0. (Do not change the x difference.)
To center text both horizontally and vertically
- Enter the text, then click the Measure tool.
- Click the center snap point of the face.
- Click the center snap point of the text box.
- In the Properties panel, change the distance to 0 and press <Enter>. (Note that this causes x difference and y difference to automatically change to 0 as well.)
- The text is now centered both vertically and horizontally:
