Css3ps - плагін для копіювання стилів шарів photoshop`a сайтобаза

Дуже часто при верстці сайтів доводиться стикатися з тим, що дизайнер Намудрували всяких красивостей і потрібно кожен раз розбирати по шматочках всякі box-shadow з тінями шрифтів. Здавалося б - роби свою роботу, тобі за це платять.
Але, раптом нізвідки не візьмись, з'явилися славні хлопці. які запив чудовий плагін Css3Ps - з його допомогою можна копіювати стилі css3 з фотошопа.
Скріншоти я візьму прямо з їхнього сайту, немає часу гратися. Але обидві версії плагіна я перевірив. Скажете чому обидві версії * Та тому що плагін для версії фотошопа CS5-CS6, а для CS3 і CS4 використовується скрипт автоматичного сценарію. Який нібито теж плагін, але не плагін
Завантажити цих маленьких помічників

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

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

  1. Особливою процедури тут немає - використовується не плагін, а скрипт. Щоразу потрібно буде шукати цей скрипт і запускати його. Тому я раджу користуватися вищевказаним способом
  2. Вибираємо шар, який потрібно конвертнуть
    Css3ps - плагін для копіювання стилів шарів photoshop`a сайтобаза
  3. Вибираємо Файл> Сценарії> Огляд
    Css3ps - плагін для копіювання стилів шарів photoshop`a сайтобаза
  4. Вказуємо шлях до файлу CSS3Ps.jsx
    Css3ps - плагін для копіювання стилів шарів photoshop`a сайтобаза
  5. Відкриється нова html сторінка де будуть всі стилі
    Css3ps - плагін для копіювання стилів шарів photoshop`a сайтобаза

Ось і все, як бачите - простіше-простого, і витрачається 10-20 секунд. Замість 5 хвилин підбору стилів через генератори (принаймні у мене так)
Enjoy!

Схожі статті