- PVSM.RU - https://www.pvsm.ru -

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

Divine Elemente [1]

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

Layrs Control [2] CS6 CC

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

Cut&Slice [4] CS6, CC

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

Render.ly [5] CC

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

CSS3Ps [6] CS3 +


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

Composer [7] CS5, CS6, CC

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

GuideGuide [8] CS5, CS6, CC

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

WebFont [9] CS5, CS5, CC

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

Random User Generator [10] CS6, CC

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

BlendMeIn [12] CS6, CC

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

Flat Icon [14] CS5, CS6, CC

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

Social Kit [16] CS6, CC

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

Напоследок:

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

Автор: ilusha_sergeevich

Источник [23]

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/news/56366

Ссылки в тексте:

[1] Divine Elemente: http://www.divine-project.com/

[2] Layrs Control: http://madebyvadim.com/layrs/

[3] Skeuomorphism.it: http://skeuomorphism.it/

[4] Cut&Slice: http://www.cutandslice.me/

[5] Render.ly: http://render.ly/

[6] CSS3Ps: http://css3ps.com/

[7] Composer: http://www.jasonforal.com/composer/

[8] GuideGuide: http://guideguide.me/

[9] WebFont: http://www.webink.com/webfontplugin/

[10] Random User Generator: http://randomuser.me/extension/

[11] http://randomuser.me/: http://randomuser.me/

[12] BlendMeIn: http://blendme.in/

[13] дайджестов: http://habrahabr.ru/search/?q=[%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%B5%D1%81%D0%BD%D0%BE%D1%81%D1%82%D0%B8%26%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B8]&target_type=posts

[14] Flat Icon: http://www.flaticon.com/download-plugin

[15] http://www.flaticon.com: http://www.flaticon.com

[16] Social Kit: http://socialkit.madebysource.com/

[17] Perfect Effects 8 Free Edition: http://www.ononesoftware.com/products/effects8free/

[18] Layer Guides: http://gastonfig.com/2013/05/layer-guides-extension/

[19] 2xScaler: https://github.com/RayPS/2xScaler

[20] TinyPNG: https://tinypng.com/photoshop

[21] Boundary Noise Reduction: http://www.colormancer.com/free/download-filters/noise-reduction.htm

[22] Ink: http://ink.chrometaphore.com/

[23] Источник: http://habrahabr.ru/post/214497/