Rotating Image With Reflections

A few years back I bought a manual for Director 6.0. In the
back of the manual there was a demo disc showing some samples of
other people's work. One of the samples was called Big Top. It was
a totating logo in shinny gold, and as it rotated, you would see
reflections of objects and light on the surface. At one Time I
asked how it was done, and was told that an ap called RayDream
Designer could do it. I was told that in that ap, you could draw a
3D room, with the four walls, floor and ceiling, and when you
placed an object in the center of the room and rotated it, you
would end up with a rotating image with the reflection from the
walls. I never tried it, and long ago RayDream Designer stopped
being supported. Recently, I was told that the same thing could be
done with Photoshop or Flash, but I have not figured out how it is
done. What I want to do, is create a 3D image of a logo in gold,
chrome, or somethign reflective, and have it rotate with the
reflections as it rotates. I have seen similar thing on TV
commercials, but I think I need a little help on figuring out how
this is done.

Similar Messages

Can I create a rotating image with sevaral images in Photoshop?

I was wondering if I can create a rotating image with sevaral images in Photoshop? Much like a gif? Would this improve my page load time or would it be the same as loading a slideshow? Here is an example of what we wanna do vacationsalabama

Yes you can create a gif in PS to do this but it would be much easier to accomplish with some simple JQuery Image slider.
Several examples here
and here
The benefit is they load faster, have speed options, and switching images out is a breeze. They can also have links asigned to the images as they appear.

Rotating Image with Fade Effect

Ok looking to rotate an image with a fade effect; below is a rotating image code.
(Wanting this effect to be transitional and smooth. Transparency? Opacity?)
<script language="JavaScript">

</script>
Any ideas?

Here is the script I finally got working! It would have not came to me without your help guys!
<script>
var pictureWebPartName="Pictures"; // name of the picture library web part
var showThumbnails = true; //otherwise show full sized images
var randomImg = true; //set to true to show in random order
var useCustomLinks = false; //true to use second column as URL for picture clicks
var RotatingPicturesLoopTime = 5000; //2000 = 2 seconds
var imgToImgTransition = 1.0; //2 = 2 seconds
// don't change these
var selectedImg = 0;
var imgCache = [];
var imgTag;
function RotatingPictures()
imgTag = document.getElementById("RotatingImage");
//Find the picture web part and hide it
var Imgs = [];
var x = document.getElementsByTagName("TD"); // find all of the table cells
var LinkList;
var i=0;
for (i=0;i<x.length;i++)
if (x[i].title == pictureWebPartName)
// tables in tables in tables... ah SharePoint!
LinkList = x[i].parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
// hide the links list web part
LinkList.style.display="none";
break;
if (!LinkList)
document.all("RotatingImageMsg").innerHTML="Web Part '" + pictureWebPartName + "' not found!";
//Copy all of the links from the web part to our array
var links = LinkList.getElementsByTagName("TR") // find all of the rows
var url;
var len;
for (i=0;i<links.length;i++)
//if (links(i).id.match("row")!=null)
if (links[i].childNodes[0].className=="ms-vb2")
len=Imgs.length
Imgs[len]=[]
Imgs[len][0] = links[i].childNodes[0].childNodes[0].href;
if (useCustomLinks)
if (links[i].childNodes[1].childNodes.length>0)
{ Imgs[len][1] = links[i].childNodes[1].childNodes[0].href; }
else
{ Imgs[len][1] = "" }
if (Imgs.length==0)
document.all("RotatingImageMsg").innerHTML="No images found in web part '" + pictureWebPartName + "'!";
for (i = 0; i < Imgs.length; i++)
imgCache[i] = new Image();
imgCache[i].src = Imgs[i][0];
if (useCustomLinks)
imgCache[i].customlink=Imgs[i][1];
RotatingPicturesLoop();
// now show the pictures...
function RotatingPicturesLoop()
if (randomImg)
selectedImg=Math.floor(Math.random()*imgCache.length);
if (document.all){
imgTag.style.filter="blendTrans(duration=" + imgToImgTransition + ")";
imgTag.filters.blendTrans.Apply();
url=imgCache[selectedImg].src
if (useCustomLinks)
{ RotatingImageLnk.href=imgCache[selectedImg].customlink; }
else
{ RotatingImageLnk.href = url; }
if (showThumbnails)
// convert URLs to point to the thumbnails...
// from airshow%20pictures/helicopter.jpg
// to airshow%20pictures/_t/helicopter_jpg.jpg
url = revString(url);
c = url.indexOf(".");
url = url.substring(0,c) + "_" + url.substring(c+1,url.length);
c = url.indexOf("/");
url = url.substring(0,c) + "/t_" + url.substring(c,url.length);
url = revString(url) + ".jpg";
imgTag.src = url;
if (document.all){
imgTag.filters.blendTrans.Play();
selectedImg += 1;
if (selectedImg > (imgCache.length-1)) selectedImg=0;
setTimeout(RotatingPicturesLoop, RotatingPicturesLoopTime);
// utility function revString found here:
// http://www.java2s.com/Code/JavaScript/Language-Basics/PlayingwithStrings.htm
function revString(str) {
var retStr = "";
for (i=str.length - 1 ; i > - 1 ; i--){
retStr += str.substr(i,1);
return retStr;
// add our function to the SharePoint OnLoad event
_spBodyOnLoadFunctionNames.push("RotatingPictures");
</script>

<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height="125" width="160" align="center" valign="middle">
<a name="RotatingImageLnk" id="RotatingImageLnk" alt="click for larger picture">
<img src="/_layouts/images/dot.gif" name="RotatingImage" id="RotatingImage" border=0>
</a>
<span name="RotatingImageMsg" id="RotatingImageMsg"></span>
</td>
</tr>
</table>
</center>
Thanks again guys!

Rotating Images with Java 2D

Im working on a program that requires the use of rotating images. I am using AffineTransformation to rotate and translate my BufferedImages. I have a problem when I rotate, I have a picture posted bellow of sample code and it's output.
http://i125.photobucket.com/albums/p64/roryfenrir/tankhelp.png
I four images, back (a solid color background, will not be solid in final product); tread and base, both get rotated together; and top, which rotates seperatly from the others.
My problem is that when an image is rotated, it takes a section of the background with it even though its a seperate image. Im wondering how to fix or get around this problem. Sorry if this is a dumb question but I would really like to get this down.
Thanks.
Edited by: RoryFenrir on Nov 11, 2008 4:13 PM

alright sorry, I didnt think that I needed to paste the whole code. Anyway I tried it out on some other computers and it didnt have this problem, both computers I used had java 6.0 and mine has 5.0 (Im pretty sure) so maybe thats the problem, but anyway I would still like to figure it out for this computer.
heres the code for the paintPanel, the program that runs it just adds it as a panel then sends arguments into the Overpaint method.
import java.awt.image.BufferedImage;
import javax.swing.*;
import java.io.*;
import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.geom.*;
public class TankPaint extends JPanel
static BufferedImage back;
private BufferedImage top,base,tread;
private Graphics g;
private int x,y,x2,y2,deg1,deg2;
//boolean dialog = false;
     public TankPaint(String back,String top,String base,String tread,int deg1,int deg2,int x,int y,int x2,int y2)
          super();
          try
               this.back = ImageIO.read(new File("Backgrounds\\"+back));
               this.top = ImageIO.read(new File("Images\\"+top));
               this.base = ImageIO.read(new File("Images\\"+base));
               this.tread = ImageIO.read(new File("Images\\"+tread));
          catch (IOException ex) {}
          this.x = x;
          this.y = y;
          this.x2 = x2;
          this.y2 = y2;
          this.deg1 = deg1;
          this.deg2 = deg2;
     public void paintComponent(Graphics g)
      Graphics2D g2d = (Graphics2D)g;
     AffineTransform transform = new AffineTransform();
          g2d.setColor(Color.red);
         g.drawImage(back, x2, y2, this);
         //g.drawImage(tread, x-125, y-125, this);
             //g.drawImage(base, x-125, y-125, this);
             //g.drawImage(top, x-125, y-125, this);
          transform.setToTranslation(x,y-5);
          transform.rotate(Math.toRadians(deg1),tread.getWidth()/2,tread.getHeight()/2-10);
         g2d.drawImage(tread, transform, this);
             g2d.drawImage(base, transform, this);
          transform.setToTranslation(x,y);
          transform.rotate(Math.toRadians(deg2),top.getWidth()/2,top.getHeight()/2-25);
             g2d.drawImage(top, transform, this);
public void overPaint(String back,String top,String base,String tread,int deg1,int deg2,int x,int y,int x2,int y2)
     try
          this.back = ImageIO.read(new File("Backgrounds\\"+back));
          this.top = ImageIO.read(new File("Images\\"+top));
          this.base = ImageIO.read(new File("Images\\"+base));
          //this.tread = ImageIO.read(new File("Images\\"+tread));
     catch (IOException ex) {System.out.println("Image Error");}
     this.x = x;
    this.y = y;
    this.x2 = x2;
    this.y2 = y2;
    this.deg1 = deg1;
     this.deg2 = deg2;
     repaint();
}

Using Javascript to rotate images with the style.backgroundImage property & I leave the onload pg & return, the images have trouble loading.

I'm using Javascript to rotate background images -->
function rotateImages() {
setInterval("startRotator()", 7000);
var counter = 0;
function startRotator() {
var images = ["images/finance1.jpg","images/finance2.jpg","images/finance3.jpg","images/finance4.jpg","images/finance5.jpg","images/finance6.jpg"];
if( counter >= images.length ) {
counter = 0;
var image = "url('" + images[counter] + "')";
counter++;
document.body.style.backgroundImage=image;
The script is triggered by the load event when the homepage loads and the script only runs on the homepage. Everything works fine upon opening the homepage.
If I leave the home page and return, the images will have trouble loading for about 3 to 5 cycles and I'll get white backgrounds for part of the time. The same thing happens if I enter the site from a page other than the homepage and then go to the homepage.
I discovered, however, that if I enter the site at the homepage and then leave the homepage and return using the back button, everything runs fine. Apparently it then accesses a cached version of the homepage? Seems having two cached versions creates a conflict?
This problem only happens with Firefox (I have ver 29.0.1). It does not happen on IE ver 11, Chrome ver 34, or Safari ver 5.1.7.
I get the same problem with XP, Win7, and Win8 but, only on Firefox.
Can you please fix this?

Hey, I am trying to reproduce this here: [http://jsfiddle.net/u3TLb/]
Mozillazine forums and the [http://webcompat.com] are more specialized in Web Compatibility, please ask there as well.

Rotate images with Drag Layer?

Is there any code to allow me to rotate the images that I'm
using with the Dreamweaver Behavior "Drag Layer". I don't mean
rotate as in change images, I mean actually rotating the image by
dragging a selection handle any number of degrees a person wants
to. Just like you can do in image editing programs. Besides being
able to move images on the screen I also want people to be able to
turn the images any way they want .
Thanks.

No. You woud have to do the whole thing in Flash to achieve
something like
this.
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
==================
"rodable" <[email protected]> wrote in
message
news:egrfk2$o8t$[email protected]..
> Is there any code to allow me to rotate the images that
I'm using with the
> Dreamweaver Behavior "Drag Layer". I don't mean rotate
as in change
> images, I
> mean actually rotating the image by dragging a selection
handle any number
> of
> degrees a person wants to. Just like you can do in image
editing programs.
> Besides being able to move images on the screen I also
want people to be
> able
> to turn the images any way they want .
> Thanks.
>

I can't rotate images or text with two fingers on my trackpad.

I have the most recent version of Keynote, using iOS 10.9.1 and a bluetooth trackpad. Everything was working fine with the various gestures and now the rotation (two finger twisting) won't rotate images or text boxes. Anybody else having this issue? Any fixes you've seen that work?
I've turned my bluetooth trackpad on/off. I've checked my trackpad preferences checked/unchecked/checked. Nothing seems to work.

give gesture back please as soon as possible!!!

Rotating image loaded with CameraRoll

I'm having trouble working out how to rotate an image loaded using CameraRoll on an AIR for iOS app.
This code below works fine (displayImage() is called when CameraRolls media event returns completed, and imageArea is the scrollPane where the image is shown.
     function displayImage():void
     var image:Bitmap = Bitmap(imageLoader.content);
     imageArea.source = image;
The image loads just fine untill I try to rotate it:
     function readMediaData():void
     var image:Bitmap = Bitmap(imageLoader.content);
     var imX:int = image.width;
     var imY:int = image.height;
          if (imX>imY)
              image.rotation = 90;
     imageArea.source = image;
With the second version the image seems to load because the scroll bars expand to the size of the image I choose, but I don't see anything on the stage.
What am I doing wrong?
Any suggestions would be really appreciated.

I added the new width back to images x position but no joy; no matter what x & y I set the image to, it cannot be seen. The scroll bars expand exactly the right amount for the 'invisible' image, regardless of it's x & y positions as well (you'd think if the image was out of the scrollPane the bars wouldn't adjust like that. I'm not doing something right.
I'm stumped on this but I'll keep trying things. Thanks for your help and the lead, I appreciate it and it may be part of the problem, but there seems to be a different problem as well.

When rotating my custom .bmp image with Rotate Image Control.vi using the Rotate.llb, why is my rotated image coming up blank?

I downloaded the Rotate.llb and am trying to rotate a simple 24bit .bmp I made in Windows Paint, but the rotated image comes up blank.
I edited the default image control and indicator to have my image inside it and really don't know what else to do? The example works fine with the default image, I'm wondering if it has to do with my image properties?
I tried using "Picture to Pixmap" but to no avail. Any help would be greatly appreciated. I am attaching a screen shot of my results and the modified Rotate vi I am working on, thanks.
Attachments:
Rotate Picture Control_v2.vi ‏16 KB
rotate_shot.jpg ‏383 KB

Hello Sametron,
Give this a try:
Regards,
Jeff L.
Applications Engineer | National Instruments
Attachments:
201606.zip ‏1 KB

Problem with rotating images in Photoshop CC

When I rotate images in Photoshop CC I get jagged edges and not smooth as before. What has changed? How can I sort this out? Is my software corrupted? Still works perfectly in CS3.

If your using Free Transform, then look at the Interpolation settings in the tool options bar
Try one of the Bicubic settings
(i have it set to Bicubic)
For rotating the Canvas look at the Image Interpolation settings under Photoshop (Edit)>Preferences>General and use one of the Bicubic settings
The standard Bicubic setting is a good all around setting

Rotated image overlaps other controls

Hi, I am working on an AIR app involving images. One of the functionalities is viewing as well as rotating images. I made a simple test app to illustrate this portion:
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:Script>
        <![CDATA[
            private function rotate():void
                var bitmap:Bitmap = Bitmap(img.content);
                var matrix:Matrix = bitmap.transform.matrix;
                var centerX:Number = bitmap.width/2;
                var centerY:Number = bitmap.height/2;
                matrix.translate(-centerX, -centerY);
                matrix.rotate(90*Math.PI/180);
                matrix.translate(centerY, centerX);
                bitmap.transform.matrix = matrix;
        ]]>
    </mx:Script>
    <mx:Text width="100%" text="Some text"/>
    <mx:Image id="img" width="100%" height="100%" source="test.jpg" horizontalAlign="center" verticalAlign="middle"/>
    <mx:Button label="rotate 90" click="rotate()"/>
</mx:WindowedApplication>
The application window has text on the top and a button on the bottom, with the image in the middle. Each click of the button rotates the image by 90 degrees.
On launch, the app works great. It fetches the image file and fits it to the Image container. As I resize the application, the image also resizes and maintains the position relative to the other controls. Top text and bottom button are where they should be. All good. Let's assume the image is landscape/wide. After I perform the rotate 90 degrees by clicking the button, although the image is rotated and now in portrait orientation, the bottom portion of the image is now out of the image boundary and overlapping the button.
Is there a way to tell the image to fit the content to the container again? Basically, re-layout the whole thing as if the image is in this new orientation.
I suppose I can try to figure out a change in scale and resize the image, but I am not sure if this will hold when the user resizes the application. Also, the rotated image is now rather far to the left, as the "top left" corner is where a landscape image would be. For a portait orientation that's centered horizontally, it should be further to the right. I suppose I can also come up with some formula to center the rotated image. It just seems that the application already has all this logic built in, as it did exactly what I wanted when the image was loaded initially. If I can just ask the application to do it again. Note that similar issue occurs if the image starts out in portrait orientation and is rotated to landscape (too far to the right).
Thanks in advance for the help.
Will

Thanks Sheila and Arnis,
Today I opened the project to try different zoom settings and the problem has vanished; I get the correct arrow at zooms of 100, 120 and 140%.
Likely a bug somewhere deep in Frame's innards. Anyway we've ordered TCS3 so soon I'll be using FM10. Thanks anyway.
--- Derek

Is there a way to rotate images in iPhoto on the ipad

I take photos with the iPhone or iPad and unless I sync them back to the Mac, there does not seem to be a way to rotate images. This makes having a nice slideshow (for the unlock screen) a problem as a bunch of images are all sideways. I'd like to be able to do simple edits like this in the device and not have to sync back and forth.

You can't in the Photos app itself, though there are third-party apps that allow you e.g. PS Express (though the saved rotated version of the photo will be put in the Saved Photos album).

I have a Flash Sample to rotate images and text but I not find a way to display special characters

Hello everyone.
I bought a very nice Flash application that rotate images, and text of any color and size. It use an XML input file.
I've posted here, a complete copy, so any of you can download, view and use it freely.
I would appreciate if any of you know how to do, so that the text displayed, including the characters I use in my language (Spanish), such as á, é, í, ó, ú, ñ, and other special characters.
In fact, I could not find a way to do it, because I'm not expert Flash, and less in ActionScript.
If any of you would help me on that, I thank you implement the appropriate adjustments and compressed into a. zip file, and let me know where to download it, or if you prefer you can send it to my email: [email protected]
After all compressed in .zip format is a very small file: 430K.
Click here to download the complete sample.
Thanks.
=====================================
Translated using http://translate.google.es
=====================================

Hello Rinus,
If I understood your last post correctly, then problem 2 is resolved, right?
Regarding problem 3:
I'm not asking you to share exact VIs.
I just want to see a very simple VI that explains the concept of what you're trying to do, what should happen (this can be in words that refer to the front panel elements) and what you've tried.
The terminology you're using isn't clear to me without an extra explanation.
This could even be only a Front Panel with a few buttons on where you just describe what should happen with specific controls/indicators.
Based on the first post it is not clear to me what you mean with:
- A "button element":
Are you talking about a control, an indicator, a cluster that contains multiple control?
- The structure:
Is this an event structure, case structure, for loop, ...?
Is it seems like you want to programmatically control Front Panel objects, which on itself is no problem at all independent of how many objects you want to control.
Please share with me simple example of what goes wrong and explain which things should happen on that specific Front Panel.
This will allow me to help you and also allow me to guide you along the right path.
Kind Regards,
Thierry C - Applications Engineering Specialist Northern European Region - National Instruments
CLD, CTA
If someone helped you, let them know. Mark as solved and/or give a kudo.

LR rotates images as they were at the upload

Hi everybody
I went back to a folder I haven't been looking for about 3-4 months. After I located the folder from the external disk all the images opened, with my surprise, without the rotation I have set at the time so I had to to do it all again. Usually LR should retain the settings you apply to images, with no time limitation. So what happened in this case?
p.s. it's even worse: LR is opening the images, in Grid View, initially with the rotation I set after the first opening but as I scroll down, always in Grid View, the images showed in the screen are rotated back as they were at the upload.
Then I scroll down a bit more, images that were out of view are showed with the correct rotation and after a while they start rotating as they were at upload .....what the hell is going on???

I think the key is when you said you have not viewed these pictures in 3-4 months. Therefore LR deleted its previews and the effect you are seeing is LR re-making them. If it does not have a preview in its cache it tries to be quick by showing you the JPG preview in the image file. That's as the camera recorded it. The it makes a preview from the image data, and finally applies the editing steps either from the catalog or the XMP information in the file.
So if you give LR the time to do all that it should give you the pictures as you last had them in LR.
I just went back to some pictures from February in my catalog and LR did recall the image orientations.
BUT - I am also confused. I did a test and rotated a picture in LR. That rotation did not appear in the History panel. That surprised me, because LR does remember any rotations applied. I don't know where.
Another factor may be that many cameras record the orientation in the EXIF. Thus my Canon DSLR rotates images correctly on the LCD display whereas my Nikon Coolpix P6000 does not. This could be part of your issue:- the camera's notion of orientation vs. LR's.
So this is only a partial answer but I hope it helps.

First Script: Need some basic skill help? Can you add an image with a click?

Hello, Im working on a project were you can replace people heads in a photo. Its for a project so its not supposed to be perfect. So far heres what i think the best steps to take are, but im not sure how to take the first scripting steps. How can i add an image with a script? How can i store a x y coordinates?
1. I would create four variables and than store the XY cords of the the high point of the head, the bottom of the chin, amd the farthest right and left of the face.
2. I would than add the image of the head that I would already have.
3. If the x coordinates of the top and bottom are off kilter, I would rotate new head until = old face dimensions..
4. I would also see if the width is too big or small and resize accordingly
5. I would than resize the head so that the eyes would match up.
Thanks for any help you can provide!

Is that script for a browser html. Its not for Photoshop and like Photoshop would fine UiApp undefined so does Microsoft. Is that a Chrome script or Android script? Why post it here?
Atiqur Sumon wrote:
function doGet() {
   var app = UiApp.createApplication();
   // The very first Google Doodle!
   app.add(app.createImage("http://www.google.com/logos/googleburn.jpg"));
   // Just the man in the middle
   app.add(app.createImage("http://www.google.com/logos/googleburn.jpg", 118, 0, 50, 106));
   return app;

Rotating Image With Reflections

Similar Messages

Maybe you are looking for