Рекомендуємо, 2020

Вибір Редакції

20 кращих плагінів Photoshop для дизайнерів

Хоча існує безліч чудових і безкоштовних альтернатив, Photoshop як і раніше є найпопулярнішим і потужним графічним редактором, а також вибором за замовчуванням багатьох дизайнерів, ілюстраторів і фотографів. Якщо вам потрібна функція, але її не можна знайти в Photoshop, не хвилюйтеся - доступні незліченні сценарії та плагіни, які допоможуть вам розширити та покращити функціональність Photoshop.

Ось підбірка з 20 корисних плагінів Photoshop для дизайнерів.

Додатки Photoshop для макетів і макетів

1. WebZap

Якщо ви веб-дизайнер, WebZap значно полегшить ваше життя. Цей плагін допомагає створювати макети веб-сайтів, надаючи напрямні та шаблони для сітки 960. Її можна використовувати для створення тексту заповнювача та вибору попередньо створених елементів інтерфейсу для додавання до вашого веб-сайту. Кожен елемент може бути змінений як окремий шар. WebZap також може створювати привабливі попередні перегляди вашого дизайну для вітрин і презентацій.

Ключові риси:

  • Потрібно Photoshop CS 5 або новіше
  • Працює як на OS X, так і на Windows
  • Дозволяє створювати макети веб-сайтів
  • Пропонує попередньо виготовлені макети
  • Створює фіктивний текст ("lorem ipsum") і елементи інтерфейсу (меню, кнопки…)

Ціна: $ 19

2.Webbsy

Webbsy робить веб-дизайн легким, перетворюючи файли PSD у HTML та CSS. Вам не потрібно розмічати ваші шари - Webbsy може автоматично називати їх і експортувати всі елементи дизайну в CSS3. Якщо щось не може бути перетворено в HTML, Webbsy відображає його як зображення. Він підтримує чуйний веб-дизайн, експортуючи до відповідних розмірів для різних пристроїв. Webbsy дозволяє використовувати шрифти Google у своїх проектах і може автоматично експортувати у формати для МЕНШІ, SASS, SCSS, Stylus, HAML, Slim і Jade.

Ключові риси:

  • Перетворює ваші проекти PSD в HTML і CSS
  • Підтримує шрифти Google, LESS, SASS, SCSS і Stylus
  • Дозволяє експортувати зображення з вашого проекту та вибирати їх якість
  • Зрізи зображень, можуть експортувати текстові елементи
  • Потрібен Photoshop CS6 або новіший, включаючи CC

Ціна: $ 49, доступна безкоштовна 14-денна пробна версія

3. Velositey 2

Velositey - дивовижний плагін для створення макетів і прототипів. Він використовує пресети та шаблони для спрощення процесу проектування. Ви можете вставити попередньо виготовлені модулі та змінити їх пізніше, і дозволити Velositey генерувати favicons і mapicons для вашого проекту. З Velositey, можна побудувати весь макет всього за одну хвилину.

Ключові риси:

  • Вибирайте готові елементи та шаблони, щоб створити макет
  • Використовуйте сітку для позиціонування елементів
  • Генерують favicons і mapicons
  • Працює в Photoshop CS6, CC і CC 2014

Ціна: Безкоштовно

4. Elemente

Ви коли-небудь хотіли створити свою власну тему WordPress, але не встигли розібратися з усіма кодуваннями? Elemente by Divine Project - це плагін, який дозволяє зробити це шляхом перетворення будь-якого PSD-дизайну в тему WordPress. Можна створити план з нуля в редакторі макетів або змінити надані шаблони, а потім дозволити Elemente сформувати код теми. Він пропонує корисні решітки для зміни розміру та позиціонування елементів, а також можете групувати елементи. Elemente підтримує розширені типографічні параметри, такі як кернінг і базовий зсув, і дозволяє експортувати всі формати тексту (розмір шрифту, вага, вирівнювання…). Код, створений Elemente, є правильним і оптимізований для SEO, і, якщо хочете, ви можете змінити його в будь-якому іншому редакторі коду.

Ключові риси:

  • Перетворює PSD в тему WordPress
  • Не потрібно кодування; просто розробити план, перетворення автоматично
  • Дозволяє використовувати шаблони та елементи групи
  • Експортує чистий, SEO-оптимізований код
  • Працює тільки на 32-розрядних Windows
  • Підтримує Photoshop CS3, CS4, CS5, CS6 і CC

Ціна: $ 99 за персональний план, $ 199 за план розробника, безкоштовна пробна версія

Додатки Photoshop для сіток і шарів

5. GuideGuide


Цей плагін допомагає створювати сітки та спеціальні посібники на основі всього вашого проекту або лише вибраних частин. Ви також можете використовувати позначення сітки для створення таблиць і коригування полів. GuideGuide допоможе вам розрахувати більшість розмірів. Ви можете зберегти створені сітки як Набори (шаблони) для майбутнього використання. Направляючі можна перемикати клацанням миші, і ви навіть можете зробити сітку всередині сітки!

Ключові риси:

  • Створення та збереження сіток
  • Відрегулюйте напрямні та поля
  • Підтримує Photoshop CS5 і новіше

Ціна: Безкоштовно

6. Контроль за планами 2

Layrs Control 2 є практичним рішенням для управління шарами, і він може бути особливо зручним при роботі на великих, складних проектах з декількома шарами. Цей плагін можна використовувати для редагування назв шарів, оптимізації проекту, видалення невикористаних ефектів і порожніх шарів, а також вирівнювання всіх вибраних шарів. Також можна растеризувати смарт-об'єкти і перетворити вибрані шари на інтелектуальні об'єкти.

Ключові риси:

  • Працює з Photoshop CC & CC 2014
  • Перейменуйте та вирівняйте шари
  • Видаліть порожні шари та невикористані ефекти

Ціна: Безкоштовно

7. CSS3PS

Цей плагін спрощує перетворення шарів Photoshop у код CSS3. Просто створіть свою графіку в Photoshop, виберіть потрібні шари і чекайте, поки плагін завантажить результат у ваш веб-браузер за замовчуванням. Підтримувані властивості включають розмір, радіус кордону, внутрішню і тінь, внутрішнє і зовнішнє світіння, а також звичайні властивості шрифту для текстових шарів.

Ключові риси:

  • Працює на Windows і OS X, вимагає Photoshop CS3 або новішої
  • Дозволяє конвертувати один або кілька шарів у код CSS
  • Підтримує префікси браузера (-webkit-, -moz-, -ms-…)
  • Автоматично обчислює відповідні розміри і перетворює розмір шару

Ціна: Безкоштовно

8. UberColumns

UberColumns - це зручний плагін, якщо ви витрачаєте багато часу на редагування тексту у своїх проектах. Вона дозволяє форматувати текст у стовпці - весь текст залишається на одному шарі, і він автоматично повертається, щоб відповідати розміру шару, якщо ви зміните його або додати більше тексту. Все, що вам потрібно зробити, це вибрати кількість стовпців.

Ключові риси:

  • Працює на OS X і Windows, вимагає Photoshop CC або CC 2014
  • Розбиває текст у текстовому шарі на потрібну кількість стовпців
  • Автоматично налаштовує текст, якщо змінювати розмір шару

Ціна: Безкоштовно

Додатки Photoshop для кольорів, шрифтів і ефектів

9. Swatchy

Swatchy - це невеликий плагін, який дозволяє організувати ваші зразки кольорів у папках. Таким чином можна зберігати та легко отримувати доступ до колірних схем і попередньо переглядати кольори, які ви часто використовуєте.

Ключові риси:

  • Керує зразками та дозволяє організовувати їх у папки
  • Працює на OS X і Windows
  • Потрібно Photoshop CC і CC 2014

Ціна: Безкоштовно

10. MagicPicker

MagicPicker - це плагін керування кольором, який покращує існуючі інструменти кольору у Photoshop, додаючи корисні функції. Ви можете використовувати такі параметри, як Tone Lock для керування гаммою вибраних кольорів, а також розширений інструмент Color Wheel з трикутником, коробкою та алмазними режимами. Він також допомагає створювати кольорові схеми та пропонує компактний режим для збереження простору екрана.

Ключові риси:

  • Працює на OS X і Windows
  • Підтримує Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 і CS3
  • Дозволяє генерувати кольорові схеми
  • Вибирайте кольори з покращеного колірного колеса з трьома режимами та тональним блокуванням
  • Виберіть тільки теплі або холодні тони з палітри
  • Копіювати кольорові коди HEX одним натисканням

Ціна: $ 19; Безкоштовна 15-денна пробна версія доступна для завантаження

11. FilterForge

FilterForge - це неймовірно потужний редактор, який можна використовувати як окрему програму або плагін Photoshop. Ви можете використовувати його для створення власних фотоефектів і фільтрів, і це дає вам доступ до величезного онлайнового сховища вмісту, поданого користувачем. Він підтримує безшовну плитку для текстур, а фільтри можуть бути відтворені в будь-якій резолюції. Кожен пресет має декілька варіантів вибору, тому FilterForge має задовольняти всі ваші потреби фотоефектів.

Ключові риси:

  • Працює як на OS X, так і на Windows
  • Дозволяє створювати власні фільтри, ефекти та текстури
  • Виберіть з онлайн-сховища фільтрів
  • Створюйте карти та текстури, які підтримують безшовну плитку

Ціна: $ 399, доступна безкоштовна 30-денна пробна версія

12. Eye Candy 7

Eye Candy 7 від Alienskin - це плагін, що дозволяє вибрати з 32 категорій ефектів і більше тисячі пресетів, які застосовуються до вашої графіки. Його можна використовувати для створення власних ефектів і миттєвого перегляду змін, застосованих до будь-якого шару. Всі ефекти застосовуються в новому шарі, тому ваша оригінальна робота залишається недоторканою, поки ви не вирішите її змінити.

Ключові риси:

  • Створюйте та застосовуйте реалістичні ефекти
  • Виберіть пресети з багатої колекції
  • Підтримує редагування в новому шарі, щоб зберегти оригінальний дизайн
  • Миттєво переглядайте ефекти
  • Працює на OS X OS X 10.7 або новіше, Windows 7 і 8
  • Потрібен Photoshop CS5, Елементи 10 або новіше

Ціна: $ 129, безкоштовна пробна версія

13. Герой шрифту

Герой шрифту допомагає організувати шрифти і виключає необхідність використання окремого додатку для керування шрифтами. Цей плагін завантажує всі встановлені шрифти з вашого комп'ютера в акуратний інтерфейс, де можна позначати, уподобати і групувати їх. Ви можете миттєво переглядати шрифти і змінювати їх зовнішній вигляд. Шрифт Hero дозволяє змінювати шрифт для будь-якого текстового шару одним клацанням миші. Він підтримує шрифти Google і Typekit, але зберігає їх окремо для вашої зручності.

Ключові риси:

  • Імпортуйте, переглядайте та організовуйте всі шрифти безпосередньо в Photoshop
  • Тег і улюблені шрифти, щоб полегшити пошук
  • Підтримка веб-шрифтів
  • Працює на OS X і Windows, вимагає Photoshop CC 2014

Ціна: $ 39

Деякі інші плагіни Photoshop

14. FlatIcon

FlatIcon - популярний запасний ресурс, і цей простий плагін дозволяє використовувати їхні безкоштовні іконки безпосередньо з Photoshop. Вибрані піктограми імпортуються як вектори, тобто ви можете вільно редагувати їх відповідно до вашого проекту.

Ключові риси:

  • Надає вам доступ до тисяч безкоштовних іконок
  • Всі іконки доступні в повністю редагованому векторному форматі
  • Підтримує Photoshop CS5, CS6, CC і CC 2014

Ціна: Безкоштовно

Генератор QR-кодів

Цей плагін робить саме те, що його назва говорить - він генерує QR-коди як векторні маски, які можна редагувати і використовувати у своїх проектах. QR-коди генеруються в якості друку з сумісністю CMYK, тому вам не потрібно турбуватися про це. Плагін підтримує кілька типів QR-коду, включаючи URL, SMS, візитну картку, звичайний текст і електронну пошту.

Ключові риси:

  • Створює QR-коди як зображення, які можна змінити
  • Підтримує декілька типів QR-кодів
  • Коди оптимізовані для друку і відповідають стандарту QR-коду
  • Плагін працює на OS X і Windows

Ціна: $ 19

16. TinyPNG

TinyPNG дозволяє експортувати зображення в PNG і стискати їх, щоб зменшити їх розмір, але зберегти прозорість. Він підтримує пакетне редагування і автоматично перетворює зображення в sRGB, якщо це необхідно. І вона має симпатичну панду як талісман!

Ключові риси:

  • Працює на OS X і Windows
  • Підтримує Photoshop CS5, CS6, CC і CC 2014
  • Дозволяє редагувати кілька зображень одночасно
  • Стискає файли PNG, зберігаючи прозорість

Ціна: $ 40

17. Екран

Descreen - рятівник, якщо ви часто використовуєте відскановані матеріали у своїх проектах. Він видаляє екрани і муари (інтерференційні) з відсканованих зображень, використовуючи точний метод перетворення Фур'є. На відміну від інших інструментів, які покладаються на розмивання, Descreen може зберегти більш детальну інформацію завдяки такому підходу. Рекомендована роздільна здатність для сканувань становить від 600 до 1200 пікселів на дюйм.

Ключові риси:

  • Підтримує Photoshop від версії 7.0 і CS до CS6 і CC
  • Видаляє екранні та інтерференційні шаблони зі сканованих зображень
  • Працює на Windows і OS X

Ціна: Home Edition € 15, Professional Edition € 75

18. Ідеальний розмір

Perfect Resize дозволяє збільшувати фотографії без втрати якості та співвідношення. Він пропонує інструмент для обрізання з попередніми налаштуваннями та інший інструмент для «вирівнювання» фотографій. Perfect Resize може збільшувати фотографії, зроблені мобільними пристроями, і створювати розширені поля для друку фотографій на полотні. Ви можете використовувати його, щоб змінити розмір фотографій і зберегти дві різні версії одного зображення.

Ключові риси:

  • Дозволяє збільшувати, обрізати та вирівнювати фотографії
  • Оптимізує фотографії для друку
  • Підтримка зміни розмірів багатьох фотографій одночасно
  • Працює на Windows 7 & 8 і OS X 10.8 - 10.10
  • Вимагає Photoshop CS6, CC або CC 2014 (також Елементи 11, 12 або 13)

Ціна: $ 79.95, пропонує 30-денну пробну версію

19. Обкладинка Action Pro

Цей плагін ідеально підходить для дизайнерів обкладинки книг і для всіх, кому потрібно продемонструвати свою роботу професійним, візуально привабливим способом. Cover Action Pro перетворює ваші проекти в 3D-кадри продукту; точніше, передає їх на моделі виробів. Ви можете використовувати шаблони та посібники, а також вибрати з 25 категорій, що містять більше 150 моделей, включаючи книги, папки, DVD-коробки, листівки, візитки, журнали…

Ключові риси:

  • Дозволяє конвертувати ваші проекти в тривимірні моделі
  • Пропонує шаблони та моделі
  • Розроблено для Photoshop CS6 і новіше, але може працювати на CS5, CS4 і CS3
  • Автоматичне оновлення

Ціна: $ 147 або $ 247 з 60 шаблонами дизайнера

20. Авокод

Ні, це не плоди з помилками. Avocode - це інструмент для співпраці та управління проектами, призначений для об'єднання дизайнерів і розробників. Це дозволяє розробникам завантажувати свій проект за допомогою додатка Photoshop, а розробники можуть перевірити елементи дизайну в веб-інтерфейсі або окремому додатку. Можна експортувати шари як зображення, перетворювати шари на CSS, Less, Sass або Stylus, отримувати інформацію про форматування тексту і розміри шарів. Avocode зберігає раніше завантажені версії дизайну на сервер, тому ви можете використовувати його як систему контролю версій для вашого проекту.

Ключові риси:

  • Легко поділіться своїми проектами за допомогою додатка Photoshop
  • Перевірте дизайн у веб-інтерфейсі або в додатку - працює на OS X, Windows і Linux
  • Експортуйте шари як зображення, конвертуйте їх у CSS
  • Доступ до попередніх версій спільних конструкцій

Ціна: починається від $ 20 на місяць, пропонує безкоштовну 14-денну пробну версію

ТАКОЖ: 10 безкоштовних інструментів для створення власних шрифтів

Які плагіни Photoshop ви рекомендуєте дизайнерам? Чи існують плагіни, без яких ви не можете жити? Розкажіть про них у коментарях.

Top