How to make a layer of transparent text over an image that scrolls?

I looked through inspire them to Adobe Magazine and found something really amazing: the editor is added an effect of text-more-photo several times throughout the magazine (see http://inspire.adobe.com/, October 2014. Must be on the iPad to see the real effect. ("It's stories" by Dan Cowles has this effect).

I was really confused to see that it fits perfectly my current project. I'm building a book on a recent trip to Iceland, which will be available for the iPad in the near future. So far, I used Adobe InDesign CC to create virtually the entire book, because I know little or nothing to the programming.

My question is, how (he) did?

Is it possible to do for someone with a limited knowledge? If this is the case, how can I do it?

Thank you very much!

Because Adobe inspire is made using DPS, so you can do what he does.

At the top of the document using, Digital Publishing Suite help | Digital Publishing Suite help, there are links to topics such as commissioning, design and presentation, system requirements, etc.. Read more to get an overview. In addition, to download and read advice from DPS on the App Store.

If you use Creative Cloud 2014, you should already have DPS tools at your disposal. DPS is supported for InDesign version 6 or greater. I found DPS fairly simple to use according to the information provided in the documentation as well as the help of this forum and the advice of DPS.

Tags: Digital Publishing Suite

Similar Questions

  • How can I get rid of the text over an image

    I have an image that has a generic text that I wish to erase or hide sort.

    If the text is not on a separate layer, use a combination of choice, clone and healing tools.  Please post a screenshot for a more specific suggestion.

  • When I add text to an image that starts as a RAW file, I have no problem. When I try to add text to an image that is only a jpg file, the size of the text is extremely low. Even when I change the the font size to 72 pt, it is always small. How can I fix i

    When I add text to an image that starts as a RAW file, I have no problem. When I try to add text to an image that is only a jpg file, the size of the text is extremely low. Even when I change the the font size to 72 pt, it is always small. How can I fix it?

    You set the font size to a size that is suitable for the size of the document.   Size of the document may vary everywhere.   To resolve this problem in action, I solved in scaling the document to a known size then use a font suitable for a document of this size.  When you resize an image using size with resample Images not only checked a single pixel is change everything that is changed is the DPI image resolution setting.  So if you size a picture 8 "wide you choose a font size is good for wide image 8" the Save action.  To work around the problem of changing the size of the printing I wrote a Script to use in such an action.  The script is used twice, there is a backup and restore script.   The first time that the script is used the script records the resolution DPI images in the metadata documents.  The second time that the script is executed, it retrieves the registered PID parameter deletes the record of metadata from images and set the DPI images that had been saved.    If the use of fonts for the document 8 "will be resized to fit the print original size.

    In a script, you can calculate a correct font size to use.  Actions cannot retrieve information or use logic. They need to use the Plug-ing and Script where logic is needed.  When you make using Photoshop UI you use your eyes and brain.

    Package of shares of crafts UPDATE August 10, 2014 added conditional measures Action Palette tips.
    Contains

    Example of
    Download

  • How to make the snow fall go far in the background that I've recently added a newsletter on your part?

    How to make the snow fall go far in the background that I've recently added a newsletter of mozilla to? It appears on things, I feel.

    I can't talk about it. What is an extension?

    You can disable or remove unwanted page extensions modules. Either:

    • CTRL + SHIFT + a
    • Firefox orange (or the Tools menu) button > Add ons

    In the left column, click Extensions. If you don't it spot, perhaps in the appearance section?

  • How to make basic corrections to a large number of images

    I have to make basic corrections to a large number of images that will appear in separate

    batch and which must be kept by their separate lots. I can't mix.

    Create a new catalog for each lot? What should I do, if anything with the collections and

    What is the fastest way to make basic corrections to hundreds of images? Some of the images

    are similar but a lot are not.

    Oh, I was also wondering if Lightroom allows you to import via FTP or if I need to download the

    images and then import them.

    Thank you!

    I suggest you keep in a single catalog. You could import each lot in its own folder. All the images are going to require the same settings, could you highlight all the and activate the AutoSync to speed up the work. I do not know that collections would be advantageous if you need group different types of images. This is something for you to decide.

  • Block of text over the image sequence

    Hello

    How can I put a block of text on an image sequence?

    imagesequence.png

    With the selected block of text convert it to a MSO by clicking the new

    button object multi States in the object States Panel. Then from the

    slide show of the Group Folio overlays pane, set it to autoplay once.

    Bob

  • How to make a watermark semi transparent?

    I want to make a watermark to include in all my images. I would like to create a text that is semi transparent completely transparent one side then discoloration on the other side. Can someone tell how to do it please? I have CS5. Thank you.

    I'll show you my way:

    1. Enter the text and click on the layer mask icon. The layer mask should be all white and a small border. Which indicates the mask 'active' ist.

    The foreground color should be black and the background color white.

    2. choose the gradient tool. The degraded window. Choose the first gradient, "foreground to background" = black and white.

    Change the color from white to gray.

    3. check the layer mask > is active?

    Apply the gradient from right to left on your text.

    See the thin line in the screenshot.

    4. on your mask layer appears the gradient left starting with gray and straight ending in black.

    The advantage of this method is that you can change your text without changing the gradient.

    The black color on the layer mask hides the text, gray makes the text more or less visible, and white means completely visible.

    It will be useful.

    Miss marple

  • create a children's book? How to get the text over an image?

    I have 13 Adobe elements. Try to get the text on an image. An illustrated image. How can I do this?

    Open the image in Expert mode

    Download the text out of the tool box tool, select the font, the pt size, color and type text.

    Use the move tool to position the text. Note that the text will be on a separate layer, and you must click on this layer to make it active.

  • How to add text on an image that is inserted into a table in Dreamweaver

    I am relatively new to dreamworks and I saw the easiest way so far is the use of tables to make your layouts, I wonder if there is a way where you can insert text on (in front of) an image that fits into a table?

    Easy and best are not synonymous.  The best way to create modern web pages is no tables with CSS layouts.   If someone told you of tables are better, they are ill-informed, out-of-touch and/or you are looking at a tutorial very old.

    Getting back to your original question, put your image in the background with the CSS code.

    CSS background-image property

    If you are not familiar with HTML and CSS code, you will need to do some homework first.  He had to learn to get the most out of Dreamweaver.

  • How to make the content of the DIV on the page that I'm going to fade out?

    I'm trying to figure out how to make the content of a DIV on the page I'm clicking away from fade. I know how to do the Next page load with a fade in. So I'm half there (I guess).  WiX has many designs which use for this purpose. Here is a link to an example:

    http://www.wix.com/website-template/view/HTML/633?originUrl=http%3A%2f%2Fwww.wix.com & numbe r page = 1 & = 1 position-in-page

    This is the code I use to make a DIV load with a melted in:

    I have add this CSS code in the div I want to apply the fade in effect to:

    Animation: fadein 2s;

    -moz-animation: fadein 2s; / * Firefox * /.

    -webkit-animation: fadein 2s; / * Safari and Chrome * /.

    -o - animation: fadein 2s; / * Opera * /.

    And I add this additional code to the CSS stylesheet:

    }

    fadein {} @keyframes

    of {}

    opacity: 0;

    }

    to {}

    opacity: 1;

    }

    }

    @-moz - keyframes fadein {/ * Firefox * /}

    of {}

    opacity: 0;

    }

    to {}

    opacity: 1;

    }

    }

    @-webkit - keyframes fadein {/ * Safari and Chrome * /}

    of {}

    opacity: 0;

    }

    to {}

    opacity: 1;

    }

    }

    @-o - keyframes fadein {/ * opera * /}

    of {}

    opacity: 0;

    }

    to {}

    opacity: 1;

    }

    }

    Tutorial with demo & downloadable files here: http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/

  • How to copy a layer with the mask from one image to the other?

    I use PS CC.

    Thank you

    Phil

    Click on the layer in the layers containing the image Panel & mask and drag it onto the open image you want what he copied.

  • How I would achieve an effect to "magnify" on an image that is visible on 'score '.

    I understand that Adobe Edge animate can now load external javascript script into the projects. So I would use this feature to load a "maginfy/zoom effect" on an image that will prove once the user clicks on a button. In order to clarify the process that I had in mind would go something like this:

    1. There is a card that the user can view

    2. when a tip user mouse over sections of the map a "legend" would appear.

    3. upside this 'caption box' would be more information on this special section as well as an image

    4. when the user hovers over this image, it would magnify similar to this: http://www.elevateweb.co.uk/image-zoom/examples (see the example of 'internal zoom')

    I tried to load the elevatezoom.js script into a project, but I do not understand how I would apply this effect to a "hidden" image Many of the same effects depend on specific styles external css, as well as the names of 'ID' in order to call the function. Once the project is recorded and released, when I try to view the HTML code to add the names of 'ID' my images are not visible.

    What is mind someone to help me with this? I would be very grateful.

    I also have samples with other plugins here:

    Zoom Test.zip - box

    Example.zip Zoom - box

  • How to make invisible layer masks

    I have a text im use as headers on a background is textured. but after the application of effects scroll, I can't find a way to get the text to disappear under the header. pls see attached image. I want the text disappear under the title of HONOR. There is a before and after the photo attached. any help welcome. Thank you in advance.

    before.jpg

    after.png

    Duplicate the texture of paper and create a transparent visor mask in Photoshop. (just low enough to block what you want but the same width as the original)

    Create a layer between the paper and the text. Pin the new transparent .png image upward to match the document below

    Make sure that the text of HONOR is the top layer of most.

  • How to make my Spry Menu transparent background bar?

    I am a beginner and create my first website and just started coding for the first time today. I'm trying to do my transparent background behind the text, or at least replace the text + the background of a menu with my own photo. Is it possible that I can do as possible. You can get an overview of my problem here on my test site.

    http://visualizecontrollers.webege.com/

    I'm trying to make it similar to my design that I made in photoshop. I change it a little though of course.

    http://gyazo.com/598320901c425f5c47a8118306d8506d

    As you can see in the picture above, below the menu bar, there is a line with a small arrow pointing up under the House, don't worry about this. Will just change for each page I do.

    If you want the code, I'm going here.

    HTML/CSS

    http://pastebin.com/pZ1HWZnW

    Sections

    http://pastebin.com/9QSzgsHP

    SpryMenuBar.js

    http://pastebin.com/LzyjVuSg

    I have a backup plan if it is not possible. Can I just replace the menu with pictures that will respond as buttons when you click right align horizontal.

    If you need additional information, please let me know!

    I discovered how to change. If you have a default color as background of your Spry menu bar, simply click on the default code of the background color and then delete and leave the field blank. It will automatically make your transparent background.

  • How to make the table from separate text semikolon

    Hello

    I have a text with multiple lines. The lines are separated with \r\n.

    In every row is the same number of values that are separated by a semikolons.

    How can I (easy) make the tables of each value online?

    Currently, I solved it by creating a loop and using game-model, register shift, to insert to the table... But this looks very great.

    How can I make this easier?

    Thanks for the help

    Hello

    We must define the separator.

    See the image as an attachment.

    Mike

Maybe you are looking for