1. Design & Illustration
  2. Text Effects

Як створити забавний текст із сосисок в Adobe Illustrator

by
Read Time:16 minsLanguages:

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

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

У цьому уроці ви дізнаєтеся, як створити узорчату кисть з сосисок і як створити хорошу текстову ілюстрацію.

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

1. Як створити новий документ і налаштувати мережу

Натисніть Control-N для створення нового документа.  Виберіть Пікселі в вкладці Одиниці, введіть значення 600 для обох полів довжини та ширини, а потім натисніть кнопку Дополнительно.  Виберіть RGB, Экранное (72ppi), і не забудьте поставити галочку на Вирівнювати об'єкти по Піксельної Сетке, перед тим як натиснути  ОК.

Включіть направляючі (Перегляд> Показати направляючі) і прив'язка до направляючого (Перегляд> Прив'язка до направляючого).  По-перше, вам потрібна мережа, що направляє кожні 5 пікселів, так що просто перейдіть на екран меню «Редагування»> «Попередження»> «Напрямні»> «Мережа», введіть 5 у поле «Конкретні маршрути» та 1 в полі «Підрозділи».    Не будьте обескуражені цією мережею, вона полегшить вам роботу.   І помните, що ви завжди можете легко включити і вимкнути її, використовуючи гарячі клавіші Control- ".

Вам також варто відкрити панель інформації (Окно> Інформація) для попереднього перегляду розміру та розташування ваших фігур в режимі реального часу.   Не забудьте виставити одиниці виміру пікселі в редакції> Примітки> Одиниці.   Все эти опции значительно ускорят ваш рабочий процесс.

new document setup gridnew document setup gridnew document setup grid

2. Создание основных фигур

Крок 1

Возьмите Інструмент Прямоугольник (M) і перейдіть до панелі інструментів. Видаліть обводку і задайте кольори заливки R = 57 G = 181 B = 74.   Перейдите до робочої області, створіть малюнок 20 х 50 пікселів, і перейдіть в Ефект> Стилізація> Обгортання кутів. Введите Радиус 10 і натисніть ОК.

main shapesmain shapesmain shapes

Крок 2

К зеленому выделенному прямоугольнику примірте Об'єкт> Разобрать Оформление Виділіть отриману фігуру та скопіюйте її на передній план, використовуючи гарячі клавіші Control-C> Control-F.  Выделите только новую копию и задайте ее цвет R = 180 G = 43 B = 0.

main shapesmain shapesmain shapes

Крок 3

Використовуючи Інструмент Прямоугольник (M) і створіть малюнок 5 х 30 пікселів, поставте колір R = 223 G = 88 B = 30 і розташовуйте, як показано на малюнку нижче.  К новому малюнку застосувати Ефект> Стилізація> Обгортання кутів. Введите значение 2,5 пікселей Радиуса, натисніть ОК, потім пройдите в Обект> Разобрать Оформление.

main shapesmain shapesmain shapes

Крок 4

На Панелі Інструментів просто натисніть на Інструмент Перехід і відкриється меню Настройки Переходу.  Виберіть заданий кількість кроків з випадаючого меню відстань, введіть 10 в білому полі та натисніть ОК.   Тепер виберіть коричневий і оранжевий прямокутники зі скругленими кутами, а потім просто натисніть Alt-Control-B (або перейдіть в Об'єкт> Перехід> Створити), щоб створити нове переміщення. У підсумку все повинно виглядати як на другому малюнку.

main shapesmain shapesmain shapes

Крок 5

Відключіть прив'язку до направляючого (Shift-Control-) і перейдіть в меню «Редагування»> «Попередження»> «Загальні» та переконайтеся, що значення Переміщення Курсора коштує 1 пікселя.

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

Переконайтеся, що отримана фігура залишається виділеною, виведіть її на передню плану (Shift-Control-)) і давайте перейдемо до панелі Оформлення. Замініть існуючий залив на простий черний (R = 0 G = 0 B = 0), зменшіть прозорість до 30% і змініть Режим накладання на м'яке світло.основні фігури

main shapesmain shapesmain shapes

Крок 6

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

Переконайтеся, що отримана фігура залишається виділеною, виведіть її на передню плану (Shift-Control-)) та перейдіть до панелі Оформлення.  Замініть існуючий колір заливки на простий чорний, зменшіть його прозорість до 20% та змініть Режим накладання на м'який світ.

main shapesmain shapesmain shapes

Крок 7

Виберіть зелене скруглене прямокутник і зробіть дві копії на передній план (Control-C> Control-F> Control-F). Виберіть верхню копію та перемістіть її на 5 пікселів вгору за допомогою тієї кнопки зі стрілочкою на клавіатурі.  Виберіть обидва копії, зроблені в цьому кроці, і натисніть "Мінімум Верхній" в Панелі Обробка Контурів.

Переконайтеся, що отримана фігура залишається виділеною, виведіть її на передню плану (Shift-Control-)) та перейдіть до панелі Оформлення.  Замініть існуючий фарб на простий чорний, зменшіть його прозорість до 10% та змініть Режим накладання на м'який світ.

main shapesmain shapesmain shapes

Крок 8

Увімкніть прив'язку до керуючих (Control- ').   Виберіть три чорні фігури, виконані в останні три кроки, і перейдіть в Об'єкт> Трансформувати> Зеркальне відображення.  Поставьте галочку в горизонталі та просто натисніть на кнопку Копія.  Переконайтеся, що ваша нова фігура виділена, і розмістіть її, як показано на третьому зображенні.

main shapesmain shapesmain shapes

Крок 9

Виберіть зелене скруглене прямокутник і зробіть дві копії на передній план (Control-C> Control-F> Control-F).  Виберіть верхню копію та перемістіть її на 1 піксель вправо за допомогою правої кнопки зі стрілками на клавіатурі. Виберіть обидва копії, зроблені в цьому кроці, і натисніть "Мінімум Верхній" в Панелі Обробка Контурів.

Переконайтеся, що отримана фігура залишається виділеною, виведіть її на передню плану (Shift-Control-)) та перейдіть до панелі Оформлення. Замініть існуючий фарб на простий білий (R = 255 G = 255 B = 255), зменшите його прозорість до 30% і змініть Режим накладання на м'яке світло.

main shapesmain shapesmain shapes

Крок 10

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

Переконайтеся, що отримана фігура залишається виділеною, виведіть її на передню плану (Shift-Control-)) і давайте перейдемо до панелі Оформлення. Замініть існуючий колір заливки на простий чорний, зменшіть прозорість до 20% і змініть Режим накладання на м'який світ.

main shapesmain shapesmain shapes

Крок 11

Виберіть зелений з круглими кутами прямоугольник і створіть дві копії на передній план (Control-C> Control-F> Control-F).  Выделите верхнюю копию и переместите ее на 2 пікселя вліво.   Виберіть обидва копії, зроблені в цьому кроці, і натисніть "Мінімум Верхній" в Панелі Обробка Контурів.

Переконайтеся, що отримана фігура залишається виділеною, виведіть її на передню плану (Shift-Control-)) та перейдіть до панелі Оформлення.  Замініть існуючий затік на простий білий, зменшіть його прозорість до 50% та змініть Режим накладання на м'який світ.

main shapesmain shapesmain shapes

Крок 12

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

Переконайтеся, що отримана фігура залишається виділеною, виведіть її на передню плану (Shift-Control-)) та перейдіть до панелі Оформлення. Замініть існуючий фарб на простий чорний, зменшіть його прозорість до 40% та змініть Режим накладання на м'який світ.

main shapesmain shapesmain shapes

Крок 13

Увімкніть прив'язку до керуючих (Control- ').  Для наступних заходів вам потрібно обрати кожні 1 пікселя, так що пройдіть в меню «Редагування»> «Попередження»> «Напрямці» та «Мережа», введіть 1 в поле Напрямні кожен.

Возьмите Інструмент Прямоугольник (М) і створіть білу фігуру 3 х 26 пікселів, як показано на малюнку, і перейдіть в Ефект> Стилізація> Обгортання кутів. Введіть Радіус 1,5 пікселя і натисніть ОК, після чого перейдіть в Обект> Разобрать Оформление.  Переконайтеся, що отримана фігура залишається виділеною, зменшуйте її прозорість до 30% та змініть Режим накладання на м'яке світло.

main shapesmain shapesmain shapes

Крок 14

Возьмите інструмент Еллипс (L) і створіть два чорні 6 х 4 пікселі еліпси та розмістіть їх, як показано на малюнку.   Офіційні фігури виділіть і перейдіть до панелі Оформлення.  Просто зменшіть прозорість до 20% і змініть Режим накладання на м'який світ.

main shapesmain shapesmain shapes

3. Создание концов сосиски

Крок 1

Возьмите Інструмент Прямоугольник (M) і створіть малюнок 10 х 5 пікселів, розташовуйте, як показано на першому малюнку, і задайте заливку кольору R = 41 G = 171 B = 226.  Перейдіть на нижню сторону голубого прямокутника та перейдіть на інструмент прямого виділення (A).   Выделите левую опорную точку, выдвиньте ее на 5 пикселей вправо и затем возьмите Инструмент Удаление Опорных Точек (-).  Просто натисніть на праву опорну точку, щоб видалити її, і це повинно перетворити ваш синій прямокутник у трикутник, як показано на другому зображенні.

wiener endswiener endswiener ends

Крок 2

Тримайте голубую виділену фігуру, пройдіть в Ефект> Розбещення та трансформація> Втягування та роздування.  Введіть значення, як показано на наступному малюнку, натисніть ОК і пропустіть Ефект> Деформація> Дуга вверх. Введіть атрибути, показані на наступному малюнку, натисніть ОК і пройдіть Об'єкт> Розібрати оформлення.

wiener endswiener endswiener ends

Крок 3

Відключіть прив'язку до направляючого (Control-).  Виділенну голубю фігуру скопіюйте двічі на передній план (Control-C> Control-F> Control-F). Выделите верхнюю копию и переместите ее на 1 піксель вліво.   Виберіть обидва копії, зроблені в цьому кроці, і натисніть "Мінімум Верхній" в Панелі Обробка Контурів. Залиште фігуру черним, зменшите прозорість до 50% та змініть Режим накладання на м'який світ.

wiener endswiener endswiener ends

Крок 4

Виділенну голубю фігуру і скопіюйте двічі на передній план (Control-C> Control-F> Control-F). Выделите верхнюю копию и переместите ее на 2 пікселя вліво. Виберіть всі копії, зроблені в цьому кроці та натисніть Мінімум в панелі Обробка контурів. Залиште фігуру білим, зменшите прозорість до 50% та зміните Режим накладання на м'який світ.

wiener endswiener endswiener ends

Крок 5

Виділенну голубю фігуру скопіюйте двічі на передній план (Control-C> Control-F> Control-F).  Выделите верхнюю копию и переместите ее на 1 піксель вправо. Виберіть обидва копії, зроблені в цьому кроці, і натисніть "Мінімум Верхній" в Панелі Обробка Контурів. Залиште фігуру черним, зменшите прозорість до 30% та змініть Режим накладання на м'яке світло.

wiener endswiener endswiener ends

Крок 6

Виділенну голубю фігуру скопіюйте двічі на передній план (Control-C> Control-F> Control-F).  Выделите верхнюю копию и переместите ее на 1 піксель вверх. Виберіть обидва копії, зроблені в цьому кроці, і натисніть "Мінімум Верхній" в Панелі Обробка Контурів.  Залиште фігуру черним, зменшите прозорість до 30% та змініть Режим накладання на м'яке світло.

wiener endswiener endswiener ends

Крок 7

Выделите голубую фігуру і просто заляйте кольором R = 180 G = 43 B = 0.

wiener endswiener endswiener ends

Крок 8

Увімкніть прив'язку до керуючих (Control- ').  Возьмите інструмент Еллипс (L) і створіть два голуби 6 х 2 пікселі еліпси та розмістіть їх, як показано на першому малюнку.  Виділенную нову фігуру скопіюйте двічі на передній план (Control-C> Control-F> Control-F).   В панелі Слоєви виділіть нижню копию і перемістіть її на 1 піксель вниз.   Виберіть обидві копії та натисніть Мінімум Верхній в Панелі Обробка Контурів. Залиште фігуру білим, зменшите прозорість до 50% та зміните Режим накладання на м'який світ.

wiener endswiener endswiener ends

Крок 9

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

wiener endswiener endswiener ends

Крок 10

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

wiener endswiener endswiener ends

4. Создание своей узорчатой ​​кисти из сосисок

Крок 1

Выделите свой переход и пройдите в Объект> Разобрать Оформление.

wiener pattern brushwiener pattern brushwiener pattern brush

Крок 2

Поверніться до направлення кожні 5 пікселів, так що просто перейдіть до меню «Редагування»> «Попередження»> «Напрямні» та «Мережа», введіть 5 у поле «Напрямні кожен».  Використовуючи Інструмент Прямоугольник (M) і створіть малюнок 30 х 20 пікселів, поставте колір R = 0 G = 104 B = 55, і розташовуйте, як показано на першому малюнку.   Виділіть ці прямоугольники разом з іншими фігурами, які ви вже створили, та продублируйте їх (Control-C> Control-F). Перетащите ці копії направо і розмістіть їх, як показано на другому зображенні.

wiener pattern brushwiener pattern brushwiener pattern brush

Крок 3

Перейдіть на левому наборі фігур та візьміть інструмент Створення фігур (Shift-M).  Утримуючи клавішу Shift на клавіатурі, просто простягніть виділення вздовж зеленого прямокутника приблизно так, як показано на першому малюнку, але переконайтеся, що ви не завели край.  Теперь, выберите зеленый прямоугольник і вийміть з нього кнопки Видалити на клавіатурі.  У підсумку все повинно виглядати як на третьому зображенні.

wiener pattern brushwiener pattern brushwiener pattern brush

Крок 4

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

wiener pattern brushwiener pattern brushwiener pattern brush

Крок 5

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

wiener pattern brushwiener pattern brushwiener pattern brush

Крок 6

Продовжуємо працювати з правовим набором фігур.   Выделите все зеленые фигуры и удалите их.  Выделите все эти формы, группипируйте их (Control-G) і розмістіть їх, як показано на третьому зображенні. Выделите все эти формы, группипируйте их (Control-G) і розмістіть їх, як показано на третьому зображенні.

wiener pattern brushwiener pattern brushwiener pattern brush

Крок 7

Виділіть всі щойно створені фігури та пройдіть Ефект> Виправлення та Трансформація> Поворот. Выставьте угол -90 градусів, а потім натисніть кнопку ОК.

wiener pattern brushwiener pattern brushwiener pattern brush

Крок 8

Виділіть групу, яка складається з лівого краю сосиски (показано на малюнку), і просто перетягніть в панель Образці (Окно> Образці), щоб зберегти як простий узор.   Двічі клікніть по новому узору, перейменуйте в "startTile", і не забудьте натиснути кнопку Скасувати.

wiener pattern brushwiener pattern brushwiener pattern brush

Крок 9

Виділіть групу, яка складається з правого краю сосиски (показано на малюнку), і перетворіть у візерунок.   Дважды клацніть по новому узору, перейменуйте в "endTile", і не забудьте натиснути кнопку Скасувати.

wiener pattern brushwiener pattern brushwiener pattern brush

Крок 10

Виділіть групу, яка складається з тіла (виділені в малюнку нижче) та натисніть кнопку Нова Кисть у панелі «Кисті» (Вікно> Щітки). Поставьте галочку на Узорчата кисть і натисніть ОК, щоб відкрити вікно Параметри Узорчаті кисті.

Назовите кисть "Сосиска", введіть атрибути, як показано нижче, і перейдемо до полів Інтервалів.  Відкрийте випадаючий меню. Початок оформлення та додайте візерунок "startTile" з цього списку, а потім відкрийте вікно, що з'явилося.  Кінцеве оформлення та додайте візерунок "endTile". Нарешті, натисніть кнопку ОК, і ви повинні знайти свої нові кисті в панелі кистей.

wiener pattern brushwiener pattern brushwiener pattern brush

5. Создайте текст из сосисок

Крок 1

Відключіть направляючі (Control- ') і прив'язка до направляючого (Shift-Control-'). Возьмите інструмент текст (Т), кликніть по робочій області, і напишіть свій текст серым (R = 178 G = 178 B = 178) кольором.  Відкрийте панель Символы.

Используйте шрифт Freestyle Script з розміром у 200 точках.   Перейдите на панель Слои и заблокируйте цей фрагмент тексту, щоб бути впевненим, що ви випадково не виділите / перемістіть його.   Використовуючи інструмент перо (Р) (або інструмент кисть (B)), намалюйте кілька плавних контурів, як показано нижче, намагаючись використати текст, який лежить на спині, як приблизний реферс. Задайте тонкую обводку цим контурм.

wiener textwiener textwiener text

Крок 2

Задайте тонкую обводку цим контурм.  Выделите контуры и замените тонкую черную обводку узорчатой ​​кистью "Сосиска".

К виділеним контурам застосувати ефект, пройдя Ефект> Стилізація> Падающая тень.   Введіть властивості, показані у верхньому лівому вікні (на наступному малюнку), натисніть кнопку OK, а потім додайте інші чотири ефекту Падающей тени, як показано нижче.

wiener textwiener textwiener text

Крок 3

Включите направляющие (Control- ') і прив'язка до направляючого (Shift-Control-'). Переключіться на направлення кожні 1 пікселя, так що пройдіть в меню «Редагування»> «Попередження»> «Напрямці» та «Мережа», введіть 1 в поле «Напрямні кожен».

ІІнструментом Еллипс (L) намалюйте круги в 1 пікселі, 2 пікселя та 3 пікселя, задайте їм всі чорні кольори, і розмістіть їх, як показано на першому зображенні. Выделите все эти крошечные кружочки и просто нажмите Control-8, чтобы включить их в составной контур.  Переконайтеся, що складний контур залишається виділеним, зменшуйте його прозорість до 40% та змініть Режим накладання на м'який світ.

wiener textwiener textwiener text

Крок 4

Размножьте черный составной контур (Control-C> Control-F) та розподіліть копії, як показано на наступному зображенні.

wiener textwiener textwiener text

Крок 5

Інструмент Еллипс (L) намалюйте круги в 1 пікселі, 2 пікселя та 3 пікселя, задайте їм всі білі кольори, і розмістіть їх, як показано на першому зображенні.  Выделите все эти крошечные кружочки и просто нажмите Control-8, чтобы включить их в составной контур.  Переконайтеся, що складний контур залишається виділеним, зменшуйте його прозорість до 40% та змініть Режим накладання на м'який світ.

wiener textwiener textwiener text

Крок 6

Размножьте черный составной контур (Control-C> Control-F) та розподіліть копії, як показано на наступному зображенні.

wiener textwiener textwiener text

6. Добавьте гірчиці

Крок 1

Наконец, можна додати трохи гірчиці, використовуючи дискретну кисть і методи, згадані в цьому детальному уроку (шаг 4.1 до 6.7-пропустим частину з Переходом).

add mustardadd mustardadd mustard

Крок 2

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

add mustardadd mustardadd mustard

Поздравляю! Ви справились! Додати гірчицю

Вот как это должно выглядеть Надеюсь вам сподобався цей урок і ви зможете застосувати ці техніки в ваших майбутніх проектах.

final productfinal productfinal product
One subscription.
Unlimited Downloads.
Get unlimited downloads