Как выдернуть картинки для верстки из Photoshop'а?

Question

[Daniel Newman]

Не нашел более подходящих хабов, т.к. по front-end'у — ничего цельного. Сегодня парни из CSS Hat, авторы модной CSS-шляпы, заслали мне на почту такое вот предложение — Enigma64.

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

Answer 1

[GavriKos]

Не знаю как конкретно с версткой дела, но для выдергивания картинок с записью координат, размеров и прочих параметров в XML можно переписать стандартный скрипт Export layers to files.

Comments

[Daniel Newman]

Мысль. Но тут сразу пучок вариантов предлагается без заморочек.

1. выдернуть слой
2. выдернуть смёрженый пирог слоев
3. выдернуть выделение

[GavriKos]

На вкус и цвет. У меня задача стояла специфическая, поэтому пришлось самому писать. Слой точно можно выдернуть, остальное — надо круить мануалы. Зато почти бесплатно +кастомно

Answer 2

[Сергей Протько]

А толку, если PNG-шки в большинстве случаев еще и пережимать приходится? Или с этим тоже уже все хорошо?

Comments

[Nikitascr]

Я так понимаю, что там изображение на CSS3 сформировалось, но не понимаю как.
Хотя не говорю, что это не возможно…

[Daniel Newman]

Толку? Ну, как мы (я и еще кто-то) делаем:

1. Выделить область изображения
2. Ctrl+Shift+C / Ctrl+C
3. Ctrl+N
4. Enter
5. Ctrl+V
6. Ctrl+Alt+Shift+S (не помню. мышечная память не знает букв)
7. Засейвили.

Ребята предлагают избавиться от пунктов 2-6 и что-то еще. Не пойму по скриншоту. Тут видео-п. Нашел пока ребят в складчину решивших затовариться. Или поломать. Но мне продукт нужен, а не приключения. ;)

Answer 3

[Руслан]

Пользуетесь? Я почти такую штуку делать начал, бесплатную)