Создание мозаики в adobe illustrator
Illustrator поставляется с множеством узоров, доступ к которым можно получить в палитре «Образцы» и в папке Illustrator Extras на установочном компакт-диске Illustrator. Можно изменять параметры существующих узоров и создавать узоры «с нуля» с помощью любого из инструментов программы Illustrator. Узоры, предназначенные для заливки объектов (узоры заливки), отличаются по виду и распределению элементов от узоров, предназначенных для применения к контуру с помощью палитры «Кисти» (узоры кисти). Для получения наилучших результатов используйте узоры заливки для заливки объектов и узоры кисти для обводки объектов.
При создании узоров следует учитывать принципы распределения элементов узора программой Adobe Illustrator.
Элементы всех узоров распределяются слева направо от начала линейки (по умолчанию это левый нижний угол монтажной области) к противоположной стороне монтажной области. Чтобы изменить точку начала распределения элементов всех узоров в иллюстрации, можно изменить местоположение начала линейки для этого файла.
Примечание. Начало координат в версии CS5 отличается от CS4. В результате, оформление элементов узоров может отличаться при копировании и вставке объектов из CS4 в CS5. Чтобы соответствовать оформлению CS4 элементы узоров в таких объектах могут трансформироваться с использованием палитры «Трансформирование».
Узоры заливки, как правило, состоят из одного элемента.
Узоры кисти могут включать до пяти элементов — для сторон, внешних и внутренних углов, начала и конца контура. Дополнительные угловые элементы обеспечивают сглаженное распределение узоров кисти в углах.
Элементы узоров заливки распределяются перпендикулярно оси x.
Элементы узоров кисти распределяются перпендикулярно контуру (верхняя сторона элемента узора всегда направлена наружу). Кроме того, угловые элементы поворачиваются на 90° по часовой стрелке всякий раз, когда контур меняет направление.
Элементы узоров заливки распределяются по иллюстрации в пределах ограничительной рамки узора — прямоугольника без заливки и обводки (не подлежащего печати) на заднем плане иллюстрации. Для узоров заливки ограничительная рамка выступает в роли маски.
Элементы узоров кисти распределяются по иллюстрации внутри ограничительной рамки узора, а также выходят за ее пределы или группируются с ней.
Общие рекомендации по созданию элементов узора
Чтобы создать менее сложный узор, который может быть напечатан быстрее, удалите все лишние детали из рисунка узора и сгруппируйте все объекты, раскрашенные одинаковым цветом, чтобы они оказались смежными в порядке размещения.
При создании элемента узора просматривайте рисунок в увеличенном масштабе, чтобы более точно выровнять элементы, а затем просмотрите рисунок в уменьшенном масштабе как итоговый фрагмент.
Чем сложнее узор, тем меньше по размеру должен быть фрагмент, использованный для его создания, однако чем меньше фрагмент (и элемент узора, создаваемый из него), тем больше копий необходимо для создания узора. Таким образом, квадратный элемент размером 1х1 дюйм более эффективен, чем элемент размером 1/4х1/4 дюйма. При создании простого узора можно включить несколько копий объекта во фрагмент, предназначенный для элемента узора.
Для создания простых линейных узоров нарисуйте комбинацию линий с обводкой разной ширины и цветов и поместите ограничительную рамку без заливки и обводки позади нарисованных линий, чтобы создать элемент узора.
Чтобы придать органическому или текстурному узору вид нерегулярного, создайте несколько вариаций рисунка для элементов узора, что позволит получить более реалистичный эффект. Можно использовать эффект огрубления для создания вариаций рисунка.
Чтобы обеспечить плавное распределение элементов узора, замкните контуры, прежде чем определять узор.
Просмотрите рисунок в увеличенном масштабе, чтобы убедиться в отсутствии погрешностей перед определением узора.
Рисуя ограничительную рамку вокруг рисунка, убедитесь в том, что она имеет строго прямоугольную форму, является самым нижним объектом элемента узора и не имеет заливки и обводки. Если предполагается использовать эту ограничительную рамку для узора кисти, убедитесь в том, что никакие участки узора не выходят за ее пределы.
Дополнительные рекомендации по созданию узоров кисти
Если возможно, всегда заключайте рисунок в нераскрашенную ограничительную рамку, что позволит контролировать распределение элементов узора.
Угловые элементы должны быть квадратными и иметь ту же высоту, что и боковые элементы. Это необходимо для корректного выравнивания вдоль контура. Если предполагается использовать угловые элементы для узора кисти, выровняйте объекты в угловых элементах по горизонтали с объектами в боковых элементах, чтобы элементы узора распределялись правильно.
Создайте специальные угловые эффекты для узоров кисти с помощью угловых элементов.
Выберите объект или группу (или назначьте слой в палитре «Слои»).
Чтобы применить эффект к конкретному атрибуту объекта, например к обводке или заливке, выберите объект и затем выберите атрибут в палитре «Оформление».
Чтобы применить эффект к стилю графики, выберите стиль графики в палитре «Стили графики».
Выберите «Эффект» > «Стилизация» > «Каракули».
Выполните одно из следующих действий:
Чтобы воспользоваться одним из стандартных эффектов «Каракули», выберите его в меню «Настройки».
Чтобы создать собственный эффект «Каракули», выберите любой стандартный эффект и измените нужные параметры.
При создании собственного эффекта «Каракули» измените любые из приведенных ниже параметров этого эффекта и нажмите кнопку «ОК».
Управляет направлением линий каракулей. Щелкните значок угла в любой точке и перетащите угловую линию вокруг значка угла либо введите в соответствующее поле значение от -179 до 180. (Если ввести значение, выходящее за пределы диапазона, оно будет преобразовано в эквивалентное допустимое значение.)
Управляет нахождением линий каракулей в границах контура и степенью выхода линий за пределы этих границ. При отрицательном значении линии находятся внутри границ контура, при положительном — выходят за границы.
Погрешность (для параметра «Наложение контуров»)
Управляет разницей в длине линий каракулей относительно друг друга.
Управляет толщиной линий каракулей.
Управляет степенью кривизны линий каракулей до того, как они меняют направление.
Погрешность (для параметра «Кривизна»)
Управляет разницей в кривизне линий каракулей относительно друг друга.
Управляет интервалами между изгибами линий каракулей.
Погрешность (для параметра «Интервалы»)
Управляет различием интервалов между изгибами линий каракулей.
Импортируйте растровое изображение, которое будет взято за основу мозаики. Изображение должно быть встроенным, а не связанным.
Кроме того, за основу мозаики можно взять растрированный векторный объект.
Выберите «Объект» > «Создать фрагментацию».
Если нужно изменить размеры мозаики, введите значения параметра «Новый размер».
Задайте параметры, управляющие интервалом между фрагментами и общим количеством фрагментов, а также любые другие дополнительные параметры и нажмите кнопку «ОК».
Пропорции на основе
Сохраняет ширину и высоту по размеру исходного растрового изображения. Нужное количество фрагментов для ширины мозаики подсчитывается на основе первоначального количества фрагментов по ширине. Нужное количество фрагментов для высоты мозаики подсчитывается на основе первоначального количества фрагментов по высоте.
Определяет, что мозаика будет цветной или в градациях серого.
Масштабирование в процентах
Изменяет размер изображения в процентах от ширины и высоты.
Удаляет оригинальное растровое изображение.
Делает фрагменты квадратными, используя столько фрагментов, сколько задано параметром «Количество фрагментов». Этот параметр расположен под кнопкой «Отмена».
Select the object or group (or target a layer in the Layers panel).
To apply the effect to a specific object attribute, such as a stroke or fill, select the object, and then select the attribute in the Appearance panel.
To apply the effect to a graphic style, select a graphic style in the Graphic Styles panel.
Choose Effect > Stylize > Scribble.
Do one of the following:
To use a preset scribble effect, choose one from the Settings menu.
To create a custom scribble effect, begin with any preset, and then adjust the Scribble options.
If creating a custom scribble, adjust any of the following Scribble options and click OK:
Controls the direction of the scribble lines. You can click any point on the angle icon, drag the angle line around the angle icon, or enter a value between –179 and 180 in the box. (If you enter a value that’s outside that range, the value is translated to its equivalent in‑range value.)
Controls the amount the scribble lines stay within or extend beyond the path boundaries. A negative value constrains the scribble lines within the path boundary and a positive value extends the scribble lines beyond the path boundary.
Variation (for Path Overlap)
Controls the lengths of the difference in scribble line lengths relative to each other.
Controls the width of the scribble lines.
Controls the amount the scribble lines curve before they reverse direction.
Variation (for Curviness)
Controls how different the scribble line curves are relative to each other.
Controls the amount of space between scribble line folds.
Variation (for Spacing)
Controls how different the amount of space is between scribble line folds.
Import a bitmap image to use as the basis for the mosaic. The image must be embedded, not linked.
You can also rasterize a vector object to use it as the basis for the mosaic.
Select the image.
Choose Object > Create Object Mosaic.
If you want to change the dimensions of the mosaic, enter values for New Size.
Set options to control the spacing between tiles and the total number of tiles, along with any other additional options, and click OK:
Locks the width or height dimensions to the dimensions of the original bitmap image. Width calculates the appropriate number of tiles to use for the width of the mosaic, based on the original number of tiles for the width. Height calculates the appropriate number of tiles to use for the height of the mosaic, based on the original number of tiles for the height.
Specifies whether the mosaic tiles are color or grayscale.
Resize Using Percentages
Changes the size of the image by percentages of width and height.
Deletes the original bitmap image.
Makes the tiles square, using the number of tiles specified in Number Of Tiles. This option is located below the Cancel button.
В этом уроке мы научимся создавать векторную мозаику в иллюстраторе за несколько минут. Этот урок предназначен новичкам, которые делают первые шаги в освоении Adobe Illustrator. Подобные работы легко создать, тем не менее, они пользуются хорошим спросом на стоках, таких как Shutterstock и iStockphoto.
Требования
- Программа: Adobe IllustratorCS-CS5;
- Уровень: Новичок
- Время выполнения: 10 минут
Шаг 1
В нашей работе самое сложное это подобрать подходящее изображение. Оно должно быть яркое и контрастное. Изображение может быть растровым и даже векторным, которое, правда, придется перевести в растр. Я остановился на изображении, показанном ниже. Это так называемый эффект Боке. Как создать подобный эффект вы можете увидеть здесь. Скопируйте, найденное изображение, на жесткий диск вашего компьютера затем вставьте в рабочий документ иллюстратора (File> Place…)
Шаг 2
Изображение должно быть встроено в документ, для этого нажмите на кнопку Embed на верхней панели инструментов. Это кнопка появится, когда изображение будет выделено.
Не снимая выделения с изображения, переходим Object> Transform> Rotate… и устанавливаем угол поворота равный 45 градусов.
Шаг 3
Теперь переходим Object> Create Object Mosaic. Допустим, величина одной ячейки векторной мозаики будет равна 50px. Для того чтобы ячейки получились квадратными, вводим значение ширины и высоты изображения в поле Number of Tiles и делим на ширину ячейки.
Так же установите величину расстояния между ячейками, у меня это 5px.
И нажимаем на кнопку Ok.
Шаг 4
Разгруппируем созданную мозаику (Shift + Cmd/Crtl +G) и переходим Effect> Convert to Shape> Rounded Rectangle… и устанавливаем параметры указанные ниже.
Шаг 5
Не снимая выделения, переходим Object> Expand Appearance, затем Object> Transform> Rotate… и устанавливаем угол поворота равный -45 градусов, чтобы вернуть векторной мозаике первоначальный вид. Группируем все элементы мозаики (Cmd/Crtl +G).
Шаг 6
Берем инструмент иллюстратора Rectangle Tool (M) и создаем квадрат черного цвета так, чтобы он скрыл всю мозаику, и переместим его ниже всех векторных объектов (Shift + Cmd/Ctrl + [).
Наша мозаика содержит много пустых ячеек.
Возьмем Magic Wand Tool (Y) и выделим эти ячейки, теперь нажмите на клавишу Delete.
Шаг 7
Мозаика имеет зубчатые края, скроем этот факт. Берем инструмент Rectangle Tool (M) и создаем квадрат любого цвета (у меня он имеет белую заливку), как это показано на рисунке ниже.
Заключение
Применив в Illustrator к векторной мозаике различные эффекты деформации, вы можете получить интересные результаты, никогда не уставайте экспериментировать!
Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда RU.Vectorboom работает для Вас!
0
0
Все осталось на своих местах. Может просто изображение уже Embed, поэтому кнопка не появляется. Какое имя имеет изображение в панели Layers?
0
Layer1 > Image Ещё у меня создаётся чёрная рамка по центру, я так понимаю, что это размер артборда. Но фотография, которую я помещаю, сильно выходит за его пределы, поэтому по итогу она как бы остаётся по центру.
0
Image - значит уже Embed
Вы всегда можете изменить размеры artboard для этого существует соответствующий инструмент или просто отключить его видимость в меню View, если мешает
0
В этом уроке мы создадим мозаику в Adobe Illustrator, состоящую из полигонов. В этом несложном деле нам поможет бесплатный плагин - Scriptographer и наше воображение.
Создание векторных полигонов в иллюстраторе
Шаг 1
Для создания мозаики из полигонов нам потребуется референсное изображение. В этом уроке я буду использовать Red Apple с сайта Shutterstock. Вставляем изображение в текущий документ (File > Place…), затем нажимаем на кнопку Embed в панели Control (Пожалуйста, не пропустите это действие).
Заблокируем изображение в панели Layers, для того чтобы случайно не сместить его в процессе дальнейшей работы.
Шаг 2
Приступим к созданию полигонов. Полигонами могут быть многосторонние фигуры, стороны которых являются прямолинейными сегментами. Включаем обводку черного цвета и выбираем белый цвет в качестве заливки. Устанавливаем прозрачность равную 50% в панели Transparency. Создадим первый полигон в месте блика на яблоке.
Для дальнейшей работы выполним следующие настройки. Отключите опцию New Art Has Basic Appearance в сплывающем меню панели Appearance.
Это позволит нам создавать новые полигоны с такой же прозрачностью как первый или последний выделенный. Включите опцию Smart Guides (View > Smart Guides).
Это позволит точно совмещать точки соседних полигонов. При точном совмещении указателя инструмента с точкой появится надпись "anchor”
Шаг 3
Создаем новые полигоны так, чтобы между ними не было пробелов.
Сложно давать рекомендации о форме и размере полигонов. Все зависит от формы объекта и от распределения цветов на его поверхности. Однако старайтесь так расположить полигоны, чтобы их границы передавали объем объекта и форму теней и светов. Да, это не просто. Здесь нужно побольше практики. Честно говоря, это первый подобный опыт для меня. Надеюсь, что у вас получится намного лучше.
В любом случае вы сможете редактировать полученный результат.
Шаг 4
Теперь создадим полигоны над формой листика и черенка.
Выделяем все созданные полигоны, затем отключаем обводку и устанавливаем 100% прозрачности для них.
Хоть я старался работать аккуратно, но все же некоторых дефектов избежать не удалось. Для точного совмещения точек соседних полигонов выделим их при помощи Lasso Tool (Q)
Теперь выровняем их относительно вертикали и горизонтали при помощи панели Align.
Если вы пропустили несколько полигонов, просто дорисуйте их. После ликвидации всех дефектов полигоны готовы к окраске.
Окраска полигонов в иллюстраторе
Шаг 5
Для окраски полигонов мы будем использовать бесплатный плагин для Adobe Illustrator - Scriptographer. Вы сможете скачать и прочитать инструкцию по его установке. Откроем его Main Palette (Window > Scriptographer > Show Main Palette)
Теперь разблокируем изображение яблока в панели Layers. Выделяем его и все полигоны. Выбираем в Main Palette скрипт под названием Colorizer, затем нажимаем на кнопку Play.
Через несколько секунд все векторные объекты будут окрашены в цвета растрового изображения.
Шаг 6
Вы можете редактировать полученный результат. Например, вы можете выделить при помощи Lasso Tool (Q) точки соседних полигонов и сместить их в задуманном направлении.
Вы можете детализировать некоторые фрагменты. Для этого разрежьте при помощи Scissors Tool (C) нужные полигоны.
Не забудьте только потом закрыть разрезанные пути. Для разрезания полигонов вы также можете использовать Knife Tool. Для того чтобы этот инструмент резал по прямой линии, удерживайте Option / Alt key
После всех изменений выделяем все полигоны и нижние изображение, затем снова запускаем скрипт Colorizer.
Шаг 7
Цвет некоторых полигонов может не удовлетворить вас. Нет проблем. Просто выделим его и перекрасим при помощи панели Color.
Если отключить видимость референсного изображения, то мы можем заметить тонкие щели между полигонами.
Не беспокойтесь по этому поводу. При сохранении изображения в растровом формате эти щели не будут видны.
Автоматическое генерирование полигонов
Шаг 8
Для автоматического генерирования полигонов вы можете использовать скрипт Grid generator. Установите его в папку, где находятся скрипты Scriptographer-а. После этого он появится в Main Palette.
После запуска скрипта открывается панель, в которой вы можете выбрать вид сетки и указать количество столбцов и строк.
Шаг 9
Когда сетка будет сгенерирована, выделите любое референсное изображение и все векторные объекты, затем запустите скрипт Colorizer.
Вдохновитесь перед началом работы
Я отобрал для вас несколько отличных работ, которые были выполнены в описанном здесь стиле, для того чтобы вы понимали каких результатов можно добиться, имея терпение и время.
Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда RU.Vectorboom работает для Вас!
Читайте также: