Is it possible to achieve this effect in Muse?

The effect is on the menu system at http://blazdesign.com/portfolio/. When you click on a menu item the contents below animate and rearrange. Very slick. Does anyone know how this was achieved? And if there is anyway to achieve this using Muse, perhaps in combination with other CC apps? If not, is there any effect acheivable in Muse that might achieve similar functionality?
Any advice appreciated. Thanks.

Hi Chuck--
I haven't seen a specific example of this yet, but I know it's possible to do in Edge Animate. I think shotdang's example is the same concept, but doesn't take it as far.
It'd be kind of a similar concept to this, too: http://html.adobe.com/edge/animate/showcase/templates/tabviewer/TabViewer.html
You could start from here: http://www.edgedocks.com/market/organic-menu-edge-animate
Then, you'd just need to design your project so that the menu items target the frames you want animated.

Similar Messages

  • Adobe Muse CC, Is it possible to achieve this effect?

    Hi everyone, it's me again. Now I was browsing through the internet when I come across these two websites:
    Supernova – WordPress Theme (This is a website theme/template)
    http://airnauts.com/ (This is an actual website)
    So, in the first one, the Wordpress theme, as you can see there is this "Fade-In" text effect, now I managed to achieve the same effect via "Composition Widget" following the instructions in this video:
    " Adobe Muse CC 7.0 Tutorial | Auto-Fading Design Elements - YouTube "
    Now, I managed to "synchronize" the time settings, so that my slideshow pictures fade and when there is a new picture the text fades in, the problem is, it happens just once, what I did basically was:
    I set the auto-fading effect using the: "Hide Initially" feature in the "Composition" Widget (like in the video tutorial) and for the first picture/text I set the time, so that when the page loads it automatically fades in, and that works very fine, my point is, that you can't see the effect again unless you reload the page. In the Supernova theme you can clearly see that the texts fade in as the page loads and as the slide changes, so each time it changes slide there's a new text fading in, and if you go back to the previous slide without reloading the page, it still shows it, as if the auto-fading text was somehow "linked" the the picture itself, so that when that particular picture is shown, the effect of the fade-in text comes up, each time that particular picture is shown.
    I made some research and I found out that there's a program called WordPress and that the "Supernova Theme" is actually a "template" for that program (I might be mistaken though). Now, my question here is, is it possible to achieve the same effect with Muse? Like: "when this image appears then the following fade-in text does"
    And, as for the second link, as you will see, there a very cool scrolling effect that makes the rectangle sort of: "turns around" (it's better if you just see what I'm talking about int he second link)
    Is it possible to do the same with Muse?
    Thank you for your time!

    Hi Chuck--
    I haven't seen a specific example of this yet, but I know it's possible to do in Edge Animate. I think shotdang's example is the same concept, but doesn't take it as far.
    It'd be kind of a similar concept to this, too: http://html.adobe.com/edge/animate/showcase/templates/tabviewer/TabViewer.html
    You could start from here: http://www.edgedocks.com/market/organic-menu-edge-animate
    Then, you'd just need to design your project so that the menu items target the frames you want animated.

  • How do I achieve this effect with a drop cap letter?

    How do I achieve this effect with a drop cap letter as shown in the picture below in indesign?:
    Thanks.

    Apply drop caps then select the letter and create outline from type menu. Select the outline letter and apply drop shadow

  • How to achieve this Effect?

    Hey everyone i was wondering if you guys had any idea how to achieve this effect in flash.....http://www.youtube.com/watch?v=QftcJtvLr8g

    While you could probably do this in Flash, it is much more simply done using AfterEffects. There's a splendid text tool that can be tortured into effects like this. Have a look at the podcasts from Creative Cow on AfterEffects for some interesting examples.

  • Does any body no how to achieve this effect in ae or premiere pro cs5

    looking to see if any1 can help me achieve this effect for my music videos http://www.youtube.com/watch?v=xIBEl35_wB0&feature=related is there a plug in like fcp or a easy way to achieve this appreciate any help thanks....

    I'd use a loopOut expression on 3 keyframes for opacity. I'd also probably experiment with blending modes and throw in the exposure effect to get the flash at the end. A 32 bit comp will help you get a better blending mode with the footage. This will get you blink effect down, then simply cut to the revealed video. You'll end up with 3 layers in your composition. The bottom layer, the blinking layer, then then a duplicate of the blinking layer without effects.
    The loop out expression is prewritten for you and requires no modification. You'll find it by clicking on the icon just to the right of the pickwhip expression and selecting Properties.
    Your blink layer's opacity property should look like this:
    The first and last keyframes are set to 100, the middle, as you can see is set to 10% but it's a matter of personal preference. This will give you 2 frames of full visibility and one at 10%. Changing the spacing of these 3 keyframes changes the look of the blink.

  • Best way to achieve this Eg in Muse

    I am super inspired by sites that begin to mix rich video with interactive elements embedded in a single parallax scrollable site. Case and poin is this example...
    http://moto.oakley.com/
    I just actually learned about Muse and saw some rich examples but am wondeirn if you can push it far enough to create an example liek the one attached.
    Key aspect
    a) Scroll a PNG sequence into view
    b) Have the sequence begin to animate at a certain point
    c) Trigger text and graphcial overlays
    d) have it continue down the page upon completion of PNG sequence
    Any tutorials out there that would get close to walking me through creating something remotely close?
    Thanks in advance - JG

    Hi all. I'm studying design but I have some trouble with this simple thing. I don't know how to achieve this effect in the best and natural way possible...I tried with the pen tool but it sucks...
    You do see the irony in your statements, right?
    How better for a student to learn than to persevere? That image, once you get a bit more practice with the pen tool, should only take you 5 minutes. If you were coming up with a new to you design, longer. But you have a sample and are only copying it.
    Get to using that pen tool and learn.
    Mike

  • Is it possible to recreate this effect on FCP or Motion?

    Hi there, I'm attempting to recreate this multi luma key effect on FCP but it is proving diffucult? Are there any methods for this to work on either FCP or Motion?
    Thanks in advance,
    http://youtu.be/Gctf0n8b3F4?t=13s

    Yeah - it's possible, but not without some trickery.
    First download and install this:
    http://sight-creations.com/fxexchange/LumaFill.zip
    if you need installation instructions, go here: http://sight-creations.com/install4fcpx/  (this is an Effect).
    You need greenscreen media. Apply the Keyer to the greenscreen footage. After the Keyer, apply Luma Fill. Select the Drop Zone source well and click on the clip you want to place inside the "person" (or whatever's left of the green screen). (The drop zone source can be from the event browser OR from the storyline [or connected clip -- and you can "hide" clips underneath the storyline.])
    Place a generator or another clip (or clips) beneath the clip to serve as a background.
    Adjust the Luma Fill with the Levels control -- drag the White Point down towards the black to "open it up". Or adjust the gamma (grey/middle control) upwards to create a mix (and try some of the other parameter controls as well.)
    [this greenscreen footage also has tracking marks... ]
    You can also use this effect (without a keyer) on "plain" (non-greenscreen) media and with or without drop zone media -- it's a cool way to add a mix of Black & White over whatever you place the clip. [Add drop zone media for a 3-way mix.]
    [stockfootage from BottledVideo.com and HollywoodCameraWork.us (greenscreen media)]
    PS - if FCPX "freaks" a little (doesn't show the effects in the video pane) simply select the transform icon under the left corner of the view, then click the Done button (that's all you need to do -- the effects should reappear in the Video inspector.) I didn't notice any adverse effects beyond that.
    HTH

  • How do I achieve this effect in Photoshop CS5?

    Hi all,
    I'm using Photoshop CS5 and I'd like to know how can I achieve the following effect: I have a full color picture of a woman, like the one below, and I would like to replicate this effect in which the full color woman is blended with the background turning her into purple and black only.
    I'm a newbie, and I am not too familiar with the 'channels' concept, so I would appreciate some specific reply -not necessarily step-by-step but almost, lol!
    Thanks a lot in advance!

    Instead of using channels, you can convert your image to black and white then create a new layer and fill that layer with your color of choice, then either use the blend modes and/or reduce the opacity until it looks good to you.
    Another way is use the black and white adjustment layer and enable the colorize check box and choose purple.
    If I recall the hue/saturation/luminance adjustment layer also has a colorize check box. (I would check but I am in the process of redoing my drive)

  • Need help on achieving this effect for a Photo Wall

    I was wondering if anyone could point me in the right direction on achieving the effect of the photo wall in the site listed below? I think I understand that each of the "tv" screens is it's own individual video file, so I understand that part, but the part I am really stumped on is how it randomizes the video files to different locations and continues to do so. Is  there a link, component, or anything that someone could point me to? Thank you in advance for your helpful information.
    Here is the link:
    http://abcweb.it/
    Kenny

    It is unlikely any of those are video files, though there may be a simple movieclip that acts as a preloader giving the effect of a static tv screen.  It appears to just be something randomly loading images into a pattern of containers, which can be achieved by shuffling an array that holds the image file names.  There is a non-random element in the placement of the text, where each word changes between only two positions.
    As for tutorials regarding the panels, you should search Google using terms like "AS3 3D wall" and see if anyone has prepared one for it.

  • How do I achieve this effect?

    I have my kids picture with black background. I am trying to achieve this. What would be the basic steps to do this? I can post my picture somewhere if that helps.
    http://www.betterphoto.com/gallery/dynoGallDetail.asp?photoID=6367054

    Check out some Photoshop painting tutorials.  Here are a couple to get you started:

  • How do I achieve this effect (Fireworks)?

    Hey guys!
    I'm brand new to the forum and a very "green" web designer. I'm hoping that someone wouldn't mind sharing their expertise with a newbie such as myself with what I fear is a very easy problem, haha.
    In the following link there is a graphic in the upper-left corner that reads "Gateway Studios." The word "Gateway" is transparent so that it shows through the orange block and allows the background to come through:
    http://themeforest.net/item/gateway-studios-for-wordpress/full_screen_preview/82145
    I am interested in recreating this effect. What sort of process(es) would I need to perform to duplicate this outcome? The images is saved as a .png, so I'm wondering if I need to use Fireworks. I have CS4 and am eager to apply this effect to some of my graphics.
    I know that there is likely an extremely easy solution to remedy this problem, however, as I stated before I am very new to all this. Any response would be greatly appreciated!

    First off, thank you both for your quick responses! I really appreciate the help from people who are way more knowledgeable than I am and can take the time to work with those in need of assistance (which I most certainly am, haha).
    Marian, I actually already know how to make the canvas transparent and perhaps this is something I should have been more clear about in the OP. What I am actually going for is the effect where the word "Gateway" is allowing the background to show through the orange layer so that it looks like a cut-out...does this make sense? I know I'm probably not using the correct terminology, but it's the best way I know how to explain it.
    I did go through some of the threads in the Fireworks forum but didn't find anything particularly useful.
    I read the article you suggested as well and found it to be very helpful! I look forward to applying that technique once I get this image squared away! I just really want to get that cut-out effect going!

  • Any ideas how to achieve this effect?

    Hi there - I'm wanting to make some one layer stencils, and would love  to replicate this effect, does anyone know a, if it has a name, and b  how you'd go about creating it in photoshop (I'm fine to create the  duotone high contrast image, just want the wavey line effect)Thanks for taking the time out peeps, fingers crossed D

    Thanx for the response, I'll give both of those a try when Im back home laters, the 2nd idea sounds more likely to produce those sort of lines, its an effect I've seen quite often, so was surprised not to see more about it online (which is why I was asking if the technique had a name).
    Its kind of a more messed up version of the lined (which sort of tapers off at each end) effect you get when zoomed in on some TV's (cept in this case is vertical rather than horizontal . . .

  • How to achieve this effect, please?

    Hello
    I have an image here:
    http://stevehigham59.7host.com/orange.jpg
    How would I achieve that effect, please - with the different shapes and colours against that blue background inside a blue frame? I'm just wondering where to begin.
    Thanks for any advice.
    Steve

    Many thanks to you all for your replies.
    I haven't got Illustrator, I'm afraid so Photoshop will have to suffice.
    I've saved all replies and will try out your suggestions.
    Thanks again.
    Steve

  • Achieving this effect using Masks

    I have uploaded an image that I have created. Basically I just splatted the image with a brush in order to create the edges finish I was aiming for. I know this was a bad way of reaching my goal. I would prefer to use the masking technique so that I could replace the original with other images to which I want to apply the same edge finish. The problem is I am not quite sure how to achieve this using masks. Could anybody give me a quick runthru of the actions I would need to go through. Ideally I would like to create one mask that could just be applied to different images. Thanks for any input and Merry Xmas.

    The curve in the example looks like a perfect arc, so you could drage out a circle holding down the Shift key - stroke it - select and delete the bits you don't want.
    I did with shape layers, but it is a bit fiddly removing the unwanted part of the arc doing it that way. You have to select the circle with the Selection tool, then add points with the pen tool in just the right place.  Then add sacrificial points that you can delete (with the delete key) which breaks the circle.

  • Need Help Achieving this Effect (picture)

    The effect I am trying to achieve is fairly basic. I am trying to recreate this curvy line. As shown here.
    I tried doing this with a few different methods that didn't work out as I had hoped. I tried 1) using a horizontal line and then transform - >distort. It didn't seem to work out very well. I also tried 2) using the eliptical marque selection to draw circle, stroke, and delete a portion of it.
    Does anyone have any suggestions? Thank you in advance

    The curve in the example looks like a perfect arc, so you could drage out a circle holding down the Shift key - stroke it - select and delete the bits you don't want.
    I did with shape layers, but it is a bit fiddly removing the unwanted part of the arc doing it that way. You have to select the circle with the Selection tool, then add points with the pen tool in just the right place.  Then add sacrificial points that you can delete (with the delete key) which breaks the circle.

Maybe you are looking for