Vector vs bitmap, transparency & gradient on ios

so i understand vector artwork is all done by cpu and drawn every frame and bitmaps can be loaded directly from ram using the gpu but when you have simple objects such a masks and static lines, is it more efficient to use vector graphics for a mask? or should it be a bitmap?   what about a line, since it is just a graphic made using a equation rather then wasting resources on a large picture?
also when movieclips have filters on them such as bluring, it seems like it overlays multiple transparent copies of the image onto the selected movieclip. Does the cpu then have to multiply each colour of the transparent images to arive at the final blur? when i cache this as a bitmap and the edges are feathered/transparent does the gpu multiply the transparercies at the edges? or is it still the cpu that handles it?
I also wanted to know how stressing gradients are on the cpu/gpu, as a bitmap i assume it is treated the same as any other image but as a vector is it more costley on the cpu to have it up on the stage than an image?
if there is any tips for graphics on mobile devices i would love to hear them.

When you put the images in a vector slideshow overlay you change the display experience. You'll see a low-res version of each image show up first, then the high-res version snap in. Many publishers don't like that experience. You make the overal folio side larger too, as we have to embed both the full-size image and the lower-quality thumbnail images.
Unless you are creating a single edition application you should publish two renditions, one SD and one HD. Create your designs as 1024x768 InDesign documents and place images in your slideshows that are large enough to be nice on a retina ipad. Use a raster slideshow.
Then use that source InDesign document to create articles in two folios: one at 1024x768 and one at 2048x1536. We'll be smart and scale the images in the slideshow based on the size of the folio. If you have a sidecar.xml file the work to create the second rendition in Folio Builder Panel is very fast. You can create an empty 2048x1536 PDF folio and import all the finished InDesign articles at once.
Publish both folios and you're done. Beautiful content on SD, beautiful content on HD.
Neil

Similar Messages

  • PS 2014 Foreground to transparent (gradient problems)

    Adobe Photoshop 2014
    Files:
    PSD                                Clock, Gradient line
    DOCX, MHTML, PDF                   PS Foreground to transparent gradient
    SWF                                2014-06-26_1509
    PNG                                Clock (original), Clock (gradient), Clock (masked), PS 1, PS 2, PS 3
    Foreground to transparent gradient
    Foreground to Transparent will not work by simply clicking 'OK' and dragging mouse across a selected layer. This gradient tool is hyper sensitive, and unstable.
    We tried to record the PS method for our gradient. Jing was our first choice, but Jing’s flash engine conflicts with the PS flash engine, blocking the gradient tool’s drag action. Jing can only record steps prior to the final drag-and-drop gradient action. Cam is rendered useless by HDR displays’ high resolution, causing glare white-out. Here is our visible work-flow.
    >>
      1. Select Gradient Tool on left toolbar, open tool group and select 'Foreground to transparent' tool.
    Occasionally, next close and reopen PS 2014 (stubborn gradient problems).
    >
    When PS 2014 reopens, the specific gradient tool remains selected. This clears some aspects of the PS 2014 cache, which sometimes help.
    Notice that selected left tool bar button momentarily changes to Eyedropper, when Gradient Editor opens! A hint of what follows.
    2. Select a layer to apply gradient to, this selected layer is the gradient tool's "Foreground". However, gradient is applied in ‘reverse’ (see below, 5).
    3. Panels bottom bar, click mask button to 'Add a layer mask', then ‘Filter for pixel layers’ and ‘Add a vector mask' -

    This may also help!
                    Using only Add layer mask may indiscriminately result the following:
    - Stressing here the words "may indiscriminately"...
    when PS 2014 is unstable, adding actions when Layer mask alone fails, may (often) be stabilizing enough to make gradient work...
    once PS 2014 begins performing Foreground to transparent gradients, then simply begin creating new transparency gradients when PS 2014 re-opens,
    or just click Add layer mask to get going again;
    - Layer mask alone may suffice, or it may slightly penetrate underlying layers with partial transparency, and/or…
    - May convert transparent background to a foreground 'Color to transparent' gradient in opposite direction to (reversed) Foreground to transparent gradient;
    - Exact/intended layer vs. vector behaviors are unknown, though each provides unique creative applications, in isolation and when used together;
    - Use a new PSD file dedicated just to Foreground to transparent gradient. This quickly resolves inevitable multiple layer-and-tool conflicts.
    4. Layers panel top bars, click ‘Lock transparent pixels’ and then click 'Filter for pixel layers'. These actions help focus PS 2014 on the current work-flow. Though given this gradient’s obvious corruption, it cannot be said that any method is specific, or repeatable. We are now stepping beyond the sometimes sufficient Add layer mask, experimenting with gradient line attempts as we go.
    5. Finally, we will drag from point A to point B in workspace, resulting gradient with greatest transparency at A-side of selected layer. Click workspace anywhere and drag across selected layer: this creates a straight, dashed gradient line. When the mouse button is released at point B, the dashed line vanishes and the gradient is applied. Release mouse button where you want gradient to end. Note that the endpoint B inside of layer object will fade into opaque towards point B, right up to the B-side edge of the layer object. PS 2014 auto-renders an even gradient. Extending beyond object renders opacity curve with midpoint transparency closer to full opacity B-side of gradient line. This gradient tool, in its current structure, performs in reverse and should be renamed to Transparent to foreground: starting Point A is the transparent side of the gradient line!
    6. Ctrl-Z or history to undo Foreground to transparent gradient (s). Experiment until it looks best. Multiple gradients can be applied from any direction. Occasionally, once PS 2014 has established effective (reversed) Foreground to transparent gradient behavior or behaviors (?... not sure what's going on there), then closing and reopening PS 2014, one can immediately begin to create new (reversed) Foreground to transparent gradients... without any masking or other workspace preparation!
    Office 365 32-bit and PS 2014 64-bit conflict. When image pasted from PS into Word 365, Office pastes image as ‘Object’. Pasted object is distorted as square dimensions are vertically stretched 150% to offset square dimensions – e.g., 2px x 4px PS 2014 copied image layer becomes 2px x 6px Word image “Object”. Also, pasted objects cannot be formatted in any way. Re-sizing is not possible! This dimension distortion and formatting conflict does not arise in Office 64-bit; however, Microsoft will discourage (even withdraw support) as the bulk of corporate clients deploy Office as 32-bit software. PS 2014 is set to Maximize Compatibility.
    - - Riverleaf digital publishing, summer 2014

  • Transparent gradient in Keynote?

    How does one make a transparent gradient of a shape in Keynote—a shape that is completely opaque on one side and completely transparent on the opposite side?

    Draw then select the shape
    Inspector > Format > Style > Fill > Advanced Gradient Fill (the Inspector is the side panel on the right)
    Click on one of the two colour fill sliders to show the Colour Wheel
    Drag the Opacity slider all the way down
    lastly, in the advanced gradient fill, drag the colour fill slider that has the transparency set, drag the slider towards the centre to adjust the opacity from left to right

  • CS4, Snow Leopard, and Transparency Gradients

    Since upgrading to Snow Leopard I cannot make gradients in Photoshop that have transparency in them.  They always come out as a solid color.  Anyone else experiencing the same?

    Hi
    I'm new to the forums and I had asked a question to an expert and  now I
    get inundated with other messages not pertaining to my question. How,  might I
    stop this from happening?
    Thanks,
    Thomas
    In a message dated 10/18/2009 7:23:55 P.M. Eastern Daylight Time, 
    [email protected] writes:
    Yes!
    I am definitely having the same problem, and  I recently upgraded to
    Leopard. - Very frustrating!
    I have tried  resetting my gradients.  I find that all the gradients
    containing  transparency (even the default ones, say 'Transparent Stripes'), have
    lost  their transparency.  Even in the little preview bar the transparency
    is  not visible, and it certainly doesn't work when applying the  tool.
    Any help regarding this issue would be much  appreciated.
    I'm running Photoshop CS4 on a Macbook Pro, bought  earlier this year.
    Henry.
    'Photoshop  transparent gradient problem snow  leopard'.

  • Probelms with PS CS5 - Cant add a transparent gradient layer mask to a layer - please help

    My company just upgraded us to cs5 on our macs. I was working along in photoshop & dont know if I hit something inadvertently or what but all of a sudden I cannot add a black to transp gradient to a layer mask. Ive searched around even saved out and re-loaded the gradients from my pc (which has the black to transparent gradient in the gradient editor & the process works fine).
    Funny thing is that in the mac gradient picker, the black to transparent gradient is black and solid white but the name of it is 'black to transparent' in the editor. Ive tried
    I guess my questions would be how would one make a transparent gradient, or how would one reset the gradients to default becuase every time i delete all the gradients the add a new .grd file from my pc, it still does not show the gradient.
    Its amazing how such a small thing like this saves so much time and its eating me up that I cant get this to work
    Thanks in advance, Mark

    C:\Users\User\AppData\Roaming\Adobe\Adobe Photoshop CS4\Adobe Photoshop CS4 Settings
    This is where I finally found the prefs.psp file.  At least this is the way my Vista machinie is set up.  Your "User" config may be diferrent from mine.
    But, Thanks for the right answer!.  My transparent layer is now only showing the faint gray checkboard instead of black.
    Rob_L

  • Multiple Transparent Gradients to photo

    I so hope someone an respond on line right now.  I have searched to find how to apply a second or third transparent gradient to a photo to blend it with another photo.  I thought I remembered how to do it in CS 3.  I am on Windows CS5 Photoshop and have applied one gradient.  I thought you somehow commit that layer mask in then add a new one so you can continue blending the photo.  However cannot find a command that works under the file at tp that reads layers and cannot therefore continue to create transparent blending.  Please tell me what I am missing.  This is a key tool to feeling comfortable to buying CS 5. I will await to see who responds if I can.  Thanks in advance. Anita

    Mylenium, it is a placed photo as a layer.  Once I use the tool in one area on the mask, I cannot go elsewhere on the photo to create additional gradients to the photo without undoing.  I was using the Black/white.  While this may be part of the issue, in CS3 it seems you had to commit the first gradient task before moving to additional gradients to the photo elsewhere on it.  I take you are saying I can make multiple gradients as long as it is not fixed.  So pperhaps I need to know what you mean by fixed.  I hope I make since.  See below another persons response.  Right now I get stuck one gradient undoing another.  I will return.  ::)

  • Dark to Transparent Gradient?

    Hi everyone!  I've had the hobby of graphic design for a while now.  Recently, I've been trying to recreate things like flyers and websites for entertainment.  Sadly, I've run into a slight problem.
    I'm currently trying to recreate a professional photobooth flyer.  I'm having trouble recreating the dark to transparent gradient in the footer.  Here's the original flyer: http://i.imgur.com/CMDbr.png.
    Whenever I try to recreate this effect, it ends up being very sudden and unappealing.  Here's an example (note that it is unfinished, leaving some areas white): http://i.imgur.com/ned6i.jpg
    Is there any better way of doing this gradient effect (or does it even need to be fixed, for that matter?).
    Any other suggestions about the flyer are welcome.  Thanks!

    An option is to use a Shape with feather applied to its mask. Here's a black Shape layer (opacity 97%) with a subractive ellipse. See Feather in Properties panel.

  • Transparency gradient over pictures

    How do I put a transparency gradient over a picture so that the picture slowly fade to transparency?

    Double click to make the BG layer into a normal layer with no lock
    Add a layer mask
    Run a black to white gradient down the layer mask

  • Illustrator CS6 to CS4: White lines along edges of semi-transparent gradient meshes

    Hi,
    I recently invested in CS6 Production Premium and I've just tested legacy support by saving an Illustrator CS6 image in CS4 format.
    The image contains a number of semi-transparent gradient meshes used for highlights.
    Having loaded the saved CS4 .ai file in CS6, white lines appear along my semi-transparent gradient meshes (see the attached screenshot).
    What's happening is that the anchor points with 0% opacity in CS6 suddenly have 100% opacity when I load the saved CS4 files in CS6.
    Is this a known error?
    If so, how/where do I report it?
    Here are the relevant CS6 and CS4 files:
    http://snk.to/f-chcig8s9
    P.S. There are no white lines when I save the image in CS5 format and load it in CS6.

    The image contains a number of semi-transparent gradient meshes used for highlights.
    CS4 doesn't support semi-transparent gradient meshes. So they are simulated by using opacity masks. The masks are generated atuomatically from the meshes in the file, so they have the exact same size, which causes the fringes. If you would create this manually, you would make the opacity mask slightly larger in order to avoid fringes.

  • How to create transparency gradient

    Hi
    please share how to create transparency gradient
    have attached the example

    qanibh,
    In the newest version(s), you may specify opacity values for the Gradient Fill.
    In older versions,, you may:
    1) Create the shape with the solid end colour upon the seethrough background;
    2) Copy to the front, apply a gradient to the copy, and in the Transparency palette/panel flyout Make Opacity Mask, setting Clip and Invert as wished.

  • Vector file turning transparent when placing into ps

    Hi,
    am hoping someone can help me. I have a vector image that I am trying to place into a PS document. For some reason as soon as I click to accept the placement, the vector image becomes transparent.
    It is only happening (thankfully) with this particular file so I am assuming it must be some setting in Illustrator that I am not aware of. I purchased the file from a stock image site. (sadly I am not clever enough to create my own lol).
    Any ideas?

    hi Manish
    thanks for the quick response. Unfortunately, I can't share the file. it would be against the TOS of the stock photo site from where I purchased it.
    The only way I can prevent other layers from showing through this particular file is by duplicating it. So I'm guessing that the opacity is somehow being reduced. But no idea why, and when I click on the layer it says it is at full opacity, and normal blending. The ppacity remains at full when in Illustrator, so if I put another image behind this particular file then there is no problem. It is only when moving this file into PS that it becomes see through.
    Adding a couple of preview screenshots so you can see what I mean.

  • Vector vs bitmap, gradient/transparency/filter performance questions on ios

    so i understand vector artwork is all done by cpu and drawn every frame and bitmaps can be loaded directly from ram using the gpu but when you have simple objects such a masks and static lines, is it more efficient to use vector graphics for a mask? or should it be a bitmap?   what about a line, since it is just a graphic made using a equation rather then wasting resources on a large picture?
    also when movieclips have filters on them such as bluring, it seems like it overlays multiple transparent copies of the image onto the selected movieclip. Does the cpu then have to multiply each colour of the transparent images to arive at the final blur? when i cache this as a bitmap and the edges are feathered/transparent does the gpu multiply the transparercies at the edges? or is it still the cpu that handles it?
    I also wanted to know how stressing gradients are on the cpu/gpu, as a bitmap i assume it is treated the same as any other image but as a vector is it more costley on the cpu to have it up on the stage than an image?
    if there is any tips for graphics on mobile devices i would love to hear them.

    so i understand vector artwork is all done by cpu and drawn every frame and bitmaps can be loaded directly from ram using the gpu but when you have simple objects such a masks and static lines, is it more efficient to use vector graphics for a mask? or should it be a bitmap?   what about a line, since it is just a graphic made using a equation rather then wasting resources on a large picture?
    also when movieclips have filters on them such as bluring, it seems like it overlays multiple transparent copies of the image onto the selected movieclip. Does the cpu then have to multiply each colour of the transparent images to arive at the final blur? when i cache this as a bitmap and the edges are feathered/transparent does the gpu multiply the transparercies at the edges? or is it still the cpu that handles it?
    I also wanted to know how stressing gradients are on the cpu/gpu, as a bitmap i assume it is treated the same as any other image but as a vector is it more costley on the cpu to have it up on the stage than an image?
    if there is any tips for graphics on mobile devices i would love to hear them.

  • Blend modes and semi-transparent gradients?

    Hi all.
    I don't do a lot of print, so whenever I have the need I find
    myself a little disoriented in my design approach. I know AI has
    blend modes, does FH have any sort of blend mode ability?
    I also need - and this is my main hurdle - the ability to
    fade a gradient to transparent. So a gradient that goes from a
    solid color, to a transparent color. I never found a way to do this
    in AI, except to mask the object with an opacity mask. Is there any
    way in FreeHand?
    TIA

    > I don't do a lot of print, so whenever I have the need I
    find myself a little
    > disoriented in my design approach. I know AI has blend
    modes, does FH have any
    > sort of blend mode ability?
    No, FreeHand can make 'simulated' transparency effect from
    solid colors by creating third vector object to overalapping area.
    There is "true" transparency and effects like drop shadows
    which create a bitmap objet like Illustrator but they work ONLY as
    rgb. In high resolution output there may be significant blurring,
    color sifts and misalignement.
    > I also need - and this is my main hurdle - the ability
    to fade a gradient to
    > transparent. So a gradient that goes from a solid color,
    to a transparent
    > color. I never found a way to do this in AI, except to
    mask the object with an
    > opacity mask. Is there any way in FreeHand?
    It depends what you have beneath the gradient. I assume that
    you have several objects, images, etc. because making a gradient
    from color to background color is very simple. In FreeHand this
    kind of effects (for print) require a lot of masking (with paste
    inside) and even creating parts of the artwork in Photoshop.
    In general all the effects and masking work much better in
    Illustrator. For example layer vector mask saved me a working day
    or two when I made about 150 butterfly distribution maps. However
    FreeHand's Paste Inside is superior compared to Iluustrator's
    object masking. Especially because selecting objects in Illustrator
    is exteremely difficult and masked object is selectable outside
    mask area.
    I'll repeat myself but I'd like to have some Illustrator
    features like raster effects, color management and layer masks
    moved into FreeHand. Combined FreeHand and Illustrator would make
    truly great product If I get to choose the features that is. ;)
    Jukka

  • Colour to transparent gradient in Illustrator CS2

    I am creating a logo in Illustrator CS2 and i want to put a reflection
    underneath, that has a gradient fading to transparent. It can be done but the logo needs to be used in other programs such as InDesign. When placed into InDesign the transparency of the gradient is no longer there, it changes to white.
    Is there any way to do this?
    thanks Tim

    Try using a transparency mask: http://livedocs.adobe.com/en_US/Illustrator/13.0/help.html?content=WS2D8B6C1E-A2C8-4902-8 9C8-E5D04A6B314B.html

  • Transparent gradient in table cell

    When I try to fill a table cel with a feathered gradient that has transparent areas in it, the gradient turns opaque in the table cell. I've also tried anchoring a shape with a gradient into a table cell, and again the transparent areas turn opaque.
    Is there a workaround to fill a table cell with a gradient that has transparent areas in the gradient?

    Corrigendum:
    If one is aware that the gradient, even when applied to a cell, takes in reference the entire table, then yes, it is possible!
    The shadow on the table is a little gift from Obi-wan! 

Maybe you are looking for