Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Autumn
Design

Як створити простий осінній візерунок в Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

Ukrainian (українська мова) translation by Volodymyr Trofimishyn (you can also view the original English article)

Final product image
What You'll Be Creating

Нещодавно я відправився в подорож на Шотланлське нагір'я. Там багато гір, пагорбів і дерев. В середині осені листя міняється.. в різний час, різних кольорів і виглядає дуже гарно. Це надихнуло мене написати цей урок.

У цьому уроці я покажу вам, як легко створити візерунок з осінніми деревами в Adobe Illustrator. Вони складаються з двох фігур... кола та прямокутника. Ми обійдемось без інструменту "Перо", також я поясню все від вимірів до кольорів, тому цей урок буде ідеальним для початківців.

Якщо ви шукаєте готові, преміумні векторні візерунки, їх можна знайти на GraphicRiver. Там є кілька гарних осінніх візерунків.

1. Як створити дерево

Крок 1

Розпочнемо, створивши фігуру нашого дерева. Воно складається з двох частин: коло для листя і прямокутник для стовбура. Для кола використаємо інструмент "Еліпс" (L). Натисніть на полотні один раз і з'явиться спливаюче вікно. Встановіть ширину 60 рх і висоту 60 px.

Потім натисніть на полотні інструментом Прямокутник (М). У спливаючому вікні встановіть його ширину 8 рх і висоту 60 px.

Create the two shapes

Крок 2

Ви могли помітити, що фігури не перетинаються. Давайте їх акуратно вирівняємо. Ви можете зробити це за допомогою панелі "Вирівнювання". Якщо вона не відкрита, перейдіть в меню Вікно > Вирівняти.

Використовуючи інструмент "Виділення" (V), виберіть обидві фігури. На панелі "Вирівнювання", натисніть на кнопку Вирівняти по центру горизонтально. Це перенесе стовбур до центру листя нашого простого дерева.

Align the shapes

Крок 3

Якщо ви такі ж як я, стовбур у вас не найкращому вертикальному положенні. Це можна змінити вручну, використовуючи клавіші зі стрілками або, виділивши його, переміщувати вгору чи вниз. Якщо ви скористались останнім методом, то раджу увімкнути Швидкі напрямні (Control-U). Вони дозволяють прив'язувати фігури, контури та точки до інших об'єктів або центральних точок. Так от, я вирівняв верхню грань стовбура до центру крони дерева.

Випадково змістили стовбур від горизонтального центру? За допомогою панелі "Вирівнювання" знову натисніть вирівняти по горизонталі, центр виправити себе.

Move the trunk into place

2. Як створити різні види дерев

Крок 1

Рідко коли в лісі лише один вид дерев, тому врахувавши це, я збираюся створити два інші види дерев. Я роблю це, змінивши коло. По-перше, оберіть дерево і двічі скопіюйте (Control-C) і вставте (Control-V).

Тепер у мене три дерева. Одне я залишу як є, і два інших дерева будуть змінені.

Duplicate the trees

Крок 2

Для першої зміни я використаю інструмент "Вільне трансформування" (E).

Коли я оберу коло, навколо нього зявиться рамка трансформування. Перетягніть верхній середній вузол вгору приблизно на 30 px. Тепер у мене є нове дерево. Так просто!

Stretch the circle

Крок 3

Для другої модифікації я використаю інструмент "Часткове виділення" (A).

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

Select the top point

Потім з допомогою стрілок на клавіатурі, посуньте цю точку вгору, щоб надати форму яйця. Третє дерево готове!

Eggy tree anyone

3. Як додати деревам осінніх кольорів

Крок 1

Виберіть три дерева та скопіюйте (Control-C) і вставте (Control-V) їх в ряд. Це дасть вам шість дерев, щоб заповнити всіма барвами осені!

Я буду використовувати стандартні RGB кольори з Adobe Illustrator. Якщо в вас їх немає, я залишу для вас список Hex кодів.

По-перше, я вибрав всі фігури та змінив колір обведення на #534741. Чорний, занадто суворий для нашої ілюстрації.

Потім я заповнив стовбур з світлішим відтінком, #998675.

Filling the trunks

Крок 2

Для листя я збираюся використати увесь осінній спектр, від яскраво-помаранчевого до насиченого зеленого. Кольори зліва направо:

  • #f15a24 / яскраво-помаранчевий
  • #fbb03b / блідо-помаранчевий
  • #fcee21 / жовтий
  • #d9e021 / Жовто-зелений
  • #8cc63f / зелений
  • #39b54a /  насичений зелений
Add colours to the trees

4. Як підготувати фігури для візерунку

Крок 1

Виділіть листя та стовбур кожного дерева і згрупуйте їх разом (Control-G). Це полегшить їх пересування пізніше.

Grouping the trees

Крок 2

Тоді я перемістив три дерева під інші. Це зменшить простір для роботи звізерунком коли ви відкриєте панель "Параметри візерунків". Говорячи про яку...

Moving the trees

5. Як використовувати режим Панелі візерункі

Крок 1

Виберіть всі шість дерев і перейдіть в меню Об'єкт > Візерунок > Зробити. Ви отримаєте спливаюче вікно з інформацією про те, що ваш візерунок буде автоматично додано до панелі зразків; клацніть на "OK".

У вас з'явиться панель "Параметри візерунка" з різними опціями та вибраними об'єктами та панель "Шари" лише з виділеними об'єктами.

Налаштуймо наш візерунок!

Pattern Options panel

Крок 2

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

Змінити вертикальне Накладання на Внизу напроти. Таким чином, стовбури дерев завжди перекриватимуться кронами дерев, що попереду.

Renaming Overlap and Tile Type

Крок 3

Як я вже говорив в попередньому кроці, коли розмістив дерева в два ряди, площа вашої фігури утворює сегмент для "Параметрів візерунка". Це надасть мені уявлення про простір, в якому я буду працювати з моїм візерунком.

Ці фігури на данний момент займають простір 202х256 пікселів (ви можете бачити це на двох попередніх знімках екрану). Тим не менш, є багато невикористаного простору, і я хочу його заповнити. Тож, я зменшив ширину та висоту приблизно на 50 px. Або тому, що мені подобається круглі числа, я встановив ширину 150 рх і висоту 200 px. Це дає мені більш жорсткі рамки для роботи.

Потім інструментом "Виділення" (V), перемістіть дерева так, як вам довподоби.

Reduce the pattern size and move your trees around

Крок 4

В режимі Параметри візерунка, можна змінити фігури, які у вас є: будь-що від кольорів до зміни розміру фігур, в цьому випадку товщина обведення. Виділіть усі фігури і змініть товщину обведення до 2 pt на панелі "Обведення". Це допомагає підкреслити мультяшний/простий вигляд візерунку.

Changing the stroke weight

Крок 5

Ви також можете додавати й видаляти фігури в режимі Параметри візерунків.

Щоб заповнити білий фон, я збираюся додати маленькі крапки для текстури болота або землі, якщо вам це цікаво. Я роблю це за допомогою інструменту "Еліпс" (L). Дайте йому заливку кольору обведення (#534741) і встановіть розмір 4 х 4px.

Adding dirt

Крок 6

Я потім дублював точоки та згрупував їх по три та розмістив по всьому білому фоні й вздовж сторін кожного стовбура.

Коли ви закінчите, натисніть на Готово в верхній частині екрану. Це збереже ваш візерунок.

Adding more dirt

6. Як користуватися новим візерунком

Де ж подівся ваш візерунок? Ви помітите, що коли ви вийшли з режиму Параметрів візерунка, ви повернулись туди де створили тільки шість дерев.

Візерунок буде автоматично збережено в панелі Зразки. Для того, щоб скористатися ним, встановіть ваш візерунок як заливку і намалюйте фігуру. Там ви побачите ваш візерунок в дії!

Using your pattern

Тепер зробіть собі чашечку лате з спеціями, настала осінь!

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

Final pattern
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.