ActionsDev
23 replies to this thread. Most Recent
Paul Everett
10 May 2010, 2:06 am
[Pro] Action - for text
Hi there, I know I am being lazy… though is there a Action for HTML text effects, like the Safari CSS Text effect? or a HTML text glow effect.
thanks
Joe Billings
10 May 2010, 7:55 amHi Paul,
Take a look at the CSS3 Goodies Actions: http://www.actionsforge.com/projects/view/78-css3-goodies
Joe
On 10 May 2010, at 03:06, Paul wrote:
Hi there, I know I am being lazy… though is there a Action for HTML text effects, like the Safari CSS Text effect? or a HTML text glow effect.
thanks
Paul Everett
10 May 2010, 8:14 amAha… (and I already have been using these) I was typing out a reply about to state CSS shadow effect… then though hold on, make black white and it is a glow, and for text shadow apply to text… I am trialling now.
thanks
Paul Everett
10 May 2010, 9:12 amHi Paul, CSS3 cannot do text.. I was meaning this way CSS shadow text or glow text: http://www.freewaytalk.net/thread/view/2633#m_2633 http://www.freewaytalk.net/thread/view/3528#m_3546
no Actions for these…oh well thanks though
Joe Billings
10 May 2010, 9:20 amAh sorry, I hadn’t realised they didn’t do text. For the time being you’ll need to add your own styles (following Keith’s steps in your second link).
Joe
On 10 May 2010, at 10:12, Paul wrote:
Hi Paul, CSS3 cannot do text.. I was meaning this way CSS shadow text or glow text: http://www.freewaytalk.net/thread/view/2633#m_2633 http://www.freewaytalk.net/thread/view/3528#m_3546
no Actions for these…oh well thanks though
Paul Everett
10 May 2010, 9:13 pmHi this is the style I was after http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow
thanks…
waltd
10 May 2010, 11:06 pmTry this:
http://www.actionsforge.com/actions/view/192-css3-text-shadow-inline
Walter
On May 10, 2010, at 5:13 PM, Paul wrote:
Hi this is the style I was after http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow
thanks…
Freeway user since 1997
DeltaDave
10 May 2010, 11:25 pmWalter you are just too quick - I was working on an example for Paul and in the time it takes me to put it together you have created an action!
I’m going home!
Oops! I am at home - goodnight.
David
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
DeltaDave
10 May 2010, 11:29 pmBTW in FF it is great but Safari………
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
waltd
11 May 2010, 12:05 amI only tested it in Safari — what are you seeing wrong there? And what version?
As to the speed of writing it, all I did was rejig my CSS3 Box Shadow Action a tiny bit…
Walter
Freeway user since 1997
Paul Everett
11 May 2010, 12:46 amHi Walter wow, fantastic. I had successfully created about 2 hours ago ‘style that actually work, on Safari, Chrome and Firefox. Your Action CSS3 Text-Shadow can only be inserted is this correct?
I have compared apples with apples…
check it out here… http://www.concretecreative.co.nz/css3test/
Joe Billings
11 May 2010, 8:59 amThanks, Walter!
Joe
On 11 May 2010, at 01:45, Paul wrote:
Hi Walter wow, fantastic. I had successfully created about 2 hours ago ‘style that actually work, on Safari, Chrome and Firefox. Your Action CSS3 Text-Shadow can only be inserted is this correct?
I have compared apples with apples…
check it out here… http://www.concretecreative.co.nz/css3test/
waltd
11 May 2010, 12:12 pmYes, this is an inline-only Action at the moment. I might make a container-based version if you think it would be useful. The style code would be applied to the box, so any and all HTML text in that box would inherit the shadow effect.
Walter
Freeway user since 1997
Paul Everett
11 May 2010, 12:20 pmHi Walter, I think it would be very useful to have an Action that does that. I did nail the styles… though I did find out it takes with the Action and too the styles it takes tweaking and certain exact shades to get it right.
With the Action (maybe a paid Action) would be do to have presets? Pretty hard to do though right?
Anyway thanks again. Did you see the 2 examples I did one using the a style extended and your CSS3 Text- Shadow action?
Also sorry about the email issue I was having.
waltd
11 May 2010, 4:53 pmThe box version is up on ActionsForge. It works exactly the same way as the inline version, only you apply it to the container HTML box.
Walter
Freeway user since 1997
DeltaDave
11 May 2010, 6:41 pm— what are you seeing wrong there? And what version?
The page is here http://www.marshallbutchers.com/letterpress.html
Looks fine in FF 3.6.3 but in Safari 4.0.5 I am not getting it - if you select the text there seems to be some sort of shadow there but not the same as the FF version.
David
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
Joe Billings
11 May 2010, 7:00 pmYour PNG has a color profile that’s changing the color of it in Safari (FF ignores profiles). For me the image is a lot lighter in Safari, the same color as the shadow basically.
Joe
On 11 May 2010, at 19:41, DeltaDave wrote:
what are you seeing wrong there? And what version?
The page is here http://www.marshallbutchers.com/letterpress.html
Looks fine in FF 3.6.3 but in Safari 4.0.5 I am not getting it - if you select the text there seems to be some sort of shadow there but not the same as the FF version.
David
Joe Billings
11 May 2010, 7:01 pmThe profile appears to be called “Dot gain 15%” according to the Finder.
Joe
On 11 May 2010, at 20:00, Joe Billings wrote:
Your PNG has a color profile that’s changing the color of it in Safari (FF ignores profiles). For me the image is a lot lighter in Safari, the same color as the shadow basically.
Joe
On 11 May 2010, at 19:41, DeltaDave wrote:
what are you seeing wrong there? And what version?
The page is here http://www.marshallbutchers.com/letterpress.html
Looks fine in FF 3.6.3 but in Safari 4.0.5 I am not getting it - if you select the text there seems to be some sort of shadow there but not the same as the FF version.
David
DeltaDave
11 May 2010, 10:53 pmThats interesting Joe - didn’t know that about Safari.
My PS colour profile for greys was set to Dot Gain 15% and I didn’t realise.
I have reset it now to the presets for Europe Web/Internet.
I am sure that Keith will have a comment about what is best.
David
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
Paul Everett
11 May 2010, 11:14 pmHi when you save jpegs, gifs, pngs for web are you saving via ‘Save for Web and Devices’ in the file menu of Photoshop? It is best to and also make sure the ‘embed profile’ in the save for web is switched off and tick on ‘convert to sRGB.
This is the method I stick to and always when deigning for web go to Bridge and set the ‘suit colour settings’ from there Europe Web/Internet it will set the ‘suit colour settings’ across the board for Indesign, Illustrator, Photoshop etc. AND when you want to design for print, open Bridge and set ‘suit colour settings’ for Europe Prepress 2 (or 3 if you have CS5) or a setting that suits your print medium. I personally use Adstream Quickprint and Pagestore to set my colour setting for Magazine, Billboards, newspapers etc as each printer has a special requirement.
Wow way off topic.
DeltaDave
11 May 2010, 11:28 pmHi when you save jpegs, gifs, pngs for web are you saving via ‘Save for Web and Devices’ in the file menu
No - not as a rule because usually my images are psd and reprocessed by FW. But because in this instance the file was a background image FW left it alone.
David
Glasgow, Scotland
iMac 27 Snow and Pro 5.6.3
Paul Everett
13 May 2010, 2:12 pmHi Walter I have just created this, I also created a style inner and outer shadow (not sure of the term here)..Thank you very much for the action it is so fast and easy… trying this in styles has taught me a lot in Freeway Pro.
check it out here. Also how could this be applied to your Action? http://concretecreative.co.nz/css3test/
waltd
13 May 2010, 2:36 pmThat’s really cool. I could probably make an additional set of interface elements and allow you to add this feature, but I wonder how it would degrade in other browsers.
It seems to work fine in Safari and Firefox (latest versions) on the Mac, but I haven’t tested it elsewhere yet.
Walter
Freeway user since 1997
Paul Everett
13 May 2010, 2:45 pmI think a badge with this one:
‘get a mac’ ‘best viewed on Safari’ ‘best viewed on Chrome’ best viewed on Firefox’ ‘best viewed not on Explorer’
only joking… I guess though if you are using the text-shadow would need to make sure that the text will view without it.
Also check out this page: http://maettig.com/code/css/text-shadow.html
