When preparing a design for HTML conversion, it is very easy to make various mistakes in the structure of layers, which subsequently either lead to unexpected results or prevent the algorithms from correctly interpreting the structure of PSD file. Continue reading Preparing PSD design for conversion into HTML
Category: All
All the messages
Create navigation menu from the text layer
Following pattern is used quite often in design templates: designer uses a text layer to visualize a navigation menu. Menu items in such a text layer are separated by the same number of space or tab characters.
Continue reading Create navigation menu from the text layerAutomatic responsive PSD to Bootstrap conversion
We launched a beta version of responsive PSD to Bootstrap conversion. Bootstrap 3.3.7 is used for the automated conversion.
We support desktop first approach, i.e. we take as input a template developed for the desktop. Then graceful degradation is performed for smaller screens. Continue reading Automatic responsive PSD to Bootstrap conversion
Create CSS for hover, active, visited, selected states of layers
Such HTML elements of web page as links, buttons, input forms, etc. often have different visual states for events like “element is hovered by mouse pointer”, “element is clicked”, “link was visited”, “element is active”. For every state layer may have different CSS styles. Continue reading Create CSS for hover, active, visited, selected states of layers
Create tables with PSD to HTML converter
We added possibility to create tables from layers of PSD template. Continue reading Create tables with PSD to HTML converter
Extracting Photoshop layer as GIF image
Automated PSD to HTML service is now able to extract images from Photoshop template in GIF format. Continue reading Extracting Photoshop layer as GIF image
Embedding of linked smart objects is not required anymore
New Photoshop versions introduced support for linked smart objects: http://blogs.adobe.com/richardcurtis/2014/01/16/photoshop-cc-14-2-update-linked-smart-objects/. Using linked objects is a good thing. First, it allows to share image assets between psd files. Second, it makes size of PSD file much smaller. Continue reading Embedding of linked smart objects is not required anymore
Slicing Photoshop template to images
Service of automated psd to html conversion is complemented with new (free!) tool to slice Photoshop template to images. Because of this, we are going to tell what should be taken into account when PSD slicing is performed and why it is not so trivial as may look like at first glance.
Using multiple effects of the same type on Photoshop layers and layer groups
New Photoshop versions allow to set several effects of the same type simultaneously for a single layer. It is allowed for following effects: Continue reading Using multiple effects of the same type on Photoshop layers and layer groups
Setting effects on Photoshop layer groups
These days designers more and more often use such a technique as setting up effects on a group of layers in Photoshop. It may be really convenient for such effects as Color Overlay or DropShadow, because Continue reading Setting effects on Photoshop layer groups