Adding Transparent Region Below An Image

I have an unusual application and want to see if any Photoshop product supports this. I have a photo onto which I have superimposed another image, in a separate layer. That separate image was precisely drawn using the magic wand. Is there any way I can add some transparent area below that image?
My application is I am creating a GIF movie in which that image will be moved around on the main image like a sprite / puppet. I need the section of the image that I place the mouse on to control movement to be invisible to the part of the photo that is being turned into a GIF/video. Effectively, I am looking to build a "puppet" that I can control outside of the formal stage area, and the extension to the image is my means of controlling how the sprite is moved around.
Is anything like this possible?

I gave you a 'long way' as I wasn't sure what background your sprite currently had. Unless you already have transparency (presumably not or you wouldn't have this question) I assume it is a solid colour e.g. white. You should be able to just select the white and hit 'delete'.
Alternatively select your 'sprite' and choose Layer> New> Layer via Copy. This will place a copy of the 'sprite' on a new transparent layer.
With animated GIFs in PSE, each layer represent a frame of the animation. So for each movement of the sprite you need to duplicate the sprite layer, select the sprite and drag it to where you next want it to appear. You might find it easier to temporarily hide preceding layers (click the eye icon). Display them all before saving your GIF and make sure you check the 'Save 'Layers as Frames'' checkbox.
Cheers,
Neale
Insanity is hereditary, you get it from your children
If this post or another user's post resolves the original issue, please mark the posts as correct and/or helpful accordingly. This helps other users with similar trouble get answers to their questions quicker. Thanks.

Similar Messages

Drawing Over Transparent Region of SplashScreen Image

Has anyone been successful trying to paint over a transparent region of an image using the Java 6 SplashScreen ?
I've got a PNG with a transparent background as my SplashScreen image, and I would like to paint over part of the transparent area. Whatever I try, I can't seem to accomplish it. I've played around with the Graphics2D setComposite and setClip, but I'm not having any luck. It paints over the non-transparent area, but not the transparent area. It's like there is a clip region for the image that I cannot seem to undo.
Anyone have any suggestions?

To expand on the problem, I tried doing the same thing just in a panel, like so:
public class SplashTest {
     public static final File IMAGE_FILE = new File("SplashTest.png");
     public static void main(String[] args) {
          SplashScreen splashScreen = SplashScreen.getSplashScreen();
          Graphics2D g2d = splashScreen.createGraphics();
          g2d.setColor(Color.RED);
          g2d.fillRect(0, 200, 300, 100);     // draw red rectangle across bottom
          g2d.dispose();
          splashScreen.update();
          try {
               Thread.sleep(3000);     // show splash for 3 seconds before exiting
          } catch (Exception e) {
               e.printStackTrace();
          splashScreen.close();
          SwingUtilities.invokeLater(new Runnable() {
               public void run() {
                    try {
                         JFrame frame = new JFrame("Try it again");
                         frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                         final BufferedImage image = ImageIO.read(IMAGE_FILE);
                         Graphics2D g2d = image.createGraphics();
                         g2d.setColor(Color.RED);
                         g2d.fillRect(0, 200, 300, 100);     // draw red rectangle across bottom
                         g2d.dispose();
                         JPanel panel = new JPanel() {
                              @Override
                              protected void paintComponent(Graphics g) {
                                   super.paintComponent(g);
                                   g.drawImage(image, 0, 0, this);
                         frame.setContentPane(panel);
                         frame.setSize(300, 300);
                         frame.setLocationRelativeTo(null);
                         frame.setVisible(true);
                    } catch (IOException ioe) {
                         ioe.printStackTrace();
}The rectangle shows up completely in the JPanel, which suggests the problem is somehow specific to the SplashScreen. For now I'm just going to edit the image so I'm not trying to paint over any transparent regions. But if anyone can shed any light on this, please do. :-)
Edited by: Skotty on Jul 26, 2010 10:17 PM

What values are stored in the alignment region of an image and how can they be set?

I am calling a number of C++ functions with different variable sized LabView images at rates in excess of 20 images per second. I need to tell the C++ code developer what values to expect in the alignment region of the image. Right now I am creating an image with a zero border that is 32 byte aligned, so there is no alignment region and everything works fine.
I would like to move to using normal LabView images, as it saves sereval steps and allows me to use a combination of LabView and C++ operations. I do not want to re-write all the C++ functions to be aware of the LabView alignment and border areas. I just want the alignment area and border area to be zero and process them like they were part of the image.
I can set the border region to zero using Fill Image but I am not clear as to what the values will be in the alignment region, or if I can set them. Does Fill Image also fill the alignment region? Since the C++ code is being developed on a system without LabView, and I do not have the means to debug it on my LabView system, it is tricky to know what is in this region.
In the ideal world, I would like it to be zero or to be able to set it to zero.
Thanks in advance.
Andrew

Hi Andrew,
The function IMAQ Fill Image allows you to set the border and all or part of your image to a certain pixel value that you define. One of the inputs to Fill Image is "Image Mask" which you can use to specify which pixels in your original image will be modified. This help document describes the Fill Image VI in detail and can provide some good information for you.
Essentially, the locations of any non-zero pixels in your Image Mask are where the new pixel value will be set in your original Image. Does that make sense? So if you know where your alignment region is then you can use an image mask with Fill Image to set the alignment region and the border to zero. If you don't use an Image Mask, the Fill Image VI will assign the new pixel value to the entire original image.
Regards,
Daniel H.
Customer Education Product Support Engineer
National Instruments
Certified LabVIEW Developer

How can I save a region of an image into another image?

How can I save a region of an image into another image? Should I use JAI?
Java2d? Is there an example?
Thank you.

Here is what I try, but I find out I just get a black square for my output image, can you please tell me what am I missing?
          ImageIcon file=new ImageIcon("images/clouds.jpg"); // You can't open bmp files
               // width, height looks correct:
               System.out.println (" width" + file.getIconWidth());
               System.out.println (" height" + file.getIconHeight());
               BufferedImage bi = new BufferedImage(file.getIconWidth(), file.getIconHeight(),
               BufferedImage.TYPE_INT_RGB);
               int x = 0;
               int y = 0;
               BufferedImage subimage = bi.getSubimage(x, y, 40, 40);
               File outputFile = new File("newimage.png");
               ImageIO.write(subimage, "png", outputFile);

Find a region in an image

hi everybody
i need to find a red region in an image . but i don't have any idea to do this as fast as possible . can u give any advices. i just need to find the beginning and the ending points of a red painted region in an image (there is only one red region)
thanks

i wanted to mean the "fastest method" while writing " as fast as" :)

How to extract the license plate region from the image of cars

HI, I want to extract the license plate region from the image of cars with vision assistant. I try to adjust the threshold value, remove small objects. But i still cannot get the perfect license plate region. I have attached 4 images that i am working now. I hope someone can help me to extract that region. Really thanks.
Attachments:
IMG_2029.JPG ‏150 KB
IMG_2031.JPG ‏155 KB
IMG_2089.JPG ‏130 KB

Hi, I have attached my extrated images.. Please check them...
Attachments:
35.PNG ‏17 KB
36.PNG ‏12 KB
37.PNG ‏13 KB

Colors in a specific region in an image

hi all;
i have an image and a list of 4 RGB colors.
i need to check a specific region of the image (a small sub-image) to see if it contains any of the 4 colors i have.
what my best option here?
any help would be great.
thanks in advance.

This can be easily done with a StringBuffer:StringBuffer sb = new StringBuffer("leone24");
sb.replace(5,7,"31");
String newString = sb.toString();

Printing Text below Blob Images to PDF

Hi......I have designed a report to print to PDF. The report will be populated dynamically with blob images anything between 1 to 6 images displayed 2 per row with a text description appearing below each image.
However in certain cases where the other information above the images are long, the images printing overflows into 2 pages. In those circumstances, sometimes i get the text description appearing at the side of the image instead of below it.
Please look at this PDF link showing the above case: Link: [Sample PDF|http://203.211.146.160/website/Sample.pdf]
Any help would be greatly appreciated

Does it work if you are not formating with multiple columns? Sometimes formating with multiple columns can be tricky.
I just looked at your sample again and it is pushing the text to the next column before starting a new page. Try splitting the detail line with the text in detail B, and make sure DETAIL still says keep together.
You may just be stuck with it,
Edited by: DebiHerbert on Jan 19, 2011 8:04 AM

How do I stop Photoshop Elements 12 from adding a caption to my image?

How do I stop Photoshop Elements 12 Editor from adding a caption to my image? It is automatically adding the name of my camera (as a caption) to the file any time I make a change in the Editor. Then I have to manually delete them.

That's not Elements which writes the Camera model in the exif, that's your camera. It's a common complaint with Olympus.
Solution (edited)
Use the 'Find' menu to select the files starting with the offending caption (Olympus, for instance). Highlight all selected files and right click; select the option to add a caption; leave the caption blank and click enter; you'll be prompted if you want to delete the captions : you do.
See also:
http://www.johnrellis.com/psedbtool/photoshop-elements-faq.htm#_Camera_name_appears

Transparent edge bug in image size reduction using bicubic

I'm using Photoshop CS6 (64-bit) and ACR 7.1, all patched to the latest version today (13 June), and running Windows 7 64-bit. When I reduce the image size of an originally smart object using bicubic, the edges will be somewhat transparent, creating an ugly border around the image.
Step 1: Open a raw file. ACR 7.1 will pop up. The raw file is a CR2 file produced by Canon EOS 7D. Workflow option: sRGB, 16 bit, 3888x2592.
Step 2: Press shift+click the Open button to open it as smart object.
Step 3. Right click the layer and choose rasterize layer. When you zoom the image, there is nothing wrong in the edges.
Step 4: Resize the image (CTRL+ALT+I) for example to 300x200 using Bicubic resampling (bicubic auto, whatever).
The edges (outermost 1 pixel) will be transparent! See attached image.
This doesn't happen:
* in photoshop cs5
* if I use bilinear or other resampling
* if I import the file from ACR to PS as a normal bitmap (not using shift+click)
Anyone know what's going on here? My workflow involves opening files from Camera Raw as smart object, so if there is any workaround until the next patch I will be very glad.

>> Are you sure?
Yeah. I'm sorry, but why do you think I would write it if I didn't try it? I tried bilinear and nearest neighbor and they all work fine.
And well considering the algorithms average neighboring pixels, with a naive implementation a transparent edge is expected i guess, but I expect photoshop cs6 to be just a little bit smarter than that.

Applying blur to a region of a image

Hi,
how do I apply a blur effect to a region of a image/bitmap.
Lets say I have one big image 1024x768 and i want to apply a blur effect to a region of x100 y100 width100 height100.
Any hint please
Marc

Hi,
You can always take a snapshot of the area behind your thingy and apply it as the thingy's blurred background(this also can work with dragging the thingy around).
David.
ps: I assume thingy is the technical term for 'object placed above area requiring an effect' .

How get transparent index for indexed image?

Hello,
In my fileformat plugin on writing I can't get transparent
color for indexed image. For RGB
image I got transparent data from alfa channel in data of FormatRecord.
The FormatRecord structure has value
transparentIndex (for GIF), but it always =0
(even, if in the image transparent index=12, for example).
How can I get transparent index? Or, if it possible, how get transparent
data for indexed image in alfa channel?

Hello,
In my fileformat plugin on writing I can't get transparent
color for indexed image. For RGB
image I got transparent data from alfa channel in data of FormatRecord.
The FormatRecord structure has value
transparentIndex (for GIF), but it always =0
(even, if in the image transparent index=12, for example).
How can I get transparent index? Or, if it possible, how get transparent
data for indexed image in alfa channel?

7mins long 1080p footage with transparency placed over webcams image

Dear All,
I'm working on a flash project, where a 7 minutes long 25fps hd footage (at the moment as a PNG sequence) placed over a webcam's image. Importing the png sequence went all right so far, but when I'm importing the last scene (last 2000 frames) Flash crashes. I guess it's because I've run out of memory (I have 32GB).
Does anybody know a way to
A - import HQ footage with transparency (is there a codec that has alpha and works well with flash)
B - to increase an FLV's max bitrate
C - easily import a large amount of HD images (with transparency) without creating a 30+ gigabyte FLA file
Thank you in advance!

b (It took an hour to render a 6 min song. Is this normal, even though I've such a fast processor??)
With the number and type of filters you said you've added, that length of time doesn't sound out of the ballpark.
b I then placed the widescreen mask over the top of the nest. (FCP will only allow a max of 2min worth of graphics, so I copied it 3 times to fit over the whole song)
FCP has a wide screen matte filter that can be found in the EFFECTS tab in the Browser. It works by cropping the picture and the width and border (if needed) can be varied. You just drag it and drop it on top of the clip or nest in question.
b I then placed the widescreen mask over the top of the nest. I didn't have to render the mask and it played back fine. Unfortunately at each point where the mask met it caused a jump in frame on the nested track below.
You may have been able tyo watch the effect in real time, but it still needs rendering to play back 100% properly. The jumps you were seeing were most likely artifacts of RT viewing and would most likely have not been there after a COMPLETE render.
b A friend of mine has suggested exporting a Quick Time ref clip (not self contained) then importing it back into FCP.
This is one way of working and consolidants everything into one file. As long as you import this into a new sequence and keep your original, you can still rebuild anything you want by going back to the original sequence.
Finally, If you are doing any colour correction at all, you should be looking at a properly setup broadcast monitor to see what you are doing. Using the computer screen as a reference for colour is going to leave you very dissapointed when you view the final output on a television screen.
Good Luck
rh

Adding new region to Standard page

Hello,
I need to add new region to display added details to the Paid Off Balance Screen.
In Jdev, i was able to create a new messageComponentLayout Region and added the correspnding datapoints.
Should i always create it as flexibleLayout only, i read through the forums this is the method to follow.
Is my approach wrong, please suggest.
Thanks!

Hello,
I created a new page and during personalization i was able to create Flexible Layout but during creation of flexible content region , i get the error,
Error in getting element definition of page
values passed are
ID : YTDRg
Extends:/xbol/oracle/apps/xbol/selfservice/loa/webui/YTDAccrualPG
The foll. is the page
<?xml version='1.0' encoding='UTF-8'?>
<page xmlns:jrad="http://xmlns.oracle.com/jrad" xmlns:oa="http://xmlns.oracle.com/oa" xmlns:ui="http://xmlns.oracle.com/uix/ui" version="9.0.3.8.12_1330" xml:lang="en-US" xmlns:user="http://xmlns.oracle.com/jrad/user" xmlns="http://xmlns.oracle.com/jrad"
file-version="$Header$">
<content>
<oa:pageLayout id="YTD" controllerClass="xbol.oracle.apps.xbol.selfservice.loa.server.webui.YTDAccrualCO" amDefName="xbol.oracle.apps.xbol.selfservice.loa.server.YtdAccAM" title="Year to Date Accruals and Time Taken (total hrs.):">
<ui:corporateBranding>
<oa:image id="corporateBrandingImage" source="/OA_MEDIA/FNDSSCORP.gif"/>
</ui:corporateBranding>
<ui:contents>
<oa:messageComponentLayout id="YTDRg" rows="5" columns="2">
<ui:contents>
<oa:messageStyledText id="VaPlAc" prompt="US Vacation Plan Accrual" viewName="TestVO1" viewAttr="LastName"/>
<oa:messageStyledText id="SiPlAc" prompt="US Sick Plan Accrual"/>
<oa:messageStyledText id="FlPlAc" prompt="US Floating Holiday Plan Accrual"/>
<oa:messageStyledText id="PePlAc" prompt="US Personal Leave Plan Accrual"/>
<oa:messageStyledText id="item1" rendered="true"/>
<oa:messageStyledText id="VaTk" prompt="Vacation Taken"/>
<oa:messageStyledText id="SiTk" prompt="Sick Taken"/>
<oa:messageStyledText id="FlTk" prompt="Floating Holiday Taken"/>
<oa:messageStyledText id="PeTk" prompt="Personal Taken"/>
<oa:messageStyledText id="AcBaTk" prompt="Accrual Bank Taken"/>
</ui:contents>
</oa:messageComponentLayout>
</ui:contents>
</oa:pageLayout>
</content>
</page>
Please let me know.
Thanks !

Adding "loading" movieclip to dynamic image gallery?

Hello again,
I've completed my XML-driven image gallery, however upon live testing I'd realized I made a rookie mistake and not put some kind of placeholder "loading" movie clip loop while the thumbnails—and subsequent full-size images—are being loaded. The images will randomly appear when loaded and I would like to be able to insert a placeholder movie clip while they load, and swap them up with the thumbnails/images after it has been loaded. The placeholder movie clip is in my library (loadingLoop), but I'm having problems getting it to work correctly.
Below is the original function that processes the XML and adds the thumbnail images; this is where I'm trying to insert the placeholder movie clip per XML child node (every attempt I've made just keeps throwing more errors, so I've omitted my attempts to avoid confusion), and I've attached the XML file for testing. And insight or help would be appreciated.
//Locate the external XML file and trigger xmlLoaded when complete
xmlLoader.load(new URLRequest("data/artGallery.xml"));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
//Load the XML and process the image locations
function xmlLoaded(event:Event):void {
 xml = XML(event.target.data);
 //parse the nodes in the XML file
 xmlList = xml.children();
 //count the number of nodes in the XML file via XMLList
 trace(xmlList.length());
 //loop to load all of the thumbnails, based on the number of nodes in XMLList
 //"i" = every child node in the XML file
 for (var i:int = 0; i < xmlList.length(); i++) {
 //Add loadingLoop movie clip per node and wait for thumnail to load before swapping out with imageLoader thumbnail images <-- help!!
 //for every node, create a new instance to be put on stage
 imageLoader = new Loader();
 //load each thumbnail from its location per XML node's "thumb" attribute
 imageLoader.load(new URLRequest(xmlList[i].attribute("thumb")));
 //position of thumbnail instances per XML node (horizontally across stage)
 imageLoader.x = i * 110 + 10;//thumbs are 100 x 100 so, +10 to the width, plus +10 from left edge
 //imageLoader.y = 10;
 //for each node in XML list, name the instance with the path to the location of the full size image
 imageLoader.name = xmlList[i].attribute("source");
 //for each node in the XML list, add a drop shadow
 imageLoader.filters = [thumbDShadow];
 //add thumbnails to stage
 addChild(imageLoader);
 dropTween = new Tween(imageLoader, "y", Bounce.easeOut, -100, 10, 1, true);
 //set up thumbnails to wait for a click to execute showPicture
 imageLoader.addEventListener(MouseEvent.CLICK, showPicture);
 //set up thumbnails to scale when rolled over
 imageLoader.addEventListener(MouseEvent.ROLL_OVER, sizeUP);

Somehow I had a feeling this wouldn't be a copy-and-paste job for the full-size images. Sorry to be a bother. This is the showPicture function that is fired off when the thumbnail image is clicked (from our previous example). Two errors are thrown:
When the thumnail is clicked:
"Error #2007: Parameter child must be non-null.
 at flash.display::DisplayObjectContainer/removeChild()
 at MethodInfo-51()"
But the full-size image loads nonetheless. The second loading loop (loadingLoop2) is not removed. Below is the showPicture function:
//Load the full-size images and place onto the stage
function showPicture(event:MouseEvent):void {
 //add new movie clip container
 var mc2:MovieClip = new MovieClip();
 addChild(mc2);
 //clear the fullLoader—this is to help clear any full-size images that may already be on the stage (they have two options, click a new thumbnail, or close the current full-size image
 fullLoader.unload();
 //re-create the fullLoader, if there was one cleared
 fullLoader = new Loader();
 //load each full size image from its location per XML node's "source" deliniated by mc.ldr's "source" attribute
 fullLoader.load(new URLRequest(event.target.name));
 //add the loder to the container
 mc2.addChild(fullLoader);
 //create new instance of second loading loop
 mc2.fsloop = new loadingLoop2();
 //add the second loading loop to the container
 mc2.addChild(mc2.fsloop);
 //for each container, add a drop shadow
 mc2.filters = [fullDShadow];
 //set the container's position center on stage, making it the size of the loading loop until the full-size images are loaded
 mc2.x = (stage.stageWidth - mc2.fsloop.width) * 0.5;
 mc2.y = (stage.stageHeight - mc2.fsloop.height) * 0.5;
 //place container on stage
 addChild(mc2);
 //fade in each container
 fadeTween = new Tween(mc2, "alpha", None.easeNone, 0, 1, 0.5, true);
 //check to see if the image has been loaded completely—this is to make sure the image's attributes can be used to re-center on stage and remove fsloop
 fullLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, removeLoop2);
 //set field to multiline so that the HTML tags can be used
 imageTextField.multiline = true;
 //add text frame for description
 imageTextField.x = 10;
 imageTextField.y = 125;
 //for each full-size image, load the description text from the XML child nodes
 for (var j:int = 0; j < xmlList.length(); j++) {
 //check to make sure that the correct full-size image matches the text node when clicked
 if (xmlList[j].attribute("source") == event.target.name) {
 //add each child node as a separate line in the same text field; added HTML tags for CSS application
 imageTextField.htmlText = "" + xmlList[j].child("projectName") + " "
 + "" + xmlList[j].child("toolsUsed") + " "
 + xmlList[j].child("projText") + " "
 + "" + xmlList[j].child("liveURL") + "";
 function removeLoop2(event:Event):void {
 //re-position the container to center on stage to accomodating the full sized image
 mc2.x = (stage.stageWidth - fullLoader.width) * 0.5;
 mc2.y = (stage.stageHeight - fullLoader.height) * 0.5;
 //Add the text field
 addText();
 //hide instructional text, already on stage
 galleryInfo_mc.alpha = 0;
 //remove the full-sized loading loop
 event.target.loader.parent.removeChild(MovieClip(event.target.loader.parent).loadingLoop2 );
 //set up full-size images to "self close" by clicking on it
 mc2.addEventListener(MouseEvent.CLICK, clearStage);
The second error gets thrown when the container is clicked and the function clearStage is executed, which does not remove the container:
"TypeError: Error #2007: Parameter child must be non-null.
 at flash.display::DisplayObjectContainer/removeChild()
 at artGallery_v1_5_fla::MainTimeline/clearStage()"
This is the clearStage function:
//Allow full-size image to "self close" by clikcing on it and removing the text description
function clearStage(event:MouseEvent):void {
 //clear the fullLoader
 fullLoader.unload();
 //remove the container
 event.target.parent.removeChild(MovieClip(event.target.parent).mc2);
 //remove the text field
 removeChild(imageTextField);
 //show the instructional text that is on-stage
 galleryInfo_mc.alpha = 1;
Help!

Adding Transparent Region Below An Image

Similar Messages

Maybe you are looking for