10 плагинов для Photoshop ускоряющих проектирование дизайнов

10 плагинов для Photoshop ускоряющих проектирование дизайнов

От автора: 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

Источник: http://www.sitepoint.com/

Редакция: Команда webformyself.

Мастер веб-дизайна 2.0

Как насчет того, чтобы научиться рисовать сайты, от которых Вы и Ваши клиенты будете визжать от восторга?

Научиться

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree