10+ бесплатных плагинов Photoshop для веб-дизайнеров
Использование расширений Photoshop значительно расширяет его возможности по проектированию, ускоряет рабочий процесс и повышает производительность. Вы можете использовать плагин Photoshop для ускорить повторяющиеся или утомительные задачи такие как:
- генерировать длинные тени
- экспорт слоев Photoshop
- конвертировать PSD в CSS3
- конвертировать текст Photoshop в SVG
- построить дизайн спецификации в фотошопе
- преобразовать скейоморфный дизайн в плоский дизайн
Существует множество других расширений Photoshop, и в этом списке 12 замечательных, которые помогут вам управлять слоями, цветами, направляющими и больше, чтобы облегчить вашу рабочую нагрузку и помочь вам сосредоточиться на том, что требует вашего внимания. Если вам известны другие плагины или расширения для Photoshop, сообщите нам об этом в комментариях..
1. Гекси
Hexy предоставляет вам более быстрый способ получить код цвета Hex и RGB. С этим плагином вы можете использовать инструмент пипетки и просто щелкнуть по цвету изображения, которое вы хотите получить, и Hexy автоматически скопирует этот цвет в буфер обмена для вас. Таким образом, вы можете сразу вставить его, чтобы использовать его в CSS. Это удобный инструмент для выбора цвета.
Совместимость: Photoshop CC 2014
2. Размерные метки
SizeMark позволяет вам добавить метки размера объекта или расстояния между каждым объектом, используя инструмент Marquee. SizeMark сохраняет каждую метку, созданную в новом слое, так что вы можете настроить ее так, как вам нужно, например. изменение цвета или регулировка его положения. Это важно, когда вам нужно перевести PSD на функциональный сайт.
Совместимость: Photoshop CC 2014
3. Пиктура
Вам нужно вставить изображения в свой дизайн? Вам следует установить Pictura. Pictura позволяет удобно искать и добавлять изображения в фотошоп, не покидая рабочего пространства. После установки Pictura добавит новую панель, на которой вы сможете искать любое изображение в любой необходимой вам лицензии, а затем сразу же вставить его в свой дизайн..
Совместимость: Photoshop CC 2014
4. Духовка
Oven - отличный плагин, который поможет вам лучше управлять своими активами. Генератор Photoshop позволяет нам экспортировать изображения в режиме реального времени, но вам нужно будет переименовать все ваши слои, чтобы генерировать изображение правильно и с правильным именем. Печь устраняет эту проблему.
Совместимость: Photoshop CC и CC 2014
5. Чернила
Преобразование PSD в функциональный сайт всегда сложный процесс. Существует так много деталей для изучения, как стили слоя, размер шрифта, семейство шрифтов, размер элемента и положение относительно других элементов. Чернила помогут вам генерировать эту информацию без труда.
6. LayerCraft
LayerCraft - это плагин для Photoshop, который позволяет вам экспортировать слои в несколько масштабов. Вы можете экспортировать изображения в @ 1x
, @ 2x
и даже @ 3x
(что требуется в устройствах iOS с экраном Retina), или MDPI
а также xhdpi
для Android. Если ваша ежедневная работа создание интерфейса для мобильного интерфейса, это инструмент, который экономит много времени.
Совместимость: Photoshop CC и CC 2014
7. Композитор
Composer улучшает функцию Comps для Photoshop Layer. Вместо того, чтобы иметь несколько отдельных файлов для хранения каждой версии проекта, Layer Comps позволяет хранить их и управлять ими в одном файле. Компоновка слоев действует аналогично смарт-объекту. Каждый может содержать несколько свойств, таких как стили слоя и режимы наложения. Композитор, в этом случае, обеспечивает Самый простой способ обновить эти стили одним щелчком мыши.
Совместимость: Photoshop CS5, CS6 и CC
8. Велоситей
Скорость это расширение, которое может помочь вам создать прототип веб-дизайна быстро. Velocitey поставляется с несколькими предустановленными шаблонами, включая сетку. Это также идет с общими местами размещения макета для заголовка веб-сайта, содержания и нижнего колонтитула. Вы можете добавить все эти компоненты одним щелчком мыши. Это буквально экономит время (и это бесплатно).
Совместимость: Photoshop CS6, CC, CC 2014
9. Дупликатор
Duplllicator обеспечивает самый быстрый способ дублирующие слои или группы Photoshop. Вы можете указать количество копий, которое вы хотите, а затем установить вертикальный и горизонтальный интервал дублированного слоя.
Совместимость: Photoshop CC и CC 2014
10. QuickGuide
QuickGuide поможет вам рисовать рекомендации в фотошопе. Этот плагин предоставляет 12 предустановок для простого добавления направляющих на одной стороне, двух соседних сторонах или всех сторонах каждого объекта. Другие функции, которые он несет, включают в себя переключение направляющих блокировки и видимости, удаление целых или выбранных направляющих и копирование-вставку направляющих.
Совместимость: Photoshop CC 2014
11. Lorem Ipsum Generator
Lorem Ipsum Generator будет генерировать случайные слова или фразы. Вместо того, чтобы копировать его из какого-то другого места, вы можете создать Lorem Ipsum прямо из вашей рабочей области Photoshop. Для настройки вывода предусмотрены несколько параметров. Этот плагин также доступен для Illustrator, InDesign и Dreamweaver..
Совместимость: Photoshop CS5, CS6 и CC
12. Lorem Picsum
Лорем Пиксум генерирует случайные изображения, а не текст. Предоставленное изображение получено из популярных фильмов и телешоу, таких как Футурама, Rio, Симпсоны, В поисках Немо, а также UP.
Совместимость: Photoshop CS6 и CC