От автора: Photoshop все еще самый любимый инструмент среди веб-дизайнеров, а правильные дополнения сделают его еще более мощным. Чтобы повысить вашу продуктивность, сэкономить вам время и нервы мы подобрали несколько ценных ресурсов для фотошопа, плагинов и скриптов. Некоторые из них ускорят выполнение рутинных задач, чтобы вы могли уделить внимание настоящей работе, другие же инструменты создадут мостик между фотошопом и кодом, и ваши дизайны макетов вберут в себя все плюсы от обоих миров. Все инструменты бесплатные и работают с Photoshop CC 2015, если в статье не указано что-то другое.
HTML Block
Код и фотошоп не подходят друг другу? На самом деле подходят, если вы установите HTML Block. Плагин задействует Webkit движок для рендеринга HTML/CSS на лету, код размещается в специальных блоках. Удобно, если вы хотите использовать сторонние шрифты в макете и хотите видеть, как данный шрифт будет отображаться в живую на странице, как в браузере. Также удобен для создания изменяющих свой размер элементов интерфейса.
Page Layers
Если вы предпочитаете проектировать дизайн страницы прямо в браузере, но на выходе вам нужен файл фотошопа, то взгляните на Page Layers. Приложение конвертирует любые веб-страницы в файл фотошопа. Все элементы находятся на отдельных слоях со своими именами. Также полезен при изменении текущего дизайна страницы. Page Layers совместим с Mac OS X и стоит $34.99.
Bjango Actions
Коллекция с открытым исходным кодов экшенов и скриптов множества задач для фотошопа от автора Bjango. Среди прочего инструмент может масштабировать ваши документы, нарезать их и более точно позиционировать элементы.
Ditto
Ditto – плагин, с помощью которого элементам можно задавать переменные, такие как цвета, строки текста, размер шрифта, высота строки, Х и У позиционирование и даже видимость. После установки Ditto не обязательно всем редактировать PSD файл, но это самый надежный способ поддерживать самые новые значения переменных.
Renamy
У вас множество слоев, которые нужно переименовать за один раз, и вы не хотите делать это вручную? Тут на помощь придет Renamy. С помощью плагина можно выбрать несколько слоев и задать им новые имена всего в один клик. Демо версия бесплатная, но в ней можно за раз переименовать не больше пяти слоев. В полной версии ограничения отсутствуют.
Duplllicator
Duplllicator поможет вам клонировать слои и группы. Необходимо выбрать число копий и горизонтальный и вертикальный. Плагин работает с Photoshop CC и CC 2014.
Size Marks
Size Marks – скрипт конвертирует выделенную прямоугольную область в маркеры с расстоянием. Работает в CC 2014 и CC 2015.
Magic Wand Tricks
Последний, но не менее важный, один из самых старых инструментов для фотошопа, который уже встроен в программу — Magic Wand. Инструмент намного более универсальный, чем вы могли подумать. Вы знали, что с его помощью можно нарезать элементы? Также можно быстро центрировать слои и группы. В сочетании с гистограммой его можно использовать для подсчета пикселей на выделенной области.
А какие ваши любимые инструменты в фотошопе? Пишите об этом в комментариях!
Источник: //www.smashingmagazine.com/
Редакция: Команда webformyself.
