Возможность автоматически нарезать макет из картинки PNG?

Question

[dlyatorrenta1]

Доброго времени суток! По большей части я бэкэнд разработчик, поэтому в вопросах вёрстки, могу чего-то не знать. Есть огромная куча макетов сайтов в картинках PNG (без PSD шаблонов, к ним доступа не получить, никак, и про инструменты, аля psd2html, знаю). В этих макетах все элементы по отдельности (всплывающие окна - на них кнопки, текстбоксы, лейблы и т.д. или части сайта - сайдбары, хедеры), из которых нужно собрать сайты измерив все элементы, отступы между ними, размеры шрифтов, стиль шрифта (хотя это я уже может и зажрался) и др.

Вопрос: есть ли какой-нибудь инструмент или дополнение к фотошопу, гимпу, да к чему угодно, который вместо меня (как двое из ларца) нарежет всё это по-элементно, или сможет выделить на моём макете элементы и показать их размеры или хотя бы как то мне поможет ускорить это дело. Да знаю, можно вручную накромсать, гильотина, слайс тул и все дела, но маленький внутренний автоматизатор - негодует, плюс на обработку всех макетов уйдёт много времени.

Заранее спасибо.

Answer 1

[rukzachini]

В ShoeBox есть функция "extract sprites", которая одну большую картинку с прозрачным фоном нарезает на кучу мелких. Может подойдет. Там еще для вас может оказаться полезной возможность разрезать psd файл: слои в png картинки. Ну и в целом хорошая штука, работает на Adobe Air.

Comments

[dlyatorrenta1]

Спасибо, очень интересная программа с кучей функций, где-нибудь применение ей обязательно найдётся.

[xmoonlight]

rukzachini: Спасибо! как раз для js-игр - оптимальная софтина!

[rukzachini]

На здоровье :)

Answer 2

[dlyatorrenta1]

В общем юзаю Avocode, пока приглянулся, жаль что платный. Запрошенных мной функций конечно не выполняет, но слайсить на нём вполне удобно, плюс есть массовый экспорт нарезанного. А если загрузить PSD, так и все CSS стили отдаст. Всем спасибо!)

Answer 3

[Roman]

Я думаю данный сервис поможет вам)

Answer 4

[Сергей Горностаев]

У меня к вам, как к бэкенд разработчику, встречный вопрос: Есть куча техзаданий на сайты. Есть какая-нибудь программка, которая по ним бэкенд за меня накидает?

Comments

[Roman]

А лучше сразу некий транслятор пожеланий клиента, клиент пришел, проговорил что ему нужно, а комп интерпритировал их в тз, тз интерпритировалось в код, далее была предложена клиенту цветовая гамма, после чего созданы автоматом все вьюшки, в итоге получаем готовый проект за пару минут...

Заверните несколько таких трансляторов я возьму)

Answer 5

[Дмитрий Клусевич]

Данный png может быть только направляющей, элементы придется искать, переделвать итд.

Comments

[Kovalsky]

Имеется в виду guide?

[Дмитрий Клусевич]

Имею ввиду просто подсказку.

Answer 6

[xmoonlight]

Это возможно.
Но создание такого инструмента, который Вы хотите, очень трудоёмкая задача.

Answer 7

[Олег]

Макет из png))

ты сразу бери ножницы и из бумаги решь.

Answer 8

[Игорь Воротнёв]

Попробуй открыть его в Adobe Fireworks. Не исключено, что этот PNG и является полноценным макетом. Я с таким сталкивался пару лет назад.