Macworld Masterclass: Quark iPad Publishing Service

Macworld Masterclass: Quark iPad Publishing Service

A quick, cost-effective way into publishing via the App Store


  • Intro 1
  • 1. Page Layout 2
  • 2. App Studio 3
  • 3. Interactive pictures 4
  • 4. Select the picture 5
  • 5. Pan and zoom 6
  • 6. Animating pictures 7
  • 7. Creating a slideshow 8
  • 8. Slideshow files 9
  • 9. Animate the slideshow 10
  • 10. Adding audio 11
  • 11. Movies 12
  • 12. On the button 13
  • 13. Button actions 14
  • 14. Viewing web pages 15
  • 15. Collect for output 16
Next Prev

Step 1 of 16: Intro

The success of the iPad has proven there is a market for app publishing, but the costs and coding skills necessary to develop such apps have been a barrier. So Quark’s iPad Publishing Service for iPad, announced earlier this year, should offer an economic solution to creating apps. But it’s not the most intuitive program to use so we’ve put together this basic how-to guide.

You’ll need to contact Quark to sign up for the service. Quark will then send you the App Studio XTension from QPS. Essentially you design the layout as you would any other project in QuarkXPress and then use the App Studio to add interactivity to enrich your content. Note, you can only add interactivity to a picture box and you can’t mix the interactive elements with other design features.

Next Prev

Step 2 of 16: 1. Page Layout

You will need to make two layouts – one each for horizontal and vertical orientations so that the finished app can switch from one to the other depending on how the iPad is held. We’ve started with the vertical, using a page size of 768 x 1024 points, but you’ll have to test the horizontal layout as you go.

Next Prev

Step 3 of 16: 2. App Studio

Find the App Studio underneath the Window menu, which brings up a palette with six media types: Audio, Button, HTML, Movie, Slideshow and Picture. Select any design element in a picture box with the Item tool and then click on one of these media-type boxes to add interactivity to that element.

Next Prev

Step 4 of 16: 3. Interactive pictures

The most obvious interactivity to add is with the pictures. Select a picture box and click on the Picture button in the App Studio. Type in a name for the picture, such as p2 Top and tick Enable Full Screen. If you type additional text into the caption box this will also be displayed when the image is enlarged.

Next Prev

Step 5 of 16: 4. Select the picture

Click the File option at the bottom right and navigate to the file to add it to the App Studio. Once you’ve done this the picture will appear in the window. It will also be added to the list of interactive elements, which you can see by clicking the arrow at the bottom of the screen.

Next Prev

Step 6 of 16: 5. Pan and zoom

You can also use the Pan and Zoom option to add movement to a still image, which is particularly effective with panoramic pictures. Grab the handles around the picture box to choose a detail to pan and zoom into, or use the slider across the bottom to determine how far the image should zoom in to the centre.

Next Prev

Step 7 of 16: 6. Animating pictures

Click the Pan & Zoom button above the image and tick the Animate option. Then set a short delay, say around 50ms, before the animation starts. Remember to set a longer time for the zoom action itself, say around 500ms, to ensure there is the time to experience the full zoom effect.

Next Prev

Step 8 of 16: 7. Creating a slideshow

Slideshow is one of the most powerful options as it builds up a visual kaleidoscope by embedding images without cluttering up the layout. You could add several stills to a film review. Select an image, click Slideshow, choose the Simple Slideshow option and click the Create the Slideshow button.

Next Prev

Step 9 of 16: 8. Slideshow files

Type in a name for the slideshow. Tick Enable Fullscreen to give the slideshow more impact and also select Enable Scrolling and Show Page Control for better navigation. Use the File button near the bottom left to select the images to use. You can drag and drop between the images to change the order.

Next Prev

Step 10 of 16: 9. Animate the slideshow

Click on the Slideshow button for the animation dialog and tick Enable Animatation. You can then determine how long each slide is displayed for, how long it takes to move to the next image and choose between a swipe or a fade transition. You have the same Pan & Zoom options used in step 6.

Next Prev

Step 11 of 16: 10. Adding audio

To add audio, first select a picture element to associate with the sound, such as the picture of the person speaking or draw a play button. Then navigate to the audio file. You can host sound and video files on a web server to limit the app’s file size but they will only be available when the iPad is online.

Next Prev

Step 12 of 16: 11. Movies

Adding movie files is a similar process. Use a still from the film and click on the Movie button. Type a name for the movie and navigate to the movie file to add it to the App Studio. Tick Fullscreen Only to maximise the impact of the clip and tick the Close at end option to prevent the film endlessly looping.

Next Prev

Step 13 of 16: 12. On the button

You can use buttons to assign actions, such as navigating to a spread or a web view or for creating a pop-up, as a way of adding extra elements. Click on the Button icon and type a name for the button. At the bottom of the window, by Add Action, choose Show Pop-Up from the drop-down menu.

Next Prev

Step 14 of 16: 13. Button actions

Clicking Create will add the Show Pop-Up action to the main window, with another Create button. This then gives you the option to set up either a Simple slideshow, as in step 8, or a web view, which uses the same process as the HTML option that is described in the next step.

Next Prev

Step 15 of 16: 14. Viewing web pages

You can use the HTML button to open up a web page within a page view. Type in a URL address to the web page you want and tick the Interaction and Online options. You can specify an alternative image to show if there’s no web connection. There’s also a Pan & Zoom option for the image.

Next Prev

Step 16 of 16: 15. Collect for output

To allow the layout to change orientation, you could define the landscape as being a double-page spread or duplicate the layout for the vertical format and tweak the design accordingly. You’ll need to collect for output separately for each layout. Also, you’ll have to manually add all the non-print elements.

Next Prev

Market Place


Everything Tablet brings you the latest casing and accessories helping you to personalise, protect and get the most out of your tablet. Working at the intersection of fashion and function we create products for trend-setters and tech-heads alike!.

Zip Cloud

Zip Cloud automatically backs up your Files, Folders and all your Important Documents. Nominated for MacWorldUK Best Professional Software, coupled with Award winning iPhone and iPad apps, Zip Cloud really is the number 1 choice in Cloud Storage Today. Try Unlimited Cloud Storage Today for FREE!.

TemplateCloud is the design marketplace for graphic designers. You create designs, and use our software to build them into online editable templates. We sell your designs in different countries via different websites. Each time a customer uses your design, we pay you a royalty; the price is set by you.


Amsys is recognised as the technical leader in Apple and has developed bespoke technical products and solutions to deliver class leading support to its business clients. Amsys clients can select from consultancy, integration, break-fix, recruitment, training and app development. Amsys make Apple products work for business.

About NAD

NAD Electronics has always stood out by doing things differently. Our relentless pursuit of great sound has earned us a ‘giant killer’ reputation. Every product is designed with heart and soul you can hear, emphasizing quality over quantity. We focus on the inside where it counts—and where you can hear the results.

Sphero is a completely new type of gaming system.

It's the world's first robotic ball that you control from your smartphone or tablet. You can drive Sphero, play tabletop and multiplayer games, use Sphero as a handheld controller for on-screen gameplay, and even explore augmented reality. Now with 20+ apps!


WeatherPro - the award winning weather app! Developed by professional meteorologists and providing weather forecasts for over 2 million locations with real-time, high resolution radar and satellite images, ski weather, water temperatures and more, WeatherPro is the most accurate and comprehensive weather app on the market.

Beat the Credit Crunch - Lease your Mac from Hardsoft

Hardsoft are the only 'one stop' solution for the supply and finance of I.T. to businesses throughout the UK via our regional branch offices. We are uniquely both equipment Apple Approved Reseller and licensed Credit Brokers and have tailored a solution which includes a full 3 year warranty and an equipment upgrade every 18 months.


Synology is dedicated to taking full advantage of the latest technologies to bring businesses and home users reliable and affordable ways to centralise data storage, simplify data backup, share and sync files across different platforms, and access data on-the-go. Synology delivers products with forward-thinking features and the high quality technical support.


LG G3 release date, price, specs and new features 2014


iPhone 5s review: why the iPhone 5s is still the best phone you can buy in 2014


PCs vs consoles: PCs still pwn when it comes to gaming (and everything else)


NAB 2014: Affordable 4K cameras, boundary-pushing plug-ins & drone domination

We use cookies to provide you with a better experience. If you continue to use this site, we'll assume you're happy with this. Alternatively, click here to find out how to manage these cookies

hide cookie message