Flash Component: Image - crop, resize, rotate zoom in/out

Hi, We've got a photo contest and we need an image
manipulation tool that will allow users to import image, crop,
move, resize, roate and zoom in/out to align their photo within a
frame for example. Any one know of a component like this? I would
appreciate and advice or links to other sites.
Thanks in advance.
Dan

Don't know what you want to do...
Resize the actual image file? If so, PSA SE can't really do that.
Just look at an image at different magnifications? Select image, F11 for full screen, then use CTRL/+ and CTRL/- to adjust.

Similar Messages

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.

How to make images slideshow that has zoom in/out transition

Hi people,
I have around 30 images that I want to do a slideshow, whereby I show the images one by one, formed a circle, after showing all the images, it zooms out to show a logo.
Any suggestion or tutorial for me? I am very sorry for troubling. This is my 1st time of using Adobe Premiere Pro CS4.
Thanks and Regards,

Welcome to the forum.
As Stanley points out, it appears that you are doing two things: PiP to start, and then animating via Keyframes for the fixed Effects>Motion>Scale, and probably Motion>Position. The "revealing" of the logo can be done by Keyframing various Effects, such as the fixed Effect>Opacity, or perhaps Keyframing an added Effect, such as Blur/Gaussian Blur.
Reading on both "Picture in Picture," and then "Keyframes" will be a great starting point. The concept of Keyframes is a bit abstract at first, but once you get that concept, you will find it so very useful for many things, so the study time will pay big dividends. Most Effects can be Keyframed directly, and a few more, indirectly. Various different Effects can be Keyframed separately, so that many things can happen over time, in a coordinated "dance." The uses and applications are virtually limitless, and provide so much power, plus aesthetic choices.
Good luck, and I would start with Stanley's links, and do as much reading, and exprimenting, as is possible. One great resource is the Adobe Classroom in a Book Premiere CS5, Adobe Press. The author covers Keyframing Effects in great detail, plus PiP. Remember, once you understand Keyframes, you will use them constantly, even for adjusting Audio Volume over time.
Good luck,
Hunt

Help, image is resizing when opening PH3 out off LR2

Hi guys,
i have a problem when I open a 10,2 MB image from LR2 with PS3. It will open in PS3 but has rezised to 51MB. I use MacBook Pro.
What can I do to change that!
Cheers Dirk

Dirk,
Where are you seeing the file size change? File formats that use compression, such as .jpg and .psd will balloon in size when opened, but store compact.
Neil

Zoom in/out in vision

I'm using PCI1409 board and sony's CCD camera.
I want to grab/snap every pixel of CCD, but show in half scale.
(that means, CCD 640x480 pixel, buffer size is 640x480, but canvas size is 320x240)
I want save the every pixel value and show half scale in the panel. (test software in MAX does it well)
How can I make it?
And tell me about the difference between picture and canvas control.

Kaist,
Are you using the new IMAQ Image Control that was introduced with LabVIEW 7.0 and IMAQ 2.6? With this Image Control you can zoom in/out of your image. Since this is only for the display, it will not affect your actual pixel values. Best of all, this is included in LabVIEW and you will not need Vision.
If you need to use the picture control, you may have to create a new array and parse out every other row and column yourself.
BB_Phil

With Adobe Flash, the image is looking for a "zoom" setting and does not find it. The result is that the imbedded image is too large for the space allowed. Is there a zoom setting for Firefox?

When running FB game apps, the image loaded is too large for the FB space. The program looks for a "zoom" setting and does not find it. This was from the error screen. I have not been able to locate where the image zoom is located (found the font adjustment). I am new to FireFox and would like to sort this out please.
Your installed plug in assume Shockwave Flash 10.3, but I thought it was Adobe Flash 10.3. Are they one and the same?
Below is the warning message from the Error Console

I'm not sure the CSS warning is relevant to Flash. Maybe adjust your overall zoom level on Facebook manually from the View menu?
View > Zoom
If you have the orange Firefox button, tap the Alt key to display the classic menu bar.

Flex image bitmap data crop when zoomed in/out

I have an uploaded image cropped using flex handles,but I recently added the zoomIn/Out buttons so that uploaded big image can be zoomed out, the problem is : When zoomed out, am not able to fetch the crop handle Rectangle contents, Can some one please help out, am struggling since a day, I can share the whole code if some one can help..Thank you.
<mx:UIComponent id="snapshotHolder" width="18" height="29" x="690" y="0"/>
   <example:SimpleFlexShape id="flexShape1" model="{flexModel1}" click="alignCropRectangle(2)"
width="0" height="0" y="0" x="0" enterFrame="alignCropRectangle(1)" />
   <mx:UIComponent id="snapshotHolder" width="18" height="29" x="690" y="0"/>
   <example:SimpleFlexShape id="flexShape1" model="{flexModel1}" click="alignCropRectangle(2)"
width="0" height="0" y="0" x="0" enterFrame="alignCropRectangle(1)"/>
var mat:Matrix = new Matrix();
   var rect:Rectangle = new Rectangle(0,0, flexModel1.width,flexModel1.height);
   //Moves the rectangle to the correct position to capture photo.
mat.translate(-flexModel1.x, -flexModel1.y);
pic = new BitmapData(flexModel1.width, flexModel1.height, true);
   if(snapshotHolder.numChildren > 0)
snapshotHolder.removeChildAt(0);
pic.draw(uploadedImage.bitmapData,mat, new ColorTransform(),null,rect,true);
private function alignCropRectangle(clickNbr:Number) : void {
   //conditions that must be met so the box stays within the Uploaded Photo window
   if (ratio != 1.3) //Ratio should be 1:1.3
ratio = 1.3;
flexModel1.height = flexModel1.width * ratio;
   if (flexModel1.x < 0)
flexModel1.x = 0;
   if (flexModel1.y < 0 )
flexModel1.y = 0;
   if(flexModel1.width > uploadedImage.sourceWidth) {
   //flexModel1.width = uploadedImage.sourceWidth - 30;
flexModel1.height = flexModel1.width * ratio;
   } else if(flexModel1.width > 640) {
   //flexModel1.width = 640; //Doug Photo Crop issue
flexModel1.height = flexModel1.width * ratio;
   if(flexModel1.height > uploadedImage.sourceHeight) {
   //flexModel1.height = uploadedImage.sourceHeight - 30;
flexModel1.width = flexModel1.height/ratio;
   } else if(flexModel1.height >= 480) {
   //flexModel1.height = 480; //Doug Photo Crop issue
flexModel1.width = flexModel1.height/ratio;
   /*When the user hold and drag the rectangle out of the display area
the rectangle box comes backs to it's original position.*/
   if(clickNbr == 2) {
   if (flexModel1.x + flexModel1.width >= uploadedImage.sourceWidth)
flexModel1.x = uploadedImage.sourceWidth - flexModel1.width;
   if (flexModel1.y + flexModel1.height >= uploadedImage.sourceHeight)
flexModel1.y = uploadedImage.sourceHeight - flexModel1.height;

I’m not sure I understood your problem. You might also find that you’ll get better help by asking on the Apache Flex [email protected] mailing list.
-Alex

How to zoom in/out AND resize image?

sorry if they are stupid questions but i can't seem to find how to resize and image and zoom in/out. I am using Version 3 of Photoshop Album Starter Edition.
thanks in advance.

Don't know what you want to do...
Resize the actual image file? If so, PSA SE can't really do that.
Just look at an image at different magnifications? Select image, F11 for full screen, then use CTRL/+ and CTRL/- to adjust.

How to undo cropped and rotated RAW images in ACR

Can someone advise on returning to the original RAW image after the image has been edited in ACR.
"Reset Camera Raw Defaults" seems to do everything but undo crops and image rotation.
How do I undo these and/or return to the original unedited image?
Many thanks

Thanks but how exactly do I find the unedited CR2 within PSE/ACR?
Everytime I open the file in PSE or ACR the edited version comes up and the most original version I can return to is to reset the Defaults. However, this does not reverse crops and rotations
I have noticed that the original CR2 file is viewable within MS Explorer but I'm reluctant to delete the .xmp as I don't want to loose keywords etc associated with the image.
Many thanks for any suggestions

Cropping/resizing image by pixel dimensions

I am trying to crop or resize an image that is originally 2,122 x 1,415 px | 7.1 x 4.7 in | 300 dpi. I am to crop/resize image to fit 756 x 275 px. However, I don't want to lose the whole image. I would like to use the whole image just adjust it to the dimensions.
How can I accomplish this without creating any distortion or by removing elements by cropping the image?

Hello Slange,
may I propose a solution based on a more mathematical derivation, where I assume the height of 275 px is decisive. The way is the same, if the 765 px width is important.
The reduced copy of 2122 x 1415 provides 412 x 275. To the wished 756 you need: 756 - 412 = 344. Splitting it into two parts I'll get 344 : 2 = 172. These I mount now (The black borders are only for better overview.) to an image with the wished measures 756 x 275:
The white area you can fill it with any suitable color.
Hans-Günter

How to load images in List from Xml and view the image and resize the image & save in Flex?

Hi Friends,
I am new to flex i am doing application for image resizing rotating and save the resize image.
I want to load the images from xml file to listcontrol and show that images as a icon in the listview,then i want to drag that image to panel that time it should show it original size of the Image.then it allows user to resize ,crop,rotate the image.then i want to save the resize image,when i save the resize image it should replace the original image in the xmllist.
I am looking for some useful suggession ,if you dont mind want to see some snippet code.
It will help me to understand the concept.
Cheers,
B.Venkatesan

Not in Crystal Reports Basic for Visual Studio 2008. You'll have to upgrade to CR 2008 (12.x). Then use kbase [1320507|http://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/oss_notes_boj/sdn_oss_boj_erq/sap(bD1lbiZjPTAwMQ==)/bc/bsp/spn/scn_bosap/notes.do] as a guide on how to do this.
Ludek

Issues with vector resizing & rotation! (CS5)

I need some help and cannot seem to find the solution anywhere!
All of my questions come from this basic task: Dragging files from Illustrator into Photoshop
PROBLEM #1
In CS3, when I dragged vector Illustrator files over into Photoshop, it used to automatically resize the vector image to fit the canvas I was working on. It doesn't do that anymore with CS5. Now when I drag files over from Illustrator, it places it at full size, so I waste a lot of time having to zoom out, make it smaller, and zoom back into my project. I DO have "Resize Image During Place" selected in Photoshop, but it still doesn't resize it! I went back to CS3 and it automatically fit the vector image I was trying to drag over into my project so it fit!
PROBLEM #2
In CS3, when I rotated a vector image (usually that I dragged over from Illustrator), it would maintain the bounding box, but now in CS5 it doesn't! For instance, I would normally drag an Illustrator file into Photoshop, then want to rotate the image as desired. Then later in the day if I wanted to rotate the image a little more or less, all I had to do was select the vector image and it would keep that rotated box around it, and would tell me that the image was currently rotated 41 degrees. However, in CS5, when I rotate a vector image and then want to re-rotate it, or re-size it, later in the day it doesn't do it. When I select the vector image, the bounding box is always a box or rectangle, with all flat sides, and it tells me that the image is rotated 0 degrees (even though earlier I may have rotated it, say, 70 degrees). I'm not explaining this very well, but basically, I can't resize or rotate it more than once because it acts like it rasterizes the image, if that makes any sense.
Bottom line, these are HUGE annoyances for what I do!
PLEASE HELP!
wyzz7

Ok, here are the three screenshots. Sorry if they're hard to see. Adobe puts a cap on size...
In the first screenshot, you can see I dragged a vector image of a sweatshirt from Illustrator into Photoshop, and it didn't resize it. In this instance, my Photoshop size was 1500x1500. Most of the time, I'm working on small images (under 300px). So when I drag an image over, it's massive compared to my canvas size. It's a huge annoyance and time waster.
In the second screenshot, I rotated the images as I wanted. However I want it to maintain that rotated bounding box (and it would keep it in CS3), but it doesn't now.
In the final screenshot, you can see how it displays the vector image after I rotated it, then wanted to re-rotate it or resize it. It defaults back to a square bounding box. Therefore, if I wanted to compress the image vertically (make the sweatshirt shorter), it will skew/distort the image.
Did that make things more clear?

Unique Image/MC Resize Help Needed

Hi, I'm trying to achieve an effect, I'm hoping someone can
help me with.
I want an image to fill the entire screen of a browser window
& automatically resize to fill the window area no matter the
size of the browser; here is the exact effect I'm looking for:
http://www.thewreckers.com/
You'll notice that if you resize the browser window on the x
axis, the image gets smaller, but if you resize on the y axis, the
image
stays the current size and only moves up and down, keeping
the blonde singer's eyes centered on the page.
I'm not a scripter, so exact syntax or even better, a sample
FLA would be amazing!
The only complaint I have about the sample is on Safari, the
browser scroll bars show up.
Also, how can I lock objects to the corners like the URL
example?
Thanks in advance for any solutions you might have.
P.S. I'm using Flash 8, not CS3
C

I've sorted the crop ration for a 3:2 image but resulting in a much smaller image.
Could you give me the details? How much smaller? What size is it? What else did you change other than the aspect ratio?
I then then tried a 16:9 ratio which is much better
Details please? What is better? (And why try this if you need 3:2??)
seem to have run into a similar prob in that calculations say for a 40 x 20 I'll need 6,000 x 12,000 but lr4 will only ouutput 6,000 by 10,667.
You are repeating your initial mistake. Images cropped to 16:9 aspect ratio cannot export to a 3:2 aspect ratio. Only images cropped to a 3:2 aspect ratio will export to a 3:2 aspect ratio.

Image not displayed correctly in image control at small zoom level

I am displaying an image in an image control with a zoom factor of ~0.015 and it appears as shown in image 1.jpg. When I zoom in a little more to ~0.016 the image is displayed correctly as shown in image 2.jpg. Both images are attached.
Why is the image displayed as a "grey strip" in the first image? What do I need to do to have the image displayed correctly at any zoom factor? I am using LV 2011 with the associated vision development module on Windows 7.
Thanks,
Jonathan-LV
Solved!
Go to Solution.
Attachments:
Image 1.jpg ‏133 KB
Image 2.jpg ‏152 KB

Hi Jonathan,
Did you try resizing your image dimensions, as I suggested in my previous post? Anti-aliasing is an expected behavior; as you zoom out, the image has to be resampled in order to be displayed properly. At some point, LabVIEW assumes that the image has been resampled to the point where it no longer resembles the initial image, and so it greys the image out. In the case of your image, that is not the case. As I said, I believe an acceptable workaround would be to use IMAQ resample to half or quarter the pixel dimensions of your image, at which point it should be able to be displayed at a higher zoom factor.
Best,
Dan N
Applications Engineer
National Instruments

Remote image not resizing

I have created a web service that pulls images (gif) from the
database and base64 it for sending across the wire. The flex
application then decodes and renders the image. The Image is not
being scaled correctly. If I embed the image into the application
everything works correctly. But if the image is decoded then sizing
goes out the window.
The image overflows the Image box and takes up the full size
of the image. Zoom, rotation, etc. do nothing to the image.
Any help is appreciated...
Example Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute" creationComplete="onLoad(event);">
<mx:Script>
<![CDATA[
import mx.utils.Base64Decoder;
public function onLoad(event:Event):void {
// Decode image - Base64 gif image (500 x 776)
var base64:String = "R0lGOD..."; // Get base64 from web
service call
var decoder:Base64Decoder = new Base64Decoder();
decoder.decode(base64);
// Load image into container
var loader:Loader = new Loader();
loader.loadBytes(decoder.flush());
image2.addChild(loader);
]]>
</mx:Script>
<mx:HBox id="mainBox">

<mx:Image id="image2" width="100" height="100" />
</mx:HBox>
</mx:Application>

The simplest way to fill a liquid division is to make a small image tile and repeat it in background with CSS code:
Example:
body {
background: url (my-bg-img.jpg) repeat;
More on backgrounds:
http://alt-web.com/Backgrounds.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Flash Component: Image - crop, resize, rotate zoom in/out

Similar Messages

Maybe you are looking for