Pull to refresh

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

Reading time 3 min
Views 150K

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 плагины для веб-дизайнеров»


Only registered users can participate in poll. Log in, please.
Понравилась ли Вам подборка?
94.5% Да 1030
5.5% Нет 60
1090 users voted. 144 users abstained.
Only registered users can participate in poll. Log in, please.
Понравилась ли Вам подборка?
91.14% Да 72
8.86% Нет 7
79 users voted. 5 users abstained.
Tags:
Hubs:
If this publication inspired you and you want to support the author, do not hesitate to click on the button
+58
Comments 9
Comments Comments 9

Articles