Appllying effects, shadow, bevel, glow to text

[StudioPentimento]

How do I apply the effects, shadow, bevel ,glow to text?

[syager]

My guess is you can't. The reason I'm assuming is because other people's browsers would not be able to support that effect since it is not an image. There may be a way in Muse to convert the text into an image and then be able to apply those effects. The easiest way to get the effect on the text you want would be to do it in Photoshop first and use the Place command to bring it into Muse. This isn't preferred though since it is just an image and the text wouldn't play nice with search engines and is considered bad form for search engine optimization.

[uurf_actual]

All of those effects and more are acheiveable with CSS: http://designmodo.com/css3-text-effect-tutorials/

What is unclear is how to achieve them in Muse.

[Guest · Accepted solution]

Hi StudioPentimento,

In order to apply Effects to text, Muse needs to rasterize the text into an image. Therefore, Effects on text will only works if you have chosen a System Font or if you have rotated your text - both of which force the text to be rasterized.

The ability to select an Effect for Web Fonts or Web Safe Fonts depends on browser compatibility which is not equal for all browser platforms as compatibility with CSS on browsers is something which Muse cannot control within its design , We allow users to apply it to text using System Fonts because we are already rasterizing the text frame.

Best regards,

Corey

[Denclare]

So, I can replicate my logotype which includes a glow, so I tried importing the logotype as a JPG but the color shifts from a darker green to an almost flourescent green. Given that I just signed up for Creative Cloud to use Muse on this site, it appears that Muse is incapable of handling the simple task of either adding a glow to text or accurately importing a JPG image.

Solution?

[J_Cochran]

I would suggest that you search the web for the css effect you want, export your Muse website to html, create a copy of the css file (it's located in the Muse html export  folder on your computer) and hack the css. Put in shadows, glows, etc. then upload the css file after you've uploaded everything else. It's all pretty simple and very fast because you are only uploading a tiny file. Here's a snippet from the Muse-generated css, with the dark gray text shadow hack at the bottom:

{

          font-size: 22px;

          color: #D9B1F2;

          font-family: cooper-black-std, sans-serif;

          font-weight: 400;

          position: relative;

          text-shadow: -3px 3px 3px #444

}

the hack starts with text-shadow: then the first parameter is x offset, second is y offset, third is amount of blur, fourth is shadow color.

So, this puts a dark gray shadow with very little blur behind and to the lower left of the text.

Now you have your effect and it's SEO friendly. Try it!

[TheRealEel]

I fail to see why this a problem for Adobe.

Dreamweaver CC has a very intuitive interface for creating CSS drop shadows onto text without having to raterize any of the text.  I don't see why they couldnt port something similar into muse.  For me, the abilty to create such styles is basic functionality that should have been included in muse from the beginning.

[omarradial]

I needed this effect for a header. I tried using the vertical text tool, rotating it 90 degrees and then putting the effects and it worked. This could be a way to do it while the Muse team fix this bug.

Hope it helps!

[Mark__St__Louis__Jones]

When will this bug be fixed?  It was reported in June 2014 and I am writing this in January 2015.

[dwjak30]

What about creating real text in two colors, the top being the main color and the bottom the shadow color, and sandwiching these together? Would the search engines find this confusing? Or could they still read it?

[CanLaw]

If you are saying put a copy of the text under the main text and offset it a little, that works very well as a shadow

Being in text and not rasterized it is readable by google and the other engines.

[TheFauch]

Then the tips and technique video that you can watch when you launch Muse is incorrect, as the effercts on the text are made on the Playball text and apparently this is still editible by the client if they use the editor to edit the text!

for me, even if rotating the text does not allow these effects to be selected!

Cheers Matt

[Mary_Ann_Land]

I would like to have a stroke on the text itself, like red text with a black stroke to that text. Then maybe I might want to add a drop shadow to it all. I understand the answer about the way to make a shadow, but can someone tell me how to add s stroke to the text first please? Thanks.

[sebrame]

Text stroke isn't possible with Muse. That CSS attribute is only supported by certain browsers - Internet Explorer and Firefox aren't on that list yet.

[Mary_Ann_Land]

OK, thank you. I thought for sure it would be available.

[k2design-ppfzaF]

it is actually very easy to add text shadow.

all you have to do is set your text as H1,H2 ....

and than add to your <head> on page properties this code:

<style>

h1 {

  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);

  }

</style>

[Zak_Williamson__Adobe_]

Re: text-shadow, that true as long as you don't mind it not appearing for all the site visitors using IE8 or IE9.

[DrMontague]

This is the right answer and it works!!!! You have to get a little creative with the h tags but this works!!!!