Домашняя » Photoshop » 10+ бесплатных плагинов Photoshop для веб-дизайнеров

    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