3,2
рейтинг
4 марта 2014 в 22:21

Разработка → Лучшие бесплатные Photoshop плагины для веб-дизайнеров

HTML*, CSS*

Divine Elemente


image
Один из самых потрясающих проектов, которые я встречал за последнее время. Плагин Divine Elemente дает возможность дизайнерам создавать WordPress темы без каких либо навыков фронт/бэк-енда. К сожалению у меня не было возможности поработать с ним. Он доступен только для Windows. Для того что бы все работало необходимо создавать макет в соответствии со встроенным blueprint — это некий Bootstrap, Boilerplate или даже набор инструкций по наименовании слоев и групп. Разработчики обещают множество всего хорошего, в том числе: SEO friendly, валидную и семантичную верстку, читаемый код. Впечатляет!


Layrs Control CS6 CC


image
«Коллекция скриптов, которая упрощает выполнение рутинной работы». Плагин удаляет все отключенные эффекты слоев, неиспользуемые слои, находит похожие папки и файлы, растеризовывает все смарт объекты, и производит стилизацию всех элементов в соответствии с Flat дизайном. Кстати, последнюю задачу отдельно выполняет Skeuomorphism.it

Cut&Slice CS6, CC


image
Очень и очень удобный плагин предназначенный для нарезки макета. Позволяет экспортировать слои с настройкой для различных устройств. Определенный синтаксис при наименовании слоев позволяет автоматически производить дополнительные действия над слоем или группой слоев: тримминг, масштабирование, выявление состояния кнопок и распределение их на типы устройств.

Render.ly CC



Render выполняет тот же функционал, что и Cut&Slice. Плюс ко всему это еще и удобный инструмент для комментирования. Все ваши комментарии к макету будут синхронизированы и доступны в онлайне.

CSS3Ps CS3 +



Конвертирует стили фотошопа и шейпы в CSS и SCSS/SASS под Compass. Поддерживает текстовые слои, внутреннюю и внешнюю тени, внутреннее и внешнее освещение, градиенты, border-radius и др. Единственный минус этого замечательного плагина в том, что он работает через сервер и ждать результата приходится по ~30 секунд.

Composer CS5, CS6, CC


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

GuideGuide CS5, CS6, CC


                          image
                                       Скажу коротко — удобнейшая штука для построения сеток.

UPD (31.05.13): А еще есть не менее хороший Griddify с открытым исходным кодом:


WebFont CS5, CC


image
На дворе 2014 год и во многих проектах уже используются нестандартные шрифты, но не все из них грамотно отображаются во всех браузерах на различных устройствах. Данный плагин предоставляет вам удобный доступ к Google Web Fonts из Photoshop. Для использования вам потребуется скачать 30-дневную триал версию Suitcase Fusion 5, но плагин будет работать после окончания этого периода.

Random User Generator CS6, CC


image
«Как Lorem Ipsum, только люди». При создании макетов, достаточно часто требуются лица живых людей, дабы все смотрелось реалистичнее: профили, комментарии, посты и др. Random User Generator позволит вам избавиться от поисков аватарок. А работает это с помощью API от http://randomuser.me/.

BlendMeIn CS6, CC


image
Большое количество качественных наборов иконок в вашем Photoshop. Я уже рассказывал про BlendMeIn в одном из своих дайджестов, но не могу его не упомянуть в этой подборке. Тем более с тех пор там появилось еще несколько сетов. А вы как и другие дизайнеры имеете возможность распространять свои иконки под Creative Commons Attribution 3.0 Unported License с помощью этого плагина.

Flat Icon CS5, CS6, CC


image
Плагин предоставляет доступ, вероятно, к самой большой коллекции (свыше 38 000) плоских иконок. Более 53 000 установок. Проект http://www.flaticon.com

Social Kit CS6, CC


image
Набор качественных (Pixel perfect, Real View) обновляемых шаблонов для художников разрабатывающих дизайн страниц в социальных сетях.

Velositey


Великолепный инструмент для создания лэйаутов:


Напоследок:


  • Perfect Effects 8 Free Edition — большая коллекция фото фильтров.
  • Layer Guides — элементарный плагин с простым интерфейсом для позиционирования слоев по краям или центрированию.
  • Layout Wrapper — оборачивает макет в окно браузера Safari, что делают многие дизайнеры вручную при демонстрации работ.
  • 2xScaler — удобно масштабируем макеты в эпоху расцвета Retina дисплеев.
  • TinyPNG — плагин с достаточно известным компрессором PNG файлов внутри.
  • Boundary Noise Reduction — понижаем уровень шумов.
  • Ink — Photoshop documenter plugin


                   А еще есть «Лучшие платные Photoshop плагины для веб-дизайнеров»


Понравилась ли Вам подборка?

Проголосовало 1080 человек. Воздержалось 144 человека.

Понравилась ли Вам подборка?

Проголосовало 68 человек. Воздержалось 5 человек.

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Разработка

Комментарии (9)

  • +2
    Спасибо. Трудно самому все перепробовать.
  • +1
    Спасибо, в избранное
  • 0
    Огромное спасибо за то, что открыли для меня Flat Icon.
  • +1
    Огромное спасибо тебе человек! Отдельное спасибо за GuideGuide!
    Вот за подобные статьи я и люблю Хабр.
  • 0
    Вот искал же совсем недавно где бы взять json рандомных пользователей с именами и аватарками! Пришлось взять из группы вконтакте через jsonp. Интересная подборка. BlendMeIn уже использовал раньше. Может в тему подборки будет: www.profileschool.ru/promo/panel — панель для ретушеров.
  • 0
    В контакте есть группа по расширениям для фотошопа. Много бесплатных. Может кому-то интересно будет: vk.com/adobefuckers
  • 0
    Спасибо отличная подборка, сам пользуюсь PNG Hat и CSS Hat, не бесплатные правда…
  • 0
  • 0
    Divine Elemente бесплатная версия урезанная же.
    кстати, есть опыт юзания у кого либо?

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.