Loading...

Enable Layer Effects

Layer Effects are the backbone of Photoshop, Illustrator and InDesign. It is almost impossible to create a modern design without using effects, so Export Kit makes it easy to include them in your design.

Layer Kit Pro Options

Export Kit Pro Layer Options

Enabled

If enabled, this will render layer styles and effects along with the general layer information. You can add layer effects to any layer element and Export Kit will render the effect directly in each environment – where available.

If Effects IE6+ is selected, this will render layer styles and effects with support for Internet Explorer browsers.

Note: Not all environments support all Photoshop layer effects.
Lean more about our Layer Effects Support and which options are available.

Shape and Vector Effects

All layer effects are supported with shapes and vectors. Basic shapes convert to CSS3 and vectors convert to SVG Filters.

Text Effects

Most text effects are supported but all devices and browsers will render text effects differently!

IMPORTANT: HTML5 and CSS3 have poor text effects support for glow, stroke, and gradient fill.

Image Effects

All image layers are rasterized.

Disabled

Layers are converted as-is without additional effects and styles information.

CAUTION: You should disable your effects on your layers also.  Your layers will calculate with size of your Layer Effects, if you do not have Effects enabled - then you may have unexpected layer sizes.
EXAMPLE: If your element is 100x100 and you have a stroke with a 2px line-size.  Your element is now 104x104 - which may cause unwanted display errors if Effects are not enabled.

When To Use Effects

PRODUCTION: Always ENABLE effects for production exports.
CLIENT PREVIEW: You can DISABLE effects for client previews, until paid-in-full.
LOGIN NOW: Get instant access to our free Online Training - click here.

Products For Web Professionals


web_templates_2

Web-Templates 2.0

webmaster_pack

Webmaster

webmaster_pack

Webmaster (6 Months)

Need a custom solution?

Try our Shop!

Using the Plugin

Layer Support

Layer Tags

How To Guides

Optimization Tips

Help Us Improve


We aim to keep our content relevant with useful information, examples, samples and links. Tell us what you think!

I found the content:

Helpful
Confusing
Outdated
Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Nothing
Better Content
Links
Examples
Videos

Free Download


Advanced Website

A professional multi-page website design with dynamic height.

Start Your 14 Day Free Trial

New users get instant access to the 14 Day Free Trial with all features enabled, and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, contact us or check our FAQs for assistance.

Connect With Us

Top