Version actuelle datée du 29 août 2019 à 12:06

Autres langues :

English • ‎français

Sommaire

1 Overlay (Draw Tab)
- 1.1 Definition
- 1.2 Elements of an Overlay

Overlay (Draw Tab)

Definition

An Overlay is made up of all static and dynamic elements of a Designer project. It can be compared to pre-printed pages in the printing industry.

The Draw F part is the one used to design overlays, you can access it by clicking on the corresponding tab in the status bar. Selecting this tab gives you access to the "Overlay" toolbar in the "Shape" menu.

If you are working on a double sided project, use the Draw B tab to design the overlay for the duplex.

Elements of an Overlay

Geometric Shapes

To draw a geometric shape, select the corresponding icon in the Shape tab. Hold the button of your mouse down and drag your mouse to define the shape and place it on the page. Give it the height and width you would like by dragging your mouse. Then, release the mouse button.

Once the shape is drawn, you can select it, move it around and change its properties (size, outline, filling).

Designer also features a variety of preset, more complex shapes you can select by clicking on the Shape icon:

Different types of shape fillings are available in the object properties:

Texts

To insert a text box, select the Text icon then hold the button of your mouse down where you want the box to be placed. Using the same method as with the geometric shape, drag your mouse to adjust the height and width of the box. Once you have released the mouse button, write your text and format it as you wish (font, size, colour, bold, aligned / justified…).

Images

To insert an image, select the Image icon and hold the button of your mouse down where you want the image to be placed. Give it the height and width you would like by dragging your mouse.

Once you have released the mouse button, a windows opens and asks you to select the Image file you want to insert. All you need to do is select the right file.

The image you selected will then be added to the overlay of the project. You can choose to keep the original dimensions of the file or alter them.

Static table

Using this tool, you can insert a static table into the overlay, you will have to define its properties upon creating it.

To add a static table, select the Static table icon and hold the button of your mouse down where you want the table to be placed. Once you have released the mouse button, a window opens and asks you to define the various parameters of the rows and columns such as their height, position, number, colour, titles...

Tables can also be inserted without specifying the dimensions beforehand, to do so follow the process detailed in 8.5. Draw a table.

@@ Ligne 6 : / Ligne 6 : @@
 An ''Overlay'' is made up of all static and dynamic elements of a Designer project. It can be compared to pre-printed pages in the printing industry.
-The "Draw F" part is the one used to design overlays, you can access it by clicking on the corresponding tab in the status bar. Selecting this tab gives you access to the "Overlay" toolbar in the "Shape" menu.
+The '''Draw F''' part is the one used to design overlays, you can access it by clicking on the corresponding tab in the status bar. Selecting this tab gives you access to the "Overlay" toolbar in the "Shape" menu.
-If you are working on a double sided project, use the "Draw B" tab to design the overlay for the duplex.
+If you are working on a double sided project, use the '''Draw B''' tab to design the overlay for the duplex.
 ==Elements of an Overlay==
@@ Ligne 14 : / Ligne 14 : @@
 ===Geometric Shapes===
-[[File:onyxdesigner-image27.png]]
+[[File:OX_D_22.PNG]]
 To draw a geometric shape, select the corresponding icon in the ''Shape'' tab. Hold the button of your mouse down and drag your mouse to define the shape and place it on the page. Give it the height and width you would like by dragging your mouse. Then, release the mouse button.
-Une fois tracée, une forme est sélectionnable, déplaçable et ses propriétés (dimensions, contour et remplissage) sont modifiables.
+Once the shape is drawn, you can select it, move it around and change its properties (size, outline, filling).
-Des formes complexes prédéfinies sont également proposées en cliquant sur l’icône ''Formes'' :
+Designer also features a variety of preset, more complex shapes you can select by clicking on the ''Shape'' icon:
-[[File:onyxdesigner-image28.png]]
+[[File:OX_D_23.PNG]]
-Différents types de remplissage des formes sont disponibles depuis les propriétés de l’objet :
+Different types of shape fillings are available in the object properties:
-[[File:onyxdesigner-image29.png]]
+[[File:OX_D_24.PNG]]
-===Textes===
+===Texts===
-[[File:onyxdesigner-image30.png]]
+[[File:OX_D_25.PNG]]
-L’insertion d’une zone texte s’effectue en sélectionnant l’icône ''Texte'' puis en cliquant (sans relâcher) à l’endroit où cette zone doit être positionnée. Comme pour une forme géométrique, le déplacement de la souris permet d’ajuster la hauteur et la largeur de la zone. Après avoir relâché le bouton de la souris, il ne reste plus qu’à saisir le texte puis à le mettre en forme (choix de la police, taille, couleur, gras, alignement / justification…).
+To insert a text box, select the ''Text'' icon then hold the button of your mouse down where you want the box to be placed. Using the same method as with the geometric shape, drag your mouse to adjust the height and width of the box. Once you have released the mouse button, write your text and format it as you wish (font, size, colour, bold, aligned / justified…).
 ===Images===
-[[File:onyxdesigner-image31.png]]
+[[File:OX_D_26.PNG]]
-L’ajout d’une image s’effectue en sélectionnant l’icône ''Image'' puis en cliquant (sans relâcher) à l’endroit où cette image doit être positionnée. Il sera possible de lui donner la hauteur et la largeur désirées en déplaçant la souris.
+To insert an image, select the ''Image'' icon and hold the button of your mouse down where you want the image to be placed. Give it the height and width you would like by dragging your mouse.
-Après avoir relâché le bouton de la souris, une fenêtre apparait demandant de sélectionner le fichier ''Image'' à insérer. Il ne reste plus qu’à sélectionner le bon fichier.
+Once you have released the mouse button, a windows opens and asks you to select the ''Image'' file you want to insert. All you need to do is select the right file.
-L’image sélectionnée sera incorporée au fond de page du projet avec le choix de conserver ou non les proportions du fichier d’origine.
+The image you selected will then be added to the overlay of the project. You can choose to keep the original dimensions of the file or alter them.
-===Tableau statique===
+===Static table===
-[[File:onyxdesigner-image32.png]]
+[[File:OX_D_27.PNG]]
-Il est possible, par cet outil, d’insérer un tableau dit statique car ses dimensions et ses propriétés seront définies dès sa création par l’utilisateur.
+Using this tool, you can insert a static table into the overlay, you will have to define its properties upon creating it.
-L’ajout du tableau s’effectue en sélectionnant l’icône ''Tableau statique'' puis en cliquant (sans relâcher) à l’endroit où cette image doit être positionnée. Après avoir relâché le bouton de la souris, une fenêtre apparait demandant de définir les différents paramètres pour les lignes et les colonnes tels que la taille, la position, le nombre, la couleur, les titres …
+To add a static table, select the ''Static table'' icon and hold the button of your mouse down where you want the table to be placed. Once you have released the mouse button, a window opens and asks you to define the various parameters of the rows and columns such as their height, position, number, colour, titles...
-Une autre façon de concevoir un tableau, sans définir au préalable ses dimensions, est réalisable grâce à une autre méthode qui est précisément détaillée en paragraphe [[#dessiner-un-tableau|''<span class="underline">8.5. Tracer un tableau</span>'']].
+Tables can also be inserted without specifying the dimensions beforehand, to do so follow the process detailed in [[#dessiner-un-tableau|''<span class="underline">8.5. Draw a table</span>'']].

Différence entre versions