Как сделать растр в иллюстраторе
Растеризация в Illustrator
Введение в Растеризацию в Illustrator
Как растеризовать объекты в Illustrator?
Illustrator имеет команду Rasterize в меню объектов, которая дает вам возможность растеризовать любой объект в Illustrator. Команда Rasterize преобразует векторные объекты в растровые изображения.
Следующие шаги расскажут вам, как выполнить растеризацию в Illustrator.
Шаг 2: Выберите существующий проект, в нашем случае мы используем пример Leaf. Выберите документ, который уже состоит из векторных изображений, которые вы хотите растеризовать.
Шаг 3: Выберите объект, который вы хотите растеризовать, с помощью инструмента выбора. Теперь объект будет иметь тонкую синюю рамку с углами, которая говорит о том, что объект теперь выбран и может быть отредактирован. Если вы хотите растеризовать несколько объектов, нажмите кнопку « Управление / Команда» (Windows / Mac), нажимая на объекты, которые вы хотите выбрать.
Шаг 4: Вы должны принять решение и выбрать между тем, хотите ли вы навсегда растеризовать объект или хотите создать изображение на основе пикселей. Последнее можно определить как растровые эффекты. Мы будем использовать два разных метода для достижения этих альтернатив. Сначала мы пройдемся по опции Rasterize, присутствующей в меню объектов.
Шаг 5: Как только вы нажмете Rasterize, вы получите всплывающее окно.
Шаг 8: Растеризация объекта преобразует его из векторного изображения в пиксельное изображение. Убедитесь, что ваша картинка имеет высокое разрешение, чтобы вы случайно не потеряли качество на более позднем этапе. Вы можете увеличить векторные изображения при неизменном качестве, тогда как пиксельные изображения будут расщепляться и искажаться, если исходное изображение было меньше по сравнению с большим изображением.
Как только вы нажмете OK, вы не увидите большой разницы, но ваш векторный объект теперь преобразуется в пиксельный объект.
Шаг 9: Выберите объект, используя инструмент выбора S.
Шаг 10: В меню эффектов в строке меню, опция Rasterize присутствует в эффектах Illustrator, как показано ниже
Шаг 11: Нажмите Rasterize, и вы получите то же самое всплывающее окно, что и в меню объектов.
Шаг 12: Как только вы нажмете OK, ваш объект будет растеризован. На панели Appearance, как показано ниже, вы можете изменить или удалить эффект. На этой панели вы можете найти опцию Растеризация, и, дважды щелкнув по ней, вы можете внести изменения в параметры растеризации по сравнению с предыдущей опцией Растеризация в меню объектов, где объект растеризован навсегда.
Таким образом, вы можете растеризовать объект двумя способами в зависимости от того, хотите ли вы растеризовать объект навсегда или на временной основе.
Вывод
Растрированные изображения можно рассматривать как блок, в котором область объекта была преобразована в растровое изображение. Это делается, возможно, для растрового изображения на трехмерной поверхности или для уменьшения сложности комплексной иллюстрации. Если объект Rasterized, вы сохраняете его как пиксели навсегда. Вы не можете больше рассматривать это как уравнение, но корсаж из цветных квадратов, который не оставляет воспоминаний о том, чтобы быть звездой, кругом и т. Д. Вот почему растеризацию можно рассматривать как своего рода обязательство. Вы должны убедиться, что при растеризации какого-либо объекта вы вернетесь к исходному, изменяемому векторному объекту. Если вы хотите изменить свой объект, хорошо бы сохранить его в виде линий. Причина в том, что после того, как ваш объект будет растеризован, он будет ограничен количеством точек / пикселей на квадратный дюйм.
Рекомендуемые статьи
Что именно делает эффект растеризации в иллюстраторе?
Почему вам следует использовать тот или иной вариант, зависит от ситуации.
В некоторых ситуациях вы можете даже использовать оба, чтобы убедиться, что ваш файл полностью совместим, и в конечном итоге завершите растеризацию объекта.
Если вы попытаетесь использовать оба эффекта растеризации, вы заметите:
Растрирование эффекта сохраняет ваш эффект внутри контуров, но также будет иметь тот же точный размер, независимо от того, как вы его измените.
Он действует как узор, вставленный в вашу форму. и вы можете использовать его как стиль графики, чтобы позже применить к другим фигурам. Чтобы уменьшить эффект, нужно изменить настройки фильтра или использовать «Растрирование объекта».
Ваши пути по-прежнему будут доступны для редактирования. Вам может потребоваться использовать на нем Rasterize Object, если вам нужно экспортировать файл, чтобы он был полностью совместим с другим программным обеспечением или устаревшими версиями Illustrator.
Параметр «Растрирование объекта» преобразует ваш эффект в реальное растрированное изображение, например картинку, включая края контуров.
Этот эффект будет меняться в размере в зависимости от того, как вы изменяете размер растеризованного изображения., точно так же, как изображение, помещенное в Illustrator.
Ваши пути нельзя будет редактировать.
ПРИМЕР:
Вы можете использовать эффект растеризации на фигурах, которые нужно изменить и хотите сохранить исходный эффект, независимо от того, как вы изменяете размер фигуры; он не будет искажен при растрировании эффекта, но будет искажен при растрировании объекта.
Например: чтобы заполнить формы гистограммы, вам нужно иметь разную высоту для каждой полосы.
Если вы используете эффект растеризации, вы можете свободно изменять высоту, и эффект заполнит эту полосу без искажений, как узор (например, повторение фона в css).
Обратите внимание, как узор не искажается и подстраивается под размер формы.
С растрированием объекта, вам нужно будет создать обтравочную маску или применить собственный эффект для каждой полосы. Растеризация объекта также создаст фон, который может раздражать.
Также: эффект растеризации для повышения производительности
Вы можете задаться вопросом, зачем растеризовать эффект с помощью «эффект / растеризация», если он делает то же самое, как если бы он не был растеризован; за производительность.
Если к вам применено много эффектов, вы заметите, что это может стать очень «тяжелым» для обработки компьютером. В этом случае поможет растеризация.
Но даже лучше: Одна приятная особенность эффекта растеризации (в отличие от растеризации объекта) заключается в том, что вы можете работать с низким разрешением, а затем снова изменить его на высокое разрешение на панели «Внешний вид». Это может быть полезно, если вам нужно работать над проектом, в котором используется много эффектов; вы можете работать с разрешением 72 пикселей на дюйм, чтобы создать макет, и изменить его на 300 пикселей на дюйм, когда будете готовы экспортировать файл в высоком качестве.
С растеризацией объекта вы не можете вернуться в таком виде.
Вы используете растеризацию эффекта, потому что: 1) вы хотите иметь возможность изменять пути или формы, и 2) для исполнения, и 3) потому что это удобно.
Effect > Rasterize является неразрушающий и разработан, чтобы вы могли предварительно просмотреть, как выглядят растеризованные объекты без фактически растеризация чего угодно. (Объекты растрируются на выход если эффект уже используется).
Реальность такова, что ты можешь просто включить View > Pixel Preview чтобы увидеть, как объекты будут выглядеть при растрировании. Этот эффект унаследован до того, как Pixel Preview был добавлен в Illustrator, и Adobe обычно старается избегать удаления функций. Я не знаю ни одного случая, когда эффект действительно был бы необходим. Но, по правде говоря, я не знаю, зачем вам вручную растрировать что-либо в Illustrator, кроме, возможно, временной выборки цвета.
Как сделать растр в иллюстраторе
Растровый эффект или, как его еще называют, эффект полутонов – является по своей сути точками различных размеров и расстояний между ними, которые в своей общей массе образуют эффект градиентной заливки. Хотя это метод и является основой в печати, но из-за своей эстетики он стал популярным даже в цифровом контенте.
Просмотрев много комиксов, где используются эффект полутонов, у меня появилась к нему особая любовь, и я решил поделиться с вами этим уроком. Вы увидите, что в Adobe Illustrator добиться этого эффекта не так трудно, и с помощью полутонов, вместо обычных черно-белых иллюстраций, вы сможете придать своим комиксам или художественным работам уникальную привлекательность.
Создание Line Art
Сначала нужно создать штриховой оригинал (набросок), к которому будет применяться эффект полутонов. Я сделал набросок кричащей женщины как отсылку на поп-арт, который многие связывают с полутонами.
Давайте создадим новый документ в Adobe Illustrator и импортируем в него эскиз, перейдя в меню File> Place…
Далее, дважды щелкните на эскиз текущего слоя в панели слоев, поставьте галочку у пункта Template и нажмите кнопку OK.
Теперь сделаем векторный набросок прямо поверх карандашного эскиза с помощью инструмента Brush Tool:
Я сделал довольно свободный набросок и он существенно отличается от первоначального карандашного эскиза. Я посчитал, что сделал много ненужных карандашных линий, которые будут перегружать рисунок после нанесения градиента.
Добавление оттенков серого
С помощью инструмента Pen Tool создайте формы волос. Нарисуйте две формы, по одной для каждой из сторон прически. И назначьте им градиентную заливку (быстрая клавиша – “точка” на английской раскладке).
После того, как я сделал волосы, я добавил формы для губ и глаз. Так как волосы женщины нависают над частью ее лица – я добавил большую тень на лоб.
Когда я занимаюсь затенением кожи, я стараюсь представить, где находится источник света в моей картине. В данном случае – с левой стороны. Чтобы добавить дополнительное шоковое выражение лицу, я добавил тень под глазами, которые будут иметь устрашающий эффект.
Затем я сделал заливку языка темно серого цвета, а после добавил точки светло-серого цвета инструментом Mesh Tool.
Могу дать хороший совет: для того чтобы держать под контролем все цвета на изображении – сделайте черно-белую/серую палитру из тех цветов, которые вы в дальнейшем будете выбирать. Ограничьте себя несколькими оттенками, чтобы свести к минимуму риск визуально перегрузить картинку.
Делаем полутона
У нас получилось довольно приличное изображение в оттенках серого, но мы хотим сделать его в полутонах. Эта часть урока самая легкая. Операция по конвертированию объекта в оттенки серого не сложнее простого нажатия кнопки и требует лишь правильных настроек.
Какие настройки лучше всего использовать, зависит от того, какого размера у вас изображение. Другими словами, это потребует от вас некоторых проб и ошибок.
Кожа.
Выберите все объекты, которые составляют зоны затенения кожи. Далее, идите в меню Effect> Pixelate> Color Halftone.
Мое изображение не очень большое, так что настройки, которые я решил использовать имеют довольно небольшие значения. В результате у нас получится хороший, плотный паттерн для кожи.
Волосы.
Для волос я хочу получить более темный полутон.
Здесь вы можете реально увидеть, как работают размеры точки – чем меньше точка, тем светлее становится градиент.
Наконец для рта я решил немного поэкспериментировать со значениями, и увеличил значения для каналов 1 и 4.
Используйте Dot Swatches для фона
Кроме всего того, что было сказано выше и создавая свой эффект полутонов, знайте – Illustrator также предлагает некоторые готовые паттерны. Вы можете найти их перейдя по Windows > Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Dots.
Это даст вам выбор простых серых оттенков и градиентов. Несмотря на то, что они не cмогут быть такими же гибкими в настройках, как сделанные своими руками.
Создание полутона не очень трудно занятие в Illustrator, но с ними могут возникнуть и небольшие трудности. Например, вы могли заметить, что при масштабировании, полутона трудно контролировать. Наилучший подход в большинстве задач заключается в применении полутона к изображению, которое уже находится в своем окончательном размере. Таким образом, вы минуете неприятные неожиданности.
Не ленитесь и потратьте немного времени, чтобы настроить параметры и получить идеальную плотность точек.
Цифровая живопись
Все о рисовании в растре
Как сделать растровый паттерн в Adobe Illustrator
Уже предчувствую как многие мне пальцем у виска покрутят, типа растровый паттерн в векторной программе, ага. Но объясню почему я пишу этот пост. В свое время у меня возникла яростная необходимость в создании растровых паттернов и я столкнулась с проблемой. Создавать паттерны в фотошопе конечно же можно, но эта программа заточена под другие нужды. А вот встроенная паттерноделка в иллюстраторе всегда приводила меня в восторг позволяя делать всякие узорчики быстро и просто. Ну иллюстратороголик я, что тут еще сказать. Есть еще такой момент, что я обычно делаю паттерны не по геометричным сеткам, а раскидываю объекты как попало и при любых способах в фотошопе, мне приходится постоянно перепроверять, нормально ли стоят объекты. Иллюстратор в этом отношении неслабо экономит время.
В общем Иллюстратор умеет работать с растровыми объектами и понимает прозрачный слой в PNG. То есть PNG остается прозрачным и несколько картинок можно спокойно накладывать друг на друга.
Для того, чтобы сделать паттерн, нам понадобятся объекты из которых он будет состоять в PNG. Берем свои прозрачные штуки и перетаскиваем в Иллюстратор, обратите внимание еще на то, что паттерноделка появилась начиная с CS6, поэтому ниже шестерки такой способ не получится. В галерее я продублировала все картинки из поста в размере побольше.
Сразу важный момент: не рекомендую делать рабочую область большой. Иллюстратор вставляет картинки как смарт-объекты и их качество не искажает (обычно исходные картинки у меня тоже большие от 2000 до 3000 px), поэтому можно на небольшой области сделать паттерн и экспортировать его в нормальном размере. Я делаю обычно паттерны 600*600 px, после экспорта 5000*5000 px.
После того, как перетащили, нужно сделать важную вещь, а именно нажать кнопку «Вcтроить» на верхней панели. Без этого сделать паттерн невозможно. После того, как картинки вставлены, при выделении у них будет обычная рамочка, без крестика внутри.
Далее выделяем все свои объекты и выбираем Объект > Узор > Создать как при обычном векторе. Открывается обычное окно и главное преимущество лично для меня, что я могу видеть паттерн целиком и сразу менять местоположение объектов. В фотошопе, чтобы увидеть паттерн большим куском, надо делать лишнюю кучу действий.
После того, как паттерн готов, нажимаем «Готово» на верхней панели. Дальше я вынимаю из свотчей кусок и прячу под обтравочной маской лишнее. Далее экспортируем с учетом монтажной области JPEG или PNG и вуаля, растровый паттерн готов!
Перед тем, как делать новый паттерн, я обычно удаляю предыдущие объекты, потому что они увеличивают вес файла и иллюстратор может начать тормозить. Если мне нужно сохранить паттерны, чтобы двигать их потом внутри, я собираю в файл с несколькими маленькими артбордами все паттерны и сохраняю в векторе.
Возможно кому-то такой способ покажется замудреным, но кому-то сэкономит кучу нервов и времени.
Записки микростокового иллюстратора
Микростоки: рисуем и зарабатываем на своем творчестве
23 окт. 2017 г.
Привет всем! В этом уроке Adobe Illustrator мы разберём автотрейс. И в этом нам поможет Наталия Латынина, которая расскажет и покажет, как она трассирует элементы для паттернов, нарисованные вручную. Это уже не первый урок про автотрейс на нашем блоге. Тут вы можете посмотреть как трейсить мятую бумагу: как сделать автотрейс растрового изображения в Adobe Illustrator.
Также могу добавить, что сейчас Shutterstock (и Bigstock заодно) довольно жёстко относятся к приёмке автотрейса. Но монохромный автотрейс, обработанный и вычищенный от всякого мусора, принимают нормально.
А сейчас, если вы готовы, то передаю слово Наталии. Приступаем к уроку Adobe Illustrator.
Трассировка изображения – перевод фото или сканированного документа в векторный формат с последующим использованием картинки для создания графических работ.
Многие начинающие стокеры считают этот процесс каким-то очень сложным. На самом деле он занимает не так много времени, как, например, сама отрисовка изображения. Для того, чтобы подготовить изображение к трассировке совсем не обязательно запасаться дорогостоящими инструментами, как советуют многие иллюстраторы в своих курсах для новичков. Тем более, если вы не уверены, что будете в будущем часто пользоваться этим способом создания своих работ.
Я трассировку использую крайне редко и не вижу смысла в покупке множества разных инструментов, поэтому опишу свой процесс с использованием простейших подручных средств.
Этап 1
Изображение лучше обводить гелевой ручкой или линером (в этом примере использована самая простая дешевая гелевая ручка черного цвета). Шариковая ручка сильнее мажет, сложней рисует по карандашу и может давать блик на фото. Оптимальные цвета для обводки – черный, коричневый, синий, темно-зеленый, фиолетовый. Даем изображению подсохнуть, чтобы не смазать ластиком ручку, при удалении следов карандаша.
Этап 2
Снимаем фото. Или сканируем. В идеале, здесь нужно использовать сканер, так что повезло тому, у кого есть сей аппарат в наличии. Так как у меня сканера нет, я использовала цифровую мыльницу. В принципе, сейчас современные телефоны снимают очень хорошо и можно обойтись даже телефонной камерой. Снимать желательно при хорошем дневном освещении.
Этап 3
Подготовка фото. Так как мы использовали не сканер, а фото, надо привести его в приемлемый вид. Обрезаем лишние участки, если они есть и оставляем только область с рисунком. Далее необходимо использовать любой фоторедактор, в котором есть настройки яркость/контрастность/насыщенность и приводим с помощью них нашу фотографию примерно в такой вид:
Я не называю конкретный фоторедактор и не показываю его настройки в пример, т.к. настройки будут всегда разными в зависимости от качества фотографии.
Этап 4
Трассировка. Открываем изображение в иллюстраторе. Я использую иллюстратор CS6, поэтому окно программы и некоторые настройки могут отличаться, если вы используете другую версию.
Выделяем картинку мышкой и идем в меню «Объект» > «Трассировка» > «Создать».
Если появляется такое окно:
Жмем «Ок» и у нас начинается процесс трассировки.
Выглядит не очень. Контуры во многих местах прерываются. Чтобы это исправить, нужно открыть расширенные настройки трассировки. Для этого на верхней панели нажимаем на эту кнопку:
Чтобы убрать разрывы в контурах нам нужно увеличить значение параметра «изогелия» в появившемся меню.
Например, если увеличить значение до 170 получается уже вот такая картинка!
Выглядит гораздо лучше.
По необходимости меняем другие параметры.
Также выбираем метод трассировки – стык или контуры с наложением. Я предпочитаю вариант 2, т.к. при первом могут возникать дефекты в виде светлых промежутков между контуром или заливкой.
Когда все параметры выбраны, необходимо закрыть окно настроек и разобрать изображение.
Элементы для паттерна готовы!
На этом тема автотрейса у нас закончена. Если есть какие-то вопросы, то можете задавать их в комментариях.
Внутри вы найдёте видео каст по паттернам для самых начинающих, а также уроки по созданию бесшовных текстур:
1. Мозаика;
2. Геометрический узор;
3. Чередующийся орнамент;
4. Непрерывный переплетающийся.
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
