Tag: image

Categories
2. Triobo editor

Images sequence

Another type of object is a sequence of images. This is the frame within which a large number of images can be displayed automatically as a sequence, they can therefore create animations that you have made in some animation program. Properties of object sequences are set in a separate dialog box:

enter image description here

The meaning of individual items is following:

  • Mask of filename – file name of a mask image. When each frame sequence was named as image001.jpg, image002.jpg, image003.jpg … then the text of mask image is image#.jpg – the character grid thus indicates where the image number should be palced
  • Count – image number
  • Number of first – number of the first image, in our case 1
  • Number of digits – number of image digits, in our case 3
  • Autoplay – whether the sequence is loaded automatically after the page starts
  • Speed – interval between two images
  • Repeat – whether the display of final image will be followed with the first one again
  • Tap to start/stop – whether the reader may click on the sequence to start/pause for automatic play
Categories
2. Triobo editor

Inserting complex graphical compositions

If you remake the content that you have typesetted for printed article version in graphic program Adobe InDesign, you can easily transfer in some more complex graphical compositions. First, select all objects in InDesign that you want to transfer and press Ctrl + C. Then open Adobe Photoshop, create a new image and press Ctrl + V. Now you get an image with transparent background. Save it as transparent PNG and use it in Triobo editor.

Sample complex Triobo graphics

Text frames in the example above are made in Triobo editor, but the composition of images has been all transferred at once from InDesign to Photoshop and saved as transparent PNG.

Categories
2. Triobo editor

Images

You can insert the image by using Obrazový rámec tool, you can also drag or click on the page (viz Object insertion). Click the Source to display the list of available sources and click the image to select it. Additional images can be added by mouse dragging from Explorer (Windows) or Finder (OS X). More images can be inserted simultaneously.

Nastavení zdroje

You may mark the check box in the upper right corner. You may also use the Select All button to mark all or Unselect all to cancel the selection. Selected images can be all deleted with the Delete selected button. If the deleted image is used in your publication, do not forget to replace it with another one or delete the respective objects from the page.

On left side of the screen you can switch between articles – i.e. you may also use images from other articles. Please pay close attention to the information on using sources from other articles.

Přehled zdrojů

For technical reasons it is not possible to use file names that contain other characters then letters, numbers and hyphen and underscore. These restrictions aply to all sources you upload to Triobo editor (fonts, images, videos…) – system will notify you that file contains forbidden characters.

Please pay attention to the size of image: for your information the file size and image dimensions are displayed under the file name. Dimensions should not exceed the iPad3 resolution , i.e. max 2048 x 2048 pixels. The image size should be as small as possible, especially if there is a lot of them. We recommend the size of about 300 kB in JPEG format, when the quality is still excellent.

Once you have your image on picture screen, you can double click to open it – you can also make changes of image size, regardless of its frame. Use handles to resize or move the image within the cutout section. In this way you can easily crop images to desired dimensions. If the image frame is open, you can double click it again to go to the source selection dialog.

Orange handles are displayed while image is being edited and same keyboard shortcuts are functional as in setting of ordinary frame: arrow keys cam move the image by 1 pixel (press Alt to move by 8 pixels). By holding down the Shift key the image moves only in one direction, the aspect ratio is maintained with the change.

On the left column you can use buttons to select other image settings:

  • Fill group – determines how the image streches out within its frame.

    • The width () – streching to the width, the height will be adjusted automatically – image may have blank at the bottom edge or can be cut off if the frame does not have the corresponding size. As long as this option is active the image dimensions are changed according to its frame. You can also move the image against the frame and the size will be adjusted accordingly. Once you use one of the image handles the option Fill in width is deactivated.

    • The height () – streching to the height, the width will be adjusted automatically – image may have blank at the right edge or can be cut off if the frame does not have corresponding size. The same rules apply as above: as long as you will not use handless the image size adjusts to its frame size.

    • Both directions () – the image spreads out to the width and height but may be deformed when image frame has different aspects ratio from image. Even in this case the seting will last until you chose other size.

  • The following three buttons serve for setting of other commonly used values:

    • source size 1:1 () – image size within the frame will be set according tho the image source i.e. will be displayed exactly at 100% of size

    • source size 1:1 for mode HD () – some tablets (eg, iPad3 and iPad4) display twice the resolution, for example the area of 300 x 300 pixels in fact displays at 600 x 600 pixels. Pressing this button, adjusts the image size to the source size so the image works well on tablets with high resolution

    • source size according to the image () – image frame will be adjusted according to the size of actual image

If no object is selected, the button Position is available at the panel , which can be used for article setup.

Categories
2. Triobo editor

Variable object – pictures with captions

Variable object may be an interesting element to the reader, because you may choose what information is visible by yourself.

  1. First, using tool Image draw the image frame and select its source.
  2. Draw the text frame using Text tool, write the image caption and format it properly.
  3. Once you are happy with the look, group image with text using Group button (or Ctrl + Shift + G)
  4. Only then click the button Group for setting of variable objects
  5. Now click the button for the situation duplication of variable objects. A new state “State 2” is immediately created and labeled.
  6. Double-click the variable object and then once again to open a group with objects.
  7. Highlight the image and select another source.
  8. Double-click the text label and change it. You can also choose a different location.
  9. Do not forget to see variable object setting