От автора: Photoshop изначально не был предназначен для веб-дизайна, но даже прямо из коробки это довольно мощный инструмент. Но даже такой замечательный инструмент не всегда может подойти под ваши требования. Рассматриваемые плагины призваны заполнить пробелы в функционале, которые образуются, когда мы перенастраиваем данный графический редактор на работу с веб-дизайном.
Photoshop:
Крайне надежен, но не без неприятных сюрпризов
Имеет множество способов стилизации, которые подходят для веб-дизайна
Благодаря простому редактированию SVG и растровых изображений отлично подходит для веб-дизайна высокого качества
Имеет огромнейший набор возможностей, с помощью которых можно проектировать и макеты и изображения, все в одном месте
От улучшенной совместимости кода дизайнов и до более легкого управления файлами – оцените плагины.
Retinize It
Если вам нужен простой плагин для экспортирования без какого-либо сложного функционала, то с Retinize It вы сможете нарезать и экспортировать слои или группы в отдельные файлы. Плагин работает как с изображениями, так и со смарт объектами, всего в пару кликов вы сможете увеличить изображение до 200% или 300%, чтобы оно хорошо смотрелось на ретина и iOS дисплеях.
Codly
При проектировании дизайна в фотошопе наступает такой момент, когда все сделанное приходится кодить – самая большая проблема. Codly забирает эту задачу на себя и автоматически переводит PS файлы в файлы для iOS, Android XML, Windows 10 и BlackBerry.
Duplllicator
Забудьте о копировании слоев и групп. Duplllicator берет на себя неблагодарную работу по дублированию слоев и групп при проектировании дизайна. С помощью этого быстрого плагина можно задавать горизонтальные и вертикальные отступы, а также количество копий, что позволяет выполнять большие объемы работы в мгновенье ока.
Photoshop Prototyping Plugin
При изменении прототипа не обязательно заново создавать готовый макет в фотошопе. Платформа коллективной разработки UXPin выпустила плагин, с помощью которого можно перетаскивать PSD файлы в фотошоп и заниматься прототипированием. Так как все слои сохраняются, можно сразу же переходить к добавлению интерактивных элементов. В конце для быстрой обратной связи вы можете разослать прототип всем, кому посчитаете нужным.
PSD Cleaner
Как можно понять из названия, PSD Cleaner занимается упорядочиванием PSD файлов – особенно полезен для переименования файлов и обнаружения пустых слоев. За $19.99 вы точно будете знать, что нужно пофиксить, не тратя на поиск лишнее время.
GuideGuide
GuideGuide носит титул самого устанавливаемого расширения для фотошопа, и это не просто так. С помощью данного плагина можно создавать любые руководства к дизайну – на основе canvas, рабочих областей под разные устройства, выбранных слоев, а также на основе уже созданных областей. Один из наших любимых плагинов.
Perspective Mockups
Ваш готовый макет в фотошопе вроде бы хорошо смотрится, но с Perspective Mockups вы сможете изменять угол обзора макета, чтобы лучше понять различные аспекты при просмотре на различных устройствах. С помощью данного плагина вы сможете наклонять макеты, крутить их, накладывать друг на друга.
Suitcase Fusion
Если вы из тех дизайнеров, которые помнят названия всех своих шрифтов поименно, Suitcase Fusion – то, что вам нужно. Плагин упорядочивает все ваши шрифты и упрощает доступ к ним во время работы в фотошопе. Визуальный предпросмотр позволяет сравнивать два шрифта, особенно полезно на завершающем этапе проектирования.
HTML Block
Еще один помощник с кодом — HTML Block использует движок WebKit для рендеринга дизайна в HTML и CSS, показывая результат в отдельном окне. Большой выбор приложений, особенно для использования веб-шрифтов, сглаживания шрифтов, предпросмотра в браузере, а также для проектирования элементов интерфейса с изменяемыми размерами.
Renamy
Renamy создан специально для быстрого пакетного переименования, и делает это очень хорошо. С помощью данного плагина можно переименовывать большое количество слоев за раз – большая экономия времени перед экспортированием файла. Полная версия стоит $14.99, в демо за раз можно переименовать только 5 элементов. А какой ваш любимый плагин веб-дизайна для фотошопа? Пишите об этом в комментариях.
Автор: Jerry Cao
Источник: //www.sitepoint.com/
Редакция: Команда webformyself.