1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to rotate a picture horizontally by any degree?

Discussion in 'BlackHat Lounge' started by HoNeYBiRD, Aug 30, 2010.

  1. HoNeYBiRD

    HoNeYBiRD Jr. VIP Jr. VIP

    Joined:
    May 1, 2009
    Messages:
    5,902
    Likes Received:
    7,138
    Gender:
    Male
    Occupation:
    Geographer, Tourism Manager
    Location:
    Ghosted
    I can't find any program/description how this can be done not even after doing a thorough search on Google.
    I can rotate any picture arbitrary by any degree but not horizontally, i can also flip it horizontally by predefined degrees, but not e.g. with 30 degree.

    I want to rotate a jpg image horizontally with 30 degree then 60 degree till i reach the 360 to create a spinning gif. I guess it can be done some way, it doesn't seem to be an impossible thing to do.

    I can't even do this with Photoshop CS5 Extended...

    So if you have any method/program to solve this issue, plz don't hesitate to share it, because this fuckin simple task makes me crazy.
     
  2. shin610

    shin610 Regular Member

    Joined:
    Jun 23, 2010
    Messages:
    224
    Likes Received:
    89
    with PS you can do everything
     
  3. HoNeYBiRD

    HoNeYBiRD Jr. VIP Jr. VIP

    Joined:
    May 1, 2009
    Messages:
    5,902
    Likes Received:
    7,138
    Gender:
    Male
    Occupation:
    Geographer, Tourism Manager
    Location:
    Ghosted
    that's exactly what i thought until now...then could you plz tell me how to do this with PS?
     
  4. bart333c

    bart333c Newbie

    Joined:
    Apr 16, 2010
    Messages:
    5
    Likes Received:
    3
    not sure about ps but in GIMP you got 'rotate tool' by default in a toolbox
     
    • Thanks Thanks x 1
  5. HoNeYBiRD

    HoNeYBiRD Jr. VIP Jr. VIP

    Joined:
    May 1, 2009
    Messages:
    5,902
    Likes Received:
    7,138
    Gender:
    Male
    Occupation:
    Geographer, Tourism Manager
    Location:
    Ghosted
    it seems from this screenshot these are the same functions what you can find in PS and several other image editor applications

    [​IMG]

    but i still cannot rotate the picture horizontally by any degree unfortunately
    i start to think, it can't be done so easily for some reason (if they left out this function from the best image editors)
    or maybe it can be done using the vanishing point function in PS somehow (combination with something else?)?!
     
  6. shin610

    shin610 Regular Member

    Joined:
    Jun 23, 2010
    Messages:
    224
    Likes Received:
    89
    i dont have ps in this notebook but have you tried "rotate canvas" -> "arbitrary" -> insert the degrees ?
     
    • Thanks Thanks x 1
  7. 195471

    195471 Regular Member

    Joined:
    Oct 11, 2008
    Messages:
    417
    Likes Received:
    260
    In Fireworks (CS5), there's a function called Numeric Transform. With your image selected, go to Modify > Transform > Numeric Transform. This will bring up a window where you can select "Rotate" from the drop down, and then you will be able to enter a specific angle.
     
    • Thanks Thanks x 1
  8. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,389
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    OK I think I have an idea of what your wanting to do. If I'm right then your problem is in thinking of it as rotating the image.

    Rotating an image will always mean turning the image in either a clockwise or counter clockwise direction.

    If what your wanting to do is partially flip the image toward you or away from you, then that's a little more complicated but still easy to do in photoshop. There are a lot of tutorials explaining how to do it, but if I'm right you've just been searching for the wrong term.

    If you have CS4 or CS5 then you can use the 3d postcard effect. Here's one tutorial guide: http://www.adobe.com/designcenter/photoshop/articles/lrvid4006_ps.html.

    If you have CS3 you can still do the same thing but its a little more involved. I saw it in a tutorial video once and gave it a try for something I was working on, but I don't remember exactly how right now. Rotating the image in that manner involves changing the image perspective. Go back to google and try searching for "change image perspective" or "rotate image plane" and you'll find a lot of results about how to do that. In photoshop you can do it with free transform or with the 3d object tools. It was in a photoshop tutorial on youtube if you want to look for it yourself.

    Good luck.

    edit - If I'm wrong and you actually are just trying to rotate clockwise or counterclockwise by degree, then in photoshop go to Image>Rotate Canvas>Arbitrary... then just enter the degrees and choose the direction.
     
    • Thanks Thanks x 1
    Last edited: Aug 30, 2010
  9. megler

    megler Junior Member

    Joined:
    Dec 8, 2008
    Messages:
    173
    Likes Received:
    296
    Location:
    My House - It Rocks!
    • Thanks Thanks x 1
  10. Choronzon

    Choronzon Power Member

    Joined:
    Apr 20, 2008
    Messages:
    559
    Likes Received:
    376
    If you are looking to rotate the image around the centre then this is easy in Paint Shop Pro (free to download at various places). If you mean rotate it towards you and away from you then that is a whole other matter but you can create the illusion of this by removing slices of the image vertically so that it gets thinner and thinner.
     
    • Thanks Thanks x 1
  11. HoNeYBiRD

    HoNeYBiRD Jr. VIP Jr. VIP

    Joined:
    May 1, 2009
    Messages:
    5,902
    Likes Received:
    7,138
    Gender:
    Male
    Occupation:
    Geographer, Tourism Manager
    Location:
    Ghosted
    thanks guys

    i wanted to rotate (partially flip) the image around its z axis (changing the image perspective), thanks to your help (especially GreyWolf :)) finally i can do it with PS CS5 Extended using 3D/New 3D Postcard From Layer then the Object Rotate Tool, it's still won't be the spinning gif i wanted, but a few static gifs, so i need another tool like Adobe ImageReady or Easy Gif Animator to make the desired spinning gif merging the static gifs into one animated gif

    i was almost completely sure it can be done somehow with PS and it seems from your replies it can be done with tools other than PS as well

    1. [​IMG]

    2. [​IMG]

    3. [​IMG]
     
    Last edited: Aug 31, 2010
  12. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,389
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    The postcard option is only available in cs4 or higher. I played around in cs3 and by just incrementally resizing the width and then duplicating and flipping the same images for the reverse side I was able to create the same effect as well. Since it was a photo I went ahead and made it pause longer on the original image during the rotation. I could have just left it rotating continually with no pauses.

    [​IMG]

    Just goes to show... there's more than one way to skin a cat. :cool:
    Taking more time and incrementally scaling one side of each slide in the animation would create an even more dramatic effect, but would of course also take a little more time. I might have to try creating a macro to do this automatically, then it would be pretty handy.

    edit -
    @HoNeYBiRD - You don't need another program to create the gif animation.

    Photoshop does it really easy in 10 steps.

    1. Create a psd file with each slide as its own layer and turn off the visibility on all the layers.
    2. Click on the last layer and then while holding the shift key scroll down and click on the first layer to select them all.
    3. From the top menu go to Window>Animation
    4. Animation pallet will open. From the dropdown menu on the upper right of the animation pallet select "Convert to Frame Animation".
    5. Click on the dropdown menu again to select "Make frames from layers".
    6. Use the dropdown menu on each frame to change the display timing menu. (you can select them all and change as a group also).
    7. In the playback menu at the bottom of the animation pallete is a dropdown menu to select if it loops once or forever.
    8. Click the play button to see if you like the speed selection.
    9. Once you like what you have, then select File>Save for Web & Devices
    10. Select any options you want or just leave selected for the gif defaults and click Save.

    That's it. You just created a gif animation in Photoshop.

    Just for the hell of it I played with the skew on each frame to make the spinning illusion a little better. The edges look a little jagged, but that's just because it's a really low res image I was working with.
    [​IMG]
    After working with that image and thinking about all the steps involved it would be cool to record an action to automate it, but I'm really not sure how to do it for this task. At least not with including the perspective adjustment in the second animation. With cs3 it doesn't seem like an easy task to automate. Maybe with the 3d tools in cs4 or cs5 it might be an easier task to create an action for.
     
    • Thanks Thanks x 1
    Last edited: Aug 31, 2010
  13. HoNeYBiRD

    HoNeYBiRD Jr. VIP Jr. VIP

    Joined:
    May 1, 2009
    Messages:
    5,902
    Likes Received:
    7,138
    Gender:
    Male
    Occupation:
    Geographer, Tourism Manager
    Location:
    Ghosted
    @GreyWolf

    It's a really creative method what you described how you can do it with CS3 without the fancy functions what the newer versions of Photoshops have. And also thanks for the step by step how you can do the whole process with Photoshop!

    However i found a program called Easy GIF Animator Pro, which also can do the whole process very easily:
    1. Add a picture
    2. Select 'Create Image Effect'
    3. Select the Effect from a drop down menu (in this case: Spin/Vertical Spin), you can find 10 other predefined effects as well.
    4. You can select the Speed and the Smoothness/Length of your effect, which eaquals the number of the frames/the size of your animation. You can also select, if you want to use a background color or not. Hit ok, you already have your animation. You can view the whole process in a preview while you modify/tweak your animation.
    6. You can select if you want to repeat it forever or not, repeat it only 1 times, 2 times etc.
    7. You can select the delay of the frames one by one, add a comment, set transparency, resize the animation etc.
    8. Hit save and that's it.

    So this way i could add the spinning effect what you can see on my present avatar in less than a minute (~30 seconds).
    As i am not really a PS expert, i need much more time to create the above linked animation with PS (and i guess even the pros need more time, because you have to create the frames one by one) and it doesn't look as smooth as the one i created with the other program (but i think it's only because it uses only 11 frames and what i created with Easy GIF Animator Pro, it contains 17 frames - it's the maximum, because of the size limit of BHW's avatar: 19,5 kb)

    So this is another way to skin that cat! :)
     
  14. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,389
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    OK Honeybird here ya go. 18 frames, 15.0kb animated gif.
    If you want I can send you the animated psd file so you can change the background color in case you want to use it somewhere else.
     

    Attached Files:

    • Thanks Thanks x 2
  15. HoNeYBiRD

    HoNeYBiRD Jr. VIP Jr. VIP

    Joined:
    May 1, 2009
    Messages:
    5,902
    Likes Received:
    7,138
    Gender:
    Male
    Occupation:
    Geographer, Tourism Manager
    Location:
    Ghosted
    thanks, avatar replaced with yours :)
    pm sent about where you can send the psd, thanks for that too!

    see guys, this is how you can get a cool free animated 3D avatar!
    reverse engineering as its best! :D
    j/k GreyWolf
    i really appreciate it!

    P.S. i'd like to but i can't rep you at this time, i have to spread my love before i can do it again!
     
  16. Choronzon

    Choronzon Power Member

    Joined:
    Apr 20, 2008
    Messages:
    559
    Likes Received:
    376
    I did it for you, well done GW
     
    • Thanks Thanks x 2
  17. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,389
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    Well, I don't know about that... :cool2: lol.

    I didn't actually know how to even do it when I read your first post in the thread. I just understood what you were asking about. I had to teach myself how to do it so I could explain it to you.

    The two rotating image files in this thread are my first efforts at doing something like this, and the first animation I created myself instead of just editing an existing animation. I couldn't find any exact tutorials about it, just a few guides that talked about what tools do what I needed for different parts of the task. It's pretty simple once I figured it out though, so maybe I'll make a tutorial on it. It's kind of a neat trick, might do good on YT.

    I didn't notice when I made it that a couple frames make the image raise in the air a little bit as it rotates. That's the kind of mistake that happens when you try something new. lol. I think it wasn't too bad for a first attempt. :cool:

    I'm kinda done with it for now, but maybe one of these days I'll make a better one for you that's a little smoother. Unless you beat me to it. lol
     
  18. HoNeYBiRD

    HoNeYBiRD Jr. VIP Jr. VIP

    Joined:
    May 1, 2009
    Messages:
    5,902
    Likes Received:
    7,138
    Gender:
    Male
    Occupation:
    Geographer, Tourism Manager
    Location:
    Ghosted
  19. TwistedMarketing

    TwistedMarketing Regular Member

    Joined:
    Apr 18, 2008
    Messages:
    279
    Likes Received:
    113
    • Thanks Thanks x 1