Interactive image masking

I want to be able to create a layer mask in director similar to the function in flash where an image is covered by a colour and using the mouse part of the image is reveled.
I want to give the illution of a dark room and the user can move their mouse over the screen in order to revel parts of the room.
This is pretty easy to achive in flash however I want to incperate this function into my director application and can't figure out how to do it.
Does anyone knowe of any director tutorials which explain how this could be done.

This old article should help
http://www.director-online.com/buildArticle.php?id=832

Similar Messages

Interactive Image Panning within a Mask

Hey guys thanks for the help so far. The last piece to the
puzzle for me is figuring out how to scroll a movie clip within a
mask. I'm currently working with the script taken from the
Interactive Image Panning tutorial on kirupa.com as a base. Right
now the script references the entire Stage area for scrolling the
image whereas I want this to happen just within a mask. How do I
set this up. Here is where I have the script right now:
this.onMouseMove = function() {
constrainedMove(Work_placeholder, 4, 1);
function constrainedMove(target:MovieClip, speed:Number,
dir:Number) {
var mousePercent:Number = _xmouse/Stage.height;
var mSpeed:Number;
if (dir == 1) {
mSpeed = 1-mousePercent;
} else {
mSpeed = mousePercent;
target.destY =
Math.round(-((target._height-Stage.height)*mSpeed));
target.onEnterFrame = function() {
if (target._y == target.destY) {
delete target.onEnterFrame;
} else {
target._y += Math.ceil((target.destY-target._y)*(speed/100));
ps. the instance name of my mask is Work_mask (movie
clip)

ok note sure if i got what your saying but il give it a try.
you have a background image and a mask made up of 72 squares
(1 symbol, 72 instance of that 1)
if thats right. i just tried it also all i is 1 box working.
mainly cause there symbols. so how do you do 72 easy make it 1
symbol but not the easy way your ganna have to make it the long way
ill try to help...
go from the stage into the mask symbol so you can see the
background image. now instead of having 72 instances just copy
frames and make 72 layers then move them to fill screen. making
your checked desolve look possible.
if thats not what your looking for please put more info so
someone else or i can help thanks..

Blurry Photos in Photo gallery and Interactive image widget--(iBooks Author)

The pictures that I put in my photogallery and in my interactive image widget were at first clear and would get bigger when I tapped on them (in preview mode on my iPad), and then all of the sudden, they all are blurry, and now when I tap on them, they don't get bigger/zoom! How do I fix this??

The iBook is about 80 pages, and there is an average of one widget per page, sometimes 2. There are a few galleries in which there are more than one picture, but many of them are simply with one picture (because this is the only way to make it get bigger when you tap on it when on the iPad). For the Interactive Image widgets, I took a screenshot of a google maps route, and then focused on different stops to show directions on my iBook. I just redid all of the photo galleries that were blurry, and they are fixed now (no longer blurry). BUT the interactive images are still blurry....maybe I just need to go back and redo them?

How can I create a interactive image on ibook author, just like the temperatures map on the "life on earth" book?

I need a create an interactive image at the ibook author app, but I don´t know how, I saw the interactve image in the "life on earth" book, from the apple store, in an temperature map
apreciate that someone could help me, please

Doesn't work w/iBA books & iBooks 2, sorry.

How can I change the color of interactive image label box background.

Interactive image labels are a bit overwhelming in appearance. Can I change the label background color or make it partially transparent? I have tried several things and looked this up on Lynda.com training but no info.

don't know how much this might help but you can change some colors using the Inspector as follows:
from the text menu you can control paragraph and character colors, from the text menu you can control the text color.
hope this helps...

Full Screen Interactive Images?

Apple's video demo of the interactive images widget (as seen on this page: http://www.apple.com/ibooks-author/gallery.html ) shows the image opening full screen when clicked. I cannot make this happen. The 'full-screen' option is always disabled in the widget editor, and all interactivity occurs within the confines of the page. Any idea how to make iBooks Author deliver the result shown in this demo? Thanks.

When you place your 'Interactive Image' Widget onto your page...when you Preview/View on your iPad simple pinch to fully zoom the 'Interactive Image'.. TAP the X in the upper left to close full view mode.
I suppose you would think a double tap would bring you to full screen mode...but that could be a bad feature for interactivity where readers don't realize its interactive or a static type image.
Hope that helps.

Change colors of interactive image controls

Hello,
I seem to be having a problem with the interactive image widget in iBooks author. In the software, and under the template I'm working with, i added some interactive image widgetsvwith always-on controls. Now the controls niceley integrate wth the template by adopting a light blue color.
However, when i preview the book on my iPad, the controls are dispayed in black which is, in my opinion, much uglier thannblue for this specific template, do you know how this csn be changed ?
Thank you

I suspect this repsonse is somewhat mis-leading, the code has no effect on the control other than setting its state, although the route is somewhat tedious for the mod.
I would imagine that the control is set up so that the pixels didn't move around when they are being used as controls.
There are nested groups and locks on the controls, which might make the ordering in the cluster easier to manage.
The following should work....... ;-) it did for me
Open your own new VI
Open the main LCD VI
Open the Browse VI Hierachy
Drag and drop the LCD VI onto your own diagram
Create a cluster from the LCD VI's connector
Now ungroup the clusters and unlock them (this is tedious) if you create your own then you could be more imaginative in the structure, I leave that for homework.
Then import a new bitmap (gif) into the control
Now update the modified contol back into the master control
........ Told you it could be done, but I am not sure the pain was worth it.
BUT
Try the alternative control..... with colour settings as well, ANY colour and even some size control.
It was here http://members.lycos.co.uk/sgctek/

IBooks Author How to make timeline interactive images?

Dear iBooks team
Can someone give me some clues and advices on how to do it? Does it need an HTML widget?
Image in the Annex
I need to know what software to use to create this interactive image, it is best tutorial.
Thanks

See this link:
http://www.classwidgets.com/widget/timeline
.,,just for you

Cannot reduce file size in Acrobat X due to "image masks"

Occasionally, when I try to reduce the file size of a PDF file in Acrobat X, I am getting the error message that the file was not re-rendered because of "image masks".
What precisely does this mean? How are image masks created in the PDF production process and how do I avoid them going into the file?
In this case, it was a simple Word document including a text and two semi-transparent GIF images on top of each other placed behind the text.
Any help would be appreciated!

Try to flatten the pdfs that should get rid of the masks (use Preflight tools).

How to remove the "Image Mask" labels under the effects tab in the Inspector window

I'm still trying to find my way round Final Cut Pro X after using Final Cut Express for many years. I don't know how I have manage to finish up with two Image Masks being set under the effects tab in the Inspector window. The Image Mask effects are not active (the box adjacent to the label is not blue) How can I remove the Image Mask label from the Effects tab in the Inspector window?
Thanks JohnH

JohnHutchinson wrote:
… How can I remove the Image Mask label from the Effects tab in the Inspector window?
just click onto the grey bar and…
… and hit 'delete'/back-space key.-

Image Mask Error Message when Reducing Size of PDF

With my Mac, I embed jpg images in Microsoft Word documents, save them as pdf's, and reduce them. Size reduction often fails, with the error message "The PDF document contained image masks that were not downsampled". Jpegs don't have masks, so I have no idea how to fix this problem, and an extensive google search was of no assistance.

Use PNG images instead use an application such as Graphics Converter, Fireworks to convert to .png from .jpg.
Will have much better images that do not degrade each time they are opened and most often they end up being same size than jpeg's
Jpeg unless you save as a special type is a Lossy format and each time is open (and decompressed) then closed (and then compressed) losses detail
Just open and magnify a jpeg after its been open 5-20 times you notice an out of focus halo looking similar looking to water spilled on paper wil pen ink on it. And it get progressively worse. PNG on the other hand is not lossy and if the original is saved as png never degrade even when reduced in size or or expand within reason in size. I've being dealing with photos screenshots, images and other for years. Despite what other may say on this list may say if you want an image with little trouble for years of service save as png.

How to make timeline interactive images?

Hi,
I would like to create interactive images like the one on the right of page 31 in Life on Earth.
Can someone give me some clues and advices on how to do it? Does it need an HTML widget?
Thanks

An interactive timeline widget is available at
http://www.classwidgets.com/widget/timeline
which will automatically create a HTML widget for you from the images you give it.

IBooks Author ( interactive image )

Hi to everyone,
I have a problem with an interactive image in iBooks Author. i've added the image in .jpg format and all the interactive "buttons" with own interactivity zoom for each one. When I test it on the working area, it works correctly even it's quite slow, but once I preview it on mac book pro or ipad, it doesn't work as shown in the working area. when i click on bottom to see the details, it becomes white. Who can help me?
Thanks
Alberto

Have you solved your issue? If not, can you provide us with some screen shots of what it looks like in iBooks author and as preview in iBooks on your mac?

Battling with Interactive Image

Because I can't change the position of the explanatory text pane in the Interactive Image I got "creative" and fudged it to be more like how I want it. I set the background of the explanatory text to black (with the text itself white) - to the new "pane" is only ever as big as the explanatory text, rather than uniform across all interactive items. I then set the graphical style of the pane's background to "none" so it doesn't show up and overlap any of the image.
When previewing on the iPad, however, the pane's background appears and greys out my entire image as the explanatory text appears. Not cool.
Ideally it'd all just appear in the pop-up bubbles but in a rather silly design decision the width of the unselected bubble is the same as the width of the expanded bubble, making a slightly crowded interactive image totally unreadable.
Does anyone have any tips on removing the background of the pane in the explanatory text properly?
J

1) Open Inspector (make sure the widget is the highlighted/active element).
2) Click on the widget icon (top right brrwn box with cog in it).
3) You can now choose "Layout" or "Interaction". You want "Layout".
4) Check or uncheck the boxes for Title, Caption or Background until you get your desired appearance. You can change the position of the label in there too!

Interactive Image: Text Styles?

Is there a standard text style we can edit to modify what shows up in the text boxes when an interactive image zooms in?
According to the Style menu it's "Body Bullet" text, which just by looking at it you know that's not right. I don't see an "Interactive text" option anywhere in teh menus... assuming it all has to be done manually. BUT if there's a way someone has found to change the default text style within Interactive Images, then I'd only have to do it once and not dozens of times per book. Much like editing layout text (allegedly).
Ideas?

Yah I'm a little surprised Apple has left out so many basic features and also integrated some bizarro-world behaviors not consistent with any other Mac app I've ever used (see also Zoom shortcuts). Cmd +, Cmd-, Cmd-0 anyone? This stuff is not that complicated.
Hopefully we'll get a hefty "polish update" this summer.

Interactive image masking

Similar Messages

Maybe you are looking for