Transparent normal state button

I'm trying to use a logo as the selected state of my buttons. During the normal state I want this to be transparent. It seems like I'm missing something really easy here, but I just can't figure it out. I've tried making a custom shape with the 4 layers in photoshop, but all I could get was the logo to change colors. I don't want the logo to change colors, just to appear when the button is selected and go away when it's not. It's a three color logo and I'm using DVDSP 3. Thanks in advance.

There are two ways that you can do this without resorting to using a layer based shape or a layer based menu.
First, you need to decide if it is important for the logo to appear in full colour or if you can get away with a single colour instance of it appearing. If the answer to this is that a single colour is OK, then use a standard overlay menu. Otehrwise, try using a masked overlay menu (there are limitations...)
With a standard overlay, the background image is as you want it to appear without anything selected - all shapes and text, etc, should be in place as if no button is chosen.
You then create the overlay, which is a simple .pict file that is the size of the menu. On this you simply place as many instances of the logo as you need - create them in black or grayscale and don't add anything else. The overlay will be mostly white with the black or gray shapes on it.
Add this to your menu in DVDSP and drag out the button rectangles to cover the background text and the overlay shape. When the button is selected, the logo shape will show up, but will not show in the normal state.
You can get the logo to be whatever colour you need by using the colour mapping within the property inspector for the button.
If you definitley need a full colour logo to appear, you can either use a layer based photoshop menu, or use overlay masks:
http://www.editorsbin.com/authoring/mask_overlay.html
be aware that there are some limitations when using the masking technique - but all is explained in that tutorial.

Similar Messages

Normal State Button Shows Selected State At Loop Point

My menu shows the Normal State Button Shows as the selected state At Loop Point. I want it to show for instance black until it is selected then "rollover" to red. TIA for any help.
Murman

There are two ways that you can do this without resorting to using a layer based shape or a layer based menu.
First, you need to decide if it is important for the logo to appear in full colour or if you can get away with a single colour instance of it appearing. If the answer to this is that a single colour is OK, then use a standard overlay menu. Otehrwise, try using a masked overlay menu (there are limitations...)
With a standard overlay, the background image is as you want it to appear without anything selected - all shapes and text, etc, should be in place as if no button is chosen.
You then create the overlay, which is a simple .pict file that is the size of the menu. On this you simply place as many instances of the logo as you need - create them in black or grayscale and don't add anything else. The overlay will be mostly white with the black or gray shapes on it.
Add this to your menu in DVDSP and drag out the button rectangles to cover the background text and the overlay shape. When the button is selected, the logo shape will show up, but will not show in the normal state.
You can get the logo to be whatever colour you need by using the colour mapping within the property inspector for the button.
If you definitley need a full colour logo to appear, you can either use a layer based photoshop menu, or use overlay masks:
http://www.editorsbin.com/authoring/mask_overlay.html
be aware that there are some limitations when using the masking technique - but all is explained in that tutorial.

Can't make buttons hidden in normal state.

I've been reading the boards about how to make buttons hidden in the normal state and that all you have to do is turn the opacity down to 0, but that doesn't seem to be working for me. The buttons (such as the triangle or solid line built in to DVDSP) just turn grey.
Is there something I am missing?
Please advise.

button properties
colors tab/set normal to 0.
The manual also goes into great detail regarding this.

Editing the normal state of a button

It seems that whenever I edit the rollover state of a button, I accidentally change the normal state. When I try to duplicate the mistake to fix my earlier one, I can't change the normal state, no matter what I seem to try.
Can anyone help?

I'd try restoring your InDesign preferences as a common troubleshooting solution:
http://pfl.com/trb
Or if it's only one document, it could be the document has become corrupt:
http://www.pfl.com/cidf

MovieClip buttons using e.target method "Under" transparent hit states?

Hello guys, this is kind of the finale to a line of questions I have been pestering with for about a week. I have multiple buttons that scale up / scale down on rollover (mc btns actually). So, after a lot of help from all of you, I have everything functioning really well.
My remaining hang up, is how to apply e.target (to abridge my code somewhat) when the movieclip button is now actually below the transparent hit states. (hit states are on the main timeline, buttons under them). Below is some sample code for two of these buttons, and like i said – they work fine, but now that I am trying to use external hit states to get rid of my bugginess, i notice the e.target functions are not being read, since I assume the button is under the hit states.
the //berenson// below is the code that is speakin to the hit state and the //amylin// still has the previous coding applied to it (when the hit states were not being used quite yet.
function rollover (e:Event){
    e.currentTarget.gotoAndPlay ("btnOver");
function rollout (e:Event){
    e.currentTarget.gotoAndPlay ("btnOut");
function select (e:Event){
    e.currentTarget.gotoAndPlay ("btnClick");
//amylin//
btn_amyCase.buttonMode = true
btn_amyCase.addEventListener (MouseEvent.MOUSE_OVER, rollover);
btn_amyCase.addEventListener (MouseEvent.MOUSE_OUT, rollout);
btn_amyCase.addEventListener (MouseEvent.CLICK, select);
//berenson//
btn_berHit.buttonMode = true
btn_berHit.addEventListener (MouseEvent.MOUSE_OVER, rollover);
btn_berHit.addEventListener (MouseEvent.MOUSE_OUT, rollout);
btn_berHit.addEventListener (MouseEvent.CLICK, select);
thanks!

yup, i was hoping that. However, my buttons were working flawlessly, then i applied the hit state layer, and i am losing the communication.
But you are saying, that if the buttons work on their own, hit states with the same code applied to them (that was on the buttons) with some tweaks of course, should still function using target?
so, to sum up: i have mc buttons, and am trying to access "their" timelines. I added the hit state layer (on the main timeline) and made their mouseEvents = the button effects, but my functionality went away.

How to turn off automatic button style in "normal state"

Hi everyone,
I have 2 different button styles (both from the palette menu) in my main menu. The problem is when I try to change the color of the first one in its "normal state" it effects all the other buttons. I just want it to effect one button at a time. How do I do this? Thanks much.
Rich

Sorry, This is a DVD Spec thing. However you can set different color values or grayscales settings for each button (up to 4 I believe) and assigned those different colors or grey scales different values.

How to create a 3-state button (similar look as OK button) that toggles between 3 different colors.

How do I create a 3-state button that looks similar to the OK button except it changes to 3 different colors every time it is pressed. Does anyone have such a control ready for use that I can just drop in my front panel?

With a picture ring you can implement a 3 color button without any code. Look at the attached customized control.
I have imported the picture of a boolean in three different items and
colored them. I centered the text and hide/made transparent uneeded
graphic elements. I set the size of the decrement arrow to cover all
the picture and made it transparent so when you click on the control
you decrement the value of the ring and change the picture/color
Edit: you'll notice that the picture is not fullt covered by the
decrement arrow so if you click near the bottom of the button, the
picture ring will show its normal behavior displaying all 3 available
items
Message Edité par Jean-Pierre Drolet le 07-07-2005 10:07 PM
LabVIEW, C'est LabVIEW
Attachments:
3COLORSBUTTON.vi ‏8 KB

Is there a way to create a multi-state button or have a pict ring behave like boolean?

Does someone know of a way to make a multi-state button say (function one, function two,function three, off) or implement boolean-like behavior for a pict ring? I want to be able to cycle through the states without a menu popping up for all possible values. So when I press this button or ring it will go from state-1, to state-2, to state-3 etc.

> Does someone know of a way to make a multi-state button say (function
> one, function two,function three, off) or implement boolean-like
> behavior for a pict ring? I want to be able to cycle through the
> states without a menu popping up for all possible values. So when I
> press this button or ring it will go from state-1, to state-2, to
> state-3 etc.
Place a transparent button over a ring. On button value change events,
or via polling, increment the ring indicator. Better yet, put the value
in a shift register that gets incremented and displayed in the ring
indicator.
Greg McKaskle

Overlay visible in "normal" state only

I created an overlay TIFF in Photoshop - I placed an mpeg2 video (which I created with FCP and Motion and then compressed in Compressor) as the background and I drug my TIFF in as the overlay.
I go into Menu view in DVDSP and the only version of my overlay that is visible is the "normal" state if I drag the opacity up. The activated and the selected states do not appear. I have clicked alternately on the buttons in the lower right of the menu tab to see any change as well as have selected the different button states under the VIEW>BUTTON STATE pull down menu - to no avail. The only button state which I can see is the Normal state and that is just because I have drug the opacity up.

Have you created a button over the area of the highlights? Is the selected and activated states set to full opacity (15) and is the color set to something that will standout against the background?
o| TOnyTOny |o

Tween the icon you are over to its normal state

I have this snippet of code I've been running successfuly on my image buttons grouped into one MC.
It applies changes to the buttons I am not rolling over, i.e. if I were to roll over a button the rest of the buttons in the group would dim and blur and etc, but not the button I am over.
All worked fine until I decided to group buttons one more time.
With my limited knowledge of AS3 I was able to put all the actions to the buttons except into making the button I am over to stay the way it is.
In my understanding the problem is in the line:
// target = tween the icon you are over to its normal state
TweenMax.to(e.target, .5, {alpha: 1, blurFilter:{blurX:0, blurY:0}, colorMatrixFilter:{colorize:0x000000, amount:0, brightness:1.25, saturation:1}, ease:Sine.easeOut});
particularly in properly specifiying e.target
I tried a few variations but nothing seemed to work.
What would be a proper code to go two levels deep into an MC?
Below is my full code:
IMGS_COLLAGE.buttonMode=true;
IMGS_COLLAGE.useHandCursor = true;
IMGS_COLLAGE.imgORIGINAL_collage.addEventListener(MouseEvent.MOUSE_OVER, navOver);
IMGS_COLLAGE.imgORIGINAL_collage.addEventListener(MouseEvent.MOUSE_OUT, navOut);
function navOver(e:MouseEvent):void
          //loop through all icons
          for (var i in IMGS_COLLAGE.imgORIGINAL_collage)
                    //tween out all icons
                    TweenMax.to(IMGS_COLLAGE.imgORIGINAL_collage[i], .2, {alpha:.85, blurFilter:{blurX:11, blurY:11}, colorMatrixFilter:{colorize:0x000000, amount:0.25, brightness:0.65, saturation:0.7}, ease:Sine.easeOut});
                    //                                target = tween the icon you are over to its normal state
                    TweenMax.to(e.target, .5, {alpha: 1, blurFilter:{blurX:0, blurY:0}, colorMatrixFilter:{colorize:0x000000, amount:0, brightness:1.25, saturation:1}, ease:Sine.easeOut});
function navOut(e:MouseEvent):void
          for (var i in IMGS_COLLAGE.imgORIGINAL_collage)
                    //tween out all icons to a normal state
                    TweenMax.to(IMGS_COLLAGE.imgORIGINAL_collage[i], .5, {alpha: 1, blurFilter:{blurX:0, blurY:0}, colorMatrixFilter:{colorize:0x000000, amount:0, brightness:1, saturation:1}, ease:Sine.easeOut});

P.S.
While further working on the project I realised that sinse there are two img collages with the same navOver and navOut setting I should use one line of code.
Both of those images collages are located inside the IMGS_COLLAGE so I thought of deleting imgORIGINAL_collage out of IMGS_COLLAGE.imgORIGINAL_collage but it did not work.
So now I have two identical blocks of code for two image collages. Is there a way to unify them since both of them are located in IMGS_COLLAGE mc?
Here is how the code looks now:
// makes a hand cursor appear over a mc acting as a button for all the buttons inside the IMGS_COLLAGE.
IMGS_COLLAGE.buttonMode=true;
IMGS_COLLAGE.useHandCursor = true;
IMGS_COLLAGE.imgORIGINAL_collage.addEventListener(MouseEvent.MOUSE_OVER, navOver_ORIGINAL);
IMGS_COLLAGE.imgORIGINAL_collage.addEventListener(MouseEvent.MOUSE_OUT, navOut_ORIGINAL);
//set up a vars object to hold all the properties of the icons in normal state
//since we use these properties twice it makes sense to define them only once
var normalVarsIMGS_COLLAGE_ORIGINAL:Object = new Object();
normalVarsIMGS_COLLAGE_ORIGINAL={colorMatrixFilter:{colorize:0x000000, amount:0, brightness:1, saturation:1}, ease:Sine.easeOut};
function navOver_ORIGINAL(e:MouseEvent):void
          //loop through all icons
          for (var i in IMGS_COLLAGE.imgORIGINAL_collage)
                    if(IMGS_COLLAGE.imgORIGINAL_collage[i].hitTestPoint(mouseX, mouseY)){
                    //target = tween the icon you are over to its normal state
                    TweenMax.to(IMGS_COLLAGE.imgORIGINAL_collage[i], .5, normalVarsIMGS_COLLAGE_ORIGINAL);
                    }else{
                    TweenMax.to(IMGS_COLLAGE.imgORIGINAL_collage[i], .2, {colorMatrixFilter:{colorize:0x000000, amount:.15, brightness:0.85, saturation:0.45}, ease:Sine.easeOut});
function navOut_ORIGINAL(e:MouseEvent):void
          for (var i in IMGS_COLLAGE.imgORIGINAL_collage)
                    //tween out all icons to a normal state
                    TweenMax.to(IMGS_COLLAGE.imgORIGINAL_collage[i], .5, normalVarsIMGS_COLLAGE_ORIGINAL);
IMGS_COLLAGE.imgPNP_collage.addEventListener(MouseEvent.MOUSE_OVER, navOver_PNP);
IMGS_COLLAGE.imgPNP_collage.addEventListener(MouseEvent.MOUSE_OUT, navOut_PNP);
//set up a vars object to hold all the properties of the icons in normal state
//since we use these properties twice it makes sense to define them only once
var normalVarsIMGS_COLLAGE_PNP:Object = new Object();
normalVarsIMGS_COLLAGE_PNP={colorMatrixFilter:{colorize:0x000000, amount:0, brightness:1, saturation:1}, ease:Sine.easeOut};
function navOver_PNP(e:MouseEvent):void
          //loop through all icons
          for (var i in IMGS_COLLAGE.imgPNP_collage)
                    if(IMGS_COLLAGE.imgPNP_collage[i].hitTestPoint(mouseX, mouseY)){
                    //target = tween the icon you are over to its normal state
                    TweenMax.to(IMGS_COLLAGE.imgPNP_collage[i], .5, normalVarsIMGS_COLLAGE_PNP);
                    }else{
                    TweenMax.to(IMGS_COLLAGE.imgPNP_collage[i], .2, {colorMatrixFilter:{colorize:0x000000, amount:.15, brightness:0.85, saturation:0.45}, ease:Sine.easeOut});
function navOut_PNP(e:MouseEvent):void
          for (var i in IMGS_COLLAGE.imgPNP_collage)
                    //tween out all icons to a normal state
                    TweenMax.to(IMGS_COLLAGE.imgPNP_collage[i], .5, normalVarsIMGS_COLLAGE_PNP);

How do I remove the "normal state" image after applying a "rollover state" image?

I want to make a site similar to http://piecespeople.prosite.com/
But when I apply the rollover image, the original image doesn't vanish, so I can't see the words in my rollover image through the original image.
I've been able to do this effect with the previous version but now I can't.
Please help! THanks!

Thanks Guarav,
But the fill drop down for the normal state is already clear (with red line). This is how it looks for instance. I want to clear the lightbulb in the rollover state so that I see the words behind it.

Is there a way to make state transitions/animations of a fl.control states - button for example ?

Is there a way to make state transitions/animations of a fl.control states - button for example ?
All I can do now is change the skin design and that's it, I can't animate between states like I can with Flash Builder skins. So is there a way to do that, any technique or I have to create a button component from scratch?
Thanks!

simplebuttons have upState etc properties you can use to assign movieclips to the 3 states. you can use the currentFrame property of movieclps to (appear to) smoothly transition from one state to another.

Fustrating problem with self-made 5-state button

Hey guys, just wondering if you could help me, i don't have
much knowledge with actionscript and i created my own 5 state
button using a movie clip and a little bit of actionscript by
following a tutorial online. (
http://www.sanctifiedstudios.com/advanced-five-state-buttons/)
Basically, when rolled over, the button slides out, and when
rolled off, the button slides back in. The problem is, while the
button is rolling back in, if you flick your mouse onto the button
again quickly, instead of restarting the roll-out animation, the
button just flickers quickly between the in position and the out
position.
You can see it for yourself here: www.everlightmusic.com <
hover your mouse over the buttons on the right, move your mouse
off, and then while its rolling back in, quickly move your mouse
back onto it.
The actionscript for the buttons is this:
quote:
this.onRollOver = function(){
this.gotoAndPlay(20);
this.onRollOut = function(){
this.gotoAndPlay(30);
this.onPress = function(){
this.gotoAndStop(29);
this.onRelease = function(){
this.gotoAndStop(29);
this.onReleaseOutside = function(){
this.gotoAndPlay(40);
this.onRelease = function(){
_parent.gotoAndPlay(31)
And here is a screenshot of the movie clip timeline:
Click
Any help with this would be greatly appreciated :)

yeah this is typical when using a timeline based button
action. two things you could do:
1) control the state change by using a variable to indicate
when the motion is complete (or not) like 'isOpen' - you'd need to
do this for each button in combination with a condition in the
handler that 'reads' the var and determines the course of action -
of course the next problem is that if you 'rollout' while the
motion is happening and the handler fires previous to the setting
of the var to it's 'new' state it won't close because the condition
would only be fired once - the only way around that would be to
include a loop that runs until the condition is satisfied.
2) much better than the above method (which would get messy
fast) is to simply use the 'tween' class to create you motions, you
can then 'open' or 'close' from what ever the current position of
the clip is at the moment the handler is fired. you've got your
code on the timeline of the 'button' MC (good job) so you could
change it to something like this:

Tabbed Widget Hiding "Content Area" in Normal State ...

Q1. Is it possible to hide the complete content area of the tabbed widget in normal state? ...
Q2. ... and than going back automatically from active state to normal state (same behavoir as Q1) if any other link/widget on the site was activated?
Here´s an image of the idea i have, every tab comtains a picture gallery... should be a cool sliding user experience.
thank you so much for your help!

Have you tried customizing one of the Compositions Widget (Blank/Featured News/Presentation) to simulate a tabbed panel. Since a Compositions Widget allows you the option to hide the target containers on rollout or click.
Try playing with the Compositions if that helps. Would be interested to know any specific feature that you are using Tabbed Panel over Compositions Widget for your above requirement.
Cheers,
Vikas

4 State Buttons - Disabled and Visited State

Hi everyone,
Does anyone know if CP will be offering 4 state buttons as an option in the future. Essentially adding a _disabled or _visited (both would be great) option to image buttons. 3 state buttons are great, but im finding more and more clients asking for 'greyed out' buttons when clicked. Some want disabled and others visited (so they can re-access the button).
I know Storyline has the feature to add a disabled and visited states. And I heard Lectora is adding this feature.
Basically The way I see it is that i can choose an image button and you get an option to select a disabled or visited button (or neither if you want 3 state). Then CP automatically pulls in the _up, _over, _down & _disabled or _visited images.
So back to my question, is this on the horizon?
Or if anyone has a better idea then i suggested, then i would be interested in knowing.
*I am aware you can do this with Advanced actions, but this way would be automated. (less work)

Yes wearable technology is wonderful. The best enhancement I've heard about in that area (for e-learning) is the 'wearable LMS'. It's a Wi-Fi enabled device that can detect and capture output from a Captivate module (as long as it's within range of a 802.11ac wi-fi transmitter/receiver).
I'll probably get into trouble for leaking this information but...also on the LMS front, Adobe has finally decided to take on the LMS vendors and introduce an incredible enhancement that looks like making any conventional LMS totally redundant.
If you've been wondering why Captivate 8 removed so many output options, it's actually been done to make room for the new Standalone LMS enhancement due out for Captivate 9's release next year (possibly Cp 9.5 if the development encounters issues with the implementation). Once that incredible breakthrough arrives you won't need to worry about SCORM, TinCan, Acrobat.com or any other reporting format. The Captivate output module ITSELF becomes the LMS.
It's all achieved with the new Cloud-based synchronization technology that Adobe has been keeping under wraps. Not only will the new Standalone LMS output capture all of the user interactions for your course. it will also aggregate them from other users around the world (as long as the user is online) and spit out nicely formatted reports to your nearest printer. The formatting is still a bit rough at the moment, and you do need really good bandwidth to pull it off, but the barriers to entry are coming down all the time.
It's certainly an exciting time to be an e-learning developer!

Transparent normal state button

Similar Messages

Maybe you are looking for