Створення оптичних ілюзій в Adobe Illustrator
Вступ:
Привіт дорогі читачі PSD-спільноти. Я радий знову вас вітати на одному з моїх уроків. У сьогоднішньому уроці ми розглянемо тему оптичних ілюзій. Я підготував чотири оптичні ілюзії для вас, і ми будемо створювати їх крок за кроком в Adobe Illustrator.
Оптична ілюзія 01:
На цьому графіці ви бачите кілька кола та у центрі квадрат, який має бічні сторони, що вигиніли всередину.
Що, якщо я вам скажу, що квадрат у центрі має абсолютно прямі бічні сторони? Ви мені не вірите? Ну от, тоді просто прикладіть лінійку до бічних сторінок. Ви побачите, що я говорив правду. :-).
Одиниці вимірювання:
Перш ніж ми нарешті розпочнемо основний урок, прошу вас перевірити налаштування одиниць вимірювання. У цьому уроці ми будемо використовувати виключно одиниці вимірювання міліметр. Якщо ви вже маєте їх, ви можете перейти безпосередньо до Кроку 1.
Щоб змінити одиниці вимірювання на Mac, перейдіть до верхньої панелі меню, клацніть на Illustrator>Налаштування>Одиниці…. (Малюнок 02).
На ПК перейдіть до Правка>Налаштування і потім до вкладки Одиниці…
У відкритому вікні ви можете змінити одиниці вимірювання на міліметри. (Малюнок 03).
Крок 1: Створення кола
Після того, як ви відкриєте Illustrator, спочатку перейдіть до Файл>Новий. У наступному діалоговому вікні завжди підбирайте альбомний формат DIN A3 (але ви також можете обрати будь-який інший)
Оскільки нам потрібні деякі траєкторії кола для цієї оптичної ілюзії, спочатку візьміть Інструмент еліпса з Палітри інструментів. Він розташований під Інструментом прямокутника, і його можна викликати, зробивши на нього тривале клік. Також можна просто натиснути комбінацію клавіш L.
З Інструментом еліпса клікніть на будь-яку частину робочої області. Після цього відкриється діалогове вікно, де ви можете ввести розмір еліпса. Для Ширини вам потрібно значення 150 мм. Оскільки вам потрібне коло, ви також вводите це значення в Висоту. Для Окантування-Товщина встановлюємо 0,5pt.
Крок 2: Дублювання та масштабування кола
Далі це коло потрібно декілька разів скопіювати і рівномірно збільшити. Це найкраще робити, коли ви клікаєте у верхньому меню на Об’єкт>Трансформувати>Масштабувати.
Введіть у відкритому вікні значення 1200%.
Оскільки це масштабування повинно бути застосоване до копії кола, ми підтверджуємо це діалогове вікно, клікнувши на Копію. Якщо ви клікнете на OK, коло не буде скопійоване, а вже наявне коло збільшиться, а маленьке зникне. Тому вам слід обов’язково клікнути на Копію.
Щоб створити решту кола, вам знадобиться Інструмент зведення. Ви знайдете його в Палітрі інструментів поряд з Піпеткою. Клікніть двічі на Інструмент зведення та вкажіть у відкритому вікні Визначені ступені та значення 10.
Після підтвердження клікнувши на OK, спочатку клікніть на маленьке коло (Клік 1), а потім на велике коло (Клік 2). Інструмент зведення автоматично створить 10 внутрішніх кола, які були відсутні (див. Малюнок 08).
Крок 3: Створення квадрата
Зараз залишилося тільки створити квадрат. Ми це зробимо за допомогою інструменту Прямокутника. Натискаючи шорткат M, ви відразу викличете інструмент Прямокутника. Так само, як і з еліпсом, ви просто клікаєте десь на робочій області. Після цього знову з'явиться вікно, в якому ви можете налаштувати розмір. Тут ви встановлюєте розмір 112мм для ширини і висоти. Для контурної товщини ви обираєте, як і раніше, 0,5т.
Крок 4: Завершення оптичного обману
На останньому кроці ви вибираєте кола та квадрат. Щоб виділити декілька об'єктів одночасно, тримайте натиснутою клавішу Shift, поки клікаєте на обидва об'єкти.
Тепер вам знадобиться палітра Вирівнювання. Ви знайдете її в меню Вікно>Вирівнювання.
Тут вам просто потрібно натиснути один раз на Горизонтальне вирівнювання і один раз на Вертикальне вирівнювання (див. рисунок 10).
Оптичний обман 02:
У другому оптичному обмані йдеться про відношення між великим та малим. Зліва середній пункт виглядає набагато меншим, ніж справа. Насправді ці дві точки абсолютно однакового розміру. Під час побудови цього оптичного обману ви будете вчитися використовувати інструменти Діалогове вікно Переміщення та Поворот.
Крок 1: Створення робочої області
Перш ніж ви розпочнете конструювати, вам потрібна нова робоча область. Це знову створюється через Файл>Новий. У вікні, що з'явиться, виберіть формат DIN A3 (але якщо вам більше до вподоби, ви можете обрати формат на ваш розсуд).
Після створення робочої області вам спершу потрібно вказати центр як центр для першого кола в середині. За допомогою шорткату Command+R або Ctrl+R ви відобразите Лінійки (на англійській: Lineale).
Тримаючи ліву кнопку миші натиснутою, ви тепер можете витягнути Лінії допомоги з лінійок. Вам знадобиться одна горизонтальна Лінія допомоги і одна вертикальна Лінія допомоги (приблизно в середині) (див. рисунок 13).
Зараз настав час перевірити, чи увімкнені Розумні лінії допомоги. Це можна легко перевірити, перейшовши в верхньому меню до пункту Вид>Розумні лінії допомоги. Якщо позначка там ще не встановлена, тоді просто натисніть на неї, щоб активувати цю функцію.
Крок 2: Створення лівої половини оптичного обману
На наступному кроці ви берете інструмент Еліпс і клікаєте, тримаючи натиснутою клавішу Alt на центрі попередніх вами витягнутих ліній допомоги.
У наступному діалоговому вікні ви вводите розмір 38x38мм. Оскільки ви тримали натиснутою клавішу Alt раніше, створений коло відразу генерується з центру вашого центру.
Через Command+C і Command+F (на ПК: Ctrl+C і Ctrl+F) ви копіюєте цей круг і вставляєте його у ту саму позицію. Тепер переходьте в верхнє меню до пункту Об'єкт>Перетворити>Масштабувати. Тут ви вводите значення 150% для Рівномірно та підтверджуєте з OK.
Тепер ви повинні підняти цей коло на 55мм вгору. Це можна зробити дуже просто, знову перейшовши до Об'єкт>Перетворити>Переміщувати. Для Горизонтально залиште значення 0мм, а для Вертикально введіть значення -55мм (мінус, оскільки ви хочете пересувати вгору, а не вниз).
Цей більший коло зараз повинен рівномірно розподілити навколо меншого кола. У палітрі інструментів ви знайдете інструмент обертання. Якщо ви знову триматимете натиснутою клавішу Alt і клацнете на ваш центр, ви зможете обертати круг безпосередньо навколо цієї вісі.
Як ви, можливо, вже бачили на попередньому зображенні для цього оптичної ілюзії, вам потрібно п'ять кол із рівномірним розподілом навколо середнього. Оскільки коло, як відомо, має 360°, просто введіть 360/5 у Вікні обертання. Illustrator у цьому випадку настільки розумний, що розуміє це рівняння і зразу показує вам результат. (Таким чином ви зможете заощадити собі розрахунки в голові). Тепер важливо не натискати ОК, а натиснути на Копіювати. Цим способом зберігається початкове коло, і буде створена його копія.
З використанням швидкісного натискання Command+D (на ПК: Strg+D), ви можете повторити цей процес ще тричі.
Крок 2: Створимо ліву частину оптичної ілюзії
Отже, найбільша частина цієї оптичної ілюзії вже створена. Щоб створити праву частину з меншими колами, виділіть усе за допомогою Command+A (на ПК: Strg+A) і створіть праву копію, утримуючи натиснутою клавішу Alt.
Залишається лише трішки старання. Тепер вам потрібно поміняти кожне з п'яти колів один раз, завжди зменшуючи їх на 15% через Об'єкт>Перетворення>Масштабувати.
Друга оптична ілюзія готова:
Оптична ілюзія 03:
Тепер ми відразу переходимо до третьої оптичної ілюзії. У цій ілюзії наше око обманюється, що лінії та квадрати (особливо в середній частині) сильно схиляються вліво або вправо. Насправді лінії та квадрати вирівнюються в горизонтальному напрямку.
Крок 1: Розпочнемо!
Щоб зробити цю оптичну ілюзію, створіть собі спочатку квадрат за допомогою Інструменту прямокутника з розмірами 15x15мм.
Нам потрібно 9 копій цього квадрата з відстанню 15мм між ними в горизонтальному напрямку.
Для цього ви знову переходите до Об'єкт>Перетворити>Зсув. У наступному вікні введіть значення 30мм, щоб у вас точно була пустка 15мм між наступним квадратом. Підтверджуйте цей діалог, клацнувши Скопіювати.
За допомогою швидкого натискання клавіші Command+D (на ПК: Strg+D) створіть собі ще вісім копій, так що в кінці ви матимете 10 квадратів зі відстанню 15мм між ними в одному ряду.
У наступному кроці взявши Лінійний інструмент з палітри інструментів, намалюйте горизонтальну лінію безпосередньо на верхньому краю квадратів. Обережно, щоб лінія залишалася трохи з обох боків, як показано на зображенні. (Товщина лінії: 1 точка).
Тепер виділіть всі квадрати разом із щойно намальованою лінією і знову викличте діалог Зсув через Об'єкт>Перетворити>Зсув. При Горизонтальному введіть 0мм, при Вертикальному 15мм. Підтвердіть також це діалогове вікно, клацнувши Копіювати.
Через Command+D (на ПК: Strg+D) створіть собі ще сім копій.
При останній копії ви знову малюєте лінію у нижньому краї квадратів, щоб все було охайно завершено. Після цього все повинно виглядати так, як на малюнку 29.
Крок 2: Завершення оптичної ілюзії
Для завершення цієї оптичної ілюзії обирайте завжди ряд квадратів за допомогою Інструменту вибору та переміщайте їх за допомогою стрілок у різні напрямки. Якщо ви це зробите з кожним рядом, виглядатиме так, ніби лінії та квадрати нахилені у дві різні сторони.
Оптична ілюзія 04
Тепер ми вже стали на останню оптичну ілюзію в цьому навчальному посібнику.
У цій ілюзії здається, що довгі лінії знаходяться під різними кутами один до одного. Насправді вони розташовані точно під кутом 45° один до одного. Ця ілюзія виникає тому, що короткі лінії чергуються горизонтально та вертикально на 45°-линіях. (Це було занадто багато інформації одночасно? Нічого, ви зрозумієте, що я маю на увазі, якщо ви одразу перейдете до створення цієї ілюзії. :-) ).
Крок 1: Створення ліній
Спочатку створіть нову робочу область у форматі DIN A3. Потім оберіть Інструмент лінії і клацніть один раз по вашій робочій області. Тепер знову з'явиться вікно, де ви можете налаштувати Довжину лінії та Кут. Введіть Довжину 300мм та Кут 45° і підтвердіть натисканням OK.
Через Об'єкт>Трансформувати>Зсув зсуньте лінію на 40мм вправо та підтвердіть це копіюванням.
Тепер вам знову знадобиться Інструмент лінії. Цього разу створіть лінію з Довжиною 30мм та Кутом 0°. Розмістіть цю лінію по центру від нижнього кінця першої лінії, як показано на малюнку.
У наступному кроці знову викличте Діалог зсуву. Об'єкт>Трансформувати>Зсув.
Цього разу вам потрібно зрушувати в обох напрямках одночасно. Вкажіть 30мм для Горизонтального та -30мм для Вертикального. Підтвердіть копіюванням та здублюйте це за допомогою швидкісних клавіш Command+D (на ПК: Strg+D).
Після цього все повинно виглядати приблизно так. (Малюнок 36).
Тепер створіть нову лінію за допомогою Інструменту лінії. Знову оберіть Довжину 30мм, але цього разу з Кутом 90°. Розмістіть цю лінію по центру від нижнього кінця другої лінії та знову викличте Діалог зсуву. Об'єкт>Трансформувати>Зсув. Тут також встановіть для Горизонтального 30мм та для Вертикального -30мм та підтвердіть копіювання.
Тепер оберіть все та знову викличте Діалог зсуву. (Ви вже, напевно, помітили, що цей діалог дійсно дуже часто використовується :-) ).
Цього разу зруште все на 90мм в горизонтальному напрямку та підтвердіть копіювання. Ще раз здублюйте все 5-6 разів за допомогою Command+D (на ПК: Strg+D).
Наразі все має виглядати приблизно так:
Тепер вже майже до кінця. У останньому кроці оберіть знову Інструмент прямокутника та стягніть прямокутник безпосередньо над усіма вашими лініями (див. малюнок 40).
Крок 2: Створення рамки
Після цього виберіть усе. Найкраще це зробити за допомогою Command+A (на ПК: Strg+A). Клацніть правою кнопкою миші по центру вашого прямокутника і оберіть Створити вирізку. Таким чином будуть сховані всі елементи, які не повинні бути видимі.
Тепер вам лише потрібно застосувати обведення до вирізки, щоб також отримати гарну рамку. І останню оптичну ілюзію готово.
Висновки:
Сподіваюся, що вам було весело працювати з цим уроком, і тепер ви зможете створювати декілька чудових оптичних ілюзій. Як ви, безумовно, помітили, деякі команди в Illustrator часто повторюються, і я впевнений, що, якщо ви працюватимете над цим уроком, ви ніколи не забудете, для чого призначений діалог переміщення та комбінація клавіш Command+D (на ПК: Strg+D) можуть бути корисними.
Якщо у вас виникнуть питання з цієї теми, напишіть мені їх у коментарях. Я намагатимусь відповісти на них невдовзі.
З повагою
Ваш Юліан