How to overlay images

Hi,
im using Dreamweaver 8 and trying to 'mix' 2 images like
laying one over the other. Can this be done?
Thanks
R.

Wouldn't it be better to create a single image with this
effect in your
graphics editor?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Rudei" <[email protected]> wrote in message
news:f1ipcm$f5$[email protected]..
> Hi,
>
> im using Dreamweaver 8 and trying to 'mix' 2 images like
laying one over
> the other. Can this be done?
>
> Thanks
>
> R.

Similar Messages

  • How to overlay images with tags?

    How can I overlay the small image (tag_smallimage) with the large image (tag_largeimage) ?
    with HTML is...
    <div style="position: absolute; z-index:100"><img src="yourimage1"></div>
    <div style="position: absolute; z-index:5000"><img src="yourimage2"></div>
    but how it works with tags?
    Thank you in advance!

    Well first off, your CSS is a little overkill.  You don't really need z-index at all since the image you want overlayed on top of the other image comes after the small image in the markup.  You can just set position:absolute and it will appear above your image by default. You'd want to use z-index if an element that comes before another element in the markup is required to be layered on top. Also, try to avoid inline styles unless you are doing an email campaign, in which case, inline styles are best practice since email clients rarely adhere to web standards.
    I'm assuming you are creating a web app and you've creted the "smallimage" and "largeimage" fields already for your web app. Here's the HTML:
    <div class="image-container">
         <div class="small-image">
              {tag_smallimage}
         </div>
         <div class="large-image">
              {tag_largeimage}
         </div>
    </div>
    And here's some CSS that you can put in your main stylesheet:
    .image-container { position: relative; }
    .large-image { position: absolute; top: 0; left: 0; }
    This should work for you but you might run into problems with the large images running on top of other image groups if you use this in multiple places on one page.  What is your goal for these images?  A hover effect so that the large image shows when you hover over the small one?

  • How to overlay image onto black clothing?

    I have two screenshots attached.  One is when overlay is applied to layer and one is without.  Im trying to have the effects of overlay without losing color and brightness in design.  When i try to brighten the overlayed layer it changes the color of the shirt. Also, soft light and hard light do not look desirable as well.  I would like the design to look normal in color but still have that overlay effect where the curvatures and seams in the shirt are shown through the design. Any suggestions or help ? Thank you.

    Displacement map, maybe?

  • How can I keep overlay image on 8 bit image at video acqusition​?

    Hi, I am using AVT camera Pike with Laview vision 2012
    When I use Example code 'Grab and Attributes Setup.vi' (<NI supported Example),
    I simply add the event case for overlay function (such as 'IMAQ Overlay Oval') with Image  by Local Variables connection (image input - output).
    Event case:
                 Image------[IMAQ Overlay Oval]--------Image
                 Rectangle Control ---|
    IMAQ Overlay should keep the overlay on buffer memory if I input the rectangle value.
    Problem is that the overlay disappeared if I use 8 bit image format?.
    but at the 16bit image format, the image keep the overlay image (colored overlay).
    It seems the overlay buffer is removed by acquiring new 8 bit image, but 16 bit format, the overlay is still alive. 
    Is it bug or what am I wrong?  

    upload the error situation block diagram
    Attachments:
    8bit overlay error1.jpg ‏364 KB

  • How to overlay an image onto separate layers while maintaining separate layers and adding no layers?

    I have a 6400x6400 image that I have divided into 100 640x640 layers. I want to overlay an separate image over the entire 6400x6400 document while making the individual layers hold part of the overlayed image.
    An anaology would be this:
    Imagine that I have created a giant board (6400x6400) and I have cut it into small pieces, where each piece is it's own layers. I want to put a picture to that entire puzzle, so that each layer holds a part of the picture and the picture is not it's own layer, but made up of the smaller layers.

    Here's one way to do it, I added the image in as a new layer, and used Clipping Masks to clip them to the layers.
    You can merge them into one layer by selecting both layers, right click and Merge Layers:
    Hope this helps!
    Julia

  • Best practice to put overlay images on video?

    Hello community!
    I would like to know what's the best way to put overlay images on videos, like ads ( actually ads )
    I'd like to animate them and all that stuff, the thing is I believe I know how to do it, but I'm not sure.
    On the one side I image that i should create a plugin to manage them, and a MediaElement to put them inside.
    Supposably this mediaElement ( Ads ) should run in Parallel with the video.
    I'm still investigating on that but I would appreciate any help!
    Thanks!

    Yes, you're on the right track.  See this sample app for some additional guidance:
    http://opensource.adobe.com/svn/opensource/osmf/trunk/apps/samples/framework/LayoutSample/
    The sample demonstrates the layout of an overlay bug by placing a VideoElement and ImageElement in a ParallelElement.  To map this to the ad use case, you might have the ImageElement encapsulated within a plugin.

  • Easy way to manipulate overlay image file?

    Greetings, I'm currently trying to figure out how to simplify something for a client so they can make quick changes. Here's what I have:
    - Menu with a video in the background playing in a 30s loop.
    - Menu buttons with a specific "tile" I created in Photoshop, and placed into DVDSP as an overlay. This button "tile" (a vertical triangle) was placed in a specific position relative to the video in the background.
    - Menu buttons illuminate the triangle when you select a specific button properly.
    Now, the client has changed the background video from a 4:3 video to a 16:9 video, and wants to move the text and buttons on the menu. In doing so, this means the button "tile" needs to shift many pixels down.
    As far as I can tell, there's no way to simply grab the overlay image file and drag it down a few pixels, line it up by eye and be done with it. Do I have to go into Photoshop, manipulate the image, re-save it and reintroduce it to DVDSP?
    Basically, is there an easy way to move or relocate the overlay image file within DVDSP? Thanks!

    Tiresias314 wrote:
    As far as I can tell, there's no way to simply grab the overlay image file and drag it down a few pixels, line it up by eye and be done with it. Do I have to go into Photoshop, manipulate the image, re-save it and reintroduce it to DVDSP?
    Basically, is there an easy way to move or relocate the overlay image file within DVDSP? Thanks!
    Overlays cannot be moved or relocated in DVD SP. Best bet is to do it in a Custom 16:9 preset in Photoshop

  • How to Call Image Viewer from Form application

    Hi,
    how to call Image viewer using host command on oracle form 6i.
    i trying using host command on local/client application .. and it is working ...
    but when i try on server application (EBS - UNIX) it does not working ...
    thanks ..
    regards,
    safar

    Are you using Forms 6i in client/server mode or web deployed? I'm not sure what you mean by 'try on server application"
    Remember that when using a web deployed architecture, a host command will execute the command on the Forms application server, NOT on the client.
    To execute host commands on the client you would have to use WebUtil, but that's not available for Forms 6i. Perhaps there are PJC's out there that can do it for you, but I don't want to get in all those details without me knowing if it is relevant for you.

  • How to use images from ADFLib

    Hello OTN,
    My application is devided into several ADFLibs, one of them is CommonUI. It includes common skin and it is imported into every application part.
    There are some images which should be available in different parts, so I decided to put them in CommonUI.
    After deploying adflibCommonUI adn refreshing Resource Palette, somehow I expected to see this image there, but it isn't.
    Could someone, please, explain me, how to use images contained in imported ADFLib, for example, as imageLink icon?
    Thanks.
    ADF 11.1.2.1

    Hi,
    images need to be saved in a specific file structure in the JAR file to be accessible. See:
    http://www.oracle.com/technetwork/developer-tools/adf/learnmore/86-images-from-jar-427953.pdf
    Frank

  • How do you  "image correction" in PREVIEW in a macbook pro? I have an iBook G4 that gives it as an option in the tools drop down window.

    how do you  "image correction" in PREVIEW in a macbook pro? I have an iBook G4 that gives it as an option in the tools drop down window.

    From preview:
    Tools-> Adjust Color-> Auto Levels
    Or you can import the image into iPhoto:
    Edit-> Enhance

  • How to store image in the oracle database 10.2.

    Hi.,
    I am working on 10g ids. I have designed a form where there are two fields. Name and picture.
    I want to keep details of the person with their photo.
    I can simply put name but how to insert image in the picture field??
    can you suggest ??
    Thanks.
    Shyam

    Hi
    To store your binary images in an Oracle database, you will need to create a column in your table defined with the BLOB datatype BLOB stands for Binary Large Object. Images from scanners, mpeg files, movie files and so on can all be stored in the BLOB column
    sq>CREATE TABLE test_table (
       id NUMBER,
       image BLOB);then go to
    [http://download-west.oracle.com/docs/cd/B14117_01/appdev.101/b10796/toc.htm]

  • How to copy images from another MC in reversed order??

    Hi everyone,
    I'm new to AS3 and have been fighting and searching for a solution to this problem for a week now, and I'm VERY close!
    I crated a MC holding of a series of images (about 50) and I jump around in it using plenty AS3 scripts (most of which I don't fully understand yet, but I'm working on that to! )
    I had to find a way to "rewind" (= play backwards) the MC. Since there is a stop(); command in almost every frame, prevFrame does not work and if I put that in a loop, it goes WAY to fast (but worked).. So I could think of only one way...
    Create a new (reverserd) MC with the same image sequence ald reverse it manually and play that one.
    This all works fine (very proud of it ).
    Now my question:
    To get this to work for multiple image sequences, I have to load all images twice (once in MC_1 and again in MC_2 and select them and reverse them).
    Not a big one, unless you want to create MANY of those SWF's...
    Is it possible to load the 50 images of the first MC in reverse into the second MC dynamically? JUST the images, noting else.
    extra info: the MC_2 is already in the lib(empty) and placed on the stage.
    something like:
    var pointer:Number=1;
    for (var:i:Number=50;i>=0;i--) {
    get MC_1.picure(var);
    put it in MC_2.frame(pointer);
    pointer = pointer + 1;
    All help is welcome and please take into account that I have little experience and copy most of my scripting from people like you
    T.I.A.
    Melluw

    I tried your advice (thanks for that)
    The event I already have is the mouse leave
    I //-d out the part I removed (what did work)
    The code I ended up with is:
    function Start() {
    stage.addEventListener(Event.MOUSE_LEAVE, cursorHide);
    function cursorHide(evt:Event):void {
    var currFrame = MC_1.currentFrame;
    if (CCW == true) {  //it is true in this case
      movStart = (50 - currFrame);
    else {
      movStart = currFrame;
    if (movStart>25) {
      MC_1.prevFrame();
    // removed swapChildren(MC_1, MC_2); // This is the part I removed
    // removed MC_2.gotoAndPlay(movStart);
    else {
      MC_1.gotoAndPlay (movStart);
    And if I leave the stage on the part where movStart is indeed >25
    Nothing happens,
    So I guess this is not what you meant
    Subject: Action Script 3 how to copy images from another MC in reversed order??
    I cannot direct you in the loading of the images approach, it will be too complicated, and will probably not work anyways... when you move away from a frame that has dynamic content, you lose the content.  So basically, there is nothing practical in taking that approach.
    I do niot understand what the problem will be with the enterFrame/prevFrame approach. If everything you can do with the mouse is already used (which I doubt) by the first mc, then there is nothing else you can do with this file.  You probably just need to rethink your control scheme.  You should search Google for "AS3 slideshow tutorial", and to lighten up your design, add "XML" in that search.
    >

  • How to insert image in forms?

    Hi Friends,
    I m new to Forms. plz tell me how to display image in canvas (form)?
    I m using Forms 6i.

    do you want to show a static image or an image from the database?
    If its a static image have at look at this Re: Oracle FORMS with image background, is that possible?
    If its a database image you should have a table with a blob-column. If you use the databalock wizard and include that column in the block, it will generate you an image-item which can then be shown in the layout.
    Edited by: Andreas Weiden on 25.11.2008 21:58

  • Hello, i am new to the mac and i need to learn how to re image using an external hard drive

    Hello, i am new, like baby fresh new,...lol, to the mac and i need to learn how to re-image using an external hard drive.

    How to replace or upgrade a drive in a laptop
    Step One: Repair the Hard Drive and Permissions
    Boot from your OS X Installer disc. After the installer loads select your language and click on the Continue button. When the menu bar appears select Disk Utility from the Installer menu (Utilities menu for Tiger, Leopard or Snow Leopard.) After DU loads select your hard drive entry (mfgr.'s ID and drive size) from the the left side list.  In the DU status area you will see an entry for the S.M.A.R.T. status of the hard drive.  If it does not say "Verified" then the hard drive is failing or failed. (SMART status is not reported on external Firewire or USB drives.) If the drive is "Verified" then select your OS X volume from the list on the left (sub-entry below the drive entry,) click on the First Aid tab, then click on the Repair Disk button. If DU reports any errors that have been fixed, then re-run Repair Disk until no errors are reported. If no errors are reported click on the Repair Permissions button. Wait until the operation completes, then quit DU and return to the installer.
    If DU reports errors it cannot fix, then you will need Disk Warrior and/or Tech Tool Pro to repair the drive. If you don't have either of them or if neither of them can fix the drive, then you will need to reformat the drive and reinstall OS X.
    Step Two: Remove the old drive and install the new drive.  Place the old drive in an external USB enclosure.  You can buy one at OWC who is also a good vendor for drives.
    Step Three: Boot from the external drive.  Restart the computer and after the chime press and hold down the OPTION key until the boot manager appears.  Select the icon for the external drive then click on the downward pointing arrow button.
    Step Four: New Hard Drive Preparation
    1. Open Disk Utility in your Utilities folder.
    2. After DU loads select your new hard drive (this is the entry with the mfgr.'s ID and size) from the left side list. Note the SMART status of the drive in DU's status area.  If it does not say "Verified" then the drive is failing or has failed and will need replacing.  Otherwise, click on the Partition tab in the DU main window.
    3. Under the Volume Scheme heading set the number of partitions from the drop down menu to one. Set the format type to Mac OS Extended (Journaled.) Click on the Options button, set the partition scheme to GUID  then click on the OK button. Click on the Partition button and wait until the process has completed.
    4. Select the volume you just created (this is the sub-entry under the drive entry) from the left side list. Click on the Erase tab in the DU main window.
    5. Set the format type to Mac OS Extended (Journaled.) Click on the Options button, check the button for Zero Data and click on OK to return to the Erase window.
    6. Click on the Erase button. The format process can take up to several hours depending upon the drive size.
    Step Five: Clone the old drive to the new drive
    1. Open Disk Utility from the Utilities folder.
    2. Select the destination volume from the left side list.
    3. Click on the Restore tab in the DU main window.
    4. Check the box labeled Erase destination.
    5. Select the destination volume from the left side list and drag it to the Destination entry field.
    6. Select the source volume from the left side list and drag it to the Source entry field.
    7. Double-check you got it right, then click on the Restore button.
    Destination means the new internal drive. Source means the old external drive.
    Step Six: Open the Startup Disk preferences and select the new internal volume.  Click on the Restart button.  You should boot from the new drive.  Eject the external drive and disconnect it from the computer.

  • How to include images in my app

    hi all.
    I'm using Apex 2.1 over XE.
    I'm sorry but i can't find any thread related to how to include images in my app.
    I've uploaded several trough shared componentes / files / images, but don't know how to use it, for example, in an HTML region, as header of the page.
    Thanks a lot for your help.
    Fernando

    Hi,
    I have used four different ways to display images in my applications depending on which method is the fastest to refresh.
    1. Under Application Attributes > Edit Standard Attributes > Substitutions enter your substitution string (MY_IMAGE_URL) and substitution value(http://somewhere/img)
    and then in the region or template use the following syntax &MY_IMAGE_URL. in your html tags eg. img src="&MY_IMAGE_URL./banner.png" width="x" height="x">)
    I have found this the best for image refresh speed, especially if the image is already cached.
    2. Load your image up into Apex and don't associate it with any application and use the following tag img src="#WORKSPACE_IMAGES#banner.png" width="x" height="x" alt="">
    Good for development as all images not associated to an application are available.
    3. Load your image up into Apex and associate it with an application and use the following tag img src="#APP_IMAGES#banner.png" width="x" height="x" alt="">
    This can be a pain during development when your application numbers continually change.
    4. Use standard http address <img src="http://somewhere/banner.png" width="x" height="x">
    Ben
    Message was edited by:
    Benton

Maybe you are looking for