Слой за слоем

Как быстро выстроить слои друг за другом

Проблема

Дизайн сайта не всегда/всегда не получается с первой попытки. Этот процесс включает в себя огромное количество правок как заказчика, так и самого дизайнера. Большое количество правок влечет за собой изменение высоты блоков, из-за чего одни слои налазят на другие.

Править блоки приходится вручную: выделяем нужные нам слои и перетягиваем их на новое место. Но это неудобно, согласны?

Решение

Первое, что приходит в голову — скрипт. Он сделает всё за нас: высчитает необходимое количество пикселей, изменит размеры документа и выстроит блоки один за одним. Но есть как минимум одно НО: нет единого принципа организации слоёв в Photoshop и нельзя гарантировать правильную работу. У меня это всегда так:

В папке content группы слоёв, каждая из которых содержит какой-то контент и обязательно слой-background. Он и определяет высоту отдельного блока.

У вас структура может отличаться, поэтому необходимо другое решение, универсальное. Для этого подойдет этот скрипт. Он упорядочивает только выделенные слои.

Конечно, решение не идеальное, но работу упрощает. Естественно, этот скрипт можно применять не только в Web.