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

Divine Elemente cc8eec9503434aa695f53d5e1402a512.jpgЭто, пожалуй, один из лучших проектов, которые я видел. Divine Elemente позволяет дизайнерам создавать тему WordPress без знания каких-либо frontend/backend. К сожалению, у меня не было возможности опробовать этот плагин в действии, так как он сущетсвует только для Windows. Для работы дизайнов необходимо создавать их в точности с предустановленными шаблонами. Выглядит оно все почти что как Twitter Bootstrap. Разработчики предоставили нам все: SEO, семантичные названия классов и легко читаемый код. Замечательно! Layrs Control CS6, CC 6166da07495e4c70adbca6eec1ffc59f.jpg«Коллекция из 7 скриптов, которая упрощает утомительную работу». Плагин успешно справляется с удалением всех отключенных эффектов слоев, неиспользуемых слоев, находит и убирает похожие файлы и папки, конвертирует некоторые объекты и делает дизайн в стиле Flat. Кстати, последнее происходит с помощью Skeuomorphism.it.Cut&Slice CS6, CC 7501893df7b145999e4fabf36a3a5757.jpgЗамечательный плагин, созданные для «разрезания» шаблонов. Позволяет экспортировать слои с учетом разных устройств и разрешений (.xxdpi, .Idpi, .mdpi and .hdpi). Простейший синтаксис позволяет выполнять несложные операции над слоями и группами слоев: обрезку, масштабирование, включая кнопки и другое.Render.ly CC Render.ly делает все то же, что и Cut&Slice. Это также крайне удобный инструмент для конвертирования. Все ваши комментарии будут синхронизированы и доступны онлайн.[embedded content]CSS3Ps CS3 + [embedded content]Потрясающий плагин, конвертирующий слои в CSS или SCSS/SASS с Compass. Поддерживаются размеры, внутренние и внешние тени, градиенты, радиусы и другое. Единственный минус заключается в том, что эта прелесть работает с сервером, и получение результата занимает около 30 секунд.Composer CS5, CS6, CC 391e61acee2c4d569d010c69cf41fedc.jpgComposer позволяет вам редактировать параметры (стиль, положение, видимость и размещение относительно других объектов) нескольких слоев за раз с помощью одного клика.Я также хочу отметить аналог — Transform Each 2.0.

GuideGuide d0155fa9f16640a8a2721e8abcc32eac.gifСкажу просто: лучший инструмент для построения сетки.Также есть не менее полезный Griddify с открытым исходным кодом: cf4e3156b5534c26afd59fe5b6f9a807.png

WebFont CS5, CC 2efb9b29653d4238a810b8c963d0d8f6.jpgСегодня многие интернет-проекты используют необычные шрифты, которые работают не на всех устройствах. Этот плагин предоставляет вам удобный доступ прямо к Google Fonts непосредственно из Photoshop. Для использования плагина вас попросят скачать тридцатидневную демо-версию Suitcase Fusion 5, но после окончания этого срока инструмент все равно будет работать.Random User Generator 33e76dd531364ffaaa8fdeb134ee1862.jpg«Как Lorem Ipsum, но для людей». Во время создания дизайна часто необходиом создать образ реального человека с просмотром его профиля в комментариях, постах и прочем. Random User Generator избавляет вас от поиска имен и аватаров. Инструмент работает с API Randomuser.me.BlendMeIn 41ba42c8a5fb44d5ae66507fd29f38a5.jpgКлассный плагин, ищущий для вас тысячи вариантов иконок прямо в Photoshop или Illustrator. Весь найденный материал создан под лицензией Creative Commons Attribution 3.0 Unported License.Flat Icon CS5, CS6, CC 9bda6f847bf2431e983451018f7412d9.jpgПлагин предоставляет к доступ к, возможно, самой большой (38000) коллекции наборов flat-иконок. Инструмент насчитывает более 53,000 установок. Автор — Flaticon.com.Social Kit CS6, CC 2559d5f7c6964b8bb9bbfec0df403582.jpgЛегко редактируемые и настраиваемые шаблоны для страниц социальных сетей. Все содержимое обновляется при каждой новинке в конструкциях подобных сайтов.Velositey Лучший плагин для создания макетов.[embedded content]А также OpenBrand — работа с брендами в облаке. Layer Guides — все о работе со слоями. Interface Tools — полезное окно с востребованными инструментами. Layout Wrapper — «обертывает» документ окном браузера Safari. 2xScaler — масштабирование дизайна в один клик. TinyPNG — плагин с отличным компрессором PNG. Boundary Noise Reduction. Ink — Photoshop documenter.

© Habrahabr.ru