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.
>

Similar Messages

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.

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.

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.

360 degree rotate image mouse drag edge tutorial

360 degree rotate image mouse drag edge tutorial and give edge file

My thoughts would be to, use an event listener for mouse
down.. then depending on where the mouse is down have it create
another event listener for mouse move, for example if the mouse x
and y was in the range of where you want.. And after that in the
mouse move function create a tween depending on where the mouse x
or why moves to.
private function mouseDOWN(evt:MouseEvent):void{
//if mouse x or y is in the position rang wanted, create the
event listener for mouse movement and mouse up.
private function mouseMOVED(evt:MouseEvent):void{
//if mouse y moved from original position, figure out the
difference
// create a tween on the object's original location, and
addition of the difference.
private function mouseUP(evt:MouseEvent):void{
// remove all of the event listeners to stop all
interaction. Also removing the mouse up listener.
hope this helps

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();
}

Blending edges of image with underlying layer

I want to paste an image into a another image. (like adding a person from one photo to another photo) However, when I paste the image into a layer on top of the destination image, the edges of the top layer are sharp and obvious.
Is there a way to softly blend just the edges of a top layer with the layer below so that it is less obvious that a Paste has occurred?

Welcome to the forum.
For this, I add a Layer Mask to the overlying image. That Layer Mask will then be worked on to soften the edges.
Depending on your exact overlying image, it might be constructed from Selection>Load Selection>Layer 2 (or whatever) Transparency, then hitting Q (QuickMask) and either Painting in the edges, or just running a Gaussian Blur to that QuickMask. The choice of exact method(s) will be dictated by that overlying image and what it consists of.
Good luck,
Hunt

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.

I recently upgraded our iMac to Yosemite OS and now have a problem with Photoshop Elements 11: the move tool selects an image or text layer, but then I try to drag the selection somewhere else on the page and it snaps back to the original location, howev

I recently upgraded our iMac to Yosemite OS and now have a problem with Photoshop Elements 11: the move tool selects an image or text layer, but then I try to drag the selection somewhere else on the page and it snaps back to the original location, however the arrows will move it OK. Also I cannot drag the selection to another photo in the photo bin as before.

Hi,
Please refer: http://helpx.adobe.com/photoshop-elements/kb/pse-stops-responding-yosemite.html
Thanks,
Anwesha

Issue with Dragging a 3D Layer

There seem to at least three ways to get an external 3D model into a document:
1. Open the model file itself.
2. New Layer from 3D File.
3. Drag a 3D layer from another document.
The third way has a problem associated with it that doesn't seem to be documented: Unlike the first two, when you do this one, the results depend on where you release the mouse cursor. The worst part is that unless you happened to drop it at the center of the document, you can get some very non-intuitive behavior:
When you zoom the camera in the Camera Tool (N), the center of the image does not stay fixed as it does with a real camera. This leads to real problems in positioning the camera to get the view you want.
The orthogonal camera views (Left, Top, etc.) normally adjust to show the image centered in the view. They do not in this case. The Top view, for example, shows the red and green axes as crossing somewhere besides the center and perhaps even not inside the view. The model is not centered.
For a given camera elevation and azimuth, you should be able to calculate where to place the camera and how to rotate it so that it points at, say, the origin. If you do this correctly, it will work in the first two cases, but not the third.
It can be a gotcha. The documentation Combine 3D objects (Photoshop Extended) has explict directions for the steps you should take but does not mention this effect. The effect is especially apparent and non-intuitive when the camera is near or in the model, and as it would turn out, that was the situation in my first real project with Photoshop 3D. It took me a long time (weeks) to figure out what was happening, and I still have some remaining lack of understanding.
In case you don't want to read further, let me say that you can avoid this problem by using Shift-drag or Layer | Duplicate Layer. Both of these center the 3D object in the layer, and the camera works as you would expect a 3D camera to work. (The documentation should say this rather than what it does say.)
It doesn't seem to be a bug, and the implementation is probably logical, but it needs to be documented. I am not sure of the best way to help this happen. Perhaps someone can suggest the most effective way to go about it.
This is what I have learned the hard way.
It works just the same as dropping an image on a layer. You can use the Move Tool (V) to move the image around and can use Free Transform (Ctrl-T or Command-T) to move, resize, or distort it. In addition, Free Transform will show you the numeric values of where the image is located, how it is sized, etc. This is true of other Photoshop objects in a layer as well, not just images.
It is, in fact, apparently using the same mechanism as it does for all objects. The problem is that this is a 2D concept and doesn't play well with the 3D object. For a 3D object by itself, what you see is determined by the camera and model positions.
These, in fact, stay with the 3D object in the layer as you move it around. However, the camera is aimed relative to the 3D object whereas what you see is a combination of this and the location of the 3D object in the 2D layer of the document. For example if your 3D object is moved to the lower right of the document, then all of the Top, Left, Front, etc. views will show it in the lower right. This is probably not what you would expect, at first anyway.
The numeric values of the location of an object in a layer are given in pixels. The locations of things in the model inside the 3D object are in terms of its dimensions (inches, meters, etc.) even though the units are not necessarily known).
I do not yet know what algorithm Photoshop uses to determine the end result of what you see. They don't even document their 3D coordinate system, much less this. I have been able to determine fairly well what the coordinate system must be, but I haven't figured out how it gets mixed in with the location in the 2D layer.
I also have not yet figured out how to get the numeric values for where the object is located in the layer. The free transform values always indicate it is the same size as the layer and centered. It will always render to fill the document window, in any event. If someone knows how to get the numeric values, I would appreciate the information. It is necessary if you want to do accurate placement as for an engineering or architectural model.
An upside is that this can be a powerful feature if you learn to control it. I am reasonably sure you can get views of your model that are not possible using the 3D camera and object tools alone. I think this because I spent a lot of time trying to position an object in a tutorial so it looked like the example given. I was not able to do this with the camera controls alone and was only successful after moving the layer, once I learned the above.
Thanks in advance for any further insight into this issue.

I ran into this to...it has to do with the way the player
handles the 3D transform. The workaround I used was to take a
snapshot of the object you are rotating using BitmapData, make your
actual object invisible, rotate the temp bitmap, and then at the
end of the rotation remove the temp object and make your actual
object visible again.

Changing an image with an alpha to a layer

OK this is going to be tricky to explain. I have an image...it's a house I rendered in Cinema 4D. It has an alpha channel which of course is the outline of the house. I'd like to edit the house...for example, make the roof wider. Of course I can do this, but I can't have it edit the alpha, too. Is there any way to do this? I know you can create layers and delete the edges of an object and do it that way...but my image is flat with an alpha channel. Is there a way to convert my house to a layer and have the black erased?
Ultimately, I'd like to take my image and then add a layer and copy the house to a layer, and not have the black background come with it. I would assume there's a way to convert an image with an alpha channel to a new layer, but I'm not sure how

Another way...(Assuming I read what you want correctly. lol.)
On the layers panel drag the little lock, side of the layer to the trash can, this will convert the background layer to a normal layer.
In the menu goto select>Load selection - For the channel select your alpha channel. (This uses your alpha channel for a selection)
Make sure your layer is still selection if you have more than one layer
Select the third from the left icon at bottom of layer panel (looks like a square with a circle in the middle) This will create a mask using the selection.
Now what was white in the alpha chanel is visible and what was black is now transparent.
Now your image has a mask and since there is a link between the two you can scale the image and the mask at the same time.

Open an image with photoshop...I can't create another layer

hi,
So, just got aperture and am trying to figure it out.
I have managed to open an image with an external editor...in my case, photoshop elements 4...now, I would like to edit this image further.
Problem is that photoshop tells me that my image is 16 bit... and so I can't even create a new layer.
How do I fix this? Is this an export setting from aperture?
Please help!
Thanks!
IMAC G5 Mac OS X (10.4.6)

Hey charles!
I'm getting there! I will have CS2 one day...for now, I'm doing well with what I have.
I needed Aperture to retouch mass number of photos fast...then I so a little bit of this, a little bit of that in elements.
It works for me for now.
See ya!

Photoshop CS3 crashing when working on image with layer mask

I've never had problems with Photoshop CS3 (or any other version) until now.
Here's the problem:
I created an image that has a layer mask applied to it. The image is saved in one layer (named Layer One) but not flattened in order to retain a transparent background. So far so good.
But when I try to exapnd the canvas or make other changes to the image, it crashes. Repeatedly.
Do I have to apply the mask (and thus give up the transparency) to prevent crashes?
I did find a workaround. Applied the mask, made a cast drop shadow (which is what I was after all along), then copy-and-pasted the drop shadow into the original layer-masked image with transparent background.
But is this the only way? Am I experiencing a bug or is something else wrong?
Thanks!

You create a new user account
and it will show you where the corruption is. in the old user account or in the system or application.
It a method of troubleshooting.

Image in a layer mask with gradient problem

Hi,
I have a image in a layer mask with an gradient on a 30c0m0y100k background and at the gradient from image to background I always get a white "shine". which NOT appears when the background is the standard photoshop-black definition in all colors.
please have look also here (where the problem is): http://adobe.ly/1yXBCix
and here where it looks like I want to have it (where I switched the layer mode of the mask to multiply and that causes that my background is not anymore 30c0m0y100k): http://adobe.ly/1HFZfC4
thanks a lot!
oliver

Yes, just save it and post it here using the little camera icon:

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!!!

Rotate images with Drag Layer?

Similar Messages

Maybe you are looking for