How do you make a layer/image a gradiant of opaque to transparent?

I want to learn a way to make and image transition from opaque to transparent.
I've seen it in advertisements shown as something that resembles a reflection.
I only have CS2, so bare with me.
Thank you to anyone who understands and can help.

YOU ARE AMAZING!
I love you.
I've pondered that for months after I saw this cigarette ad. It's kept me up at night!
See, I've self taught myself Photoshop ever since I was 14, and I'm just now messing around with masks.
They're difficult, but I think you just opened so many doors in my brain on what I can do with masks now.
Thank you so very much!

Similar Messages

How do you make a layer transparent?

I know this probably should be obvious, but I can't figure it out. I have a .psd doc with a photo that has a lovely frame around it. I want to make the area where the photo is transparent so I can use the frame for other photos. When I bring the opacity down, the background is white, not transparent. Same when I use the eraser. Thanks in advance for any help you can offer.

The background is not a layer. It is the background. There is a subtle difference.
Make the image into a layer by double clicking the Background in the Layers palette. Then it will be made into a layer and you'll be able to make parts of it transparent, to where you can see the checkerboard (indicating transparency).
A transparent layer only allows you to "see through" to the layer(s) or background underneath. Make the background and/or lower layers invisible (click the eyeball icon) or delete them to be able to see the checkerboard pattern through the transparency of the layer above.
If you're trying to make a frame you can paste over other images, select the photo and delete the image out of the inside. Delete all other layers in the image, and save as Frame.psd or something. Then later you can open that image, copy the layer, and paste it over other images.
Hope this helps!
-Noel

How do you make the layer mode take effect with no background in Elements?

I have a picture of water splashing over a black background (like this:
although this isn't the exact one). By turning the blending mode to "screen", I get the effect I want: it basically looks like the water is splashing over my image. The thing is, I need to save it as a .png file with part of the water "dripping" off the edge of my photo onto a transparent background (background must be transparent). The problem I have is as soon as the image hits the transparent background, the black comes back.
I need a way to either remove all the black from the photo or, more ideally, find a way to make the image I see in "normal" blending mode the same as the image I see in "screen" mode. Any ideas? (I have Photoshop Elements 7.0, btw)
Thanks!

I don't understand how you're using "screen" blending mode on a single image, but is this the effect you're trying to get (I used a blue colour to show the transparent area at the bottom of the image):
I used the free KillWhite plug-in (http://mikes3d.com/extra/scripting-plugins/killwhite/) with your image:
Converted the image to RGB. (Image...Mode...RGB Color)
Duplicated the background layer (Ctrl+J).
Inverted the colours on that duplicated layer (Ctrl+I), so that the black background becomes white.
Used KillWhite to...well...kill the white on that layer.
Inverted the colours again.
Used Enhance...Lighting...Brightness/Contrast as well as Levels to darken the water splash.
Added my flower image below the water splash layer and raised the bottom edge of the flower image to leave a transparent area.
My layers wound up looking like this:
Ken

How do you make an video/image move or grow in size on screen?

I'm trying to make my video clip move from one side of the screen to the next, please help.

Double-click on the clip in the Timeline to load it into the Viewer. Click on the Motion tab and use the controls in the 'Basic Motion' section. Set a beginning keyframe for each control that you want to change over the duration, then reposition the playhead and make the adjustment(s) - new keyframes will be created if they differ from the initial keyframes you set.
It's even easier if you set the Canvas window to Image+Wireframe and manually scale, rotate and center the image.
This is pretty basic stuff and you should find plenty of information on how to perform these types of effects in the user's manual/help files. For much more comprehensive instructions, pick up a copy of Kevin Monahan's book "Motion Graphics and Effects in Final Cut Pro"
-DH
-DH

How can you make a background image change to a faded state at a certain point in scroll?

I'm referring to a technique I've seen used in Relevant Magazine's iPad app if anyone has used it. I understand having a shape behind text that has a feathered gradient and when you scroll the text the shape gradually fades out the background image. But this is not the effect I'm trying to acheive. On some of the articles in Relevant, the screen is a full image and as you scroll the type up, the entire background dims when you scroll to a certain spot.
I've tried searching for hours, but I feel like I'm getting no where because I don't really know what to search for. I feel like it requires use of something other than what DPS is capable of. Hopefully this makes sense and I'd greatly appreciate any suggestions and help!
Thanks!

Try applying the feathered gradient to the scrollable content frame, not the background frame. It will appear to change the color of the background frame.

How do you make a floppy image on a mac mini?

I tried the following to make a bootable floppy image and it would not even read in a virtual machine. I have Oracle Virtualbox. I am using a Mac Mini 2011 with 4GB of RAM. I have tried making a blank floppy and copying to it by dragging and using the Terminal, but neither works. Here are the cmds I used:
dd if=/dev/zero bs=1024 count=1440>floppy.img
Then I mounted and erased the image file in Disk Utility.
cp -Rpv /Volumes/Untitled/ /Volumes/UNTITLED\ 1/
The above command copied all the files from the floppy to the image but the image wouldn't read on the virtual machine.
Thanks,
ericgsch

It's an old thread, but searches still retrieve it. For what it's worth, look at (for example) http://kb.parallels.com/en/4794
The procedure to make an image of a floppy disk is basically as follows:
Put your disk in your floppy drive. Open Disk Utility. In Disk Utility, select your floppy drive, select New Image, select "read/write" and no encryption, then Save (wherever you want the image to be). Then (in Finder) you might want to change the filename extension from .dmg to something else, like .flp or .fdd, depending on what you want the image for. For VirtualBox, you might want .img.

How do you make a color image black and white

I looked at the Adjust Image tool, but I could not see an easy way to make the color picture turn into black and white.
Yes I realize I could go back into iPhoto and do that. I don't want to do that.
In Word there is an image control that allows you to do various things with the image, including going to grayscale.

Thanks Walt. That indeed was easy. I had tride saturation before, but didn't get all the way left, so it just looked washed out. I decided, wrongly it appears, that it would not do as I needed. Thank you. I just wish something like that could have been in the help file or PDF.
I think once I get the hang of the nuances, this program will really rock. Its just taking longer than I anticipated. I mean, it is an Apple program---so I was counting on a lot more intuitive steps.

How can you make a pixlated image a higher resolution in Photoshop CC? i have tryed image size but it doesnt seem to work someone please help

As you can see in the screenshot here ----> Gyazo - b048a0770df6264af1ff398951acd4f9.png I have typed a higher resolution but when I try the pixles never seen to ever go away and it increases the file size every time, is there an easier way? PS: if another adobe cc software is needed to complete this task I have every one so it doesn't have to only be in Photoshop.

The image has been reduced in size and over sharpened to the point that jaggies artifacts abound. You will not be happy with the result of interpolate the images up in size increase the number of pixels.. You need to find the original image file from the camera.

How do you make a GIF image move........

.....across the screen when your running an applet.
I've been trying to paint to the screen at positions x y then increment x y and repaint.
So far I havent been able to find any examples.
Any help would be appreciated especially example code.
Thx

http://java.sun.com/docs/books/tutorial/uiswing/painting/movingImage.html

How do you make an array of image icons and then call them?

How do you make an array of image icons and then call them, i have searched all over the internet for making an array of icons, but i have
found nothing. Below is my attempt at making an array of icons, but i cant seem to make it work. Basically, i want the image to match the value of the roll of the dice (rollVal)
Any help would be greatly appreciated, some code or link to tuturial, ect.
/** DiceRoller.java
* Roll, print, Gui
import javax.swing.*;
public class DiceRoller extends JFrame
     private ImageIcon[] image ;
     public String[] images = { "empty", "dice1.jpg",
               "dice2.jpg", "dice3.jpg", "dice4.jpg",
               "dice5.jpg", "dice6.jpg" };
     public Dice die;
     private int rollVal;
     public int rollNum;
     private JLabel j1;
     public DiceRoller(){
          j1= new JLabel("");
       die =new Dice();
       int rollVal;
       rollVal = die.roll();
       image = new ImageIcon[images.length];
     for(int i = 0; i < images.length; i++){
      image[i] = new ImageIcon(images);
     if (image!=null){
          j1.setIcon(image[rollVal]);
     System.out.println("Roll = "+die.roll());

Demo:
import java.awt.*;
import java.net.*;
import javax.swing.*;
public class IconExample {
    public static void main(String[] args) {
        EventQueue.invokeLater(new Runnable(){
            public void run() {
                launch();
    static void launch() {
        try {
            Icon[] icons = new Icon[6];
            for(int i=0; i<icons.length; ++i) {
                String url = "http://www.eureka-puzzle.be/cast/images/dice" + (i + 1) + ".jpg";
                icons[i] = new ImageIcon(new URL(url));
            display(icons);
        } catch (MalformedURLException e) {
            throw new RuntimeException(e);
    static void display(Icon[] icons) {
        JPanel cp = new JPanel();
        for(Icon icon : icons) {
            cp.add(new JLabel(icon));
        JFrame f = new JFrame();
        f.setContentPane(cp);
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.pack();
        f.setLocationRelativeTo(null);
        f.setVisible(true);
}

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Neil from bristol wrote:
… How do you make an image … move across the screen …
by setting KEYFRAMES
(read, what FC/e's built-in Help-feature tells about it)
resize and set pic to start position
set keyframe
move playhead in timeline to desired length
set pic to end position
set keyframe …

How do you make images transparent in inDesign?

How do you make images transparent in Adobe InDesign CS5.5?

Dittco wrote:
It IS possible: Select the image. Open effects (Window > Effects). Switch from "normal" to "multiply". Viola! White background is gone.
That only works with a white background. In addition, it introduces a transparency effect, with its associated problems.
With a rather light background: Select the image. Open clipping path (Object > Clipping Path > Options). Select Type > Detect Edges; use Threshold and Tolerance to get as close as possible to the edge of your image. This may be difficult because of a too low resolution image, or too much fringe on the edge -- if all fails, use the Inset Frame value to force the mask "into" the image. Click OK, and the background is gone.
But that's not the only way: you can always create a clipping path manually, and then you are in total control, not limited by transparency side effects, auto-edge detection, and busy backgrounds.

How do you make an image or text, appear on every slide?

How do you make an image appear on every slide?

What part did you not understand?
As Andrew said, open the Keynote file, go to the View Menu>Show Master Slides
This is what you should see on the left hand slide of the window. The Master slides are at the top and the check mark goes by the Master Slide that is referenced on which ever slide you have selected in the Slides pane.
Add to the Master slide the image or text that you would like to see on the slides that are made off of that master. You can see in the Title & Bullets master slide, I added the shape in the lower left hand corner and it was added to all the slides build off that master.
If this still isn't clear, let us know where you are getting stuck and we will try to help.

How do you make ruler display ticks every 12 inches instead of every 16 inches?

Hi all,
How do you make ruler display ticks every 12 inches instead of every 16 inches?

I just wish that common features like layers, color, swatches, styles, masks, adjustments, character, paragraph and so on - looked and functioned the same across adobe applications. Is that too much to ask for?
In some cases, that would be absurd. Photoshop and Illustrator are fundamentally differerent environments, as they should be. Photoshop Layers and Illustrator/InDesign Layers are entirely different things, because a vector drawing program works with arranging OBJECTS (raster images, vector paths, text objects) in a Z stacking order and XY position. A Photoshop Layer is essentially just another raster image of the same pixel count as all the others, viewed optionally opaquely or transparently on your screen. It would be ridiculous if Photoshop created a whole new raster image every time you colored another selection of pixels. It would be ridiculous if Illustrator created a new Layer everytime you draw a new path.
Regarding text, Photoshop and Illustrator share the same lame text engine. Illustrator's should be like InDesign's, not like Photoshop's.
And that is a good case-in-point negating the silly defensiveness of Illustrator's outdated and buggy functionality. Illustrator's text handling remains poor today. But it was not updated even to today's treatment until CS 1. For most of its history, its text handling was pathetically primitive compared to that of other programs which were designed for exactly the same purpose and which competed directly with it. Should one "defend" that fact with some nonsensical argument that 'Illustrator is not meant to be a word processor'?
It was not until AI10 that its print dialog acquired a simple Fit To Page command. You had to manually figure and enter a scale factor, and that was limited on the low end to 25%. Can that logically be "defended" on the basis that 'AI is not an imagesetter'? Every dang software on the planet provides a Fit To Page print option!
This "It's not a technical illustration program" argument is every bit as nonsensical. Every one of Illustrator's direct competitors provides for user-defined drawing scales, and has for decades. Illustrator is just as "technical" a drawing program as those others are. It's just particularly lame at it in this regard. And since when is "technical" illustration not "illustration"? And since when is user-defined drawing scale only needed for "technical" illustration? Absolutely ridiculous.
So what if in its infancy Illustrator was a tool for PostScript workflow? Illustrator's leading competitor for most of its history, FreeHand, was initially based on the path drawing engine of a font design software. But when it went to market as a general illustration tool, it blew the functional and interface doors off Illustrator, and continued to do so throughout its history.
The simple fact is this: Throughout its history, Illustrator never kept up with the basic drawing features, interface refinements, and performance of its direct competitors. Its market share is primarily due to its carrying an Adobe label--and to the absurd defensiveness of too many of its users who have next to no experience with anything else.
Ilustrator, Indesign and Photoshop share about 90% of the same functionality.
Where do you get that?
Photoshop's primary purpose is fine-tuning of raster imagery, especially photography. You don't do sophisticated color correction, channel operations, sharpening, etc., in Illustrator or InDesign. That's what I would call its "90% functionality."
InDesign's primary purose is automation of repetitive assembly tasks and text handling in high page-count documents. You don't do master pages, indexes, tables of contents, constant spooling the hard disk, hundreds of externally linked raster and vector files, chapters-long threaded text stories in Illustrator or Photoshop. That's what I would call its "90% functionality."
Illustrator's primary purpose is general-purpose vector drawing (which most certainly includes many kinds of 'technical' illustration) using cubic Bezier curves, and page-assembly for low page-count, illustration-intensive documents. That's what I would call its "90% functionality."
Now ask yourself: Should programs fundamentally structured for different primary purposes necessarily share the same interface? I say no, not necessarily. Example: The mere use of the same term (Layers) in Photoshop and Illustrator for what are fundamentally two different things has led to a gross misunderstanding on the part of Photoshop users who are Illustrator beginners, which is repeated here in this very forum almost every day.
Ask yourself this: Should unyielding adherance to the organizational dictates of Adobe's so-called "unified" interface be allowed to result in a palette flyout menu in InDesign that contains only one option? Is the very concept of a 'menu' not fundametally antithetical to a single choice? Is that not just poor interface design, regardless of whether it "matches" that of the other programs in the so-called "suite"? (Frankly, I find Adobe's over-use of flyout menus--which effectively HIDE important options--generally both ill-conceived and poorly executed.)
No, there simply is no excuse for Illusrator's still lacking user-defined drawing scales, just as there was no excuse for its lacking multiple pages for two full decades, just as there is no excuse for its still lacking reliable snaps, connector lines, live shape primitives (!), proper arc-drawing, proper corner rounding, inline graphics, auto-fitting textframes, the ability to join multiple paths at once, (note that NONE of those can be called specifically "technical" drawing features) and a plethora of other functions that are bare-bones basic to vector drawing. The programs is just archaic and outdated in all these regards, and that's all there is to it.
JET

How would you make an effect like this?

Hi! I'm new to the forums, but hopefully it's ok if I start this new discussion. I'm very new to Photoshop as well (newbie).
Here is the image: http://sffbookreview.files.wordpress.com/2012/10/life-of-pi-banner.png
How would you make the image on the right - with the watercolor painting crop effect of the tiger? Also, how would you make the font on the left gradually turn to orange?
Thanks! Your help is much appreciated.

Hi there,
Here's a really quick tutorial on how to add the mask and gradient text over the image of a tiger.
Masking the Image
1) Open your image of the tiger. There should be two layers in your layers panel: the image and a white background.
2) With the tiger layer selected, click on the icon marked below in the layers panel to create a layer mask.
3) Being sure you have the mask you just created selected, paint with black using the brush tool to mask out the image. In your layers panel, if you look at the mask icon, you will see the areas where you were painting (on the canvas) change to black. Use a variety of brushes to recreate the effect in your example image.
Creating Text with a Gradient Effect
1) Use the Type Tool to create your basic text and reposition it on the page with the Move Tool.
2) In the layers panel, control click on the type layer and select Blending Options.
3) In the dialog box that opens, check the Gradient Overlay box and click on the "gradient overlay" text to move to the gradient options. Adjust the angle of the gradient, then click on the colored bar to select the colors you want. Click OK on each dialog to close them.
Final result:
I hope this helps, and please let me know if you need any more assistance.

How do you make a layer/image a gradiant of opaque to transparent?

Similar Messages

Maybe you are looking for