Rotating an image but preserving gradients

I am using Fireworks
4
I am trying to rotate an image so that it preserves the
gradients (the gradients stay where they are) as a 3d object would
when under a constant light source.
How could I do this?
Also, I need to make this image animated, but I need it to
rotate around a different area then the center. How could I do this
also?
Thanks in advance

Yes, you can.
Take a look
http://mapnav.spb.ru

Similar Messages

My video was recorded on my I phone 4, the camera was held sideways for a horizontal view, but loads in I movie vertically. How can I rotate the image so it is horizontal?

My video was recorded on my I phone 4, the camera was held sideways for a horizontal view, but loads in I movie vertically. How can I rotate the image so it is horizontal?

Drag the clip from your Event to your Project. Then use the Rotate, Crop, Ken Burns Tool on the Middle Toolbar to rotate it

Rotating placed image FAIL - Has anyone had this problem

I placed an image and made 2 columns.
The placed art in the 2nd column has been rotated 180 degrees.
The problem is everytime I reopen the document, the placed art in the second column has been reset to right side up again.
this is the first time ive ever had a problem with linked images... has anyone ever experienced this problem?
Thanks in advance.

this is how it gets saved
and this is how it re-opens
NOTE: the second column gets rotated back 180º
but the 3rd column that have been roptated -90º & 90º stay put.
(weird thing has got me stumped)

How do I make a custom brush image in a gradient color scheme in Photoshop Elements 12?

I want to make a custom brush image in a gradient color scheme. I know how to change the hue jitter, but I want to "paint" the image with a gradient between two colors. For example, I have an image of an octopus that I have used to create a custom brush. I want the top of the octopus to be hot pink and gradually fade into a deep orange at the end of the tentacles. Everything I've looked up just colors the background. Thanks in advance!

Try the following:
Open the octopus image
Open a Gradient Map Adjustment layer above this. There are several preset gradients, but in my version of the program I don't see one with pink to orange.
When you double click on the gradient bar in the Adjustments palette, this will open up the Gradient Editor, where you can tailor the gradient to your specifications with color and opacity stops. (see below)
This will apply the gradient to the entire picture. However, the adjustment layer has a built-in mask (the white rectangle).
Left click on this and paint with a black brush to hide the gradient outside of the octopus. If you go too far, you can correct with a white brush.
Now, as to the Gradient map adjustment layer, here is how to configure it:
http://retouchpro.com/tutorials/?m=show&opt=printable&id=132

Using the content aware move tool, I want to move an item from one image to another image but it does not seem to work. I think I need two layers on one document so how do I do this

Using the content aware move tool, I want to move an item from one image to another image but it does not seem to work. I think I need two layers on one document so how do I do this

Good day!
A simple Paste does not work for you?
It should place the clipboard content as a new Layer which you can then move around.
If there is any chance that the elements need to be scaled, rotated etc. I would prefer to place them as Smart Objects (File > Place …) and do the masking that is specific to the images themselves in those.
Regards,
Pfaffenbichler

Ann: LR2/TreeExporter - Export your images while preserving the folder structure

Hi,
I've just released a new plug-in that'll export images whilst preserving the original folder structure.
The plug-in scans the images to be exported in order to determine the deepest folder that contains all the images, and then exports the tree from this point (although you can optionally choose to start higher up) to your destination.
Real time examples are given so that it's very clear what's going to happen. The UI is polished and easy to use.
More details here:
http://www.timothyarmes.com/lr2treeexporter.php
and don't miss the quick guide:
http://www.timothyarmes.com/lr2treee...sec=quickguide
As usual, comments and feature requests are welcome.
Tim

Hi,
Unfortunately the SDK doesn't offer access to this
information.
I hope some day it will...
SDK should provide methods to enumerate collections.
Even if it did this would probably not be possible
since a photo can belong to many collections.
But this is not a problem - copies will be duplicated in correspondent folders.
Regards,
Grafin

Blending an image with a gradient

Hi
I am putting together a flyer which will have a rectangular bar across the top of and A4 sheet of paper with a gradient applied left to right dark to light. On the the right hand side of the rectangle i have placed an image on top of the gradient. I would like to blend the image into the gradient so it looks as if the gradient starts of dark then gets lightsbefore emerging as an image. Not really sure if it will look anygood but i dont know how to do it so i cant say.
Any one out there understandwhat i mean and offer some help???
Thanks in advance
Phil

Okay. You caught me. That was a plant. I was testing to see if you'd notice that. ;-)
One of the rather odd but useful cavats of Illustrator's features is the behavior of its basic radial grads. Try this, just by way of experiment:
1. Rectangle tool: ShiftDrag to draw a square.
2. Give it an ordinary (boring) radial grad fill.
3. Black Pointer: Drag the bottom middle handle of its bounding box upward to make the square a horizontal rectangle.
Note that the radial grad also takes on an elliptical shape. Now do this:
4. Get the Grad fill tool. Click (don't drag) somewhere inside, but far toward the left of the rectangle.
Note that the grad fill is no longer concentric. It's "glow" focus is now off-center; "shoved up" against one side of its elliptical shape, like a pattern suggestive of, for example, a meteor or the wind displacement at the front of an airfoil.
5. Grad Tool again: ShiftDrag across the rectangle, left to right.
6. Click inside, but to the far right of the rectangle.
See how you can manipulate this "squashed" radial fill? You'll occasionally encounter seemingly errant behaviors like this in AI. When you do, it's usually worth taking some time to experiment with them, using the simplest constructs you can, to isolate the behavior you are exploring and thereby coming to an understanding of how to exploit them with some measure of predictability.
JET

Partial rotation of images when importing...

I'm wondering how to stop Lightroom from "squaring up" my images when I import them. Attached is a screen shot to illustrate.
I also can't find any consistentency, if I import the same image three times it will be as above twice but not on the third time!
I'm wondering if this is a metadata thing?
BTW camera is a Nikon D600.
With thanks in advance,
-Simon

If this is only happening to a few of the images on import it is most likely something related to your camera. If ALL of the Imported images exhibit the issue then there are two things in LR that could cause this to happen:
1) You are applying a Develop preset on Import that has Lens Corrections> Manual> Rotate tool setting other than '0.'
2) Your LR 'Default Develop Settings' has a Crop Angle tool or Lens Corrections> Manual> Rotate tool setting other than '0.'
To check this import one of the images from CF card that shows the rotation. Examine the Crop Angle tool and Lens Corrections> Manual> Rotate tool settings to determine which one is being applied. From inside the Develop module with the imported image still rotated hit the master 'Reset' button at the bottom of the right-hand Develop panel. This applies your LR 'Default Develop Settings.'
a) If the image is still rotated you may have inadvertently updated your LR 'Default Develop Settings' in the past with the image rotated. To correct this simply hit the master 'Reset' button, reset both the Crop Angle tool and Manual Rotate tools to '0,' go to toolbar Develop> Set Default settings, and select 'Update to Current Settings.'
b) If the image is not rotated you are probably applying a Develop preset that was inadvertently created with the image rotated. You will need to recreate this preset making sure Lens Corrections> 'Transform' is unchecked. This is the only Develop preset setting that will rotate the image as in your example.
If neither a or b fixes the issue you can try resetting your LR Preferences file:
http://members.lightroomqueen.com/Knowledgebase/Article/View/1148/198/how-do-i-delete-the- lightroom-preferences-file

Can anyone help me to add method to rotate the image using mouse?

Hi everyone, i am currently creating a game which require the user to be able to drag and rotate the image
on the screen..but sadly...i'm only able to do the dragging part..
Can anyone be able to help me add the method to rotate the image using the mouse?
Thanks :-)
the code
import javax.swing.*;
import javax.swing.border.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
import java.awt.geom.*;
class Game extends JFrame {
     DisplayCanvas canvas;
     public Game() {
          super("My Game");
          Container container = getContentPane();
          canvas = new DisplayCanvas();
          TitledBorder border = new TitledBorder("Game Window");
          border.setTitlePosition(TitledBorder.BOTTOM);
          canvas.setBorder(border);
          container.add(canvas);
          addWindowListener(new WindowEventHandler());
          setSize(450,400);
          show();
          class WindowEventHandler extends WindowAdapter {
               public void windowClosing(WindowEvent e) {
                    System.exit(0);
          public static void main(String arg[]) {
               new Example();
     class DisplayCanvas extends JPanel {
          int x, y;
          BufferedImage bi;
          DisplayCanvas() {
               setBackground(Color.white);
               setSize(450,400);
               addMouseMotionListener(new MouseMotionHandler());
               Image image = getToolkit().getImage("duke.gif");
               MediaTracker mt = new MediaTracker(this);
               mt.addImage(image, 1);
               try {
                    mt.waitForAll();
               catch (Exception e) {
                    System.out.println("Exception while loading image.");
               if (image.getWidth(this) == -1) {
                    System.out.println("***Make sure you have the image "
                    + "(duke.gif) file in the same directory.*****");
                    System.exit(0);
               bi = new BufferedImage(image.getWidth(this),
               image.getHeight(this),
               BufferedImage.TYPE_INT_ARGB);
               Graphics2D big =bi.createGraphics();
               big.drawImage(image, 0, 0, this);
          public void paintComponent(Graphics g) {
               super.paintComponent(g);
               Graphics2D g2D = (Graphics2D) g;
               g2D.drawImage(bi, x, y, this);
          class MouseMotionHandler extends MouseMotionAdapter {
               public void mouseDragged(MouseEvent e) {
                    x = e.getX(); y = e.getY();
                    repaint();

research a bit on AffineTransforms. you can set the rotated instance of the Graphics2D class and it will do the rotations for you :-D

Rotating an image and getting back the image...

Hi,
I have a small problem using images...
1. I have an existing image...
2. I need to rotate the image by a certain angle(say 60 degree)....
3. Return the rotated image back to the calling routine...
My problem is that I can rotate the image using the AffineTransform, and draw the image immediately... but I cannot return the rotated image... can anyone help me out on this??????

No sorry that didn't fix it. I forgot to mention that I already have a method in ImagePanel called clearImage()
     * Clear the image on this panel.
    public void clearImage()
        if(panelImage != null) {
            Graphics imageGraphics = panelImage.getGraphics();
            imageGraphics.setColor(Color.LIGHT_GRAY);
            imageGraphics.fillRect(0, 0, width, height);
            repaint();
    }But if I clear the panel and then try to apply the function nothing happens. The LIGHT_GRAY background remains.
This is how I apply a function in the class[b] ImageViewer
     * Apply a given function to the current image
    private void applyFunction(Function function)
         if(currentImage != null) {
              if(function.getName().equals("Zoom In")) {
                   Zoom.ZOOMIN_RATE = 1.5;
                   function.apply(currentImage);
              else if(function.getName().equals("Zoom Out")) {
                   Zoom.ZOOMIN_RATE = 0.5;
                   function.apply(currentImage);
              else {
                   imagePanel.clearImage();
                   function.apply(currentImage);    //A function is applied
              frame.repaint();
              showStatus("Applied: " + function.getName());
         else {
              showStatus("No image loaded.");
    }

Unable to rotate raw images in bridge, rotate buttons grayed out?

Unable to rotate raw images in bridge, rotate buttons grayed out?
Bridge 5.0.2.4.

There is an ignore EXIF setting Preferences. I can't remember if that is Bridge or Photoshop, but IIRC it is for DNG files.
Right. Check Photosho > Preferences > File handling and make sure 'Ignore EXIF tag, is not checked. I think that might do it, so long as it refers to sidecare files, because only RAW files would have one.

Photoshop and Bridge CS5 does not auto rotate SOME images.

Photoshop and Bridge CS5 does not rotate SOME of my vertical images. Most other photos taken in the same time frame and with the same camera display perfectly.
Orientation is checked for display under Preferences, Metadata, Camera Data.
There also seems to be a discrepancy how Orientation is described under Metadata for those images which DO auto rotate : sometimes it is -90 (which is how I hold the camera for verticals and which displays on most verticals) and sometimes it is "normal" even when it has auto rotated the image. I do not understand this difference.
"Normal" is also used to describe the orientation of those images which DO NOT auto rotate for viewing.
The photos in questions were taken using a Nikon D-300 which is programmed to indicate the orientation of the camera and has always been programmed to do so.
I know I can manually change the orientation but we are talking about hundreds of images (I have over 10,000 photos in all; most of which display fine).
What should I be looking for to explain and correct this issue?
I appreciate anything you can do to help. Thank you.

Thanks for responding to my query. I'll check out the thumbnail size.
It is just so curious that 90% of the verticals auto rotate and the rest do not. The ones that do not rotate are even from different years (other images in those years work fine), although all taken with the same camera.

Rotating Multiple Images in Fireworks

I have my home page designed in Fireworks MX 2004. I'd like
to set a rotation of images (all same size) into my page. Can I do
this in Fireworks?
Previously I used a Java script from another source but after
adding swap image behavior to my menu text my rotation script no
longer works. I don't know Java well so I'm assuming the two
scripts are stepping on each other toes somehow.
Thank you for any input you may have,
Tim

Hi Tim,
Unless you create a GIF animation with the images (not
recommended for
photos) you can't do this in Fireworks.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm

How do I rotate the image?

I am using Adobe Photoshop CC and I need to know how to rotate an image.

This is probably more than you ever wanted to know about rotating an image. It is an Information Sheet I wrote and distributed to my students and you may find it helpful.
Three popular methods used to straighten a tilted scene, such as the one shown the first photograph above, are Image Rotation, Straighten and the Level feature in the Crop tool. Each requires you to draw a horizon line or similar reference as a first step in the process, and each produces slightly different result.
Image Rotation*:
1. Choose the Ruler tool. (It is nested with the Eyedropper tool.) Click and drag a reference line as shown in the middle image in the top row above. (The area around the image was lightened and red circles were added for clarity.) Depending upon the subject, the line may be horizontal, as seen here, or vertical.
2. Choose Image > Image Rotation > Arbitrary. When the Rotate Canvas menu appears, click OK. The result will be similar to Fig.1 above, showing the entire image.
Straighten*:
Once again, begin by choosing the Ruler tool and drawing the reference line. A feature was added to the Ruler tool in version CS5 and it appears in the Options bar: the Straighten command. Click on it and the image will be rotated and cropped as seen at the top/right. If you prefer to have the image rotated but not cropped you may either:
1. Hold down the Option key as you click on the Straighten command.
or
2. After clicking on the Straighten command, choose Edit > Undo Crop.
In either case the result will be similar to Fig. 1 above.
The Straighten command, which also appears in CS6, produces a similar image rotation and trims a small amount of picture area as seen in Fig. 2.
The Crop Tool’s Level symbol:
This latest innovation, introduced in CS6, uses a command found in the Options bar of the Crop tool. The equivalent of the Ruler tool is built into the carpenter’s level symbol to the left of the word Straighten in the Options bar. Click on the level and draw the reference line. The image will rotate and the largest rectangular dimensions will be framed by the Crop tool plus, in a shaded area, the part of the image that will be eliminated. This allows you to adjust the image area if desired before cropping the image. The result, before clicking on the Commit key on the right side of the Options bar, appears as seen in Fig. 3.
* When Image Rotation or Straighten is used to tilt the image, each of which also shows blank areas created by the rotation, consider using the Content Aware Fill command,
An oldie but goodie: Crop & Straighten
The image below shows the result when File > Automate > Crop & Straighten Photos was applied to a three-image gang scan. Note that:
1. Each print has clearly defined sides.
2. Each print was separated from the others by at least a half-inch.
This command creates a separate file for each cropped image and leaves the original file intact.

Is it possible to apply a PNG image *and* a gradient to a single div background?

I am looking to create a div that will have a css gradient as a background, but also a PNG image to go on top of that gradient. This div will also contain text.
So the desired stacking order is :
Top : Live Text
Middle : PNG image
Bottom : CSS Gradient
Question : Can this be done with only 1 div?
I know that if you specify a background image AND a background color on the same div, you will get both, and it works quite well. But it seems much more complex to do it with a gradient instead of a flat bg color.
If it's do-able, what would the syntax be?
Thanks!

Hi
You could also use multiple background images, though this will not work in IE8 or below, (use Nancys 'stacking order' as a fallback but specify these first).
#multipleBackgroundImages {
background-image: url(gradient.svg),
url(your_image.jpg);
background-position: top left, bottom right;
background-repeat: no-repeat;
see also - http://www.css3.info/preview/multiple-backgrounds/
I specify an svg as the first image as this will work across all modern browsers.
For IE8 or below -
You could use an IEFilter for the gradient and an image over that, providing your image is not too large, or use the IEFilter 'alphaImageLoadeer' to place the image in the top r/h corner of the div, with the gradient below.
PZ

Rotating an image but preserving gradients

Similar Messages

Maybe you are looking for