Лучшие плагины Photoshop для веб-дизайнера
Divine Elemente [1]
Это, пожалуй, один из лучших проектов, которые я видел. Divine Elemente позволяет дизайнерам создавать тему WordPress без знания каких-либо frontend/backend. К сожалению, у меня не было возможности опробовать этот плагин в действии, так как он сущетсвует только для Windows. Для работы дизайнов необходимо создавать их в точности с предустановленными шаблонами. Выглядит оно все почти что как Twitter Bootstrap. Разработчики предоставили нам все: SEO, семантичные названия классов и легко читаемый код. Замечательно!
Layrs Control [2]CS6, CC
«Коллекция из 7 скриптов, которая упрощает утомительную работу». Плагин успешно справляется с удалением всех отключенных эффектов слоев, неиспользуемых слоев, находит и убирает похожие файлы и папки, конвертирует некоторые объекты и делает дизайн в стиле Flat. Кстати, последнее происходит с помощью Skeuomorphism.it [3].
Cut&Slice [4]CS6, CC
Замечательный плагин, созданные для «разрезания» шаблонов. Позволяет экспортировать слои с учетом разных устройств и разрешений (.xxdpi, .Idpi, .mdpi and .hdpi). Простейший синтаксис позволяет выполнять несложные операции над слоями и группами слоев: обрезку, масштабирование, включая кнопки и другое.
Render.ly [5]CC
Render.ly делает все то же, что и Cut&Slice. Это также крайне удобный инструмент для конвертирования. Все ваши комментарии будут синхронизированы и доступны онлайн.
CSS3Ps [6]CS3 +
Потрясающий плагин, конвертирующий слои в CSS или SCSS/SASS с Compass. Поддерживаются размеры, внутренние и внешние тени, градиенты, радиусы и другое. Единственный минус заключается в том, что эта прелесть работает с сервером, и получение результата занимает около 30 секунд.
Composer [7]CS5, CS6, CC
Composer позволяет вам редактировать параметры (стиль, положение, видимость и размещение относительно других объектов) нескольких слоев за раз с помощью одного клика.
Я также хочу отметить аналог — Transform Each 2.0 [8].
GuideGuide [9]
Скажу просто: лучший инструмент для построения сетки.
Также есть не менее полезный Griddify [10] с открытым исходным кодом:
WebFont [11] CS5, CC
Сегодня многие интернет-проекты используют необычные шрифты, которые работают не на всех устройствах. Этот плагин предоставляет вам удобный доступ прямо к Google Fonts непосредственно из Photoshop. Для использования плагина вас попросят скачать тридцатидневную демо-версию Suitcase Fusion 5, но после окончания этого срока инструмент все равно будет работать.
Random User Generator [12]
«Как Lorem Ipsum, но для людей». Во время создания дизайна часто необходиом создать образ реального человека с просмотром его профиля в комментариях, постах и прочем. Random User Generator избавляет вас от поиска имен и аватаров. Инструмент работает с API Randomuser.me [13].
BlendMeIn [14]
Классный плагин, ищущий для вас тысячи вариантов иконок прямо в Photoshop или Illustrator. Весь найденный материал создан под лицензией Creative Commons Attribution 3.0 Unported License.
Flat Icon [15]CS5, CS6, CC
Плагин предоставляет к доступ к, возможно, самой большой (38000) коллекции наборов flat-иконок. Инструмент насчитывает более 53,000 установок. Автор — Flaticon.com [16].
Social Kit [17]CS6, CC
Легко редактируемые и настраиваемые шаблоны для страниц социальных сетей. Все содержимое обновляется при каждой новинке в конструкциях подобных сайтов.
Velositey [18]
Лучший плагин для создания макетов.
А также
- OpenBrand [19] — работа с брендами в облаке.
- Layer Guides [20] — все о работе со слоями.
- Interface Tools [21] — полезное окно с востребованными инструментами.
- Layout Wrapper [22] — «обертывает» документ окном браузера Safari.
- 2xScaler [23]— масштабирование дизайна в один клик.
- TinyPNG [24]— плагин с отличным компрессором PNG.
- Boundary Noise Reduction [25].
- Ink [26]— Photoshop documenter.
Автор: alexandfox
Источник [27]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/veb-dizajn/79195
Ссылки в тексте:
[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] Transform Each 2.0: http://blog.kam88.com/en/transform-each-20.html
[9] GuideGuide: http://guideguide.me/
[10] Griddify: http://gelobi.org/griddify/
[11] WebFont: http://www.webink.com/webfontplugin/
[12] Random User Generator: http://ipestov.com/the-best-free-photoshop-plugins-for-web-designers/
[13] Randomuser.me: http://randomuser.me/
[14] BlendMeIn: http://blendme.in/
[15] Flat Icon : http://www.flaticon.com/download-plugin
[16] Flaticon.com: http://www.flaticon.com/
[17] Social Kit : http://socialkit.madebysource.com/
[18] Velositey: http://www.dandkagency.com/velositey/
[19] OpenBrand : https://openbrand.com/
[20] Layer Guides: http://gastonfig.com/2013/05/layer-guides-extension/
[21] Interface Tools: https://dribbble.com/shots/1160621-Interface-Tools-Photoshop-Plugin
[22] Layout Wrapper: http://blog.kam88.com/en/layout-wraper-for-photoshop.html
[23] 2xScaler : https://github.com/RayPS/2xScaler
[24] TinyPNG : https://tinypng.com/photoshop
[25] Boundary Noise Reduction: http://www.colormancer.com/free/download-filters/noise-reduction.htm
[26] Ink : http://ink.chrometaphore.com/
[27] Источник: http://habrahabr.ru/post/247581/
Нажмите здесь для печати.