Розмиття в Illustrator - Застосування різних параметрів розмиття в Adobe Illustrator
Blur в Adobe Illustrator - це програмне забезпечення для векторного редагування, яке дозволяє користувачам створювати векторні витвори мистецтва. Спочатку його випустили 19 березня 1987 року. Він підтримує як Windows, і Mac OS. Остання версія Illustrator - Adobe CC 2019. Користувачі можуть додавати різні ефекти та властивості до об'єктів та зображень у Illustrator. Існують варіанти додати ефект розмиття на зображеннях. Ви можете зробити це, дотримуючись простого методу. Навчившись використовувати розмиття, можна використовувати його для створення креативних ефектів розмиття ваших зображень. У цій статті ви навчитеся застосовувати різні ефекти розмиття в Illustrator.
Різні ефекти розмиття в Adobe Illustrator
Нижче наведено кроки, які показують ефекти розмиття в ілюстраторі:
Крок 1 Відкрийте Adobe Illustrator та створіть документ для роботи.
- Нижче я використовував зображення. Так само ви можете використовувати один. Єдине, що ви повинні помітити, це те, що зображення повинно мати високу роздільну здатність. Додайте зображення до документа, перетягнувши його прямо на полотно або використовуючи «Файл і місце».
Крок 2: Перш за все, виберіть об'єкт за допомогою інструмента вибору. Ви також можете використовувати клавішу швидкого доступу (V) для вибору інструмента.
Крок 3: Виберіть зображення або об'єкт, який ви маєте в документі, для застосування ефекту розмиття. Після вибору зображення з'явиться синє поле з якорями. Це означає, що об'єкт вибраний і готовий до редагування.
Крок 4: Далі, потрібно прокрутити до опції «Ефект» у верхній частині вікна, як показано нижче.
Крок 5: У розділі Photoshop наведіть курсор миші на "Blur"
Крок 6: Тепер з'явиться меню, що відображає різні ефекти розмиття, які можна вибрати для застосування до зображення. Ви знайдете варіанти розмиття, такі як розмиття по Гаусс, радіальне розмиття, розумне розмиття і так далі.
Крок 7: Спочатку я оберу розмиття по Гаусс. Тепер з'явиться маленьке діалогове вікно. Ви можете натиснути на поле та перетягнути його у відповідне місце у документі.
Крок 8: Ви можете встановити розмиття в діапазоні радіусів від 0, 1 до 250. Для цього ви можете перемістити повзунок ліворуч або праворуч, або ввести номер вручну. Таким чином, інтенсивність розмиття може бути змінена.
Крок 9: Встановіть прапорець попереднього перегляду в нижньому лівому кутку.
Крок 10: Натисніть кнопку «ОК», щоб підтвердити значення розмиття після того, як відчуєте, що воно дає необхідний ефект. Ви можете використовувати «Розмиття за Гаусом» для додавання до зображення звичайного ефекту розмиття або ефекту помутніння.
Крок 11: Далі ми побачимо, як працює "Radial Blur". Для цього ми змінимо попередній ефект розмиття, натиснувши Ctrl+Z.
Крок 12: Повторіть попередній крок. Виберіть зображення та перейдіть до опції «Ефект».
Крок 13: Натисніть на Blur і виберіть "Radial Blur"
Крок 14: знову з'явиться діалогове вікно. Це розмиття застосовує ефект із радіусом, заснованим на центральній точці. Ви можете переглянути вікно попереднього перегляду, яке зображує форму розмиття.
Крок 15: Ви можете ввести розмір розмиття в діапазоні від 1 до 100. За бажанням ви можете перетягнути повзунок, щоб змінити значення.
Крок 16: Ви можете вибрати один із двох методів Blur: Spin та Zoom. Виходячи з вашого розділу, ваше зображення матиме ефект розмиття або з обертанням або зі збільшенням.
Крок 17: Зрештою, ви можете вибрати якість: Чернетка, Хороший і Кращий.
Крок 18: Якщо ви виберете Чернетку, він дасть результат нижчої якості, але буде швидше, оскільки розмір менший. "Добре" дасть гідний результат, в той час як "Кращий" дасть найвищу якість, але в залежності від вашої системи це займе трохи часу.
Крок 19: Натисніть OK, щоб застосувати установки.
Крок 20: натисніть Ctrl+Z. Повторіть попередній крок. Виберіть зображення та перейдіть до опції «Ефект».
Крок 21: Натисніть на Blur та виберіть "Smart Blur"
Крок 22: З'явиться нове спливаюче вікно. Там відображається вікно попереднього перегляду. Ви можете збільшити або зменшити масштаб вікна попереднього перегляду, натискаючи кнопки + і - або вибираючи зі списку. Зверніться до зображення нижче для кращого розуміння.
Крок 23: Знову ж таки, у вас є повзунок радіусу між значеннями від 0, 1 до 100. Нижче у вас є ще один повзунок для визначення порогового значення.
Крок 24: Далі клацніть меню "Якість". Тут ви знайдете три стандартні варіанти: низький, середній та високий.
Крок 25: Після цього внизу виберіть режим. Ви можете вибрати між Normal, Edge Only та Overlay Edge.
Ви можете спробувати застосувати кожен режим і підтвердити, натиснувши OK.
Висновок - розмиття в Illustrator
У цій статті ми докладно пояснили різні параметри розмиття, доступні в Adobe Illustrator. Ви можете спробувати застосувати їх до своєї творчої роботи та покращити свою роботу.Ідіть уперед і почніть практикувати кроки, випробовуючи метод на зображеннях чи об'єктах. Аналогічно, ми згадували про інші ефекти та параметри, доступні в Illustrator. Пройдіть їх та опануйте програмне забезпечення для створення дивовижних робіт.
Рекомендовані статті
Це керівництво до Blur у Illustrator. Тут ми обговорюємо різні варіанти розмиття, доступні в Adobe Illustrator. Ви також можете переглянути інші наші статті, щоб дізнатися більше -
- Вставте зображення в Illustrator
- Інструмент Slice в Illustrator
- Корекція кольору в After Effects
- Обрізати в Illustrator
- Топ 4 найкращих програм для редагування відео в галузі
Як зробити розмиття в ілюстраторі: Як створити велике розмите зображення у Photoshop, Illustrator, або Sketch
Як створити велике розмите зображення у Photoshop, Illustrator або Sketch
Розмиті зображення – це зараз дуже модно. Є кілька різних способів його створення, тому ми вивчимо цю техніку в Photoshop, Illustrator і Sketch.
По-перше, використовуване вами програмне забезпечення - це те, в якому вам найзручніше працювати. Вибір також ґрунтується на меті створення розмитого зображення.
Розмиті зображення у Photoshop
Якщо вам потрібно просто величезне розмите зображення для фону або чогось подібного, тоді не має значення, яку програму ви оберете. Але якщо, крім простого розмивання, вам необхідно проводити й інші маніпуляції, такі як створення складеного зображення і т.д., краще скористатися іншим пакетом. Знову ж таки, назва говорить сама за себе — Photoshop.
Як тільки зображення відкрито всередині Photoshop, ніколи не зайвим буде зробити копію шару перед тим, як щось редагувати, на випадок якщо в майбутньому знадобиться оригінальний шар.Клацніть правою кнопкою миші на шар і виберіть Duplicate Layer (дублювати шар) або натисніть Command + J.
Далі ми конвертуємо зображення у смарт-об'єкти. Для цього натисніть правою кнопкою миші та виберіть Convert to a Smart Object. (Конвертувати в смарт-об'єкти).
Ми можемо застосувати гаусове розмиття на весь об'єкт, але як тільки ми це зробимо, ми більше не зможемо видалити ефект без видалення самого об'єкта, і доведеться починати все знову. Завжди краще, по можливості, застосовувати недеструктивні технології редагування, залишаючи можливість виконання налаштувань, якщо в процесі змінюються якісь деталі.
Виділивши смарт-об'єкт, виберіть Gaussian Blur (розмиття за Гаусом) з меню Filter > Blur > Gaussian Blur
Значення радіусу розмиття - це більше справа смаку та конкретної мети. Для цього прикладу виберемо значення 50.
Так, красиво і розмито.
І оскільки ми використовували смарт-об'єкт, а не сире растроване зображення, ми можемо натиснути подвійним клацанням на smart filter (смарт-фільтр) для повторної активації опції розмиття та зміни її параметрів.
Ось так ви можете розмити зображення у Photoshop.
Розмиті зображення в Illustrator
Розмивання фотографій у Illustrator дуже схоже на Photoshop. Коли зображення відкрито або розміщено в Illustrator, виділіть зображення на полотні та виберіть пункт Effect > Blur > Gaussian Blur.
З'явиться таке ж діалогове віконце для налаштування радіусу розмиття. Виставте значення 50 і все!
На відміну від фотошопу, ці об'єкти вже за умовчанням смарт-об'єкти, Тут не можна знищити жоден піксель, так як в Illustrator все векторизовано.
Якщо вам потрібно повернутися назад і переналаштувати радіус розмиття, переконайтеся, що відображається панель Appearance (Window > Appearance), двічі клацніть на Gaussian Blur. Тепер ви можете виконати налаштування.
Ось і все, ви стали професійним "розмивачем фотографій" у Illustrator.
Розмиття зображень у Sketch
У Sketch досить легко зробити розмиття Гауссом. Виділіть зображення на полотні.
Бачите той чекбокс праворуч, називається Gaussian Blur? Клацніть його та введіть значення розмиття. Ось і все.
Можна по-іншому розмити зображення в Sketch, застосувавши фонове розмиття на об'єкт на передньому плані. Розмиття фону відмінно працює для фотографій, але також добре підходить для всього, що розташоване під об'єктом - текст, векторні об'єкти і т.д.
Натисніть R, щоб вибрати інструмент прямокутника та намалюйте фігуру окрім зображення.
Виділивши прямокутник, подивіться праворуч і натисніть на текст Gaussian Blur. Відкриється список, в якому потрібно вибрати Background Blur (фонове розмиття). Змініть параметр Fill(заливка) на 20%, щоб переглянути ефект у дії.
Резюме
Ви познайомилися з кількома способами розмити зображення за допомогою різних інструментів. Кожен метод має свої плюси і мінуси, що залежать від контексту. Вибирайте те, що найкраще для вас.
Переклад статті Matt D. Smith
Як зробити розмите вектор фону ~ Записки мікростокового ілюстратора
Нещодавно до мене надійшло прохання від читачів блогу, зробити урок по розмитому тлі. Ну, власне кажучи, я його зробив 🙂 Тому зустрічайте цілих чотири способи, як зробити розмите фон в ілюстраторі. Причому на виході фон ми отримаємо звичайно векторний.Хоч растрові елементи та ефекти і будуть застосовуватися в процесі, але все одно нас чекає повністю векторний фон. А як ви хотіли? Чого тільки люди не вигадають, щоб пропхати картинку на стік.
Останнім часом уроки у нас на блозі просто дивовижні, вони зачаровують, захоплюють і змінюють долі людей… До речі, всі вони тут: Уроки Adobe Illustrator. Але цей урок буде простим і невимушеним. Так, насправді розмите заблюренний фон в ілюстраторі робиться дуже легко. Можливо, багато хто звикли, що такі ефекти зазвичай растрові, тому здивовані, коли бачать розмите фон у векторі.
Отже, почнемо зі способу номер один.
1. Розмитість фону через міш з великим кроком
Спочатку нам знадобиться вихідник фону. У першому способі ми використовуватимемо фото. Фото де взяти – зрозуміло, треба його сфотографувати. Наприклад, ось таке.
Відмінна фотографія, де я завантажуюсь у сліпер бас під час подорожі Індією. Нічерта не видно, все змащене, сильний шум, якісь вогні — ніколи б не подумав, що ця фотографія принесе хоч якусь користь. Загалом беремо її однозначно.
Щоб помістити фото в ілюстратор, перетягуємо його прямо на артбоард (або використовуйте File > Place).
Отримуємо залінковане зображення на робочій області. Фотографія має бути виділена, далі йдемо Object > Create Gradient Meshконвертувати об'єкт у градієнтну сітку. У віконці ставимо галочку Previewтак відразу видно результат конвертації, і встановлюємо необхідні налаштування.
З налаштувань нам потрібна лише кількість колонок і рядків біля сітки. Сітка повинна вийти рідкою, тому виберіть менші значення. Потім тиснемо OK.
І отримуємо звичайнісінький векторний міш. Це і є наше розмите фон.Можна зробити ще парочку рухів тіла, але це вже всі окремі випадки. Наприклад, у своєму фоні мені захотілося прибрати незграбність плям, яка дуже часто видно через те, що сітка квадратна. Для цього беремо білу стрілочку Direct Selection Tool (A) та редагуємо положення вузлів та ручок.
Потім підганяємо сітку під розміри артборду. Далі класика жанру - додаємо спарклінгів та світяшок. Жодних растрових ефектів не використовується. Це прості кола з радіальним градієнтом та режимом накладання Color Dodge і Screen. Головне, добре налаштувати кольори та прозорості.
І текст як заключний штрих, щоб надати фону логічного і завершеного вигляду.
Розмитість фону готовий. І як бачите, перший спосіб дуже простий. Єдиний недолік у нього, так це тло виходить дуже розмитим через рідкісний міш. Але якщо робити міш частим, то при конвертації растрового зображення утворюється просто купа розмитих квадратиків, ефект зовсім не той. Тому для створення фону з меншим ступенем розмитості ми скористаємось способом номер два.
2. Розмите фон через міш з частим кроком
А другий спосіб створення розмитого фону в Adobe Illustrator, до речі, не набагато складніший за перший 🙂 Так що поїхали. Я пропоную вам вирушити до мікросвіту, оскільки наші експерименти з розмитості відбуватимуться з молекулами. Для цього я зробив одну з них за допомогою мі сіток.
Потім зробимо ще дві копії молекули та помістимо їх поруч. Краї молекул просвічуються виключно через режим накладання Multiplyя виставив для цих об'єктів.
Зробимо ще копії молекул тільки менше. Тут можна розбити ілюстрацію на кілька шарів для зручності, щоб відокремлювати задній план від переднього.
Маленькі молекули зараз розташовані на задньому плані. І для більшого ефекту потрібно додати їм розмитості, щоб спостерігач сприймав їх як об'єкти, розташовані поза зоною фокусу, десь позаду основної групи молекул.
Для цього ми поки що вимкнемо шар із великими молекулами, щоб вони не заважали в процесі роботи, а все інше відраструємо.
Виділяємо молекули з фоном, і йдемо Object > Rasterize. На скріншоті нижче видно мої налаштування. Якщо чесно, я нічого особливо не чіпав, даних параметрів виявилося достатньо для подальшої роботи.
Після того, як ви натиснете кнопку OK, векторні об'єкти перетворяться на растрове зображення, яке вже вбудоване у поточний файл.
Тепер цей монолітний растровий малюнок можна добре розблюрити через ефект. Виділяємо його та йдемо Effect > Blur > Guassian Blur. Радіус розмиття підбираємо на око, мені вистачило п'ятнадцяти. Тиснемо OK, щоб застосувати ефект.
Далі розбираємо результат, щоб позбавитися ефекту і знову отримати чисте растрове зображення. Для цього виконайте команду Object > Expand Appearance.
Настав час позбутися растру. Діємо за аналогією з першим способом, йдемо Object > Create Gradient Meshконвертувати об'єкт у градієнтну сітку. Але на цей раз виставляємо максимальну кількість кроків, тобто 50. Більше ілюстратор зробити не дасть, але в конкретному випадку нам достатньо цього значення.
Магія Девіда Копперфільда, і у нас на артборді вже векторне розмите фон.
Включаємо шар з великими молекулами, і додаємо інтригуючий текст. Готово!
Але ж ми на цьому не зупинимося? Так, справді час дізнатися, наскільки глибока кроляча нора. Переходимо до методу номер три.
3.Розмитість фону через MeshTormentor
Третій спосіб це насправді різновид другого. Плагін MeshTormentor лише додає додаткові можливості. Завантажити плагін можна з офіційного сайту, там ви знайдете необхідні інструкції по роботі з ним: meshtormentor.com
Коли MeshTormentor успішно встановлений на вашому ілюстраторі, діємо за вже звичним алгоритмом. Відкриваємо будь-який свій вектор, який збираємося блюрити, і копіюємо там все кудись на поля.
Копію виділяємо та йдемо Object > Rasterize. Розтеризуємо векторні об'єкти.
Тиснемо кнопку OK, і отримуємо растровий варіант Векторні ілюстрації.
Після цього нам потрібно розмити растрову картинку, як ми це робили на другому кроці. Виділяємо зображення та йдемо Effect > Blur > Guassian Blur. Не забудьте потім зробити Expand Appearance, щоб позбутися від ефекту.
Поверх нашої розмитої растрової штуки ставимо прямокутник, відцентруйте його обов'язково.
Цей прямокутник перетворимо на шос через Object > Create Gradient Mesh. Кількість рядків і стовпців теж ставимо максимальну. 50.
І ось тут нам допоможе плагін MeshTormentorТак як сітка нам потрібна насправді ще частіше. Виділяємо мішовий прямокутник і натискаємо в віконці плагіна кнопку Increase mesh density. Ілюстратор трохи опустить, і плагін збільшить кількість рядків і стовпців сітки.
Потім виділяємо наш суперчастий мішовий прямокутник і растрове тло під ним, і натискаємо в віконці плагіна на кнопочку з Моною Лізою, щоб скопіювати кольори.
MeshTormentor перенесе всі кольори з нижнього растрового тла до вузлів сітки. Результат вийшов практично ідеальний, навіть не відрізнити від растрового фону.
Растрове тло нам до речі вже не потрібне.Його можна сміливо видалити, а ось розмитий векторний міш ми ставимо поверх вихідного фону, що знаходиться на артборді.
Достатньо відцентрувати його строго по горизонталі та вертикалі, щоб розмитий малюнок збігся із вихідником. Скористайтеся для цього панеллю Align.
Ну от і все! Далі можна ще трошки допиляти картинку. Ефект матового скла робиться просто через білий прямокутник зверху з прозорістю, а тіні – це звичайні градієнти з режимом накладання. Multiply. І само собою нам потрібен якийсь натхненний текст.
На закуску у нас залишився спосіб номер чотири. Тут взагалі все простіше простого 🙂
4. Розмите фон через автотрейс
Справді, можна зробити автотрейс розмитого растрового вихідника. Інспектор, звісно, може відхилити таку ілюстрацію з якихось своїх міркувань. Але останнім часом це відбувається досить рідко. Тож робимо.
Все починається з звичного нам растрового вихідника. Це буде фотографія Будди.
Розмиваємо картинку через ефект Guassian Blur. Обов'язково робимо після цього Expand Appearance.
І проганяємо результат через автотрейс.
У результаті натискаємо Expand на панелі інформації, і отримуємо векторні форми.
Розташовуємо Будду на робочій області.
Частини, що виступають, можна закрити маскою. А ще краще автоматично обрізати скриптом Super Magic Eraser. Так розмір файлу буде набагато меншим. Для автотрейсу це особливо актуально, вони часто виходять досить великі, і не проходять на стік обмеження обсягу.
Додаємо текст, і це вже не просто розмите фон, а постер, що несе нам мудрість через тканину простору та часу.
Незважаючи на великий плюс цього способу, який полягає в його простоті, мінус тут теж є.Розмите фон складається з фрагментів, які стають помітними при збільшенні. В іншому, все дуже добре.
Я сподіваюся, цей урок виявився корисним, і ви використовуєте якийсь із способів для створення розмитого векторного фону. Насамкінець хочу нагадати, що до подібних ілюстрацій на стоках часто просять прикладати вихідники або навіть Property Release. Вихідне зображення, зрозуміло, має бути вашим, так що залишилося не забути його прикріпити під час завантаження.
Роман aka dacascas спеціально для блогу Записки мікростокового ілюстратора
Найшвидший спосіб зробити гроші – це їх намалювати. Але ми пропонуємо законні способи заробітку для дизайнерів: Мікростоки
