CSS hat & PNG hat 2.1.1, 1.2.0 x86 x64 [2015, ENG]

Ответить на тему
 
Автор Сообщение

fayfa ®

flag

Пол: Мужской

Стаж: 2 года 6 месяца

Сообщений: 14878

Статистика

Создавать темы 10-Ноя-2022 13:31 | #1 · Автор

[Цитировать]

CSS hat & PNG hat
Год/Дата Выпуска: 2015
Версия: 2.1.1, 1.2.0
Разработчик: Source
Сайт разработчика: https://madebysource.com/
Разрядность: 32bit, 64bit
Язык интерфейса: Английский
Таблэтка: присутствует
Системные требования: Adobe Photoshop версия 15+
Описание:
CSS Hat: волшебная кнопка, превращающая стили в Photoshop в CSS-код
Преобразование дизайна из Photoshop в веб-страницу всего за один клик – это не совсем свежая идея. Как только появились веб-дизайнеры, появилась и эта идея-мечта.
CSS Hat отличается от других приложений, которые вы могли видеть ранее. Это приложение не представляет собой полноценный WYSIWYG, направленный на то, чтобы вы могли создавать веб-сайты, не написав и строчки кода. Это приложение скорее направлено на возможность быстрого создания CSS3-стилей для конкретных элементов, используя процесс, который был популярен с десяток лет назад (а то и больше) прямо в Photoshop. Приложение великолепное!
Дополнительная информация:
Достаточно выделить слой и CSS Hat прямо в Photoshop с генерирует CSS3, LESS, SASS, LCSS или Stylus –правила для элемента. Остается лишь нажать кнопку Copy и вставить код в файл с таблицами стилей.
Можно включить комментарии, префиксы -moz -webkit, свойства height и width, преобразовать название слоя в имя селектора.
PNG Hat: Мгновенный экспорт изображений, загрузка на сервер и HTML / CSS шаблонов - все готово к использованию с этим плагином для Photoshop.Краткий обзор

Скриншоты


Порядок установки

-Закрыть фотошоп, если он запущен;-Извлечь данные из архива и установить плагины, запустив .exe файлы;-После этого запустить фотошоп и плагин, нажав Window-->Extensions-->"Нужный плагин" (Окнo-->Расширения). Это для того, чтобы появилась папка для лечения плагина.-Зайти в папку MED, извлечь архив в папку extension нужного Вам плагина;-Проникнуть в "user/AppData/Roaming/Adobe/CEP/extensions" и заменить содержимое папки extensions;-Далее заменяем папку generator в директории "Program Files/Adobe/Adobe Photoshop CC 201*/Plug-Ins";-Запускаем Photoshop;-Радуемся.
Установка PNG Hat на Photoshop CC 2018 (от zur4ik)Недавно мучился над установкой "PNG Hat" на Photoshop CC 2018 и после долгих попыток получилось его запустить. Вот инструкции, если кто-то попадет в аналогичной ситуации:
1. Закройте Photoshop перед тем как приступить к установке.
2. Скопируйте папку из extension в
%appdata%\Adobe\CEP\extensions\
(C:\Users\\AppData\Roaming\Adobe\CEP\extensions)
3. Скопировать папку из generator.windows в:
  • Для x64-ой версии:
    %SystemDrive%\Program Files\Adobe\Adobe Photoshop CC 2018\Plug-ins\Generator
    (Как обычно: C:\Program Files\Adobe\Adobe Photoshop CC 2018\Plug-ins\Generator)
  • Для x86-ой версии:
    %SystemDrive%\Program Files (x86)\Adobe\Adobe Photoshop CC 2018\Plug-ins\Generator
    (Как обычно: C:\Program Files (x86)\Adobe\Adobe Photoshop CC 2018\Plug-ins\Generator)
4. В файле
%appdata%\Adobe\CEP\extensions\com.madebysource.pnghat\CSXS\manifest.xml
надо поменять версию платформы.
ИЗМЕНИТЕ:
НА:
5. С версии CC 2018 Adobe перешла на CEP.8 в котором по умолчанию не активирован Node.js а также поддержка Mixed Content для Iframe-ов. А поскольку MadeBySource уже не поддерживают обновления "PNG Hat", он уже старый и не рассчитан для работы на новой платворме. По этому нужно задать параметры которые дадут поддержку Node и Mixed Content. Для этого в тот же manifest.xml файл в категорию
под линии
./index.html
добавляем:
--enable-nodejs
  --mixed-context
6. В реестре по адресу
HKEY_CURRENT_USER/Software/Adobe/CSXS.7
а также по адресу
HKEY_CURRENT_USER/Software/Adobe/CSXS.8
создать запись тип (строка) с именем PlayerDebugMode и значением 1
7. Запустите Photoshop, в меню Window -> Extensions будет пункт PNG Hat - кликните, чтобы прогрузились файлы. Закройте Photoshop.
7. Для процедуры лечения скопируйте содержимое папки Med в
%appdata%\Adobe\CEP\extensions\com.madebysource.pnghat\
и замените файлы.
8. На этом все. Удачи!
[Профиль] [ЛС]
Показать сообщения:    
Ответить на тему

Текущее время: 21-Ноя 16:46

Часовой пояс: UTC + 3



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы