Cyber Monday Sale 40% off unlimited courses & creative assets! 40% off unlimited assets! Save Now
  1. Design & Illustration
  2. Icon Design

Створимо набір іконок з кактусами

by
Read Time:17 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Не забувайте, що ви завжди можете розширити свій проект, перейшовши на GraphicRiver, де знайдете відмінний вибір садових іконок.

Як було сказано, давайте почнемо!

1. Налаштуємо новий файл проекту. 

Відкрийте Ілюстратор і налаштуйте Новий документ (Файл> Новий або Control-N), застосувавши наступні параметри:

  • Кількість монтажних областей: 1
  • Ширина: 800 px
  • Висота: 600 px
  • Підрозділи: пікселі

У вкладці Додатково

  • Колірний режим: RGB
  • Растрові ефекти: Екран (72ppi)
  • Режим перегляду: за замовчуванням
setting up a new documentsetting up a new documentsetting up a new document

2. Налаштуємо сітку користувача.

Оскільки сьогодні ми будемо створювати іконки в точних пікселях, нам потрібно налаштувати невелику Сітку, щоб ви могли повністю контролювати фігури.

Крок 1

Перейдіть в Редагувати> Установки> Напрямні та сітка і задайте наступні параметри:

  • Сітка через кожні: 1 px
  • Підрозділи: 1
setting up a custom gridsetting up a custom gridsetting up a custom grid

Підказка: ви можете дізнатися більше про сітки, почитавши це докладний посібник по роботі системи сіток в Illustrator.

Крок 2

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

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

3. Налаштуємо шари

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

Відкрийте панель Шарів і створіть п'ять шарів, які назвемо наступним чином:

  • шар 1: координатні сітки
  • шар-2: перший кактус
  • шар 3: другий кактус
  • шар 4: третій кактус
  • шар 5: четвертий кактус
setting up the layerssetting up the layerssetting up the layers

4. Створимо координатні сітки

Координатні (або базові) сітки - це набір точно обмежених координатних поверхонь, які дозволяють нам створювати наші іконки, виходячи з їх розміру і однорідності.

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

В нашому випадку ми збираємося створити набір іконок тільки одного розміру, а точніше 128 х128 px, що є досить великим розміром.

Крок 1

Заблокуйте всі шари, крім шару з координатними сітками, потім візьміть  Прямокутник(М) і створіть оранжевийвий квадрат 128 х 128 px (# F15A24), який допоможенам визначити загальний розмір іконок.

creating the main shape for the reference gridcreating the main shape for the reference gridcreating the main shape for the reference grid

Крок 2

Додайте маленькийквадрат 120 х 120 px (#FFFFFF), який ми розмістимо напопередньої фігурі і який послужить активною областю малювання, створивши круговийпрошарок товщиною 4 px.

creating the active drawing areas main shapecreating the active drawing areas main shapecreating the active drawing areas main shape

Крок 3

Виділіть і згрупуйте два квадрата за допомогою комбінації клавіш Control-G, а потім вирівняйте їх по центру монтажної області. Створіть сітки які залишилисяз трьох копій (Control-C> Control-F тричі) на відстані 40 px по горизонталі від оригіналу, заблокувавши поточний шар перед тим, як перейти до наступного розділу.

creating and positioning the remaining reference gridscreating and positioning the remaining reference gridscreating and positioning the remaining reference grids

5. Створимо першу іконку з кактусом

Якщо ви закінчили створювати координатні сітки, переходите до наступного шару (другого), де ми створимо першу іконку. 

Крок 1

Створіть керамічний горщик з заокругленого прямокутника 68 х 32 px з Кутовим радіусом 8 px, розфарбуйте в колір # E5E5E5 і вирівняйте по центру активної області малювання, розташувавши фігуру на відстані 4 px від її нижнього краю.

creating and positioning the main shape for the first cactus icons ceramic potcreating and positioning the main shape for the first cactus icons ceramic potcreating and positioning the main shape for the first cactus icons ceramic pot

Крок 2

Створіть контур недавно створеної фігури за допомогою методу Обведення, створивши її копію (Control-C), яку вставимона передньому плані (Control-F), потім змінимо її колір на # є3A2E2A. Змініть заливку на обведення копії (Shift-X), встановивши його Товщину на 8 px.

adding the outline to the first cactus icons ceramic potadding the outline to the first cactus icons ceramic potadding the outline to the first cactus icons ceramic pot

Крок 3

Додайте маленькугоризонтальну лінію з Обведення товщиною 4 px і шириною 68 px (# 3A2E2A), а потім вирівняйте по центру велику фігуру горщика, розташувавши її на відстані 4 px від його верхнього краю.Коли буде готово, виділіть і згрупуйте всі три фігури, натиснувши Control-G.

adding the horizontal detail line to the first cactus icons ceramic potadding the horizontal detail line to the first cactus icons ceramic potadding the horizontal detail line to the first cactus icons ceramic pot

Крок 4

Створіть основнуфігуру правої рослини з прямокутника 28 х 80 px (#88AF66), який розмістимона горщику на відстані 38 px від правого краю активної області малювання.

creating and positioning the main shape for the first cactus icons right plantcreating and positioning the main shape for the first cactus icons right plantcreating and positioning the main shape for the first cactus icons right plant

Крок 5

Змініть тільки що створену фігуру, виділивши і встановивши Радіус її верхніх кутів на 14 px, перейшовши в Властивості прямокутника на панелі Трансформування.

adjusting the shape of the first cactus icons right plantadjusting the shape of the first cactus icons right plantadjusting the shape of the first cactus icons right plant

Крок 6

Далі намалюйте пару діагональних ліній за допомогою Пера (Р). Використайте Обведення товщиною 4 px (# 6D894E) для верхньої лінії і більш товсте обведення 8 px (#6D894E) - для нижньої лінії, встановивши обидва Профілі ширини на один зі стандартних в Ілюстраторі (Профільширини 5).

adding the diagonal texture lines to the first cactus icons right plantadding the diagonal texture lines to the first cactus icons right plantadding the diagonal texture lines to the first cactus icons right plant

Крок 7

Згрупуйте (Control-G) два обведення і замаскуйте їх за допомогою копії (Control-C) нижньої фігури, яку вставимо на переднійплан (Control-F) і використаємо як відсічну маску. Коли копії будуть на місці, виділіть їхразом з обведенням і клацніть правою кнопкою> Створити відсічну маску.

masking the first cactus icons two diagonal texture linesmasking the first cactus icons two diagonal texture linesmasking the first cactus icons two diagonal texture lines

Крок 8

Створіть контуркактуса товщиною 8 px за допомогою методу Обведення, встановивши колір на #3A2E2A.

adding the outline to the first cactus icons right plantadding the outline to the first cactus icons right plantadding the outline to the first cactus icons right plant

Крок 9

Додайте вертикальнулінію з Обведенням висотою 66 px і товщиною 4 px (#3A2E2A) з округленими кінцем, а потім вирівняйтепо центру нижнього краю рослини. Коли все буде готове, виділіть і згрупуйте (Control-G) всі фігуриперед тим, як перейти до наступного кроку.

adding the vertical detail line to the first cactus icons right plantadding the vertical detail line to the first cactus icons right plantadding the vertical detail line to the first cactus icons right plant

Крок 10

Створіть основнуфігуру лівої рослини з прямокутника 28 х 52 px (# A9D884), встановітьРадіус його верхніх кутів на 14 px в Властивостях прямокутника на панелі Трансформування.Розмістіть отриману фігуру над горщиком на відстані 38 px від лівогокраю активної області малювання.

creating and positioning the main shape for the first cactus icons left plantcreating and positioning the main shape for the first cactus icons left plantcreating and positioning the main shape for the first cactus icons left plant

Крок 11

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

adding the two diagonal texture lines to the first cactus icons left plantadding the two diagonal texture lines to the first cactus icons left plantadding the two diagonal texture lines to the first cactus icons left plant

Крок 12

Створіть контуррослини товщиною 8 px (#3A2E2A) і лінію Обведення висотою 38 pxі товщиною 4 px (# 3A2E2A) в центрі нижнього краю. Коли буде готово, виділіть і згрупуйте всі складові фігури, натиснувши Control-G.

adding the outline and vertical detail line to the first cactus icons left plantadding the outline and vertical detail line to the first cactus icons left plantadding the outline and vertical detail line to the first cactus icons left plant

Крок 13

Додайте маленькийкамінчик з еліпса 14 х 12 px (#BAB6B3) з контуром8 px (#3A2E2A), потім згрупуйте (Control-G) і розташуйте на правому краї горщика, відправивши його за великі фігури (клацнути правою кнопкою > Монтаж> Надіслати на задній план).

adding the smaller rock to the first cactus icons ceramic potadding the smaller rock to the first cactus icons ceramic potadding the smaller rock to the first cactus icons ceramic pot

Крок 14

Намалюйте областьвеликому камені за допомогою Пера (Р), взявши колір Заливки #9B928E. Створіть контур товщиною 8 px (# 3A2E2A) з округленими стиками, згрупувавши (Control-G) і розмістивши дві фігури позаду керамічного горщика (клацнути правою кнопкою> Упорядкувати> Надіслатина задній план).  Також не забудьте виділити і згрупувати (Control-G) всі наявні фігури перед тим, як перейти до наступного кроку.

adding the larger rock to the first cactus icons ceramic potadding the larger rock to the first cactus icons ceramic potadding the larger rock to the first cactus icons ceramic pot

Крок 15

Для переднього плану створіть лінію Обведення шириною 96 px і товщиною 8 px (#3A2E2A) з округленими кінцем, а потім вирівняйте по верхньому лівому кутку активної області малювання.

adding the larger foreground line to the first cactus icons bottomadding the larger foreground line to the first cactus icons bottomadding the larger foreground line to the first cactus icons bottom

Крок 16

Додайте маленькийвідрізок лінії Обведення шириною 4 px і товщиною 8 пікселів (#3A2E2A) з округленими кінцем, а потім вирівняйте по нижньому правому кутку активної області малювання. Коли буде готово, виділіть і згрупуйте (Control-G) всі складові фігури поточноїобласті, а після цього згрупуйте всю іконку.

finishing off the first cactus iconfinishing off the first cactus iconfinishing off the first cactus icon

6. Створимо другу іконку з кактусом

Якщо ви закінчили працювати з першою іконкою, заблокуйте цей шар і перейдіть донаступного (третього), де ми почнемо працювати над другою рослиною.

Крок 1

Створіть керамічнийгорщик з заокругленого прямокутника 68 х 40 px (#E5E5E5) з Кутовим радіусом 8 px і контуром товщиною 8 px (# 3A2E2A), потім згрупуйте (Control-G) і вирівняйте по центру нижнього краю активної області малювання.

creating and positioning the main shapes for the second cactus icons ceramic potcreating and positioning the main shapes for the second cactus icons ceramic potcreating and positioning the main shapes for the second cactus icons ceramic pot

Крок 2

Додайте горизонтальну лінію Обведення шириною 68 px і товщиною 4 px (#3A2E2A), а потім вирівняйте по центру велику фігуру горщика, розташувавши її на відстані 4 px від його верху. Коли все буде готово, виділіть і згрупуйте (Control-G) всв три фігури перед тим, якперейти до наступного кроку.

adding the horizontal detail line to the second cactus icons ceramic potadding the horizontal detail line to the second cactus icons ceramic potadding the horizontal detail line to the second cactus icons ceramic pot

Крок 3

Створіть зовнішню частину основної фігури кактуса з кола 64 х 64 px (#A9D884) з контуром товщиною 8 пікселів (#3A2E2A), а потім згрупуйте (Control-G) і вирівняйте по центру керамічного горщика.

creating and positioning the main shapes for the outer section of the second cactus icons plantcreating and positioning the main shapes for the outer section of the second cactus icons plantcreating and positioning the main shapes for the outer section of the second cactus icons plant

Крок 4

Додайте внутрішню частину рослини з еліпса 34 х 64 px (#88AF66) з контуром товщиною 8 px (# 3A2E2A), а потім згрупуйте (Control-G) і вирівняйте по центру великої фігури.

creating and positioning the main shapes for the center section of the second cactus icons plantcreating and positioning the main shapes for the center section of the second cactus icons plantcreating and positioning the main shapes for the center section of the second cactus icons plant

Крок 5

Розділіть центральну область на половини, додавши лінію Обведення висотою 64 px і товщиною 8 px (#3A2E2A) в центрі, виділивши і згрупувавши (Control-G) всі складові частини рослини передтим, як перейти до наступного кроку.

adding the vertical divider line to the second cactus icons plantadding the vertical divider line to the second cactus icons plantadding the vertical divider line to the second cactus icons plant

Крок 6

Оскільки нам потрібнопомістити рослину за горщиком, виділіть її та натисніть правою кнопкою> Монтаж > Надіслати на задній план.

positioning the second cactus icons plant behind its ceramic potpositioning the second cactus icons plant behind its ceramic potpositioning the second cactus icons plant behind its ceramic pot

Крок 7

Створіть центральнупелюстку маленької червоної квітки з еліпса 12 х 16 px (# EF835E) з контуром товщиною 8 px (#3A2E2A), потім згрупуйте (Control-G) і вирівняйтепо центру верхнього краю активної області малювання.

adding the center petal to the second cactus icons floweradding the center petal to the second cactus icons floweradding the center petal to the second cactus icons flower

Крок 8

Створіть ліву пелюстку з прямокутника 16 х 16 px (#EF835E), а потім встановіть Радіус його нижнього лівого і верхнього правого кутів на 12 px в Властивостях прямокутника на панеліТрансформування. Створіть контур для отриманої фігури товщиною 8 px (# 3A2E2A) з заокругленим стиком, згрупуйте (Control-G) і розмістіть обидві фігури на протилежну частину центральної пелюстки.

adding the left petal to the second cactus icons floweradding the left petal to the second cactus icons floweradding the left petal to the second cactus icons flower

Крок 9

Створіть праву пелюстку з копії (Control-C> Control-F) лівої, а потім розмістіть на протилежній стороні рослини. Коли все буде готове, виділіть і згрупуйте (Control-G) всі складені фігури квітки, а після цього відправте їх на задній план (клацнути правою кнопкою> Монтаж> Надіслати на задній план). Оскільки ми закінчили роботу над рослиною, можете виділити і згрупувати (Control-G) всі наявні фігури.

adding the right petal to the second cactus icons floweradding the right petal to the second cactus icons floweradding the right petal to the second cactus icons flower

Крок 10

Створіть маленький камінчик з еліпса 16 х 14 px (#BAB6B3) з контуром товщиною 8 px (#3A2E2A), потім згрупуйте (Control-G) і вирівняйте по низу основної фігури горщика, розташувавши його на відстані 4 px від правогокраю горщика.

adding the smaller rock to the second cactus icons ceramic potadding the smaller rock to the second cactus icons ceramic potadding the smaller rock to the second cactus icons ceramic pot

Крок 11

Намалюйте великийкамінь, взявши колір заливки #9B928E. Створіть контур отриманої фігури товщиною 8 px (#3A2E2A) з округленими стиком, згрупуйте (Control-G) ірозмістіть за іншими фігурами (клацнути правою кнопкою> Монтаж> Надіслати на задній план).

adding the larger rock to the second cactus icons ceramic potadding the larger rock to the second cactus icons ceramic potadding the larger rock to the second cactus icons ceramic pot

Крок 12

Завершіть створенняіконки, додавши передній план з копії (Control-C) фону, створеного для першої іконки, а потім вставте на поточний шар (Control-F) і вирівняйте по центру нижнього краю активної області малювання. Коли все буде готове, виділіть і згрупуйте (Control-G) всескладові частини перед тим, як перейти до наступного кроку.

finishing off the second cactus iconfinishing off the second cactus iconfinishing off the second cactus icon

7. Створимо третью іконку кактусу.

Перейдіть на наступний шар (четвертий), заблокуйте попередній і збільште координатну сітку, щоб почати працювати над третьою рослиною.

Крок 1

Створіть керамічнийгорщик з заокругленого прямокутника 68 х 32 px (#E5E5E5) з Радіусом Кута8 px і контуром товщиною 8 px (#3A2E2A), потім згрупуйте (Control-G) і вирівняйте по центру нижнього краю активної області малювання.

creating and positioning the main shapes for the third cactus icons ceramic potcreating and positioning the main shapes for the third cactus icons ceramic potcreating and positioning the main shapes for the third cactus icons ceramic pot

Крок 2

Додайте горизонтальну лінію з лінії Обведення шириною 68 px і товщиною 4 px (#3A2E2A), потім вирівняйте по центру основної фігури горщика, розташувавши на відстані 4 px від його верхнього краю. Коли все буде готово, виділіть всі три фігури і згрупуйте їх, натиснувши Control-G.

adding the horizontal detail line to the third cactus icons ceramic potadding the horizontal detail line to the third cactus icons ceramic potadding the horizontal detail line to the third cactus icons ceramic pot

Крок 3

Створіть нижню частину рослини з кола 64 х 64 px (# A9D884), а потім вирівняйте його по центру горщика, розташувавши на відстані 28 px від верхнього краю активної області малювання.

creating and positioning the main shape for the bottom section of the third cactus icons plantcreating and positioning the main shape for the bottom section of the third cactus icons plantcreating and positioning the main shape for the bottom section of the third cactus icons plant

Крок 4

Додайте три діагональних лінії текстури, взявши колір Обведення #88AF66, згрупуйте (Control-G) і замаскуйте за допомогою копії (Control-C> Control-F) великого нижньогокола.

adding the diagonal texture lines to the third cactus icons plantadding the diagonal texture lines to the third cactus icons plantadding the diagonal texture lines to the third cactus icons plant

Підказка: зверніть увагу, що, чим довше контури обведені, тим тоншими вийдуть лінії текстури, тому поекспериментуйте з ними, поки не отримаєте потрібний результат.

Крок 5

Створіть контур поточної секції товщиною 8 px (#3A2E2A), а після цього виділіть і згрупуйте (Control-G) всі складові фігури.

adding the outline to the bottom section of the third cactus icons plantadding the outline to the bottom section of the third cactus icons plantadding the outline to the bottom section of the third cactus icons plant

Крок 6

Створіть верхнюліву частину рослини з кола 36 х 36 px (# 88AF66), поверх якого додайте діагональні лінії звичайної текстури (#6D894E) і контур товщиною 8 px (# 3A2E2A). Виділіть і згрупуйте (Control-G) всі три фігури, вирівнявши їх по верхньому краю активної області малювання, а потімрозташуйте їх за великий областю (клацнути правою кнопкою> Монтаж> Надіслатина задній план).

creating and positioning the main shapes for the top-left section of the third cactus icons plantcreating and positioning the main shapes for the top-left section of the third cactus icons plantcreating and positioning the main shapes for the top-left section of the third cactus icons plant

Крок 7

Додайте першу з маленьких частин з кола 16 х 16 px (# A9D884) з контуромтовщиною 8 px (# 3A2E2A), потім згрупуйте (Control-G) розмістіть на правій стороні недавно створених фігур.

creating and positioning the main shapes for the top-right section of the third cactus icons plantcreating and positioning the main shapes for the top-right section of the third cactus icons plantcreating and positioning the main shapes for the top-right section of the third cactus icons plant

Крок 8

Створіть другу область поменше з кола 24 х 24 px (#88AF66) з двома діагональними лініями текстури (#6D894E) і контуром товщиною 8 пікселів (# 3A2E2A), а потім згрупуйте (Control-G) і розташуйте на правій стороні великої фігури, на відстані 16 px від верхнього правого кута активної області малювання.

creating and positioning the main shapes for the right section of the third cactus icons plantcreating and positioning the main shapes for the right section of the third cactus icons plantcreating and positioning the main shapes for the right section of the third cactus icons plant

Крок 9

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

positioning the third cactus icons plant behind its ceramic potpositioning the third cactus icons plant behind its ceramic potpositioning the third cactus icons plant behind its ceramic pot

Крок 10

Створіть каміньпоменше з еліпса 14 х 12 px (#BAB6B3) з контуром товщиною 8 px (# 3A2E2A), потім згрупуйте (Control-G) і розташуйте йогона лівій стороні великий фігури горщика, відправивши його за велику фігуру (клацанути правоюкнопкою> Монтаж > Відправити назад).

adding the smaller rock to the third cactus icons ceramic potadding the smaller rock to the third cactus icons ceramic potadding the smaller rock to the third cactus icons ceramic pot

Крок 11

Намалюйте великуобласть каменю, взявши колір Заливки #9B928E. Створіть контур товщиною 8 px (# 3A2E2A) з округленим стиком, згрупувавши (Control-G) і помістившиобидві фігури за горщик (клацнути правою кнопкою> Монтаж> Надіслати назадній план).

adding the larger rock to the third cactus icons ceramic potadding the larger rock to the third cactus icons ceramic potadding the larger rock to the third cactus icons ceramic pot

Крок 12

Додайте переднійплан з копії (Control-C) фону, який ми створили для другої іконки, і вставте на поточний шар (Control-F), а потім вирівняйте по центру нижнього краю активної області малювання. Коли все буде готове, виділіть і згрупуйте (Control-G) всескладові частини перед тим, як перейти до четвертої і останньої іконки. 

finishing off the third cactus iconfinishing off the third cactus iconfinishing off the third cactus icon

8. Створимо четверту іконку з кактусом

Переходимо до четвертоїі останньої іконки, тому оберіть потрібний шар (п'ятий), і ми почнемо!

Крок 1

Як ми робилице з усіма іншими іконками, почніть зі створення керамічного горщика з заокругленого прямокутника 68 х 24 px (# E5E5E5) з Кутовим радіусом8 px і контуром товщиною 8 px (#3A2E2A), потім згрупуйте (Control-G) івирівняйте по центру нижнього краю активної області малювання.

creating and positioning the main shapes for the fourth cactus icons ceramic potcreating and positioning the main shapes for the fourth cactus icons ceramic potcreating and positioning the main shapes for the fourth cactus icons ceramic pot

Крок 2

Додайте горизонтальнулінію з лінії Обведення шириною 68 px і товщиною 4 px (# 3A2E2A), потім вирівняйте її по центру основної фігури горщика, розташувавши на відстані 4 px від його верхнього краю. Коли буде готово, виділіть всі три фігури і згрупуйте їх, натиснувши Control-G.

adding the horizontal detail line to the fourth cactus icons ceramic potadding the horizontal detail line to the fourth cactus icons ceramic potadding the horizontal detail line to the fourth cactus icons ceramic pot

Крок 3

Почніть працюватинад самою рослиною, створивши коло 24 х 24 px (#A9D884), яке ми вирівняємопо центру активної області малювання, розташувавши його на відстані 4 px відверхнього краю області малювання.

creating and positioning the main shape for the upper section of the fourth cactus icons plantcreating and positioning the main shape for the upper section of the fourth cactus icons plantcreating and positioning the main shape for the upper section of the fourth cactus icons plant

Крок 4

Створіть великеколо 44 х 44 px (# A9D884) ірозташуйте на відстані 24 px від маленького кола.

creating and positioning the main shape for the bottom section of the fourth cactus icons plantcreating and positioning the main shape for the bottom section of the fourth cactus icons plantcreating and positioning the main shape for the bottom section of the fourth cactus icons plant

Крок 5

Відкрийте контуридвох кіл, окремо виділивши їх внутрішні опорні точки Частковим виділенням (А), а потім видаліть, натиснувши Delete.

opening up the paths of the fourth cactus icons two circlesopening up the paths of the fourth cactus icons two circlesopening up the paths of the fourth cactus icons two circles

Крок 6

Об'єднайте два контури в одну велику фігуру, виділивши їх і двічі натиснувши Control-J.

uniting the paths of the fourth cactus icons two circlesuniting the paths of the fourth cactus icons two circlesuniting the paths of the fourth cactus icons two circles

Крок 7

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

adjusting the side curvatures of the fourth cactus icons plantadjusting the side curvatures of the fourth cactus icons plantadjusting the side curvatures of the fourth cactus icons plant

Крок 8

Додайте діагональнілінії текстури, взявши колір Обведення # 88AF66, а потім замаскуйте їх (клацання правою кнопкою> Створити відсічнумаску) за допомогою копії (Control-C> Control-F) нижньої фігури.

adding the diagonal texture lines to the fourth cactus icons plantadding the diagonal texture lines to the fourth cactus icons plantadding the diagonal texture lines to the fourth cactus icons plant

Крок 9

Створіть контуррослини товщиною 8 px (# 3A2E2A) і лінію Обведення висотою 80 pxі товщиною 4 pc (# 3A2E2A) в центрі нижнього краю. Коли будеготово, виділіть і згрупуйте всі складові фігури, натиснувши Control-G.

adding the outline and vertical divider line to the fourth cactus icons plantadding the outline and vertical divider line to the fourth cactus icons plantadding the outline and vertical divider line to the fourth cactus icons plant

Крок 10

Розмістіть тількищо сгрупповану фігуру за горщиком (клацнути правою кнопкою> Монтаж> Надіслатина задній план), виділивши і згрупувавши обидві частини за допомогою комбінації клавіш Control-G. 

positioning the fourth cactus icons plant behind its ceramic potpositioning the fourth cactus icons plant behind its ceramic potpositioning the fourth cactus icons plant behind its ceramic pot

Крок 11

Додайте маленькийкамінчик з еліпса 22 х 16 px (#BAB6B3) з контуромтовщиною 8 px (# 3A2E2A), а потім згрупуйте (Control-G) і помістіть на правій стороні горщика, на відстані 4 px від його правого краю.

adding the smaller rock to the fourth cactus icons ceramic potadding the smaller rock to the fourth cactus icons ceramic potadding the smaller rock to the fourth cactus icons ceramic pot

Крок 12

Намалюйте частинувеликого каменю, взявши колір заливки #9B928E. Створіть контур товщиною 8 px (#3A2E2A) з округленими стиком, згрупувавши (Control-G) ірозмістивши їх за горщиком (клацання правою кнопкою> Монтаж> Надіслати на задній план).

adding the larger rock to the fourth cactus icons ceramic potadding the larger rock to the fourth cactus icons ceramic potadding the larger rock to the fourth cactus icons ceramic pot

Крок 13

Завершіть створенняіконки, додавши передній план з копії (Control-C) фону, створеного для третьої іконки, а потім вставте його на поточний шар (Control-F) і вирівняйте по центру нижнього краю активної області малювання. Коли буде готове, виділіть і згрупуйте (Control-G) всі складові частини перед тим, як зберегти проект.

finishing off the fourth cactus iconfinishing off the fourth cactus iconfinishing off the fourth cactus icon

Всі голки вгору!

Простий, покроковий урок зі створення свого власного саду з іконок за допомогою декількох базових фігур і інструментів старого доброго Ілюстратор дійшов до кінця.

finished project previewfinished project previewfinished project preview
One subscription.
Unlimited Downloads.
Get unlimited downloads