Loading...

Using Layers Panel

Layer Kit is designed to give a visual code rendering of your Photoshop, Illustrator and InDesign layers in multiple code formats. To select Layer Kit, click Layers in the top navigation menu of the Export Kit.

Step 1: Select A View

Select your desired View using the dropdown menu. All views are enabled in the Free Trial, but only views active by Activating Keys will be available after.

Lightning Storm CC Views

There are many environments supported by Export Kit with some specific to CS5 only. Learn more about using each view by clicking on the environment below:

Legacy CS5 Views

These are our Legacy Flash-based product views:

Step 2: View your Layer Code

Once you select your layer view, click any Photoshop, Illustrator or InDesign layer and the code – reflective of the layer will be displayed. Select All will allow you to select the code displayed in the view. You can then copy-and-paste your code as required.

Selecting Specific Lines

Sometimes when you select specific lines, your text layers may not copy correctly. To fix this:

(a) select the text you want
(b) right-click in the empty space
-- the red boxes in the image above --
(c) click the copy option

Auto Refresh

Use Auto Refresh to auto-update the current layer code or pin the code content.

ENABLED
- the code will update when each new layer is selected.  
DISABLED
- the current code will remain as new layers are selected.  

LOGIN NOW: You need to login so your progress is tracked with 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