March 16

Как создать логотип игры "Игры в Кальмара" в Illustrator.

1. Как создать новый документ в Adobe Illustrator

Запустите Illustrator и перейдите в меню Файл > Создать, чтобы открыть окно Новый документ. Там введите название документа и задайте размеры, как показано на рисунке. Для единиц измерения установите значение Пикселей , а для цветового режима - значение RGB. Как только вы закончите, нажмите Создать документ.

На изображении ниже вы можете увидеть другие настройки, которые я предпочитаю использовать при работе в Illustrator. Вы можете получить к ним доступ, перейдя в Правка> Настройки.

2. Как сделать шрифт логотипа игры Squid

Шаг 1

Возьмите инструмент «Текст» (T) и напишите буквы S, C, I, D, G и E, а также цифру 2 на своей монтажной области по отдельности. Используйте шрифт Digis Cosmo, который на удивление похож на оригинальный шрифт Squid Game. Изменения в шрифте будут минимальными.

На панели "Символ" используйте эти настройки:

  • Стиль шрифта: Digis Cosmo Regular
  • Размер шрифта: 100 пт
  • Вертикальный масштаб: 115%

Шаг 2

Мы используем букву C вместо буквы U, потому что она больше похожа на то, что нам нужно. Выделив букву C, перейдите на панель «Символ» и выберите «Поворот на 90 градусов» в поле «Поворот символа».

Шаг 3

Затем введите буквы Q, A и M с помощью шрифта Kamern размером 135 пунктов.

Шаг 4

Давайте немного скорректируем буквы. Начните с выбора буквы S и перейдите в Тип > Создать контуры, за которым следует Объект > Разгруппировать (Shift-Control-G). Это превратит живую букву в форму. Используйте инструмент прямого выделения (A), чтобы перетащить выделение за верхнюю левую изогнутую часть буквы S, чтобы выделить только эти точки, и переместите их примерно на 10 пикселей вправо, нажав десять раз клавишу со стрелкой вправо на клавиатуре.

Затем выделите только точки, отмеченные зелёным, и переместите их примерно на 10 пикселей влево, чтобы укоротить этот участок.

Шаг 5

Выбрав букву Q, выберите Создать контуры в меню Тип, за которым следует Объект > Разгруппировать (Shift-Control-G) (1). Затем перейдите к Объекту > Составному контуру > Release, чтобы разделить его на две фигуры (2). Выберите фигуру Q меньшего размера (красная) и измените ее размер на панели Преобразование на 52 x 52 пикселя. Теперь измените размер фигуры Q большего размера на 80 x 80 пикселей (3).

Хвостик буквы Q выглядит не очень хорошо, поэтому вы можете использовать инструмент «Удаление опорных точек» (-) для удаления этих точек и нарисовать новый хвостик с помощью инструмента «Перо» (P), как показано ниже (4).

Чтобы собрать букву обратно, выделите два круга (красный и синий) и нажмите «Вычесть передний план» на панели «Трассировщик». Затем выделите получившийся составной контур вместе с новым хвостом и нажмите «Объединить» на панели «Трассировщик». Теперь вы можете заполнить его чёрным цветом.

Шаг 6

После того как вы расширите и разгруппируете (Shift-Control-G) букву U, как вы делали раньше, используйте инструмент «Выделение по контуру» (A), чтобы сделать один из отрезков короче, а другой — длиннее (1).

После того как вы расширите букву I, используйте инструмент «Выделение по контуру» (A), чтобы выделить только две точки в правом верхнем углу и переместить их влево, пока засечка не исчезнет. Повторите то же самое для остальных трёх засечек, чтобы удалить их. После этого вы можете использовать инструмент «Удаление опорных точек» (-), чтобы убрать лишние точки вдоль контура буквы (2).

Затем расширьте и разорвите сгруппированную (Shift-Control-G) букву D. С помощью инструмента «Выделение» (A) перетащите выделение на изогнутую часть, чтобы выделить все эти точки, и переместите их вправо, чтобы расширить букву (3).

Шаг 7

На этом этапе буквы SQUID готовы. Почти идентичны, верно?

Шаг 8

Следующая буква — G. Перейдите к ней и расширьте её, а затем разорвите сгруппированную (Shift-Control-G) фигуру. С помощью инструмента «Выделение» (A) переместите точку, выделенную зелёным, внутрь, а точки, выделенные красным, — наружу. Наконец, нарисуйте длинный хвост с помощью инструмента «Перо» (P), как показано на рисунке.

Расположите букву G под буквой Q и вытяните верхний край так, чтобы он перекрывал хвост буквы Q.

Шаг 9

С помощью инструмента «Добавить опорную точку» (+) добавьте дополнительную точку в верхней части буквы A; затем переключитесь на инструмент «Удалить опорную точку» (-) и удалите точки, выделенные красным.

Затем выделите только точку, выделенную зелёным, и переместите её вниз с помощью инструмента «Выделение по прямой» (A). Последнее, что нужно сделать, — это выделить точки в нижней части каждой ножки и немного сдвинуть их внутрь.

Шаг 10

После того как вы расширите и разгруппируете букву M, возьмите инструмент «Нож» и сделайте два разреза, как показано ниже, чтобы разделить ножки. Сдвиньте ножки ближе друг к другу, затем выделите всю букву и нажмите «Объединить» на панели «Трассировщик», чтобы снова соединить их. Осталось только выделить точку, выделенную зеленым, и немного сдвинуть ее вверх.

Шаг 11

Последняя буква — E. С помощью инструмента «Удаление опорной точки» (-) удалите две точки, выделенные красным, и избавьтесь от средней линии. Нарисуйте новую линию с помощью инструмента «Перо» (P) размером около 75 x 12,5 пикселей и с наклонным концом, как показано на изображении ниже.

Шаг 12

Для числа 2 просто сдвиньте две начальные точки на 10 пикселей вправо, десять раз нажав клавишу стрелка вправо на клавиатуре. Число почти идентично исходному.

Шаг 13

Расположите и выровняйте буквы A, M и E, а также цифру 2 по отношению к букве G. Увеличьте хвост буквы S и хвост цифры 2, выделив две конечные точки с помощью инструмента «Прямое выделение» (A) и переместив их по монтажной области. Шрифт для логотипа второго сезона «Игры в кальмара» готов.

3. Как раскрасить логотип 2 сезона игры про кальмаров

Шаг 1

В этом уроке мы воссоздадим бело-чёрную версию логотипа на розовом фоне. Раскрасьте фигуры, как показано на рисунке.

Шаг 2

С помощью инструмента «Эллипс» (L) нарисуйте круг размером 52 x 52,5 пикселей, который должен идеально поместиться внутри буквы O. Переключитесь на инструмент «Перо» (P) и нарисуйте треугольник и квадрат внутри букв A и E между их угловыми точками. Закрасьте внутренние фигуры чёрным цветом.

4. Как применять векторные текстуры в Adobe Illustrator

Шаг 1

Логотип этого популярного шоу Netflix выглядит грубо и диковато, и мы воссоздадим его с помощью различных текстур на следующих этапах. Этот образ идеально сочетается с драматизмом сюжетной линии.

Первая текстура, которую я использовал, — Light Grunge 01 из набора Light Grunge Textures. Вы можете использовать изображение в формате PNG или векторную текстуру. Поместите текстуру на монтажную область и масштабируйте её, как показано на рисунке.

Затем выделите белые буквы вместе с цифрой 2 (без внутренних фигур), а затем скопируйте и вставьте на место (Shift-Control-V), чтобы скопировать их перед всем. Нажмите Объединить на панели Навигатора , за которой следует Объект > Составной путь > Создать (Control-8). Используйте полученный составной контур для маскировки текстуры, выбрав оба варианта и перейдя в Объект> Обтравочная маска > Создание (Control-7).

Шаг 2

Установите для текстуры режим наложения «Умножение» и уменьшите непрозрачность примерно до 6%. Это придаст логотипу мягкий, размытый вид.

С помощью инструмента «Выделение» (A) измените форму маски и сделайте хвостик буквы S и хвостик цифры 2 короче. Текстура не должна быть видна до самого конца.

Шаг 3

Следующая текстура, которую мы будем использовать, — Light Grunge 03 из того же набора Light Grunge Textures. Откройте файл EPS и скопируйте векторную текстуру в свой документ. Измените цвет заливки на более тёмный оттенок розового и масштабируйте его, как показано на изображении ниже. Уменьшите непрозрачность до 50%.

Шаг 4

Выделите все белые буквы вместе с цифрой 2 (без внутренних фигур), а затем скопируйте и вставьте на место (Shift-Control-V), чтобы снова скопировать их перед всеми элементами. Нажмите Объединить на панели Навигатора , за которой следует Объект > Составной путь > Создать (Control-8). Используйте новый составной контур для маскировки текстуры, выбрав оба варианта и перейдя в Объект> Обтравочная маска > Создание (Control-7).

Шаг 5

У цифры 2 более плотная текстура, поэтому давайте добавим ещё одну. Выберите и продублируйте векторную текстуру, использованную на предыдущем шаге, перейдите на панель «Трансформация» и выберите «Отразить по горизонтали» в раскрывающемся меню. Переместите её только на цифру 2 и уменьшите непрозрачность до 42%. Текстура должна находиться под той же маской.

Шаг 6

Текстура пока выглядит великолепно, но она не должна полностью закрывать логотип. Итак, чтобы очистить некоторые области, мы воспользуемся инструментом Кисть (B), чтобы нарисовать несколько белых штрихов сверху (1). Используемая кисть имеет размер 10 pt. Круглый, и вы можете найти его в меню библиотеки кистей > Художественный > Artistic_Calligraphic.

Сделайте такие же штрихи на цифре 2, но установите чёрный цвет штрихов R=7, G=2, B=2. (2).

Шаг 7

Перетащите белые и чёрные штрихи, созданные на предыдущем шаге, под ту же маску, над текстурами. Обратите внимание на разницу: теперь текстура видна только в нужных нам областях.

Шаг 8

Мы почти закончили! Последний шаг — добавить больше векторных текстур на чёрные внутренние фигуры, чтобы они соответствовали остальной части логотипа. Я использую Gritty Textures 06 из пакета Gritty Line Textures. Откройте файл EPS, скопируйте векторную текстуру в свой документ и поверните её на 90 градусов на панели «Трансформация». Отмасштабируйте его и расположите поверх букв Q и A. Задайте тёмно-розовый цвет заливки и уменьшите непрозрачность до 50%.

Сделайте его копию и переместите её на букву E.

Вы можете использовать текстуры в формате PNG вместо векторных текстур, чтобы снизить нагрузку на компьютер. Оба варианта доступны в папке.

Шаг 9

Выберите три внутренние фигуры, а затем скопируйте и вставьте на место (Shift-Control-V), чтобы скопировать их перед всеми элементами. Перейдите в Объект> Составной контур > Создание (Control-8) и используйте полученный составной контур для маскировки двух грубых текстур. Вот и все! Логотип игры с кальмарами готов.

5. Как исказить логотип игры Squid

Если вы хотите разместить свой окончательный логотип под углом, как в трейлере 2 сезона игры про кальмаров, обязательно выберите логотип целиком, а затем сгруппируйте (Control-G) его. Затем перейдите к Эффект> Искажение и трансформация> Бесплатное искажение и начните искажать логотип. Перетащите верхние точки внутрь, а нижние - наружу, чтобы создать желаемый вид. Нажмите OK после завершения.

Если это не помогло, можно сохранить изображение логотипа в формате JPG, открыть его в Photoshop и исказить с помощью функции «Перспектива».

Поздравляю! Вы закончили

Вы успешно научились создавать свой собственный логотип «Игры в кальмара» с нуля и использовать текстуры в векторном формате или формате PNG, чтобы придать ему грубый и изношенный вид.

Теперь, когда вы знаете, как создать логотип второго сезона «Игры в кальмара», не стесняйтесь применять те же методы для создания логотипов популярных фильмов. Обязательно загляните на Envato, где вы найдёте множество ресурсов, которые можно скачать и использовать для создания крутых дизайнов.

Изображение, использованное для создания фона: красивая грязная пыльная стена

Логотип, который вы создали, полностью векторный и масштабируемый, поэтому не стесняйтесь сохранять файл «Игры в кальмара» в формате PNG любого размера и включать его в свои проекты. Используйте макет футболки, чтобы показать или протестировать, как выглядит ваш логотип. Как круто!

Готово!