Scroll Objects And Text

Scroll Objects And Text

Learn how to use features: Scroll objects and Text replacements.

https://www.kwiksher.com/tutorials/Kwik4/Scroll.zip

.psd is 1024 x 768 you can create a new kwik project with iPad mini.

Group

put Rectangle1, Rectangle2 and Rectangle3 into a group. Select three rectangles layers on Layer panel of photshop and click create group from project and pages

• Name: gp_Rectangles

Viewable area

the pink rectangle is the area for scroll object to be set.

Select Rectangle2 and then click scroll object from Interactions on kwik panel.

Notice the width and height of Rectangle2. They are 452 x 300 pt

Select Group to choose gp_Rectangles group. Select Manual and enter the following values to configure scroll widget.

• Top:230
• Left:286
• Width: 452
• Height: 300
• Scrollable width 1024, Scrollable Height 300

Done. Preview in the simulator

Scroll text

Now turn it off Rectangles invisible and create a scrollable text.

select Article layer and use Text Replacement of Layers and Replacements.

• Use native system font

  if not checked, Kwik asks you where your custom font is during publishing.

Select Article layer and click Scroll object from Interactions

Select Paragraph. This set the scroll widget viewable area as the same height and width of the photoshop layer. If you choose Object, the area of the text object created at the runtime will be applied and it would be different to the area in photoshop.

• Paragraph

Done