Это цитата сообщения Улыбка_Ольга_Н Оригинальное сообщение
Halftone эффект. Как это делается
Это цитата сообщения FlashStudio
Для тех, кто не в курсе, halftone - полутон, полутоновый чёрно-белое изображение, в котором эффект оттенков серого цвета получается либо изменением частоты (плотности) печати чёрных точек, либо изменением их размера.
Подобные изображения часто используются в современном дизайне, поэтому они популярны на микростоках и хорошо продаются.
В отличии от других абстрактных рисунков с кружочками и точками, в halftone кружочки должны обязательно иметь форму круга, и быть расположены на одинаковом расстоянии друг от друга.
Вот этот зеленый рисунок - имитация халфтона, но не он в чистом виде, хотя это не мешает ему тоже продаваться :) Здесь кружочки и сплющены, и растянуты, и искривлены.
Обычно halftone делается на основе растровых изображений или с помощью растровых фильтров, но, увы, при таком подходе часто теряется качество. Элементы получаются не круглыми и одинаковыми, а какой угодно формы и разными.
Это часть рисунка, полученного после трассировки. С помощью фильтра Effect - Pixelate - Color Halftone в Adobe Illustrator были получены очень ровненькие растровые окружности, но сделать их ровными в векторе так и не получилось.
Чтобы получить halftone в векторе ровным и красивым, придется делать все в ручную.
Этот способ придуман не мной, вот ссылка на оригинал. Но в оригинале урок приведен для Corel Draw, здесь же я публикую его для Adobe Illustrator.
Шаг 1. База для halftone.
Рисуем линию Line Segment Tool (\), чтобы она располагалась строго вертикально, зажимаем
Установим размер линии кратный 5. В этом примере будет 70 мм. При выбранном инструменте Selection (черная стрелочка) на панели вверху введите значения высоты и длины объекта.
Теперь рисуем две окружности: 10 мм и 1 мм соответственно. Заливка черного цвета, обводки нет.
Переместим центры окружностей в начало и конец линии, чтобы сделать это точно, можно воспользоваться координатами.
Выделяем линию, на панели вверху ставим маркер в правую нижнюю точку, устанавливаем удобные для запоминания координаты, в нашем случае (100;30). Затем выставляем координаты для левой верхней точки, в нашем случае (30;100).
Переходим к большей окружности, на этот раз выделяем средний маркер и вбиваем (100;30), она встает на место нижней части линии, а для маленькой окружности соответственно пишем (30;100) тоже для ее центральной части.
Теперь линию можно удалить, а две окружности выделить и нажать , получится Blend (Пошаговый переход).
Зададим количество шагов. Щелкнем два раза на иконке Blend в палитре инструментов.
Количество шагов определяется по следующей формуле: длина линии разделить на 5 и вычесть 1. В нашем примере 70/5-1=13. 13 шагов, итого 15 объектов. В поле Blend Options выбираем Specified Steps и ставим значение 13.
Вот результат:
Элемент будущего халфтона готов.
Шаг 2. Линейный halftone
Выделяем бленд и жмем Effect - Distort&Transform - Transform...
Для создания горизонтальной линии в поле Move выставляем значение 10 mm по горизонтали и ставим количество копий, например, 30. Для изменения по вертикали, соответственно, значение будет 10 в другой строке. Для диагонали мы выставим 5 mm и 5 mm.
Если нам не хватит количество копий или нам нужно изменить направление, то мы легко можем это сделать в палитре Appearance. Достаточно нажать на Transform и выйдет опять тоже окно, где мы можем вместо 30 написать 40 копий.
С линейным халфтоном все очень просто, поэтому перейдем к волновому.
Шаг 3. Волновой halftone
Здесь уже нужно будет включать голову и немного поработать руками.
Сначала необходимо сделать набросок линии, по которой халфтон будет располагаться.
Выстроим элементы в соответствии с формой. Выстраивать будем стрелками на клавиатуре, поэтому нужно задать шаг перемещения при нажатии кнопки. Нажимаем и попадаем в настройки программы Illustrator (Preferences). И первом же поле Keyboard Increment выставляем шаг в 5 мм.
Ставим элемент в начало волны. Затем зажимаем клавишу
Как вы помните, смещение по горизонтали (10;0), а по диагонали (5;5). То есть для смещения мы еще раз жмем клавишу <вверх> на клавиатуре. Не забудьте при этом отпустить
Выполняя эти нехитрые операции двигаемся по линии дальше.
Как вы понимаете, кружки вряд ли будут располагаться строго по линии, скорей всего они будут выше или ниже. Поэтому вы каждый раз будете решать, опустить, поднять этот элемент или оставить на том же уровне.
Чтобы не запутаться, когда нажимать
Если это воспринимать, как логическую игру или головоломку, то получится не так уж и скучно.
Вот, что получилось у меня.
Размещая элементы под различными углами, можно добиться интересных эффектов. Вот одна из картинок.
Круговой Halftone.
На стоках не разрешается использовать элементы в векторе, которые вы создали не сами. Но есть такие элементы, которые похожи друг на друга, как две капли воды. Никто не различит, создавали ли вы этот элемент сами или воспользовались встроенной библиотекой в Illustrator.
Такими элементами могут быть простые стрелочки, кружочки, шарики. И сюда же можно отнести круговой векторный halftone. Считайте это читерским кодом, который в разы сэкономит вам время.
Найти такие халтоны можно найти в палитре Symbols. Нажмите на первую слева кнопку внизу панели и из списка выберите Dot Pattern Vector Pack.
Кстати, при этом вы не нарушаете ничье авторское право, так как этот символ идет в комплекте с Illustrator, то вы за него заплатили при покупке программы.
Все же рекомендую выбирать только самые простые символы, а любой креатив все же пытаться сделать самим.
Если этот вариант вас не устраивает, и вам нужен совсем другой элемент с большим или меньшим количеством точек, то его так же можно сделать самим.
Итак, предположим, нам нужно создать круговой халфтон похожий на наш предыдущий эксперимент, то есть в одном элементе будет 15 окружностей.
Возьмем наш элемент из шага 1 и развернем вертикально: черной стрелкой (Selection,
Включим умные направляющие Smart Guides , выберем инструмент Разворот (Rotate tool)
Эти два элемента все еще являются блендами (Blend), их нужно разобрать. Выделяем их и жмем Object - Expand. Получится две группы, разгруппируйте их .
Затем подведите курсор к маленькой окружности на горизонтальной линии, наведите его на центр окружности (при этом должно загореться "center"), зажмите и тащите ее вверх, пока она не поравняется с другой маленькой окружностью, Smart Guides при этом проведут линию. Старайтесь взять именно за центр окружности, так как Illustrator выравнивает элементы то точке, где был нажат курсор.
Теперь выделите эти две маленькие окружности и сделайте пошаговый переход с 13 шагами.
После опять же упростите это бленд Object - Expand и разгруппируйте объекты.
Поочередно выделяйте маленькую окружность слева и параллельную ей окружность побольше из вертикального ряда справа, затем нажимайте для создания перехода. Вот, что должно выйти.
У нас есть четвертинка будущего круга. Выделим все элементы и возьмем инструмент Reflect Tool
Выйдет окно Reflect, в нем нажмите Vertical и кнопку Copy.
Получилась половинка круга.
Теперь повторяем операцию. Выделяем половинку, инструмент Reflect Tool
Осталось просто удалить те точки, которые выступают за наш будущий круг. Для начала надо нарисовать это круг.
Берем инструмент Elipse
Теперь нужно удалить все точки, которые вышли за пределы большого круга. Выделим все, выберем Object - Expand, затем разгруппируем и, поочередно выделяя точки, будем жать кнопку Delete. В конце удалим вспомогательный круг тоже.
Круговой halftone готов.