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

Створимо гламурну кіноафішу в Адобе Іллюстратор

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

1. Створимо 3D окуляри з базових фігур

Крок 1

Створіть прямокутник за допомогою Прямокутника (М) і заповніть його простим лінійним градієнтом від сірого до світло-сірого. Візьміть Прямокутник з округленими кутами і додайте ще одну фігуру поверх першої, сформувавши скло. Заповніть фігуру лінійним градієнтом від темно-синього до ясно-синього.

make a rectangle

Крок 2

Давайте відріжемо куточок обідка очок, створивши простір для перенісся. Створіть рівне коло інструментом Еліпс (L) й помістіть його над нижнім лівим кутом обідка. Виділіть обидві фігури та використовуйте функцію Мінус передній план в панелі Обробки контурів.

use minus front in pathfinder

Крок 3

Двічі клацніть на Інструменті Дзеркальне відображення (О) для виклику меню, що випадає з параметрами і відобразіть створені фігури по Вертикальній осі. Натисніть на кнопку Копіювати, створивши другу частину очок. Змініть градієнтні кольори правій частині на відтінки червоного, як в класичних 3D окулярах.

add second half of the glasses

Крок 4

Давайте додамо прості дужки нашим очкам.

Для початку створіть прямокутник і помістіть округлений прямокутник поменше над ним (звірте положення зі знімком екрана нижче). Далі, натисніть на Мінус передній план в панелі Обробки контурів, щоб вирізати форму вуха. Виділіть одну з нижніх опорних точок Частковим виділенням (А) і перетягніть її злегка вправо, щоб фігура вийшла більш плавною. Нарешті, виділіть фігуру і перейдіть в Ефект> Стилізація>Заогруглені кути і встановіть Радіус кута на 1-2 px, щоб зробити форми плавними.

make glasses arm

Крок 5

Тепер нам потрібно зробити так, щоб дужки окулярів відповідали перспективі. Давайте злегка змінимо форму, перейшовши в Об'єкт> Деформація за конвертом> Створити із сітки і встановивши значення Рядів і Колонок на 1.

apply mesh to the arm

Крок 6

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

transform the arm

Крок 7

Додайте другу дужку на другому боці очок. Виділіть обидві частини обідка і Об'єднайте їх на панелі Обробки контурів, щоб вийшла єдина фігура.

unite two halves of the glasses

Крок 8

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

add highlight and shadow

Додайте м'яку тінь на носовій частині очок.

3D glasses

Крок 9

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

add overtones in screen mode

Ви також можете додати пару відображень на верхній частині очок.

add reflections to the glasses

2. Зображуємо смугастий кошик з попкорном

Крок 1

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

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

bucket basic shape

Крок 2

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

add the edges to the bucket

Крок 3

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

add shadow in multiply mode

Крок 4

Давайте додамо впізнавану частину більшості кошиків з попкорном - вертикальні смужки! Створіть серію вузьких смужок Інструментом Прямокутник (М) і перетворіть їх в Складений контур (Control-8), як ми робили до цього. Перейдіть в Ефект> Викривлення> Дуга і встановіть значення Горизонтального згину на 8%.

make stripes with warp effect

Крок 5

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

brighten the bucket

Крок 6

Нам не хочеться дивитися фільми з порожньою корзиною, чи не так? Давайте заповнимо її хрустким попкорном!

Створіть просте коло інструментом Еліпс (L). Тепер візьміть інструмент Деформація (Shift-R) і почніть міняти коло, роблячи опуклості і западини. Додайте фігуру поменше над внутрішньою частиною попкорну.

make popcorn basic shape

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

use the smooth tool

Крок 7

Заповніть фігуру попкорну лінійним градієнтом від світло-жовтого в середині до бежевого по краях. Візьміть Олівець (N) і намалюйте кілька стислих фігур нагорі, заповнивши їх лінійним градієнтом від світло-жовтого до чорного. Переведіть Режим змішування на Освітлення для створення відблисків. Додайте кілька тіней в Режимі змішування Множення.

color the popcorn

Крок 8

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

fill the bucket with popcorn

3. Створюємо просту котушку з кіноплівкою з кола

Крок 1

Почніть з створення кола і заповнення його лінійним градієнтом різних відтінків сірого, імітуючи металеву поверхню. Створіть коло поменше поверх металевого кола. Вирівняйте його по центру базової металевої фігури і посуньте ближче до верхнього краю. Візьміть Поворот (R) і, утримуючи клавішу Alt, клацніть всередині базової фігури. Після цього з'явиться спливаюче вікно з параметрами Повороту. Встановіть значення Кута на 360/5 та натисніть на кнопку Копіювати. Натисніть Control-D кілька разів і додайте п'ять кіл, сформувавши котушку.

make the basic bobbin shape

Крок 2

Виріжте круг, створивши перфоровані отвори. Створіть копію котушки на задньому плані (Control-C> Control-B) і злегка збільште її розмір. Заповніть копію лінійним градієнтом від білого нагорі до темно-сірого внизу, надавши об'єкту обсяг.

cut out the holes in the bobbin

Крок 3

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

create the film reel

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

add shadows to the bobbin

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

add highlights to the bobbin

4. Створюємо кінохлопавку

Крок 1

Сформуйте фігуру за допомогою Прямокутника з заокругленими кутами і заповніть його темним лінійним градієнтом. Потім візьміть Прямокутник (М) і додайте вузьку світлу смужку поверх базової форми.

make the basic clapper shape

Крок 2

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

form stripes for the clapper

Натисніть Control-D для повторення останньої дії, створивши більше смужок, і сховайте непотрібні частини Відсічної маски, щоб фігури стали акуратними.

edit the clapper stripes

Крок 3

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

add highlight to the clapper

Крок 4

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

add the second half of the clapper

Крок 5

Нам потрібно зробити фігуру більш гладкою, округливши верхній правий кут хлопавки. Вбудований ефект Заокруглені кути не допоможе нам в цьому випадку, тому що він округляють всі кути, в той час як нам потрібно змінити тільки один. Для цього ми використовуємо драйвер "заокруглити будь-який кут", створений для Адобе Ілюстратор автором Hiroyuki Sato, який ви можете завантажити на Tuts+. Виділіть кут, який ви хочете згладити, і запустіть драйвер (натисніть Control-F12 і виділіть його в папці), встановивши значення Радіуса на 7. Тепер у вас є заокруглена фігура.

use round any corner script

Крок 6

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

make the fastening detail

Крок 7

Створіть простий болтик з кола і розмістіть на ньому крихітний відблиск.

make the screws

Згрупуйте (Control-G) обидві частини болтика і додайте ще дві копії для кріпильної деталі.

make the screws 2

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

add finishing touches to the clapper

Давайте зберемо все створені предмети разом, склавши просту композицію.

make a simple composition

5. Зображаємо об'ємну смугу фотоплівки

Крок 1

У цій частині уроку ми створимо реалістичну фотоплівку для пожвавлення композиції.

Почнемо з чорної смуги для основи плівки. Додайте два крихітних квадрата в обох верхніх кутах смуги. Перейдіть в Об'єкт> Перехід> Зробити, а потім відкрийте настройки Перехода в тому ж меню. Встановіть Параметри переходу на Задано кроків, значення 20. Перейдіть в Об'єкт> Розібрати для групи переходу і розмістіть її копію в нижній частині чорної смужки.

make a film tape 1

Крок 2

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

make a film tape 2

Крок 3

Тепер зобразимо справжню форму кіноплівки. Інструментом Олівець (N) намалюйте плавну S-образну лінію. Виділивши лінію, перейдіть в Ефект> 3D> Витягування і скіс. Поставте галочки для ілюстрації і рухайте куб навколо, щоб потрібним чином розташувати плівку. На знімку екрана внизу ви можете побачити мої параметри Витягування і скоса. Нехай вікно з Налаштуваннями буде якийсь час відкритим - нам потрібно налаштувати тут ще дещо.

apply 3D effect to the film tape

Крок 4

Тепер давайте застосуємо текстуру плівки, створену раніше. Натисніть на кнопку Проектування в вікні Налаштувань 3D Витягування і скоса. Тут вам потрібно переключити Поверхні і вибрати нашу кіноплівку в меню Символів, застосовуючи її до кожної видимої поверхні. Натисніть на кнопку Змінити масштаб за розміром для автоматичної настройки плівки на потрібний розмір.

use map art to apply texture 1

Якщо символ плівки недостатньо довгий для покриття всієї поверхні, створіть нову плівку достовірніше і помістіть її на панель Символів.

use map art to apply texture 2

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

use map art to apply texture 3

Крок 5

Відмінно! Якщо ви задоволені результатом і не збираєтеся нічого редагувати, перейдіть в Об'єкт> Розібрати вигляд. Тепер можемо почати розмальовку. Виділіть чорну фігуру на передній поверхні стрічки і заповніть її лінійним градієнтом темно-синіх тонів, створивши сяючий ефект.

expand and color the film tape 1

Крок 6

Застосуйте темніший лінійний градієнт до кадрів, також роблячи їх сяючими.

expand and color the film tape 2

Ось як зараз виглядає кольорова плівка.

expand and color the film tape 3

Крок 7

Давайте виріжемо маленькі білі шматочки у верхній і нижній частинах стрічки. Об'єднайте квадратики в Складений контур (Control-8) і застосуєте функцію Мінус передній план в панелі Обробки контурів для створення отворів.

cut out the squares of the film tape

Крок 8

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

rearrange the parts of the film tape

Крок 9

Створіть таку ж плівку на іншій стороні афіші біля кошика з попкорном для балансування композиції.

create another film tape

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

make the film frames transparent

Ось як на даному етапі повинна виглядати вся композиція:

cinema items

6. Додаємо гламурний мерехтливий фон

Крок 1

Щоб зробити нашу картинку більш глянцевою, давайте створимо ефект дзеркальної поверхні під предметами. Для початку створіть відображену копію 3D очок і скопіюйте її ще раз, щоб одна копія була поверх іншої (Control-C> Control-F). Виділіть верхню копію і Об'єднайте її на панелі Обробки контурів, перетворивши її таким чином в єдину фігуру. Заповніть створену фігуру лінійним градієнтом від чорного в нижній частині до білого - у верхній.

make mirrored reflection of the glass

Крок 2

Виділіть обидві створені копії і натисніть на кнопку Створити маску на панелі Прозорості для створення маски Непрозорості. Як ви можете бачити, чорна частина фігури стала прозорою, перетворивши фігуру в м'яке відображення наших 3D очок.

make mirrored reflection of the glass 2

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

make mirrored reflection of the items

Виглядає досить глянцево! Давайте рухатися далі та прикрасимо фон.

make mirrored reflection of the items 2

Крок 3

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

add vivid lilac background

Крок 4

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

add shadows to each item

Крок 5

Додайте більше глибини фону, помістивши групу кіл за нашими об'єктами. Заповніть їх радіальним градієнтом від чорного до яскраво-бузкового і перейдіть в Режим змішування Освітлення, створивши ефект розмитих вогнів. Ви також можете додати фінальний штрих, "розкидавши" іскорки по картинці для додання гламурного виду.

add bokeh to the background

Знято! Ваша кіноафіша готова!

Вітаю, ви зробили велику роботу зі створення гламурного детального постера з предметами на тему кіно! Сподіваюся, ви дізналися нові прийоми для застосування в свої майбутніх проектах. Нехай натхнення веде вас!

final image of the cinema poster
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.