10+ безкоштовні додатки Photoshop для веб-дизайнерів
Використання розширень Photoshop значно збільшує його здатність допомагати вам розробляти, обробляти робочий процес і зробити вас більш продуктивними. Можна використовувати додаток Photoshop прискорити повторювані або нудні завдання як от:
- генерувати довгі тіні
- експортувати шари Photoshop
- конвертувати PSD в CSS3
- конвертувати текст Photoshop у SVG
- будувати специфікації дизайну в Photoshop
- конвертувати skeuomorphic дизайн в плоский дизайн
Є багато інших розширень Photoshop, і в цьому списку 12 чудових, які допоможуть вам керуйте своїми шарами, кольорами, напрямними і більше, для полегшення робочого навантаження і допоможе вам зосередитися більше на тому, що вимагає вашої уваги. Якщо ви знаєте про додаткові додатки або розширення Photoshop, повідомте нам про це в коментарях.
1. Hexy
Hexy надає вам більш швидкий шлях отримати код Hex і RGB. За допомогою цього додатка ви можете скористатися інструментом піпетки і просто натиснути на колір зображення, яке ви хочете отримати, а Hexy автоматично копіює колір у буфер обміну для вас. Таким чином ви можете негайно вставити його, щоб використовувати його в CSS. Це зручний інструмент для вибору кольору.
Сумісність: Photoshop CC 2014
2. Знаки розміру
SizeMark дозволяє вам додайте мітки розміру об'єкта або відстань між кожним об'єктом за допомогою інструмента Marquee. SizeMark зберігає кожну позначку, створену в новому шарі, щоб ви могли налаштувати її залежно від того, який шлях вам потрібно, наприклад, змінюючи колір або регулюючи його положення. Це дуже важливо, коли потрібно перевести PSD на функціональний веб-сайт.
Сумісність: Photoshop CC 2014
3. Pictura
Чи потрібно вставляти зображення у свій дизайн? Ви повинні встановити Pictura. Pictura дозволяє шукати і додавати зображення до Photoshop зручно, не виходячи з робочого простору. Після встановлення Pictura додасть нову панель, на якій ви зможете шукати будь-яке зображення з будь-якої потрібної ліцензії, а потім негайно вставити його у свій дизайн..
Сумісність: Photoshop CC 2014
4. Піч
Піч - це чудовий плагін, який допоможе вам краще керувати своїми активами. Генератор Photoshop дозволяє нам експортувати зображення в реальному часі, але вам доведеться перейменувати всі шари, щоб правильно створити зображення і з належним ім'ям. Духовка усуває цю неприємність.
Сумісність: Photoshop CC і CC 2014
5. Чорнило
Перетворення PSD на функціональний веб-сайт завжди є складним процесом. Існує так багато деталей для вивчення, наприклад, стилів шарів, розміру шрифту, сімейства шрифтів, розміру елементів і положення щодо інших елементів. Чорнило допоможе вам генерувати цю інформацію легко.
6. LayerCraft
LayerCraft це додаток Photoshop, який дозволяє вам експортувати шари в декілька масштабів. Можна експортувати зображення @ 1x
, @ 2x
і навіть @ 3х
(що потрібно для пристроїв iOS з екраном Retina), або mdpi
і xhdpi
для Android. Якщо ваша щоденна робота є створення інтерфейсу для мобільного інтерфейсу, це інструмент, який економить багато часу.
Сумісність: Photoshop CC і CC 2014
7. Композитор
Композитор покращує функцію Photoshop Layer Comps. Замість того, щоб мати декілька окремих файлів для зберігання кожної модифікації дизайну, Layer Comps дозволяє зберігати їх і керувати ними в одному файлі. Layer Comps діє подібно до Smart Object. Кожен може містити пару властивостей таких стилів шарів і режимів накладання. Композитор, в даному випадку, надає найпростіший спосіб оновити ці стилі лише одним клацанням миші.
Сумісність: Photoshop CS5, CS6 і CC
8. Велосітей
Швидкість - це розширення допоможе вам побудувати прототип веб-дизайну швидко. Velocitey поставляється з декількома попередньо встановленими шаблонами, включаючи сітку. Він також поставляється з загальними пласками розкладки для заголовка сайту, вмісту та колонтитулу. Ви можете додати всі ці компоненти одним клацанням миші. Це буквально заощаджувач часу (і це безкоштовно).
Сумісність: Photoshop CS6, CC, CC 2014
9. Duplllicator
Duplllicator забезпечує найшвидший шлях дублювати шари або групи Photoshop. Ви можете вказати потрібну кількість копій, а потім встановити вертикальний та горизонтальний інтервали дубльованого шару.
Сумісність: Photoshop CC і CC 2014
10. QuickGuide
QuickGuide допоможе вам намалюйте керівні принципи у Photoshop. Цей плагін надає 12 пресетів для легкого додавання напрямних з одного боку, двох суміжних сторін або всіх сторін кожного об'єкта. До інших функцій можна віднести перемикання напрямних блокування та видимість, видалення цілих напрямних або вибраних, а також копіювання та вставлення напрямних.
Сумісність: Photoshop CC 2014
11. Генератор Lorem Ipsum
Генератор Lorem Ipsum буде генерувати випадкові слова або фрази. Замість того, щоб копіювати його з іншого місця, ви можете генерувати Lorem Ipsum прямо з робочого простору Photoshop. Налаштовано кілька варіантів для налаштування виводу. Цей плагін також доступний для Illustrator, InDesign та Dreamweaver.
Сумісність: Photoshop CS5, CS6 і CC
12. Lorem Picsum
Lorem Picsum генерує випадкові зображення, а не текст. Надане зображення походить від популярних фільмів і телевізійних шоу, наприклад Футурама, Ріо, Сімпсони, В пошуках Немо, і UP.
Сумісність: Photoshop CS6 і CC