Creating smooth edges on a transparent PNG

I need an image on my site with a transparent background. I first tried this creation as a gif, but it looked horrible on my background image of the Web site. Then I tried saving it as a png, which looked much better, but it has jagged edges. What is the proper way to create a transparent in PS image so that it will be smooth borders? It is essentially a circle, about 60 px in width, with a solid color in the Center and a border of about 2 px. Nothing complicated.

It looks perfect in PS, but once I have embed on my page on the background image, looks like a mess.

Thank you!

Instead of doing a save as, save for web devices. File-> save for Web & devices. Then save it as PNG 24 bits, not 8-bit.

Tags: Photoshop

Similar Questions

  • Create a transparent PNG of 2 layers - a normal, multiply it

    I am trying to create a single transparent PNG (for use on the web and in an iPhone application) which was created as two layers of photoshop; one that is normal and one that has a blend mode 'multiply '. I tried their fusion in different ways, but each time I find myself with shadow (the product layer) actually transformed normal and to be a dull grey, opaque. You can download the PSD to http://files.bendodson.com/profile.psd

    The file was created (I think) in InDesign exported to the PSD so I cut for use in the app while the obvious solution would be to get the designer to do it again in a different way, they're on vacation for the next 2 weeks and I really need this sorting prior to that date.

    Actually, I need a PNG image of the photo and full set with transparent shadow so that it can sit on top of any background (except Photoshop), but keep the same shadow effect.

    Thank you

    Ben

    PS. I'm using Photoshop CS4 on mac.

    The thumbnail of the layer shadow drop Cmd-click to select non-transparent pixels.

    Fill it with black (or a different color).

    Reduce the opacity as desired.

    Merge visible, remove background and save as png.

  • Transparent to create shadows or shine on background PNG using

    Can anyone help - new to Dreamweaver.

    I've created a transparent .png to a shadow for the top and the bottom of my site. The problem is that, although it shows in Dreamweavr and in all browsers when viewing on my desktop, as soon as I try to consult online when loaded to the top of my site, I get the dreaded small blue box with question mark in it (on Safari) and nothing appears in Firefox at all. So why soome, can't do the "shadow" to appear at all. (in fact, this particular "shadow" is actually a light purple - but same principle). I am attaching a jpeg file if it helps.

    TransProblem.jpg

    The code was told would solve that problem was:

    < span class = "style15" > < / span >
    < span style = "width: 900px;" height: 18px; display: inline-block; filter:ProgID:DXImageTransform.Micros fot. AlphaImageLoader (src = 'ShadowTop.png') "> < img style =" filter:progid:DXImageTransform.Microsoft.Alpha (opacity = 0); "SRC =" ShadowTop.png"width ="900"height ="18"> < / span >"

    However, it gives the same result as if I was just to add the png image as the 'src' to link to the image in dreamweaver. Here's what it looks like in 'Design view ' of Dreamweaver:

    TransWorks.jpg

    I hoped that it works in a browser online, but can't crack this nut with my limited knowledge. Can someone help explain why it does not work?

    I do not use FireFTP, but a quick estimate:

    Tools-> options-> tab downloads/uploads you can chose a mode. must be binary or auto (do not know what you are host requires). If the automatic value the png extension is not in the list. FireFTP help I get that you should only use automatic mode if you use CGI scripts, then maybe it's best to use the binary parameter.

    Friend

    PS CR + LF is the end of a line of text. This is handled differently under Linux and Windows.

  • How to create a transparent png of sem

    I created a rectangle with corners rounded in Fireworks and I would like to save it as a transparent png, so that the central part of the rectangle is transparent, but the outside of corners is not transparent.  This is so that I can overlay on a background image to a Web page, which makes the image have rounded corners.  How can I do in the middle of the rectangle is transparent?

    Make a standard rectangle that is the same size as your rounded rectangle (or whatever it is, to display). The information panel is an easy way to ensure that the size and location is accurate.

    Use the layers panel, move the rectangle below your rounded rectangle.

    Select both objects, then go into the menu modify > combine paths > Punch. It will drill a hole of rectangle to round in your rectangle corners.

    (Punch punches of the superior shape in the lower order, that is why your existing rounded rectangle should be above your new standard rectangle in the stack of layers).

    Something like this (where I have the biggest standard rectangle rounded rectangle). Half upper picture shows the two individual forms. Half lower shows the standard rectangle with the rounded rectangle knocked out of him.

    But... what you can do is to select your image, copy (Ctrl-c), then select your rounded rectangle (or any shape), then go to the Edit menu > paste inside (or Ctrl-Shift-V). (It's a good technique when your image is exactly the size you want, you want just rounded corners).

    Or, you can do a white rounded rectangle, place it on the part of your picture that you want to display, select the rectangle and the image and go to the Edit menu > mask > Group as mask. (It's a good technique when your image is larger than the part that you want to display, but you don't know exactly what you want to do).

  • Export of transparent png files

    I am creating assets for the purposes of book for children and drew their in http://bit.ly/joc0zm on an iPad pro. While it exports png files, it does not culture to the bounds of the object, I need to animate. So I export the png and have to crop in another application. But I'm not find all the apps that export with transparency png files! Y at - it all apps iPad mobile Adobe who will import png with transparency, crop and then allow me to export it as a png with transparency? I really do not have to go to the computer for that.

    Hey there, tangofilly!

    Unfortunately, you're out of luck one finding. Option in the Adobe mobile apps in PNG export. If you take the files on the desktop for animation, perhaps cropping can happen just before the Office?

    I apologize for the inconvenience. If you want to ask. Export PNG in a specific mobile application, please press on "give us feedback" in the application and which will go to the team produced.

    Thank you!

    -Kathleen

  • Is it possible to restore the opacity in a semi transparent PNG?

    Through the window of the channels, I can paint on the R, G and B channels individually. That's fine, but where is the Alpha channel? Photoshop only allows me to create a new layer of opacity that simply subtracted from the native opacity of the PNG - may not add to it. What I need is increasing opacity.

    In other words: I have the parts of this semi transparent PNG, and I need them to become opaque. How can I do?

    Hey, doubtful.

    I'm not in front of my computer, so I can't test this theory out, and I don't know your exact layer configuration, but what happens if you duplicated the semi-transparent layer several times? Each repetition must add an additional layer of opacity, ultimately having an opaque image result.

    With this selected layer, CTRL + J (Windows) or command + J (Mac) is the shortcut to duplicate layer.

    Give that a shot and let us know if it works.

  • Transparent PNG to overlay loaded dynamically Gallery

    Hi guys,.

    I hope I can explain it properly. The current movie can be seen at http://209.240.138.77/

    There are buttons on each side that parade the images loaded dynamically left and right. The script is compiled from external IN the file I pasted below.

    What I have to do is to load a transparent PNG images above, but below the buttons. I inserted a chart below. I tried to insert the png directly in the timeline as well as dynamically load in to a clip. The fate always the overlay on the bottom. Any ideas?

    See you soon,.

    Quinn

    banner_home_holder.jpg

    package {}
    import flash.display.MovieClip;
    import flash.display.Loader;
    Import 12345678910111213import;
    import flash.display.BitmapData;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import flash.display.DisplayObject;
    import flash.display.LoaderInfo;
    import flash.events.Event;
    import flash.events.IOErrorEvent;
    import flash.events.MouseEvent;
    to import flash.events.ProgressEvent;
    import flash.net.navigateToURL;
    import flash.net.URLRequest;
    import flash.net.URLLoader;
    import flash.net.URLRequest;
    import flash.display.Sprite;
    import flash.text.TextField;
    import flash.text.StyleSheet;
    import flash.text.AntiAliasType;
    import flash.text.TextFieldAutoSize;
    import flash.text.TextFormat;
    import com.hybrid.ui.ToolTip;
    import com.apdevblog.ui.video.ApdevVideoPlayer;
    import com.apdevblog.ui.video.style.ApdevVideoPlayerDefaultStyle;
    Import caurina.transitions.Tweener;
    Import caurina.transitions.properties.DisplayShortcuts;
    Import caurina.transitions.properties.FilterShortcuts;
    Import caurina.transitions.properties.ColorShortcuts;

    SerializableAttribute public class Main extends MovieClip {}

    the constructor function
    public void Main (): void {}
    If init() (stage);
    of another addEventListener (Event.ADDED_TO_STAGE, init);
    }

    private var paramObj: Object;
    optional xml path
    private var xmlPath: String = "xml/gallery.xml;
    the stage size
    private var sw: number;
    private var sh: number;
    private void init(e:Event=null):void {}
    paramObj = LoaderInfo (this.root.loaderInfo) .parameters;
    for (var i in paramObj) {}
    xmlPath = String (paramObj [i])? String(paramObj[i]):xmlpath;
    }

    loadXML (xmlPath);
    DisplayShortcuts.init ();
    FilterShortcuts.init ();
    ColorShortcuts.init ();
    internship. Align = StageAlign.TOP_LEFT;
    stage.scaleMode = StageScaleMode.NO_SCALE;
    stage.addEventListener (Event.RESIZE, resizeHandler)
    SW = stage.stageWidth;
    SH = stage.stageHeight;
    }

    the xml loader
    private var _xmlLoader: URLLoader;
    private void loadXML(s:String):void {}
    loading the xml for news here
    _xmlLoader = new URLLoader();
    _xmlLoader.load (new URLRequest (s));
    _xmlLoader.addEventListener (Event.COMPLETE, completeXML);

    }

    private var _xml: XML;
    store the thumbnail
    private var thumbArr: Array = [];
    the number of items
    private var itemNum: number = 12;
    store the type of the element
    private var typeArr: Array = [];
    store the size of the media of the item file
    private var sizeArr: Array = [];
    store the location of the media of the item file
    private var urlArr: Array = [];
    color of the link in the content
    private var linkColor: String;
    store the location of the link
    private var linkArr: Array = [];
    the thumbnail title
    private var titleArr: Array = [];
    How to open the link
    private var _target: String;

    the number of columns of thumbnails
    private var columns: number;
    size of the thumbnail
    private var thumbWidth: number;
    private var thumbHeight: number;
    filling between each thumbnail
    private var thumbPadding: number;
    value of the assets of the image/video
    private var assetWidth: number;
    private var assetHeight: number;
    store the legend
    private var captionArr: Array = [];

    analyze the data
    private void completeXML(e:Event):void {}
    _xml = new XML (e.target.data);
    _xml. IgnoreWhitespace = true;
    itemNum = _xml.item.length ();
    Columns = Number (_xml.@columns);
    thumbWidth = Number (_xml.@thumbWidth);
    thumbHeight = Number (_xml.@thumbHeight);
    thumbPadding = Number (_xml.@thumbPadding);
    assetWidth = Number (_xml.@assetWidth);
    assetHeight = Number (_xml.@assetHeight);
    linkColor = [email protected] ();
    _target = [email protected] ();
    for (var i = 0; i < itemNum; i ++) {}
    thumbArr [i] = (_xml.item[i].@thumbnail);
    titleArr [i] = (_xml.item[i].@title);
    typeArr [i] = (_xml.item[i][email protected] ());
    _Object var: Object = new Object();
    _Object.width = _xml.item[i].@width;
    _Object.height = _xml.item[i].@height;
    sizeArr [i] = _object;
    urlArr [i] = _xml.item[i].@url;
    linkArr [i] = _xml.item[i].@link;
    captionArr [i] = _xml.item [i] .text () m:System.NET.SocketAddress.ToString ();
    }
    _xmlLoader.removeEventListener (Event.COMPLETE, completeXML);
    _xmlLoader = null;
    initUI();
    }

    store the thumbnail in a container
    private var thumbContainer: Sprite = new Sprite();
    width of the thumbnail box
    private var thumbContainerWidth: number;
    the navigation arrows
    private var nextBtn: ArrowButton = new ArrowButton();
    private var preBtn: ArrowButton = new ArrowButton();
    store the arrows in a container
    private var btnContainer: Sprite = new Sprite();
    store the miniature gripper
    private var thumbClipContainer: Sprite = new Sprite();
    size of the boder hover
    private var borderSize: number = 0;
    store the border
    private var borderArr: Array = [];
    see the thumbnail now or the active
    private var isThumb: Boolean = true;

    store the image or the active video
    private var assetContainer: Sprite = new Sprite();
    store the active clip
    private var assetClipArr: Array = [];
    which image/video is view now
    private var currentAssetNum: number = 0;

    the text of the legend style
    private var textStyle: StyleSheet = new StyleSheet();
    initialize the text style
    private function initText (): void {}
    var hoverObj: Object = new Object();
    var linkObj: Object = new Object();
    var bodyObj: Object = new Object();

    linkObj.color = "#00FFFF";
    linkObj.textDecoration = "underline";
    bodyObj.fontFamily = "Arial";
    bodyObj.color = "#FFFFFF";
    bodyObj.letterSpacing = '0 '.
    bodyObj.leading = "4px";
    bodyObj.textAlign = 'left ';
    bodyObj.fontSize = 11;
    hoverObj.color = "#FFFFFF".
    hoverObj.textDecoration = "underline";
    textStyle.setStyle ("body", bodyObj);
    textStyle.setStyle ("a: link", linkObj);
    textStyle.setStyle ("" a: hover ", hoverObj");
    }

    store the caption element
    private var captionClipArr: Array = [];
    Store the image loader
    private var imageLoaderArr: Array = [];
    How image loader
    private var imageLoaderNum: number = 0;
    store the location of the image
    private var imageURLArr: Array = [];
    Ranger miniature charger
    private var thumbLoaderArr: Array = [];
    Add thumbnail image and video assets, etc. to the scene
    private function initUI (): void {}
    initText();
    addChild (thumbContainer);
    thumbContainer.addChild (thumbClipContainer);
    thumbContainerWidth = columns * (thumbWidth + thumbPadding)-thumbPadding;
    Add the tiles on the stage
    for (var i: int = 0; i < itemNum; i ++) {}
    var _shape: Sprite = new Sprite();
    _shape. Name = I.ToString;
    _shape. Graphics.beginFill (0x000000,. 4);
    _shape. Graphics.drawRect (0, 0, thumbWidth, thumbHeight);
    _shape. Graphics.endFill ();

    var ld: Loader = new Loader();
    LD. Load (new URLRequest (thumbArr [i]))
    _shape. AddChild (LD);
    thumbLoaderArr [i] = ld;
    var _border: Sprite = new Sprite();
    _border. Graphics.beginFill (0xFFFFFF, 0);
    _border. Graphics.LineStyle (borderSize, 0 x 191919);
    _border. Graphics.drawRect (0, 0, thumbWidth, thumbHeight);
    _border. Graphics.endFill ();
    _border.Alpha = 0;
    borderArr [i] = _border;
    _shape. AddChild (_border);
    /*
    Tweener.addTween (_shape, {_DropShadow_blurX:16, _DropShadow_blurY:16, _DropShadow_angle:90, _DropShadow_distance:4, _DropShadow_alpha:.4, time: 3});
    */
    thumbClipContainer.addChild (_shape);
    _shape.x is thumbPadding + i *(thumbWidth+thumbPadding);.
    _shape.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
    var s: Sprite = e.currentTarget as Sprite;
    var n: number = Number (s.name);
    {if(titleArr[n]!="")}
    var tf: TextFormat = new TextFormat();
    TF. Bold = false;
    TF. Size = 12;
    TF. Leading = 1;
    TF. Color = 0 x 333333;
    var tt:ToolTip = new ToolTip();
    TT. Align = "center";
    tt.titleFormat = tf;
    TT. Hook = true;
    tt.cornerRadius = 0;
    tt.autoSize = true;
    TT. Show (s, titleArr [n]);

    }

    Tweener.addTween (borderArr [n], {alpha: 1, time: 4, transition: "easeOutSine"})
    })
    _shape.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
    var s: Sprite = e.currentTarget as Sprite;
    var n: number = Number (s.name);
    Tweener.addTween (borderArr [n], {alpha: 0, time: 4, transition: "easeOutSine"})
    })
    / * Remove click event
    _shape.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
    var s: Sprite = e.currentTarget as Sprite;
    var n: number = Number (s.name);
    var clip: DisplayObject = assetClipArr [currentAssetNum];
    If (clip! = null) Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
    clip. Visible = false;
    }})
    currentAssetNum = n;
    {if (isThumb)}

    tweenToAsset();
    assetClipArr [currentAssetNum] .visible = true;
    Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
    Tweener.addTween (thumbContainer, {y: sh + borderSize, time: 8, transition: "easeInOutExpo"})
    Tweener.addTween (btnContainer, {y: sh + 32, time: 8, transition: "easeInOutExpo"})
    Tweener.addTween (assetContainer, {y:(sh-assetHeight) > > 1, time: 8, transition: "easeInOutExpo"})
    isThumb = false;
    }
    })
    */

    }

    thumbLoaderArr [0] .load (new URLRequest(thumbArr[0]))
    thumbLoaderArr [0].contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
    thumbLoaderArr [0].contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);

    var _mask: Sprite = new Sprite();
    _MASK. Graphics.beginFill (0xB22222,. 4);
    _MASK. Graphics.drawRect (thumbPadding-borderSize, - borderSize, thumbContainerWidth + borderSize * 2, thumbHeight + borderSize * 2);
    _MASK. Graphics.endFill ();
    thumbContainer.addChild (_mask);
    thumbClipContainer.mask = _mask;

    addChild (assetContainer);

    var panelWidth: number = 14;
    var leftPanel: ArrowButton = new ArrowButton();
    leftPanel.rotation = 180
    leftPanel.x = - 12;
    leftPanel.y = assetHeight*.5;

    var right panel: ArrowButton = new ArrowButton();
    rightPanel.x = assetWidth + 12;
    rightPanel.y = assetHeight*.5;
    leftPanel.alpha = rightPanel.alpha = 0;
    leftPanel.buttonMode = rightPanel.buttonMode = true;

    leftPanel.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
    Tweener.addTween (leftPanel, {alpha: 1, time: 4, transition: "easeOutSine"})
    })
    leftPanel.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
    Tweener.addTween (leftPanel, {alpha: 0, time: 4, transition: "easeOutSine"})
    })
    leftPanel.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
    /*
    var clip: DisplayObject;
    Clip = assetClipArr [currentAssetNum];
    Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
    clip. Visible = false;
    }})
    */
    pauseAsset();
    if(currentAssetNum>0) {}
    -currentAssetNum;
    } else {}
    currentAssetNum = itemNum-1;
    }
    /*
    assetClipArr [currentAssetNum] .alpha = 0;
    assetClipArr [currentAssetNum] .visible = true;
    Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
    */
    tweenToAsset();
    })
    rightPanel.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
    Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
    })
    rightPanel.addEventListener (MouseEvent.MOUSE_MOVE, {function(e:MouseEvent):void}
    Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
    })
    rightPanel.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
    Tweener.addTween (right panel, {alpha: 0, time: 4, transition: "easeOutSine"})
    })
    var cb: CloseButton = new CloseButton();
    rightPanel.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
    pauseAsset();
    If (currentAssetNum < itemNum-1) {}
    currentAssetNum ++;
    } else {}
    currentAssetNum = 0;
    }
    /*
    assetClipArr [currentAssetNum] .alpha = 0;
    assetClipArr [currentAssetNum] .visible = true;
    Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
    */
    tweenToAsset();
    })
    function pauseAsset (): void {}
    var clip: Sprite = assetClipArr [currentAssetNum];
    Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
    clip. Visible = false;
    If (clip.getChildAt (0) is ApdevVideoPlayer) {}
    (clip.getChildAt (0) as ApdevVideoPlayer) () .pause;
    }

    }})

    }
    function tweenToAsset (): void {}
    var clip: Sprite = assetClipArr [currentAssetNum];
    clip.Alpha = 0;
    clip. Visible = true;
    Tweener.addTween (, {time: 2, delay:. 4, transition: "easeOutSine", onComplete:function (): void {}})
    If (clip.getChildAt (0) is ApdevVideoPlayer) {}
    (clip.getChildAt (0) as ApdevVideoPlayer) .play ();
    }

    }})

    Tweener.addTween (clip, {alpha: 1, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
    }})

    }

    assetContainer.addChild (leftPanel);
    assetContainer.addChild (right panel);

    var _style:ApdevVideoPlayerDefaultStyle = new ApdevVideoPlayerDefaultStyle();
    _Style.bgGradient1 = 0 x 000000;
    _Style.controlsBg = 0 x 000000;
    _Style.controlsBgAlpha = 1.0;
    var closeBtn: CloseButton = new CloseButton();
    assetContainer.addChild (closeBtn);
    closeBtn.x = assetWidth - closeBtn.width*.5;
    closeBtn.y = - closeBtn.height*.5;
    closeBtn.buttonMode = true;
    closeBtn.visible = false;
    closeBtn.name = j.toString ();
    closeBtn.addEventListener (MouseEvent.CLICK, function(e:Event):void {}
    isThumb = true;
    var s: DisplayObject = e.currentTarget as DisplayObject;
    var n: number = Number (s.name);
    pauseAsset();
    Tweener.addTween (assetContainer, {y:-assetHeight, time: 4, transition: "easeOutSine"})
    Tweener.addTween (thumbContainer, {y:(sh-thumbHeight) > > 1, time: 4, transition: "easeOutSine"})
    Tweener.addTween (btnContainer, {y: sh > > 1, time: 4, transition: "easeOutSine"})
    })

    Add image/video assets to step
    for (var j: int = 0; j < itemNum; j ++) {}
    var s: Sprite = new Sprite();
    s.graphics.beginFill (0 x 000000, 1);
    s.graphics.drawRect (0, 0, assetWidth, assetHeight);
    s.graphics.endFill ();

    {if(linkArr[j]!="")}
    s.buttonMode = true;
    s.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
    _s var: Sprite = e.currentTarget as Sprite;
    var n: number = Number (_s.name).
    try {}
    {if(linkArr[n]!="")}
    navigateToURL (new URLRequest (linkArr [n]), _target);
    }

    } catch(err:Error) {}
    }
    })

    }
    s.Visible = false;
    s.Name = j.toString ();
    assetContainer.addChildAt (s, 0);
    assetClipArr [j] = s;
    Tweener.addTween (closeBtn, {_DropShadow_blurX:2, _DropShadow_blurY:2, _DropShadow_angle:75, _DropShadow_distance:4, _DropShadow_alpha:.3, time: 3});

    closeBtn.visible = false;
    s.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
    Tweener.addTween (leftPanel, {alpha: 1, time: 4, transition: "easeOutSine"})
    Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
    _s var: Sprite = e.currentTarget as Sprite;
    var n: number = Number (_s.name).
    {if(captionClipArr[n]!=null)}
    captionClipArr [n] .visible = true;
    Tweener.addTween (captionClipArr [n], {alpha: 1, time: 4, transition: "easeOutSine"})
    }
    })
    s.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
    Tweener.addTween (leftPanel, {alpha: 0, time: 4, delay:. 4, transition: "easeOutSine"})
    Tweener.addTween (right panel, {alpha: 0, time: 4, delay:. 4, transition: "easeOutSine"})
    _s var: Sprite = e.currentTarget as Sprite;
    var n: number = Number (_s.name).
    {if(captionClipArr[n]!=null)}
    Tweener.addTween (captionClipArr [n], {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
    captionClipArr [n] .visible = false;
    }})
    }

    })

    {if(typeArr[j]=="image")}
    var imageLoader: Loader = new Loader();
    var _loading: loading = new Loading();
    s.addChild (_loading);
    _loading.x = assetWidth*.5;
    _loading.y = assetHeight*.5;
    _loading. Name = "loading";
    s.addChildAt (chargeurImage, 0);
    imageLoaderArr [imageLoaderNum] = imageLoader;
    imageURLArr [imageLoaderNum] = urlArr [j];
    imageLoaderNum ++;
    } else {if(typeArr[j]=="video")
    var videoPlayer: ApdevVideoPlayer = new ApdevVideoPlayer (assetWidth, assetHeight, _style);
    videoPlayer.videostill = "";
    videoPlayer.name = 'video ';
    position of the videoplayer at the bottom of the video controls
    videoPlayer.controlsOverVideo = true;
    checks should not fade out (not in mode full-screen)
    videoPlayer.controlsAutoHide = true;
    videoPlayer.autoPlay = false;
    videoPlayer.load (urlArr [j]);
    s.addChildAt (videoPlayer, 0);

    }

    {if(captionArr[j]!="")}
    var _caption: Caption = new Caption();
    captionClipArr [j] = _caption;
    _caption.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
    e.stopPropagation ();
    })
    _caption.Alpha = 0;
    _caption. Visible = false;
    _caption. Name = "caption";
    _caption.Alpha = 0;
    _caption. Visible = false;
    _caption._text. Width = assetWidth - 24;
    _caption._text. StyleSheet = textStyle;
    _caption._text. Selectable = false;
    _caption._text. Multiline = true;
    _caption._text. AutoSize = TextFieldAutoSize.LEFT;
    _caption._text.antiAliasType = AntiAliasType.ADVANCED;
    var st:String = encodeURI (captionArr [j]);
    var model: RegExp = /(%09) + | (0 %) + | (0 % D) + / g ;
    St = st.replace (model, "");
    St = decodeURI (st);
    _caption._text. StyleSheet = textStyle;
    _caption._text.htmlText = m;
    _caption._bg. Width = assetWidth;
    _caption._bg. Height = _caption._text.height + 24;
    _caption.y = assetHeight - _caption.height;
    s.addChild (_caption);
    }
    }

    {if(imageLoaderArr[0]!=null)}
    imageLoaderArr [0] .load (new URLRequest(imageURLArr[0]));
    imageLoaderArr [0].contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
    imageLoaderArr [0].contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
    imageLoaderArr [0].contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);

    }

    addChild (btnContainer);
    btnContainer.addChild (nextBtn);
    btnContainer.addChild (preBtn);
    preBtn.rotation = 180;
    nextBtn.buttonMode = preBtn.buttonMode = true;
    nextBtn.addEventListener (MouseEvent.CLICK, click Next);
    preBtn.addEventListener (MouseEvent.CLICK, clickPre);
    resizeHandler();
    }
    the progress of loading the image
    private void imageProgress(e:ProgressEvent):void {}

    }

    How many images have been loaded
    private var imageLoadedNum: number = 0;

    start loading the next image when an image is loaded, start playing the slideshow when images are loaded
    private void imageComplete(e:Event):void {}
    var _loader:Loader = Loader (e.target.loader);
    If (_loader.content is Bitmap) {}
    get the Chargers in the form of bitmap content
    var _bitMap:Bitmap = Bitmap (_loader.content);
    Turn on anti-aliasing
    _bitMap.smoothing = true;
    }
    var _loading: loading = _loader.parent.getChildByName ("loading") as loading;
    if(_loading!=null) _loading.parent.removeChild (_loading);
    if(imageLoadedNum<imageLoaderArr.Length) {}
    imageLoadedNum ++;
    var nextLd: Loader = imageLoaderArr [imageLoadedNum];
    {if(nextLd!=null)}
    nextLd.load (new URLRequest (imageURLArr [imageLoadedNum]));
    nextLd.contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
    nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
    nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);
    } else {}

    }
    }

    }

    The location of the error image manager e/s etc.
    private void imageIOError(e:IOErrorEvent):void {}
    if(imageLoadedNum<imageLoaderArr.Length) {}
    imageLoadedNum ++;
    var nextLd: Loader = imageLoaderArr [imageLoadedNum];
    {if(nextLd!=null)}
    nextLd.load (new URLRequest (imageURLArr [imageLoadedNum]));
    nextLd.contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
    nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
    nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);
    } else {}

    }
    }

    }

    start loading the next thumbnail when it can't load the previous tile
    private void thumbIOError(e:IOErrorEvent):void {}
    if(thumbLoadedNum<itemNum) {}
    thumbLoadedNum ++;
    var _nextLd: Loader = thumbLoaderArr [thumbLoadedNum];
    {if(_nextLd!=null)}
    _nextLd.load (new URLRequest (thumbArr [thumbLoadedNum]));
    _nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
    _nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);

    }
    }

    }

    How many tile is responsible
    private var thumbLoadedNum: number = 0;
    force the miniature customed size in the xml when they were loaded
    private void thumbComplete(e:Event):void {}
    var _tempLoader:Loader = Loader (e.target.loader);
    If (_tempLoader.content is Bitmap) {}
    get the Chargers in the form of bitmap content
    var _bitMap:Bitmap = Bitmap (_tempLoader.content);
    Turn on anti-aliasing
    _bitMap.smoothing = true;
    }

    _tempLoader.content.width = thumbWidth;
    _tempLoader.content.height = thumbHeight;
    _tempLoader.content.Alpha = 0;
    Tweener.addTween (_tempLoader.content, {alpha: 1, time: 4, transition: "easeOutSine"})
    if(thumbLoadedNum<itemNum) {}
    thumbLoadedNum ++;
    var _nextLd: Loader = thumbLoaderArr [thumbLoadedNum];
    {if(_nextLd!=null)}
    _nextLd.load (new URLRequest (thumbArr [thumbLoadedNum]));
    _nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
    _nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);
    }
    }

    }

    private var currentCol: number = 0;
    Move the following block of vignette
    private void clickNext(e:MouseEvent=null):void {}
    currentCol ++;
    If (currentCol < Math.ceil (itemNum/columns)) {}
    Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})
    } else {}
    currentCol = 0;
    Tweener.addTween (thumbClipContainer, {x: 0, time: 4, transition: "easeOutSine"})
    }
    }

    Move the previous tile
    private void clickPre(e:MouseEvent=null):void {}
    -currentCol;
    If (currentCol > = 0) {}
    Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})
    } else {}
    currentCol = Math.ceil(itemNum/columns)-1;
    Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})

    }
    }

    resize the layout
    private void resizeHandler(e:Event=null):void {}
    SW = stage.stageWidth;
    SH = stage.stageHeight;
    thumbContainer.x = (sw - thumbContainerWidth - thumbPadding * 2) > > 1;

    nextBtn.x = thumbContainer.x + thumbContainerWidth + thumbPadding;
    nextBtn.x = sw - 24;
    preBtn.x = 24;

    assetContainer.x = (sw - assetWidth) > > 1;
    {if (isThumb)}
    assetContainer.y = - assetHeight;
    thumbContainer.y = (sh - thumbHeight) > > 1;
    btnContainer.y = sh > > 1;
    } else {}
    assetContainer.y = (sh - assetHeight) > > 1;
    thumbContainer.y = sh + borderSize;
    btnContainer.y = sh + 32;
    }


    }

    }


    }

    You should be able to use addChildAt() once you have loaded evrything else to place the png to the index that you want to.

  • Make my transparent .png file?

    Can what iMac software I use to make my transparent .png file?

    Personally, I use Adobe Fireworks, but I believe that Photoshop will work as well. Alternatively, you can use a snippet.

  • Flatten the two (or more) transparent PNG images (32-bit)

    Hello

    How to flatten two (or more) transparent PNG (32-bit) images.

    The result must also be a transparent PNG (32 bit).

    It is the solution that I was looking for.

    Thanks Darin.K.

  • How can I disable smooth edges of fonts with Windows Vista?

    Please, please... I need help from someone obviously smarter than I am. I thought I was just on the pc, but I've proved very obviously I was mistaken.
    I would greatly appreciate any help someone could give me about the following question. I ' v tried the search with the help of Windows Vista, myself, but again, I'm obviously too stupid or slow down and have not been able to find the answer there either. He who can give me the answer, I would be so grateful, I got lov to reciprocate somehow I can, like research, graphics, or any work that I can because that would really mean a lot to me.
    So, here is my question:

    How can I disable smooth edges of fonts with Windows Vista?


    Bex

    Hello

    I suggest you to return the item and check if it helps:

    ClearType: Frequently asked questions

    http://Windows.Microsoft.com/en-us/Windows-Vista/ClearType-frequently-asked-questions

  • Auto create layers from selections or transparency?

    Is it possible that Photoshop can automatically create layers from selections or transparency?

    I recorded a video to try to better describe my question, but basically, I would like to be able to just do several selections, click a button and have each selection extracted on a separate layer.

    Any thoughts anyone has would be appreciated.

    Thank you

    Nick

    Divide into layers | Photoshop scripts

  • How to create smooth intersections on a map in illustrator?

    Hello!

    I am trying to create a map in Illustrator, but I can't seem to create smooth intersections. I tried to apply Graphic Styles and brushes all roads grouped together as a single object, but it just won't work and comes out looking like the image below. Any suggestions welcome!

    ill map example.jpg

    Try this tutorial that I found very useful in the past.

    Creating a roadmap in Illustrator | Veerle 3.0 blog

  • How to apply a shadow to transparent PNG files

    Hello

    I would like to apply a shadow to a transparent png file. But Edge still apply around the image of the box.

    Any ideas?

    Best regards

    Hi, Felipe.

    What you need are filters CSS, which are not fully supported on all browsers, but support browsers based on Webkit (Safari/Chrome, including mobile).  You can find our CSS filters under the section "Filters" in the properties panel.

    Thank you

    -Elaine

  • Create a mask with a transparent visor in Captivate?

    Hey everybody,

    I'm sure Captivate based on the readings of the forums, but I thought I'd ask.

    Can I create a mask with a transparent visor in Captivate?  I would like a text box to display in the center of my step just like the animation flash below:

    http://www.crystalgraphics.com/PowerPoint/slide-wheel-diagram-3D-animated-blue-3-process-m p - 115.asp

    If captivate can do, I'll post on the Flash forums to determine the best Flash tutorials to complete these steps.

    BTW - I just thought of a way to layers of "mask" in Captivate.  This isn't really masking, but cut an image into several parts and saw the new image should rule out behind a slice of the existing image.

    1. create a slide with an image.

    2. when the user clicks on a part of the image, direct the user to another slide.  It has the same picture, but it is cut into layers.  The new image move back 1/2 of the picture in front of the other 1/2 of the picture.  It would make it look like he wears a transparent mask, but it's really just browsing a 'slot' in the middle of the image.

    It is difficult to explain without Visual effects.  If I decide to use Captivate in this project, I'll post my work and some screenshots of the process.

  • [CS6] Export a transparent PNG image in InDesign CS6

    I usually export a page element to a transparent PNG in InDesign CS5.5 (and below) image by using the following script:

    pageItem.exportFile(ExportFormat.pngFormat, exportImageFile);
    

    But this script does not work in InDesign CS6: it exports an opaque PNG image instead. It seems that CS6 adds a new option to decide if the PNG transparent or not - and the default image export is non-transparent.

    I tried to change this option for a transparent PNG but failed, can you please help?

    Try this:

    app.hostObjectDelegate.pngExportPreferences.transparentBackground = true;
    

Maybe you are looking for

  • Is there a way to "minimize all" applications to see the desktop?

    Is there a way to "minimize all" applications to see the desktop. I can do this on a Windows PC using WindowsButton + M.

  • FGV with two types of variables

    It goes something like this I want the FGV having a cluster of two tables 1 d of double (which will be the variable of the FGV). and the data that I am 'Add' is a double issue / constant (whatever), it will be the additional variable. the main idea i

  • queue can not program dialog popup or VI

    Hello everyone, I have this program, press the key "E", but not see popup VI or a dialogue program. Who can help me to analyze and solute it? Thank you...

  • Problem reinstalling Java on Windows Vista

    During a security check w / a PC recommended protection product, he told me to unstall old Java file and download the new update, but when I did he told me he could not because of current internet settings. When I went to do what told me to do the Ja

  • When download Photo Story 3, I'll be validating page

    I tried to get the where I can download "Photo Story 3" but everything leads to 'Validate the page' and it does not lead any further.  How can I continue? Ralph