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

Но, вдруг, откуда не возьмись, появились славные парни, которые запилили чудный плагин Css3Ps (конвертация PSD формата в стили) – с его помощью можно копировать стили css3 из фотошопа.

Скриншоты я возьму прямо с ихнего сайта, нет времени играться. Но обе версии плагина я проверил. Скажете, почему обе версии? Да потому что плагин для версии фотошопа CS5-CS6, а для CS3 и CS4 используется скрипт автоматического сценария. Который как бы тоже плагин, но не плагин.

Итак:

Процедура установки на CS5-CS6

У Вас должен быть установлен Photoshop CS5-CS6 вместе с Adobe Extension Manager CS6 – то есть не порезанная, порта табельная или ещё какая-то версия. Понимаю, что вы пользуетесь крякнутой версией – поэтому ищите нормальную, а не репак,, который работает раз через три. Даю подсказку – http://nnm-club.ru/.

Если фотошоп запущен – закрываем. Открываем CSS3Ps.zpx. Запустится Adobe Extension Manager с предложением установить плагин. Соглашаемся.

После завершения установки, будет картина как на скрине ниже. Теперь можно запускать PhotoShop.

В фотошопе включаем

Окно -> Расширения -> CSS3Ps.

Ну, всё! Теперь можно выбрать стиль слоя и конвертнуть его в css.

Процедура установки на CS3-CS4

Особой процедуры тут нет – используется не плагин, а скрипт. Каждый раз нужно будет искать этот скрипт и запускать его. Поэтому я советую пользоваться вышеуказанным способом.

Выбираем слой, который нужно конвертнуть.

Выбираем Файл -> Сценарии -> Обзор.

Указываем путь к файлу CSS3Ps.jsx.

Откроется новая html-страничка, где будут все стили.

Вот и все, как видите – проще-простого, и тратится 10-20 секунд. Вместо 5 минут подбора стилей через генераторы (по крайней мере у меня так).

Enjoy!