Image Layers

How can i place a image on top of an other image? Is that possible in DW?

Sure.
a) You can put each image into its own div and then position the divs and apply a Zindex to each one, using css. Best to use relative positioning or use css margins to do the positioning. Avoid absolute positioning in virtually all cases.
b) You can have one image be a background image of some element, again using css, and then place another, regular, image over it inside that element.
Hope that gets off in the right direction.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Similar Messages

Fireworks 8 (mac) creates slice files for all image layers

Hi,
When creating a document with one or more slices with a
rollover behaviour, fireworks exports the
same number of images for the rest of the slices on the
page, even those without a rollover behaviour. For example, if
there is a slice with 4 states (therefore 4 image layers), all the
slices on the page will export 4 images, even if you only require
1. This is very frustrating especially if the page has many slices.
Does anybody else apart from Angel Massa, who I have seen
make a post last year on this subject, have this problem or know
the solution?
This didn’t happen on any of the previous releases of
Fireworks.
Thx, Mark.

Ideally posting a link to the problem file would be helpful
so we can
debug with it.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaver
Tweener wrote:
>
quote:
Originally posted by:
Newsgroup User
> Are you using "frames" or "layers" when you create your
rollovers? I
> just want to make sure we're talking apples and apples
:-)Frames is a
> better choice as it's designed to work with animations
and rollovers
> create a button symbol, which encapsulates up to four
rollover states
> into a single symbol
>
> When you're exporting, make sure that "Include areas
without slices" is
> not checked.
>
> --
> Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
> Extending Knowledge, Daily
>
http://www.communityMX.com/
> CommunityMX - Free Resources:
>
http://www.communitymx.com/free.cfm
> ---
> .:Adobe Community Expert for Fireworks:.
> news://forums.macromedia.com/macromedia.fireworks
> news://forums.macromedia.com/macromedia.dreamweaver
>
>
> Sorry, when I talk about "4 image layers" it was to
illustrate the number of
> button states - they are however exported as frames and
the option "Include
> areas without slices" is indeed unchecked.
>
> I have just done a quick experiment by exporting a file
in fireworks 8 created
> with an older version (I can't remenber which, but the
file dates to jan 2004)
> and the result is the same, the second frame created for
the over state of a
> "close" button is exported for all the other slices on
the page despite the
> othes using only the first frame. Pre-8 versions of FW
didn't do this.
>
> Regards, Mark
>

Image layered based editing in javaFX

Hi all,
i need your advice about if the functionality of image layered based editing is possible like the photoshop one? as for example, am i eligible to add modify a text above the image dynamically at the run time?
your reply and support will be highly appreciated,
Thanks a lot

Just one comment regarding the text export from Photoshop ... It is actually possible to export text layers also into Text nodes in FXD rather than just bitmaps. You have to uncheck the export option "Rasterize Texts" in the export dialog (maybe also check the option "Embedd Fonts" in case you are not using system fonts) and you should get something like this in FXD content:
               Group {
                    content: [
                         Text {
                              x : 210.00
                              y : 159.00
                              fill : Color.rgb(0x7f, 0x7b, 0x1a)
                              stroke : null
                              textOrigin : TextOrigin.BASELINE
                              font: Font.fontFromURL( "MyriadPro-Regular.ttf", 36.00)
                              content : "This is simple text\n12\n34\n"
               },However it works correctly only for text layers using single font style. In case you combine two different styles within one text layer (e.g. changed size, color, etc) than whole text will be displayed using the first style only. This is caused by implementation reason - it is difficult to obtain bounds of styled text fragments in the Photoshop runtime.

How to add an Image layered over another Image?

In our application, we display a big image file in the main application window.
Now, we want to display customer's image(like their logo etc.,) just layered over main image on the top-left corner, restricted in size.
Tried to visualize it !
|------| |
| |
| |
Is it possible to show a JLabel over another JLabel?

Solution 1:
JLabel is a container, So you can add any component on top of JLabel but normally it will not display but if you set any layout then you can see the added component.
    public static void solution1() {
     JFrame frame = new JFrame();
     frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
     JLabel bigImg = new JLabel(new ImageIcon("F:\\tmp\\bigImg.jpg"));
     JLabel logo = new JLabel(new ImageIcon("F:\\tmp\\logo.gif"));
     frame.getContentPane().add(bigImg, BorderLayout.CENTER);
     bigImg.setLayout(new FlowLayout(FlowLayout.RIGHT, 0, 0));
     bigImg.add(logo);
     frame.pack();
     frame.setVisible(true);
    }Disadvantage : if the label size was changed depends on the layout the position of the logo goes outside of the big image(in the above example maximize the window to see that issue).
Solution 2:
draw the logo image on top of the big image.
    public static void solution2() {
     JFrame frame = new JFrame();
     frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
     ImageIcon bigImg = new ImageIcon("F:\\tmp\\bigImg.jpg");
     ImageIcon logo = new ImageIcon("F:\\tmp\\logo.gif");
     int w = bigImg.getIconWidth();
     int h = bigImg.getIconHeight();
     BufferedImage bf = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
     Graphics2D g2d = bf.createGraphics();
     g2d.drawImage(bigImg.getImage(), 0, 0, frame);
     g2d.drawImage(logo.getImage(), 0, 0, frame);
     JLabel label = new JLabel(new ImageIcon(bf));
     frame.getContentPane().add(label, BorderLayout.CENTER);
     frame.pack();
     frame.setVisible(true);
    }Advantage : whenever the label component size changed the logo must be on the big image of the same position because the logo was painted on top of the big image.

When I open Photoshop CS6, the image does not show in Photoshop. The image IS open, i.e. the filename is shown on a tab and the image layers show in the layer panel. What is going on?

Both Photoshop and Bridge open as usual. But when I open an image, the image does not show in the image area. The image filename does show in a tab and the layers show in the layer panel. What is going on and how do I fix this.

I resolved the problem. It was somehow related to my using Microsoft
theme pictures. I set Windows to use the basic theme and the problem
went away. Thank you for the suggestions.
Jac

Underlines of image layers imported from PSD

The above image is the layers panel in Illustrator of a placed PSD file that was imported with the layers maintained.
What do the dotted underlines for the two layers mean? Do they just mean they are layers or something else?
There were layer masks on those layers in Photoshop, but they were applied to the image so there is a transparency around the image.
I understand what has happened to the image, I just don't understand what the dotted lines are supposed to signify.

Opacity masks.
See Transparency palette.

Saving Images Layered Using TIFF

Hi,
My question is related to tiff file. I have a tiff file,i want to save other images on the tiff file ie as layered. I have searched for liff architecture,but i did not get enough info.
Please help me.
thanks
sreejesh

Hi,
Open that TIFF file in paint.and sava as whatever ur format u have.

Creating css for image layers

I need to ensure that my image & text box layers work. So
far I have found that layers can be created in Fireworks, but I
have already made the page and layers in Dreamweaver. I need to
check the ordering of the images because I want them to change when
a link is hit to cover a 10 step procedure. What should I look for
in my CSS sheet? can someone go over this with me?

A FW layer and a DW layer have no similarity. Furthermore,
using DW layers
without fully understanding the price you pay for them can be
troublesome
for you. Please visit this page and read these 'laws' and
visit the linked
page -
http://www.great-web-sights.com/g_layerlaws.asp
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
==================
"Pomfennworks" <[email protected]> wrote in
message
news:ejtdt5$hr7$[email protected]..
>I need to ensure that my image & text box layers
work. So far I have found
>that
> layers can be created in Fireworks, but I have already
made the page and
> layers
> in Dreamweaver. I need to check the ordering of the
images because I want
> them
> to change when a link is hit to cover a 10 step
procedure. What should I
> look
> for in my CSS sheet? can someone go over this with me?
>

Image layering

Hi all, I have a program which loads a set of images as ImageIcons in an applet and sets them onto JLabel objects. I want to be able to represent these images being 'locked' by placing bars over them. Is there anyway I can do this without drawing a whole identical set of images with bars over them and then loading them in to replace the original images whenever i want to lock them?
hope that makes sense, all help appreciated!

Well, If you can figure out how to draw the overlay as you would on a Graphics object, yes...
public static Image drawBars(Image img) {
   Component c = new Panel(); // just need as an image observer...
   BufferedImage im = new BufferedImage(img.getWidth(c), img.getHeight(c),
      BufferedImage.TYPE_INT_RGB);
   Graphics g = im.getGraphics();
   g.drawImage(img, 0, 0, c);
   // draw your bars, border whatever ...
   return im;
}

Adjusting multiple images to be the same size?

Hi,
I'm trying to create a photo collage in Photoshop that consist of multiple photos imported as Smart Objects into layers, that are all the same size. Ideally, I'd like to be able size/crop/scale each image as a group, or individually, on the fly. So lets say that I have 6 images as Smart Objects on layers, and that they are all of varying sizes, and I'd like to adjust each image to be the same precise size, 2" x 3". Maybe later I decide that they should all be 2.5" x 3."5, can I easily change all 6 images at once? I've tried going into Free Transform and changing the size of each individual image here, but I can't get the precise size that I want. Is there a way that I can open a dialog box, and specify the exact size? Can I then repeat this for all images/layers that I've selected?
I hope this makes sense, and that someone has a brilliant idea on how to do this?
Thanks!
Jeff

Image Processor doesn't get me what I'm after.
Photoshop has the option to create a contact sheet. So imagine that I want to create a contact sheet of images, but keep them on separate layers, and be able to change the size of the images as I feel, to fit my collage.

Stacking layers top-to-tail to create a long banner print of software code in Photoshop

I have lots of software code (in tSQL, html, JavaScript, XAML, and C#) that I need to print in a long scroll. The scroll will be no more than 440mm wide and as long as it needs to be (though the roll of paper is 45 m long so I’ll need to make sure it is shorter than that). The resulting code listing is to from part of an exhibit contrasting the ‘sketching’ phase in a multidisciplinary project between design, social science, and software engineering. The exhibit will form part of the Research Through Design conference http://www.praxisandpoetics.org/researchthroughdesign/ next week
At first I thought I’d print straight from the development environment (Visual Studio 2012 and SQL Server Management Studio) but I realise now that is not possible because
1) Both tools assume standard page sizes, and
2) I need to rotate the software code listing 180 degrees so that the end of the listing is at the tail of the paper roll.
For these reasons I’m doing it in Adobe Photoshop (CS5, 64 bit, on Windows 8).
My workflow for this is verging on the ridiculous.
1) If I cut-and-paste the code listings file by file from Visual Studio 2012 and SQL Server Management Studio into Photoshop (or Illustrator) I lose the formatting, for example the coloring of comments differently form variable declarations. (See http://feedback.photoshop.com/photoshop_family/topics/how_could_i_paste_a_rtf_pdf_word_tex t_keeping_the_formatting_into_photoshop .) Thus Step 1 is to cut-and-paste each file into a Microsoft Word document.
2) If I cut-and-paste from the Microsoft Word document into Photoshop I still loose the formatting, and Microsoft Word does not seem to be able to cope with the paper roll nor rotating the print. So I save the Microsoft Word document as a PDF and open that into Photoshop.
3) I now have 51 Photoshop files each with one layer containing the text for that ‘page’, though I think it’s an image as it is not editable as text. I then save each of these files.
4) Using Adobe Bridge I open all 51 Photoshop files created in Stage 3 and “Load Files into Photoshop Layers” so that I have a new single Photoshop file with all 51 text image layers in.
5) The layers sit on top of each other. What I need is for them to sit head-to-toe. I don’t know how to do this without spending a million years selecting layers and moving them by hand.
6) If I ever get Stage 5 done I will then group the 51 layers and rotate the result through 180 degrees.
7) I will then resize the result to have a width of 400mm and print the resulting file on our banner printer, having first calculated the resulting paper ‘height’ and turned off the automatic paper cutting.
So my questions are:
1) Is there a better way of doing this?
2) I can see the Photoshop actions that will align layers by their tops, their bottoms, or their centers but how do I automatically align them so that the bottom of layer 1 touches the top of layer 2, the bottom of layer 2 touches the top of layer 3, etc.?

If you can make an image file for each page you may want to look at my paste image roll Photoshop script.
http://www.mouseprints.net/old/dpr/PasteImageRoll.html
http://www.mouseprints.net/old/dpr/PasteImageRoll.jsx
A Script included in my Photoshop Photo Collage Toolkit
http://www.mouseprints.net/old/dpr/PhotoCollageToolkit.html

How do I resolve issues with missing layers when opening a Tiff file from Photoshop CS5.1?

I am downloading Tiff images from a partners website. After extracting the file and opening from Photoshop CS5.1 it's only displaying one of the original image layers. For example and image with two guys shaking hands in an office is only opening the clipped two guys and not showing the backgroud. The vendor says the files open fine on their end which leads me to believe its a download or photoshop issue. Any recommendations?

Thanks Curt... I don't think my explanation was clear. I'm downloading an image from an external webiste. The image downloads in a ZIP archive. After extracting from the Zip file, I go into photoshop and do file open. Only part of the image appears. It looks as if it's the top layer of a photoshop image but since I didn't build the image, I'm not certain it was built with multiple layers. Any ideas?

Why does ppi matter for web images?

Hello
When placing an image in my (web/pixel) project the resolution is dependent from the set ppi.
When I create a new document for web, then logically only the pixels matter. Nonetheless there's a ppi field, why? And depending what value it has, placed pictures (file > place or drag&drop from Windows' explorer) get resized instead of the wanted 1:1 resolution.
1 pixel should remain 1 pixel when working with in pixels.
Try it out:
Create a new document with Full HD resolution (1920x1080 pixels), set ppi to 10.
Import a Full HD picture (Blu-Ray screenshot whatever) and it's mini-sized.
My screen resolution is 59 ppi (I use my 39" TV as monitor) and this is set in the Photoshop preferences (in case I do some print stuff that I get a 1:1 view if wanted). If there was any logic behind the pixel-ppi-placing thing, then this set standard monitor ppi should bring me a 100% sized picture... but it doesn't. Only when the ppi is set to the fantasy value of 72 I get a 100% sized placing.
This can be disturbing and is very annoying when starting a new project by opening an image that does not come with 72 ppi by default (my Canon camera makes 180 ppi JPEG photos) and placing new pictures in this project. They get opened in wrong sizes, in my case largely upscaled, with no way to correct it but guess-scaling it down.
Bug?
Pls pls fix it.
Ppi has nothing lost in pixels-only projects.
The only way that works is to open all single images in Photoshop as tabs, and then drag&drop from within Ps. -.-
Regards
Mopsi
Example screenshot: http://www.m-i-u.de/images-i83580bxvogj.jpg
The yellow framed layer is a image from my camera, opened in Photoshop CS6 extended. 3264x2448 pixels (180 ppi).
The green framed layer is a screenshot from a movie, drag&drop from the explorer. 1920x1080 (normally) unwanted upscaled here.
The red framed layer is a screensot as well, but drag&dropped from a tab within Photoshop. It remains in its original resolution of 1920x1080.

I'm wrong and your right. I just did some testing and Photoshop does indeed interpolate the lower resolution 600x400 72DPI image is up size to match the higher resolution document document size during the place process. I just assumed Photoshop would preserve image quality and not interpolate the image.    As you have shown it does interpolate the image which greatly lowers the image quality of re-sized low resolution image.
This shows you should not use Photoshop to merge images into a composite if they have greatly different resolutions. I don't have a problem there for I never use "save for web" to save images to be displayed on displays from the web or my machine. I use Fit Image and save as, or a Image Processor script that uses Fit Image to re-size and uses save as. The leave all my images files resolution setting unchanged.   For some reason Save for Web changes all jpeg files it saves resolution setting to 72 DPI even if they are 8MP images for high resolution displays..
During testing I also tried using Photoshop's script Load Files into Stack instead of using Place. That script works the way I assumed Photoshop Place would work. Images layer are not interpolated they remain the correct number of pixels and the image quality is not is not changed.. The image layer are normal layers but can be converted to smart object layers however the object would be normal layer not an image file.
When you use Place you get
It also possible to undo Photoshop's Place scaling with a simple calculation. Divide the image layer's original dpi by the document's dpi here there are three layer that did not start at 300dpi. two started out as 74dpi image file the other a 500dpi image file. 72/300=.24 = 24% the other 500/300=1.66666 = 166.66%
all you need do is change the associated layer's image transform width and height scale from 100% to the calculated percents
The only time I set document to 72DPI resolution is in Photoshop Scripts so I can calculate a font size for a charter sting so it will fit the canvas size. Photoshop Text Tools seem to be tied to 72DPI resolution. Once I add the text layer I restore the document DPI resolution back to its original setting.
So when it comes to Photoshop all files use in a project should have identical DPI resolution for best result when making composites.    My image files are either RAW files which have no DPI for they are not RGB image files. Or RGB Image files that have a high DPI resolution. I process images for print. Image files DPI resolution is meaningless when if comes to Display Screens. All that matters is the number of pixels a display can display and the number of pixels in the image. Even images I re-size for display screens DPI are high for I do not use "Save for Web". I see no good reason to strip metadata and change resolution to 72DPI. I tend not to interpolate image except the ones I save to be displayed on a display. I change Print size by changing the DPI setting without resample. My Epson 4800 inkjet printer has no problem printing high resolution pixel I see no reason resample my camera 16MP image down in size just to print at 300dpi. If I want to a single 6"x4" print I see nothing wrong printing it at 816DPI. My eyes can not resolve down there the printer can. However when Printing on Roll Paper many 6"x4" the composite document I create via a script has a 300DPI resolution and the image layers are resized to be 6" x 4".

Batch combine multiple image sequences

My problem in a way is pretty simple.
After assembling the render output of my 3d app in photoshop (32bit) and changing the appearance via several CC layers in different layer modes (e.g. Hue/saturation in Overlay mode) I ended up with my composing for print purposes. The comp is complex, with several masked folders, single masked CC layers and many image layers (some with masks).
Now the client wanted me to animate part of the image. No problem I thought. But the trap is of how to assemble the different image sequences (diffuse, specular, reflection, masks, etc, etc). I came up with a PS action which loaded the single images and arranged them in the same fashion as the master file.
But now PS doesn't load the incremental images for the batch processing.
Images are named in a Diffuse_00001, Specular_00001, ... fashion. Loading the first set works, but from Diffuse_00002 everything goes wrong and PS load the 00001 files (except from one file which loads in the proper incremental way).
I can't transfer this stuff to AE as it is much too complex and I do no AE only very little.
I guess PS should be capable to solve this batch task, but a simple action via batch seems to fail.
Anybody who knows a solution?
Cheers
Thomas

I forgot to mention that after applying the action the comp is reduced to the background layer and needs to be saved as Flattened_00000, Flattened_00001, etc.
Cheers
Thomas

PhongMaterial Image and 3D issue

I've been working with Box and trying to get an image set up.
According to the API http://docs.oracle.com/javafx/2/api/javafx/scene/image/Image.html there are a few ways to do it.
I tried to set it as a file, in the source, or another project, and no luck. Then I tried using the direct link to the JavaFX icon found in the tutorial; however that was for basic images, not for Phong Materials.
Now there is setDiffuseMap, setSpecularMap, and setBumpMap. When doing each individually it yields a gray box, but when doing all 3 I get a crappy gray version of the JavaFX Logo.
Now looking up the definitions of each I got that Diffuse is the main color, specular is for shiny objects, and bumps are for bumps :P. The thing is are they supposed to be 3 different images layered together to form 1 image, or what's the deal? Why am I having issues with crappy color, and is there an easier way to do this? What if I want to set each side's image? It seem slike it knew the FX Logo was 2D, so it just mapped it to all 6 sides.
I should also mention I am using NEtbeansLambda8, with JDK/JRE 8 build 78.
Edited by: KonradZuse on Mar 5, 2013 4:15 PM
Edited by: KonradZuse on Mar 7, 2013 1:30 PM

Okay so I got it to work only when the link was correct THE FIRST TIME. For some reason it was f-xdocuments instead of fx-documents, so when I changed it back, it worked; however only the first time. If I ran the code again it would turn into a normal non-image box. If I switch the image path to and from fx- to f-x and back to fx- it would work again, only once...
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.PerspectiveCamera;
import javafx.scene.PointLight;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.image.Image;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.paint.PhongMaterial;
import javafx.scene.shape.Box;
import javafx.scene.shape.Sphere;
import javafx.scene.transform.Rotate;
import javafx.stage.Stage;
* @author Konrad
public class draw extends Application
    Box f = new Box(100,100,100);
    Image image = new Image("http://docs.oracle.com/javafx/javafx/images/javafx-documentation.png");
        private PerspectiveCamera addCamera(Scene scene)
        PerspectiveCamera perspectiveCamera = new PerspectiveCamera(false);
        scene.setCamera(perspectiveCamera);
        return perspectiveCamera;
    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("SphereAndBox");
        final PhongMaterial red = new PhongMaterial();
      // redMaterial.setSpecularColor(Color.ORANGE);
        red.setDiffuseColor(Color.RED);
       red.setDiffuseMap(image);
        // red.setSpecularMap(image);
       red.setBumpMap(image);
       f.setMaterial(red);
        final Group parent = new Group(f);
        parent.setTranslateZ(500);
        final Group root = new Group(parent);
        final Scene scene = new Scene(root, 500, 500, true);
        PointLight light = new PointLight();
        light.setTranslateX(scene.getWidth()/2);
        light.setTranslateY(scene.getHeight()/2);
        root.getChildren().add(light);
        addCamera(scene);
        primaryStage.setScene(scene);
        primaryStage.show();
     * The main() method is ignored in correctly deployed JavaFX application.
     * main() serves only as fallback in case the application can not be
     * launched through deployment artifacts, e.g., in IDEs with limited FX
     * support. NetBeans ignores main().
     * @param args the command line arguments
    public static void main(String[] args) {
        System.setProperty("prism.dirtyopts", "false");
        launch(args);
}Also now that I look at it netbeans say sit ignores main which is where the system property dirtyops is. Apparently that is used for Graphical issues, maybe this has something to do with that?
Is this something I should report to Jira or what would be recommended?
Edited by: KonradZuse on Mar 7, 2013 1:29 PM
Edited by: KonradZuse on Mar 7, 2013 1:31 PM
Edited by: KonradZuse on Mar 27, 2013 2:33 PM

Image Layers

Similar Messages

Maybe you are looking for