Free PSD Templates
Be aware that many Free PSD Templates found online are
DESIGNS ONLY, and are not structured or organized for web exports.
Read more about getting the output to look 100% like the PSD.
Working with Illustrator
If you convert your .AI document to a .PSD using a script, it is likely that your document will have a lot of layers named
Clip, Group or Path.
Learn how to convert illustrator objects in your PSD to ensure you document renders as expected.
Layer Effects will enhance your Output with additional rendering features in your output. You can add layer effects to any Photoshop layer element and Export Kit will render the effect directly in your output environment.
Read more about Layer Effects.
Layer Tags offer additional support with your Output to make your design responsive, multi-page and dynamic in size. Layer Tags are custom names you can apply to layers in your PSD.
Read more about Layer Tags.
Using the Export Kit plugin
Export Kit is an advanced plugin for Adobe Creative Cloud. We recommend you read our tutorials on Using Export Kit Suite to learn how Export Kit works and how to use it with your projects.
Read more about Using Export Kit Suite.
Beginner How-To Videos
Considering you are new to Export Kit, watch our YouTube web series to learn what to do “Before You Export Your PSD”.
YouTube Web Series
Step-By-Step Tutorial Videos
Learn all you need to know before converting your PSD output. These videos will teach you about the standard support that comes with Export Kit and how layers, effects and folders are handled.
Watch more Video Tutorials.
Considering you want to convert your PSD, we can assume you have your Photoshop design handy. Export Kit takes the headache out of the export process and will save you lots of time and budget […]
These are the general Layer Naming rules to follow: Rule 1: Use Clear Layer Names Your layer names will be reflective in your Output environment. Because Export Kit will render WYSIWYG (What You See Is […]
Google Fonts are very common in website designs and are often used as they are widely supported by many browsers. Export Kit makes it easy to add Google Font to your PSD design. You can […]
There are a few things to look for before you export your Output to ensure you get a pixel-perfect render that looks 100% like your PSD. Read our Optimization Tips to get detailed examples of […]
Export Kit makes PSD Navigation Menus and links a simple task. Nav Menus are a group of anchor links used to direct users to both internal and external pages. Nav Menus are involved in all […]
Create dynamic backgrounds and multiple layout styles from a single PSD file with Export Kit. With Export Kit you can align your page output and hide the content overflow to create both Flush and Fluid […]
The PSD to WordPress Theme development crash course will help you gain a better understanding of WordPress themes with both your Photoshop PSD design and your WordPress theme output. This guide will explain how Export […]
The WordPress loop is a list of all, or a limited number of post/page entries in the database. WordPress will generate content from the database based on your supplied theme page, or using the default […]
Clear fix and margins are common in every website design. The nature of HTML forces us to clear our content or use margins for spaces, to prevent clipping. Export Kit will output your designs as-is, […]
You Photoshop folder and layer structure is key to all designs as different environments have different requirements. There are situations where incorrect folders or layers can cause unwanted display errors in the output. It is […]
With Export Kit you can create unlimited PSD to CSS, JSON and XML Sprite Sheets in a few clicks with any Photoshop file. All layers in your PSD will convert to a single image file […]
PSD to HTML conversion translates layers in your PSD to HTML elements with CSS support. If you export a basic PSD to HTML website, there very few options required to get a pixel-perfect translation. Although […]
Convert your PSD layers to Illustrator SVG filter effects. Lightning Storm makes SVG filters and effects for Illustrator a breeze with support for complex Photoshop layer effects to SVG with our exclusive Filter Flow Technology. […]
Export Kit offers the ability to easily create reusable design elements for any project using native Photoshop Smart Objects. Smart Objects allow you to create sub content directly inside Photoshop which you can edit/update outside […]
Once you have your Android Output ready, you will likely want to add your custom fonts to your project. There are a few simple steps to do this, but this must be done for each […]
WordPress has great Navigation Menu support for pages, posts and custom links. WP Nav Menus are used in all theme designs and recommended as the content is controlled by the Admin, and not by the […]
Assuming you have your Illustrator design ready, Export Kit makes the natural export process quick and painless saving you lots of time and budget with your digital projects. IMPORTANT: These are the general AI Design […]
Once you have your InDesign ready, Export Kit makes the natural export process quick and easy saving you lots of time and budget with your InDesign projects. IMPORTANT: InDesign designs will often require changes when […]