Програма: Adobe Illustrator CS4 +

Складність: новачки

Знадобиться часу: 1 - 1,5 години

результат:

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

Спочатку урок був зроблений в англійській версії Illustrator, тому для тих, у кого стоїть російськомовна версія, в дужках ми зробили переклад назви інструментів.

Завантажте зразки кольорів для водяної лілії

Щоб не витрачати час на підбір кольору і градієнтів, я зберіг зразки в файл бібліотеки Swatch Illustrator . Найпростіший спосіб використовувати цей файл, просто відкрити його в Illustrator через File → Open (Файл → Відкрити). У вас буде можливість змінити параметри документа, такі як розміри і колір в настройках File → Document Setup (Файл → Установки документа).

Якщо документ вже відкрито і все налаштовано, ви можете просто завантажити цей файл в свій документ Illustrator: зайдіть в меню панелі зразків, виберіть Open Swatch Library → Other Library ... (Відкрити бібліотеку зразків → Відкрити бібліотеку), перейдіть до файлу Water-lily -Swatches.ai, виберіть його і натисніть Open (Відкрити). Потім виберіть зразки та перетягніть їх на головну панель зразків вашого документа Window → Swatches (Вікно → Зразки). Переконайтеся, що зразки відображаються у вигляді списку: для цього перейдіть в меню панелі зразків і виберіть Small List View, таким чином, ви зможете бачити і назви зразків.

Ми почнемо з створення шарів пелюсток, рівень за рівнем. Потім ми створимо внутрішню частину квітки, яку я називаю Ядро. В самому кінці я коротко поясню, як я створив воду з плаваючими листям. Щоб допомогти вам у цій частині, я додав всі кольори і градієнти в файл бібліотеки Swatch Illustrator .

СТВОРЕННЯ ПЕЛЮСТКІВ

Натисніть Fill swatch на панелі інструментів і виберіть «Light Pink» (світло-рожевий) колір з палітри зразків. Нам знадобиться вертикальна напрямна, тому що ми створимо один пелюстка, а потім будемо відображати його за допомогою вертикальної напрямної в якості осі. Перетягніть вертикальну направляючу від напрямних в центр документа. Якщо напрямні невидимі в документі, включіть їх: View → Rulers → Show Rulers (Вид → Напрямні → Показати напрямні) або комбінацією клавіш Control + R.

Пелюстка має загострений кінчик, так що для його створення ми будемо використовувати інструмент «Arc» (Дуга). Він схований під інструментом «Line» (Лінія) на панелі інструментів (затисніть кнопку миші, щоб виявити приховані інструменти). По-перше, зробимо правильні настройки у вікні опцій «Дуги».

Тепер зробіть подвійний клік на «Дугу» на панелі інструментів, і у вікні налаштувань встановіть значення як на картинці.

З виділеної «Дугою» натисніть точно на вертикальну направляючу, після чого з'явиться вікно налаштувань, які ви ввели. Просто натисніть кнопку «OK», для створення об'єкта.

З виділеної дугою, виберіть «Reflect» (відображення) на панелі інструментів (під інструментом «Rotate» (поворот)) і клікніть на вертикальну направляючу, утримуючи кнопку Alt. У вікні налаштувань «Reflect», яке з'явиться, виберіть вертикальну вісь, і натисніть кнопку «Copy».

Переконайтеся, що обидві створених дуги виділені, потім знову виберіть «Reflect», і натисніть на перетині підстави дуг з вертикальною віссю, утримуючи Alt, щоб з'явилося вікно налаштувань відображення. На цей раз виберіть горизонтальну вісь, і натисніть «Copy».

Тепер з'єднаємо чотири одержані об'єкта в один пелюстка.

Виділіть всі 4-ри дуги і на панелі «Pathfinder» (обробка контурів) натисніть «Unite» (об'єднати). Таким чином, ви створите один об'єкт. Ура! У нас є один пелюстка.

СТВОРЕННЯ ПЕЛЮСТКІВ СЕРЕДНЬОГО РІВНЯ

Візьміть горизонтальну напрямну і помістіть її так як показано на малюнку. Перетин напрямних стане центром квітки.

Виберіть «Rotate» інструмент, і клацніть мишкою на майбутній центр квітки, утримуючи клавішу Alt. У вікні налаштувань введіть кут повороту -90 ° і натисніть «Copy». Пелюстка скопіюється. Повторіть цю процедуру ще 2 рази, натиснувши комбінацію клавіш Ctrl + D.

Тепер додамо градієнт.

Виділіть всі об'єкти і виберіть кругову градієнтну заливку під назвою «Darker Radial Gradient» (темний радіальний градієнт). Градієнт додасться до кожного пелюстці по-окремо, при цьому самий темний колір виявиться в центрі кожної пелюстки. Для того щоб перемістити темний колір в центр майбутньої лілії, нам потрібно ще раз додати цей градієнт, вибравши інструмент «Gradient», і перетягнувши колір мишкою з центру до краю пелюстки. Щоб все було рівно, утримуйте Shift.

Копіювання і поворот на 45 °

Тепер додамо ще шар пелюсток. Виділіть всі пелюстки які ми тільки що створили, і скопіюйте їх за допомогою клавіш Ctrl + C, а потім проведіть на передній план клавішами Ctrl + F, або за допомогою меню Edit → Paste in Front (Редагувати → Вставити на передній план). Візьміть інструмент «Selection» (вибрати), і натисніть курсором миші на кут обмежувальної рамки, поки не з'явиться значок повороту. Утримуйте кнопку миші і повільно обертайте об'єкт, утримуючи клавішу Shift, на 45 °. Коли досягнете 45 °, спочатку відпустіть кнопку миші, а потім клавішу Shift.

Застосування нового градієнта

Виберіть «Light Radial Gradient 2» (Світлий радіальний градієнт 2) зразок на панелі зразків кольору і додайте цей градієнт до нових пелюсток. Якщо хочете, можете змінити колір або інтенсивність градієнта як вам подобається.

Створення нижнього рівня пелюсток

Щоб не заплутатися, розділимо всі елементи по верствам:

1. 1. «Top yellow petals» - верхні жовті пелюстки (буде створений на останній стадії),
2. 2. «yellow petals» - жовті пелюстки (буде створений на останній стадії),
3. 3. «top petals» - верхні пелюстки (буде створений на більш пізньому етапі),
4. 4. «middle petals» - середні пелюстки,
5. 5. «bottom petals» - нижні пелюстки (наш наступний крок).

Назвіть шар із середніми пелюстками, які ми тільки що створили, «middle petals», двічі клацнувши на нього в редакторі верств. Виберіть самий верхній вертикальний пелюстка, скопіюйте його, і заблокуйте шар «middle petals», натиснувши в колонці поруч з оком на іконку шару на панелі шарів. Повинна з'явитися іконка блокування. Створіть новий шар, натиснувши кнопку «Create New Layer» в нижній частині панелі шарів. Вставте пелюстка в той же самий місце, натиснувши Ctrl + Shift + V. Двічі клацніть на шар і назвіть його «bottom petals». Поки цей шар ще обраний в палітрі шарів, перетягніть його під шар «middle petals».

По-перше, зробимо пелюстка трохи довше. Виберіть масштабуючий інструмент «Scale» і натисніть точно в точці перетину двох напрямних (тобто центру квітки), утримуючи Alt, щоб викликати вікно налаштувань зміни масштабу. Виберіть «Non-uniform», і введіть 85% для горизонталі і 115% для вертикалі. Перевірте «Preview», щоб побачити, як це буде виглядати, і натисніть кнопку «OK».

додаємо градієнт

Застосуйте «Light Radial Gradient 2» (світлий градієнт 2), вибравши зразок з палітри зразків, а потім вибравши інструмент градієнт. Тепер, перетягніть вертикально прямо на верхню частину пелюстки, починаючи з центру квітки, утримуючи клавішу Shift, щоб розподілити градієнт як на зображенні.

Поворот на 45 °

Розгорнемо пелюстка, використовуючи інструмент «Rotate» (Поворот). Клацніть мишкою на перетин напрямних в центрі квітки, утримуючи клавішу Alt. У що з'явилася табличці з настройками параметрів повороту вкажіть кут 45 ° і натисніть «Copy» для копіювання об'єкта. Повторіть це перетворення 6 разів натисканням клавіш Ctrl + D.

Поворот на 27,5 °

Щоб домогтися кращого результату, ми будемо розгортати пелюстки на 27,5 °. Звичайно, ви можете самі вибрати кут, який вам більше сподобається. Переконайтеся, що всі пелюстки нижнього шару виділені, натисніть на центр квітки, утримуючи Alt. У вікні налаштувань повороту вкажіть кут 27,5 °, і натисніть «Ok».

У процесі створення можна підправити градієнт на квітках там, де це потрібно, для того, щоб підкреслити контраст між темними і більш світлими пелюстками на різних шарах.

Створіть ще один шар пелюсток, як це показано на зображенні, з кутом повороту 27,5 °

СТВОРЮЄМО ВЕРХНІ ПЕЛЮСТКИ

Створюємо шар верхніх пелюсток лілії. Для цього виділяємо чотири пелюстки, які зараз розташовані нагорі, (не забудьте спочатку розблокувати їх на панелі шарів) і копіюємо в буфер обміну, натиснувши одночасно Ctrl + C. Тепер блокуємо шари «middle petals» і «bottom petals», і створюємо новий шар натисканням на вкладку «Create New Layer» на панелі шарів. Перейменовуємо шар подвійним кліком, нехай він називається «top petals». Тепер поміщаємо на цей шар скопійовані раніше в буфер обміну пелюстки натисканням клавіш Control + Shift + V, після чого повертаємо ці пелюстки на 27,5 °, як показано на зображенні нижче.

Додаємо до них радіальний градієнт

Просто додайте з палітри зразків градієнт з назвою «Light Radial Gradient 3». Він практично такий же, як і градієнт «Light Radial Gradient 2», але світлий колір трохи світліше і бігунок зрушать трохи лівіше, що робить градієнтний перехід коротше, а пелюстка світліше від середини до кінця. Знову ж таки, ви можете зробити так, як більше подобається вам.

СТВОРЕННЯ ЯДРА І тичинок

Наступним кроком ми створимо ядро ​​квітки. Перед тим як почати, заблокуйте шари і створіть новий шар під назвою «Core» (ядро).

створення ядра

Виберіть інструмент «Ellipse» (Еліпс) і намалюйте коло від центру назовні, утримуючи клавіші Alt + Shift. Додайте радіальний градієнт «Radial Core Gradient» з панелі зразків.

створення тичинок

Блокуємо шар «Core» і створюємо шар «stamen» (тичинки). Виберіть інструмент «Rounded Rectangle» (прямокутник з округленими кутами), і намалюйте вертикальний округлений прямокутник як це показано на малюнку вище. Почніть зверху, зліва від вертикальної прямої, і тягніть по діагоналі до нижнього правого кута від вертикальної прямої. Поки тягніть, ви можете змінити радіус заокруглення кутів, використовуючи клавіші вгору і вниз.

Горизонтальне вирівнювання і центрування

Для розташування об'єкта строго по середині виберіть обидва об'єкти: і ядро, і прямокутник. Тимчасово розблокуйте шар «Core», щоб у вас була можливість його виділити. Для вибору наступного по черзі об'єкта, утримуйте Shift. Ви повинні побачити товсту лінію виділення, це означає, що це буде цільовий об'єкт для вирівнювання і позиція цього об'єкта залишиться незмінною, і тільки інший об'єкт переміститься як треба. Тепер натисніть «Horizontal Align Center» на панелі вгорі. Якщо ви не бачите цю панель, то перейдіть Window → Control (Вікно → Управління). Після вирівнювання об'єкта знову заблокуйте шар «Core».

Тепер додайте лінійний градієнт і введіть значення 90 ° в графу «Angle» (кут).

Зменшення нижньої частини тичинки

Тепер нам потрібно зробити нижню частину тичинки менше. Для цього виберіть інструмент «Direct Selection» (часткове виділення), і виділіть три нижніх точки тичинки. Виберіть інструмент масштаб «Scale», і натисніть в верхню точку прив'язки об'єкта, після чого ведіть мишкою зліва направо для зменшення.

Відрізаємо шматочок для створення пильовика

Виберіть інструмент ніж «Knife». Утримуючи Shift + Alt проведіть мишкою зліва направо, перетинаючи об'єкт по прямій лінії в самому низу (як показано на малюнку вище). Тепер об'єкт буде розділений на дві частини: тичинки і пильовик. Виберіть тільки нижню частину, і застосуєте колір «Soft Brown» (м'який коричневий) з панелі зразків.

Скопіюйте ці 2 об'єкти і вставте їх на передній план, натиснувши Ctrl + F. додайте

«Linear gradient 2» для тичинки переконавшись, що введений кут 90 °. Для пильовика виберіть колір «Brown» (коричневий).

Створюємо маленьку тичинки

На цьому етапі, необхідно розташувати другу тичинки поруч з першою, але злегка нахилити і повернути щодо центру квітки, а також трохи зменшити. Спочатку ми будемо зменшувати тичинки, а потім обертати її. По-перше, переконайтеся, що тичинки виділена. Наведіть курсор миші на верхній лівий кут рамки, поки не побачите зміна розміру стрілки. Натисніть і перетягніть трохи до нижньому кутку, щоб зробити об'єкт менше. Немає необхідності зберегти точні пропорції, просто зробіть її трохи менше (див. Малюнок нижче).

Поки тичинка виділена, натисніть на кут обмежувальної рамки, після чого повинен з'явитися значок повороту. Натисніть і тягніть, щоб повернути чуть-чуть. Як альтернативою, можна скористатися інструментом «Rotate» і повернути об'єкт з центру квітки, але тоді потрібно підібрати кут, так як у вас може бути трохи інший розмір об'єкта.

Копіювання і поворот на 20 °

Коли обидві ворсинки красиво вирівняні, виділіть їх, натисніть Alt, і клікніть на центр кольору. У вікні налаштувань повороту, яке з'явиться, переконайтеся, що включена опція «Preview» і введіть значення 20 °. Натисніть «Copy», щоб скопіювати їх.

коригування повороту

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

Коли вам вдасться правильно повернути ці тичинки (після натискання кнопки «Copy»), натискайте Ctrl + D для повторення цієї дії до тих пір, поки у вас не утворюється повне коло, як показано на зображенні.

СТВОРЕННЯ ЖОВТИХ ПЕЛЮСТКІВ

Завершальним етапів в малюванні лілії стане створення останнього шару пелюсток - маленькі жовті пелюстки навколо ядра лілії. Спочатку створіть новий шар і назвіть його «Yellow petals».

Розблокуйте шар «Middle petals» і виберіть вертикальний пелюстка зверху. Скопіюйте його, знову заблокуйте шар «Middle petals», клікніть на новий шар «yellow petals» і вставте скопійований пелюстка натисканням клавіш Ctrl + Shift + V. Додайте колір «Soft Yellow for Petals». Виберіть інструмент «Scale», клікніть в центр квітки і вручну зменшите пелюстка, як показано на зображенні.

Виберіть інструмент «Rotate» і клікніть на центр квітки, утримуючи клавішу Alt. У вікні повороту введіть значення 60 °, і натисніть «Copy». Потім за допомогою натискання клавіш Ctrl + D зробіть дублікати цього пелюстки навколо ядра квітки.

Шар верхніх жовтих пелюсток

Ми могли б скопіювати їх так само, як робили це раніше, але є ще один простий спосіб, який вам стане в нагоді. Для початку створіть новий шар поверх поточного і назвіть його «top yellow petals». Виділіть шар пелюсток на панелі шарів, і клікніть на значок кола праворуч від назви шару: цим ви оберете всі об'єкти цього шару. З'явиться маленький квадратик поруч з колом, який означає, що об'єкти виділені. Цей квадратик не з'явиться, якщо шар порожній. Ми продублюємо виділені об'єкти на новий шар утримуючи Alt і перетягуючи червоний квадратик на новий шар, як це показано на картинці.

Додамо градієнт

Заблокуйте шар «yellow petals», щоб випадково його залишити поза увагою. Виділіть тільки що скопійований пелюстки і застосуєте до них зразок «Radial Petals Gradient» (радіальний градієнт для пелюсток).

Поворот на 30 °

Виберіть інструмент «Rotate» і клікніть в центр квітки, утримуючи клавішу Alt. У вікні налаштувань повороту введіть значення 30 °, і натисніть «Copy».

Створення навколишнього середовища

От і все! Квітка готовий. Все що залишилося зробити, це додати шар води, листя латаття, і листя знизу, які б імітували тінь. Для води я використовував радіальний градієнт, встановивши найбільш світлу частину навколо лілії. Для полегшення створення середовища я так само додав всі кольори в зразки. Для створення листя латаття я створив коло і гострий трикутник, який потім вирахував з кола. Я використовував опцію «Minus Front Pathfinder» для цього, але ви також можете це зробити, використовуючи інструмент «Shape builder», утримуючи Alt для видалення трикутника.

Свої зауваження та побажання ви можете залишити в коментарях. Сподіваємося, вам сподобався цей урок, і у вас вийшла гарна латаття!

Джерело: www.smashingmagazine.com

PressFoto , 09/09/2013