Sound theory
Интервалы, тона, полутона
Что такое «интервал» в принципе? Грубо говоря – это расстояние между чем-то и чем-то.
Между зданиями, городами, вещами и т. д. Есть расстояние и между нотами. Расстояние должно в чём-то измеряться. От города до города – километры, от вещи до вещи – метры и сантиметры. А от ноты до ноты – тона и полутона.
Вот и получается, что музыкальный интервал – это расстояние между двумя нотами.
Рассмотрим привычную гамму:
До – Ре – Ми – Фа – Соль – Ля – Си – До.
К слову – это гамма называется «До мажор».
Большинство людей привыкли думать, что нот 7, но музыканты знают, что технически – их 12. Всё дело в том, что между основными нотами есть ещё промежуточные:
До – До# – Ре – Ре# – Ми – Фа – Фа# – Соль – Соль# – Ля – Ля# – Си – До.
Значок «#» обозначает «Диез». Что это такое, мы разберёмся чуть позже, сейчас это не имеет принципиального значения, стоит только обратить внимание на то, что между нотами «Ми – Фа» и «Си – До» нету этого знака. Поэтому и получается, что нот всего 12.
Это очень удобно показано на клавиатуре пианино, где есть чёрные и белые клавишы. Чёрные клавишы, как раз и есть эти самые промежуточные нотки и, если посчитать белые и чёрные клавишы от «До» до «До», то получим 12.
Расстояние между каждыми двумя соседними нотками – это пол тона:
Два полутона образуют один тон.
С этим надо быть внимательными, потому что между «До» и «Ре» — тон, а от «Ми» до «Фа» — пол тона, аналогичная ситуация с «Си» и «До».
Рассмотрим растояние между «До» и «Соль». 7 полутонов. Не очень удобно для понимания. Со временем, конечно, можно привыкнуть и запомнить, но, чтобы каждый раз не считать, для интервалов были придуманы названия, что очень облегчает их понимание и запоминание.
Название зависит от количества полутонов.
Есть ещё интервал в 0 полутонов – это прима, или унисон, то есть, точно та же самая нота.
Для этих названий есть краткие обозначения, в таблице, что выше – они написаны под указанием количества полутонов. Эта таблица дана для наглядности. Она выглядит громоздкой, но это не помешает нам с лёгкостью понять суть происходящего. Запишем все названия по порядку:
Как Вы уже заметили – у некоторых интервалов одинаковые названия, объединим их в группы и присвоим номера:
Тритон без номера и он находится в середине, и ещё, в нём три тона, потому и ТРИтон. Капитан очевидность в восторге!
По обеим сторонам – кварта и квинта. Кварта по-меньше, квинта по-больше. Кварта, как квадрат и обозначается цифрой 4, квинта – цифрой 5.
Первый и последний интервалы – прима и октава. Октава – это та же самая нота, но выше или ниже по звукоряду, а прима – это прям точно та же самая нота.
Меньше кварты — терции. Большая и малая. Терция – это «третья» по латински. Обозначаются цифрой «3», перед большой ставится буква «б», перед малой «м».
Меньше терции – секунды. Тоже, большая и малая. Секунда – созвучно с second, или второй. Потому и цифра 2. С соответствующими буковками «б» перед большой, и «м» перед малой. Меньше только прима.
Большие интервалы. Сексты – 6, и септимы – 7. Так же всё от латинских названий. И также с буковками «б» и «м» соответственно.
Как теперь становится понятно, названия интервалов – это всего лишь их порядковые номера.
Интересная ситуация с «тритоном». Так как теория музыки развивается довольно давно, многие названия и обозначения пришли к нам с давних времён. Так вот, в средневековье, в Европе, тритон считался дьявольским интервалом, так как он даёт очень яркий диссонанс – звучание, которое не привычно слуху. Поэтому, многие теоретики обходили его стороной, не считая чем-то важным. Наверно, именно поэтому его и обделили номером. Хотя, если подумать, то ему хорошо бы подошёл номер «666»… А что? 3 тона и 6 полутонов… Вот Вам и тритон. 9) Ну да ладно.
Понимание этих вещей важно. Сейчас это не совсем очевидно, но это так. Интервалы будут очень полезны, когда дело дойдёт до практики на каком-либо инструменте. Основная их ценность заключается в том, что это одно из первых «абстрактных» понятий, то есть интервалы не привязаны напрямую к каким-то определённым нотам, что очень полезно и удобно. В дальнейшем, у нас появится возможность в этом убедиться. С теоретической точки зрения, они нам пригодятся, когда мы дойдём до аккордов и ладов.
В общем, самое интересное только начинается 8)
Создаем полутоновый узор
В этом уроке я покажу вам, что такое полутона и как добиться эффекта цветового полутона. Я также покажу вам, как сделать свои собственные полутоновые кисти.
Что такое полутона?
Возможно, вы знакомы с полутоновыми рисунками, которые используются при печати. Паттерны — это важнейшая часть каждой конкретной среды, также и полутоновые паттерны придают уникальный вид дизайнерским работам. Полутон — это техника, которая имитирует градацию тона с помощью точек. Эти точки различаются по размеру, расстоянию и иногда даже форме, чтобы создать эффект полутонового градиента. Чем ближе и больше точек на полутоне, тем темнее изображение. Чем меньше точки и, чем больше они разбросаны, тем светлее изображение. Когда это все вместе, эффект полутонов создает иллюзию постепенного перехода тонов, если смотреть издалека.
В настоящее время полутона обычно используются в диджитал среде для создания комиксов, что отражает ностальгию в эпоху цифровых технологий.
В этом уроке я покажу вам, как добиться эффекта полутонов в Photoshop. Вы можете применить эти шаги к любому изображению по своему вкусу, чтобы получить черно-белые полутона или цветные. Мы также рассмотрим, как создавать свои собственные полутоновые кисти в Photoshop, которые помогут вам добавить интересные детали к вашей иллюстрации. Наконец, мы рассмотрим, как создавать полутоновые кисти в Illustrator. Это идеально, если вы только начинаете работать в мире иллюстраций и хотите развивать свои навыки и стиль.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
1. Создаем полутоновой паттерн в Photoshop
Сначала давайте узнаем, как создать эффект полутонов в Photoshop.
Шаг 1
Перетаскиваем наушники на белом фоне в Photoshop. Мы будем преобразовывать фото в различные полутоновые изображения, чтобы попробовать разные настройки.
Чтобы получить цветное полутоновое изображение в Photoshop, идем в меню Filter – Pixelate – Color Halftone (Фильтр – Оформление – Цветные полутона).
Шаг 2
В окне параметров Color Halftone (Цветные полутона) вы заметите параметры Max. Radius (Макс. радиус) и Channels (Каналы). Max. Radius (Макс. радиус) определяет максимальный размер точек, от которого зависит насколько детализированным должно быть изображение. Чем больше точек, тем меньше деталей; чем меньше точек, тем более детализировано изображение.
Channels (Каналы) — это голубой, пурпурный, желтый и черный, а также угол, в при котором смешиваются эти цвета. Это делается для достижения определенных цветов и оттенков. Угол создает муаровые эффекты и узоры розеток, которые полезны для печати, где необходимы полутона. В этом уроке мы сосредоточимся на том, как выглядят полутоновые эффекты, которые могут быть напечатаны или использованы в цифровом виде как стиль.
В окне параметров Color Halftone (Цветные полутона) есть настройки по умолчанию. У меня такие:
В примере ниже можно увидеть, что мы создали цветной полутон в Photoshop. Чем ближе и больше точки, тем темнее изображение, и чем меньше и больше разброс, тем светлее изображение. Изображение очень текстурированно из-за низкого Max. Radius (Макс. радиус). Посмотрите на изображение издалека, и вы заметите, что точки исчезают, создавая иллюзию градации тона.
Шаг 3
Нажимаем Ctrl+Z, чтобы вернуться на шаг назад. Идем в меню Filter – Pixelate – Color Halftone (Фильтр – Оформление – Цветные полутона). Меняем Max. Radius (Макс. радиус):
Вы заметите, что точки намного больше, и можно увидеть, как цветовое сочетание CMYK рассеяно как паттерн.
Шаг 4
Нажимаем Ctrl+Z, чтобы вернуться на шаг назад. Идем в меню Filter – Pixelate – Color Halftone (Фильтр – Оформление – Цветные полутона). Попробуем полутоновой эффект с тем же Max. Radius (Макс. радиус), что и в предыдущем шаге, но установим значение Channels (Каналы) на 45:
Вы заметите, что точки имеют тот же размер, а углы выстроены по сетке, создавая аккуратный узор.
Шаг 5
Нажимаем Ctrl+Z, чтобы вернуться на шаг назад.
Другой способ достижения эффекта полутонов — использование опции битового формата. С опцией битового формата, вы можете создать черно-белый эффект полутонов и использовать различные формы полутонов. Этот метод изображением, как шаблоном, обрезает края для создания полутонового рисунка. Чтобы получить доступ к опции битового формата, нам нужно превратить изображение в оттенки серого.
Идем в меню Image – Mode – Grayscale (Изображение – Режим – Градации серого), затем Image – Mode – Bitmap (Изображение – Режим – Битовый формат).
Шаг 6
В окне параметров Bitmap (Битовый формат), устанавливаем значение Output (Выход) на 72 Pixels/Inch. Method (Способ), Use (Использовать): Halftone Screen (Полутоновой растр) и нажимаем OK.
В окне параметров Halftone Screen (Полутоновой растр) устанавливаем Frequency (Линиатура) на 3 Lines/Inch, Angle (Угол) на 45 градусов, Shape (Форма растровой точки) на Round (Круг). Click OK.
На изображении ниже вы заметите, что по сравнению с эффектом полутонов, здесь обрезаются точки по краю.
Шаг 7
Допустим, мы хотим добиться другого вида полутонового эффекта. Нажимаем Ctrl+Z, чтобы вернуться на шаг назад.
Идем в меню Image – Mode – Bitmap (Изображение – Режим – Битовый формат). В окне параметров Bitmap (Битовый формат), устанавливаем значение Output (Выход) на 72 Pixels/Inch. Method (Способ), Use (Использовать): Halftone Screen (Полутоновой растр) и нажимаем OK.
Используем те же настройки, но на этот раз изменим Shape (Форма растровой точки) на Line (Линия). Нажимаем ОК. В традиционном понимании, это не совсем полутон, потому что он не состоит из точек, но имеет ту же основную идею. Мы создаем градиент полутонов с линиями.
2. Создаем полутоновые кисти в Photoshop
Мы также можем создать этот эффект полутонов в Photoshop с помощью кистей. Полутоновые кисти Photoshop помогут создать текстуру полутонов в ваших проектах.
Шаг 1
Идем в меню File – New (Файл – Создать). Назовем его Halftone brush (Полутоновая кисть).
Устанавливаем Width (Ширина) и Height (Высота) на 1500 Pixels (Пикселы), Resolution (Разрешение) to 72 Pixels/Inch (Пикселы/дюйм), нажимаем Create (Создать).
Шаг 2
Берем инструмент Brush Tool (B) (Кисть) и правым кликом по документу открываем настройки кисти.
Выбираем жесткую круглую кисть и устанавливаем Size (Размер) 500 пикселей, а Hardness (Жесткость) – 25%. Жесткость поможет распределить кисть, и это преобразуется в полутоновой градиент, в котором точки меняются по размеру по мере их распространения.
Шаг 3
Кликаем один раз по документу, чтобы создать один мазок кистью.
Идем в меню Filter – Pixelate – Color Halftone (Фильтр – Оформление – Цветные полутона). Устанавливаем Max. Radius (Макс. радиус) на 20, а значение всех Channels (Каналы) на 45. Нажимаем ОК.
Шаг 4
Идем в меню Edit – Define Brush Preset (Редактирование – Определить кисть). В окне параметров Brush Name (Имя кисти) пишем имя Halftone Brush (Полутоновая кисть). Нажимаем ОК.
Шаг 5
Теперь вы можете использовать новую кисть, нанося мазки на холст.
Идем в меню Window – Brush Settings (Окно – Настройки кисти), чтобы открыть панель Brush Settings (Настройки кисти). Здесь можно изменить настройки, чтобы получить другой внешний вид. Изменение Spacing (Интервалы) на 1%, добиться более плавного перехода, и на 95%, чтобы разделить мазки. Теперь кисть готова к использованию.
3. Создаем полутоновую кисть в Adobe Illustrator
Теперь давайте узнаем, как создать эффект полутонов в Illustrator с помощью кистей Illustrator.
Шаг 1
Запускаем Illustrator, идем в меню File – New (Файл – Новый).
Шаг 2
Для этой кисти мы создадим полутоновый рисунок в Illustrator с нуля, а затем создадим композицию.
Берем инструмент Ellipse Tool (L) (Элипс). Щелкаем по монтажной области, чтобы открыть окно параметров Ellipse (Эллипс). Устанавливаем Width (Ширина) и Height (Высота) по 1 см. Жмем ОК.
Устанавливаем цвет заливки на черный.
Создаем второй эллипс, на этот раз установив ширину и высоту 0,3 см. Нажимаем ОК.
Шаг 3
Выделяем оба круга. Открываем панель Align (Выравнивание) в меню Window – Align (Окно – Выравнивание). Нажимаем на кнопку Horizontal Align Center (Горизонтальное выравнивание по центру).
Берем инструмент Blend Tool (W) (Переход). Нажимаем на один из кругов, а затем другой. Это заполнит пробел между двумя объектами, создав ряд шагов.
Шаг 4
Чтобы изменить количество шагов между двумя объектами, дважды щелкаем по инструменту Blend Tool (Переход) на панели инструментов.
В окне Blend Options (Параметры перехода) устанавливаем флажок Preview (Просмотр). Устанавливаем Spacing (Интервалы) на Specified Steps (Заданное число шагов), указываем число шагов 9. Нажимаем OK.
Шаг 5
Идем в меню Object – Expand (Объект – Разобрать). В окне параметров Expand (Разобрать) выбираем Object (Объект) и Fill (Заливку). Нажимаем OK. Это преобразует последовательность в отдельные объекты. Вы узнаете, что это произошло, когда линия инструмента Blend Tool (Переход), проходившая через все шаги, исчезнет.
Дублируем объекты вправо, перетаскиваем, удерживая Shift+Alt. Shift будет удерживать объект на одной оси, а Alt будет дублировать объекты.
Берем инструмент Blend Tool (W) (Переход). Нажимаем сначала на один набор кругов, а затем второй набор. Это создаст шаги, чтобы заполнить пространство между наборами.
Шаг 6
Идем в меню Object – Expand (Объект – Разобрать). В окне параметров Expand (Разобрать) выбираем Object (Объект) и Fill (Заливку). Нажимаем OK.
Чтобы создать кисть, нам нужно создать плитку, которая может увеличиваться. С помощью инструмента Rectangle Tool (M) (Прямоугольник), создаем квадрат, который пересекает центры самых крайних кругов слева и справа. Ниже прямоугольник покрашен в голубой цвет, чтобы мы могли это увидеть.
Шаг 7
Выделяем круги и квадрат и нажимаем Ctrl+7, чтобы создать Clipping Mask (Обтравочная маска).
Шаг 8
Удерживая клавиши Shift+Alt на клавиатуре, перетаскиваем ее вправо три раза, чтобы создать плитку.
Шаг 9
Открываем панель Brushes (Кисти), для этого идем в меню Window – Brushes (Окно – Кисти).
Выбираем все три плитки и перетаскиваем на панель Brushes (Кисти). В окне New Brush (Новая кисть) выбираем Art Brush (Объектная кисть). Нажимаем ОК.
Шаг 10
В окне Art Brush Options (Параметры объектной кисти) называем кисть Halftone (Полутоновая). Устанавливаем Width (Ширина) на Fixed (Постоянный) и Brush Scale Options (Параметры масштаба кисти) на Stretch to Fit Stroke Length (Растянуть и подогнать по длине обводки). Нажимаем ОК.
Шаг 11
Чтобы применить кисть к направляющей, выбираем инструмент Pen Tool (P) (Перо). Создаем линию на монтажной области. Устанавливаем черный цвет обводки.
На панели Brushes (Кисти) выбираем кисть, которую создали, — Halftone (Полутоновая).
Шаг 12
Мы можем контролировать размер паттерна через панель Strokes (Обводка). Идем в меню Window – Strokes (Окно – Обводка). На панели устанавливаем толщину обводки на 0,75 pt.
Шаг 13
Давайте применим этот полутоновый рисунок кисти к кругу.
Сначала идем в панель Brushes (Кисти) и дважды щелкаем на полутоновую кисть, чтобы изменить настройки. В окне Art Brush Options (Параметры объектной кисти) устанавливаем Colorization Method (Окраска Метод) на Hue Shift (Сдвиг цветового тона).
Шаг 14
Используя инструмент Ellipse Tool (L) (Эллипс), создаем эллипс на монтажной области — подойдет любой размер. Устанавливаем цвет заливки 40% Cyan (Голубой).
Берем инструмент Brush Tool (B) (Кисть). Рисуем кривую в нижней левой части круга.
Устанавливаем толщину Stroke (Обводка) на панели Strokes (Обводка) на 0,5 pt. Устанавливаем цвет обводки на более темный голубой. Помещаем штрих на эллипс.
Выбираем эллипс и нажимаем Shift+Ctrl+], чтобы переместить фигуру вперед. Выбираем эллипс и обводку и нажимаем Ctrl+7, чтобы создать Make a Clipping Mask (Обтравочную маску).
Снова выбираем эллипс и устанавливаем цвет заливки на 40% Cyan (Голубой).
Это отлично подойдет, чтобы добавить нежные тени вашей иллюстрации.
Отлично, мы закончили!
В этом уроке мы узнали, что такое полутон и как создать эффект комикса. Этот стиль придаст вашей работе великолепную текстуру и может варьироваться от чистого комикса до шероховатого. Сегодня мы научились: