Как растрировать в Illustrator
wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 9 человек(а).
Количество просмотров этой статьи: 50 624.
В этой статье:
Программа Illustrator от Adobe позволяет пользователям создавать логотипы в 3D, сложные тексты для печати и полноценные документы. Illustrator это приложение для работы с векторной графикой, которое из слоёв изображений, текстов, узоров и других объектов помогает создавать визуально привлекательные документы, веб страницы или печатные издания. Векторные рисунки Illustrator – это математически сгенерированные изображения, а растровые рисунки создаются на основе точек и пикселей. Adobe Illustrator также имеет возможность конвертировать векторную графику в растровую, которая часто используется в печати документов или для хранения в растровых файлах. Эта статья поведает вам о том, как растрировать в Illustrator.
Запустите Adobe Illustrator.
Выберите изображение в с помощью диалогового окна. Вам надо выбрать такое изображение, которое содержало бы векторные рисунки, которые вы хотите растрировать.
Выберите объект, который вы хотите растрировать. Если вы хотите растрировать более одного объекта, при выборе выделите несколько объектов.
Определитесь — вы хотите окончательно растрировать объект или только придать объекту эффект растрового изображения. Последний вариант называется «Растровый эффект». Для выполнения этих задач, вы будете использовать два различных приема.
В верхнем горизонтальном меню кликните на раздел «Объект» после того, как выделите ваши объекты.
Выберите «Растрировать.»
- Установите цветовой режим, который хотите использовать. Выберите RGB или CMYK. Это зависит от вашего принтера или настроек дисплея. Это определит, какой цветовой диапазон будет отображаться. Чернила CMYK (Cyan, Magenta, Yellow, Black – голубой, фуксия, жёлтый, чёрный) часто используют для печати и для цифровой графики, в то время как RGB (Red, Green, Blue – красный, зелёный, голубой) часто используется в файлах, полученных при сканировании.
- Если вы планируете печатать документ, и не знаете какой цветовой режим предпочтителен для принтера, то лучше уточнить это прежде, чем вы растрируете изображение или документ.
- Выберите разрешение. Разрешение определяет количество пикселей на каждый дюйм. Выберите «Использовать разрешение растрированного документа, чтобы использовать общие настройки разрешения».
- Установите фон. Выберите белый фон, если вы хотите заполнить фон объекта. Выберите «Прозрачный», если вы не хотите чтобы объект был на фоне.
- Снимите выделение с опции «Сглаживание». Это позволит сохранить четкие линии вашего объекта, вместо их размытия при растрировании.
Раскрашивание векторного изображения в Illustrator
В прошлом уроке мы рисовали контур гитары по фотографии, а сейчас раскрасим его. Если рисовать вручную цветные пятна под контуром, это займет много времени, кроме того, в некоторых местах возможна неровность, при использовании автоматического инструмента делается это одним нажатием кнопки . В этом уроке я расскажу, как раскрасить векторное изображение в Adobe Illustrator CC вручную и автоматически.
Раскрашивание вручную
Для ручного метода подойдет инструмент «Кисть-клякса«, который можно сочетать с «Карандашом«, чтобы дорисовывать более мелкие детали. Иногда заливка может выходить за контуры, поэтому, периодически это нужно подправлять «Ластиком». Мой графический планшет позволяет стирать лишнее обратной стороной пера.
Ручной способ раскрашивания, требует большой внимательности и много времени. Лучше его применять лишь в крайних ситуациях, когда не срабатывает автоматический.
Раскрашивание объекта автоматическим способом
Но есть более легкий способ заливки цветом. Выделите весь рисунок и возьмите инструмент «Быстрая заливка«. Этот инструмент, распознает пространство ограниченное контурами и заливает его выбранным цветом. Выберите нужный цвет и наведите мышкой, контур области подсвечивается. Если этого не происходит, значит есть слишком большой зазор между контурами, желательно перед раскраской все их замкнуть. Теперь, достаточно нажать по областям, которые вы хотите раскрасить.
Выделяйте только те области, цвет между которыми должен быть разный.
Например, струны и лады накладываются поверх рисунка и не разграничивают цвета, поэтому я снял с них выделение.
Инструмент «Быстрая заливка» действует как эффект. Поэтому, после завершения раскрашивания рисунок необходимо еще раз «Разобрать. » на объекты. А затем несколько раз разгруппировать.
Теперь можно выставить правильные цвета из палитры или взяв образец «Пипеткой» с фотографии.
Добавление теней, бликов и дополнительных деталей.
Иногда может потребоваться разграничить заливку еще на несколько цветов, например, для создания теней и бликов или дополнительных деталей. Рисуем карандашом новую фигуру, как показано на снимке ниже, выделяем обе.
Берем инструмент «Создание фигур» и удерживая клавишу ALT нажимаем по лишней области. Теперь, новый элемент можно перекрасить в другой цвет.
А вот и готовый векторный рисунок гитары, теперь его можно использовать в макете или продать на микростоке.
Подробнее о раскрашивании в видео уроке:
Пишите в комментариях, получилось ли у вас сделать векторный рисунок или возникли трудности.
Как раскрасить буквы в иллюстраторе
В этом уроке мы будем рисовать крутой геометрический алфавит в Adobe Illustrator. В уроке показан стиль и способ создания основных букв, но все остальные буквы алфавита вам предстоит нарисовать самостоятельно. Это отличное упражнение на креативность и владение программой.
Как нарисовать алфавит в Adobe Illustrator
Он будет о том, как нарисовать свой алфавит в Adobe Illustrator. Вот так выглядит финальная иллюстрация у Натальи. Я уверена, что после этого урока, у вас получится сделать свой алфавит в иллюстраторе.
В этом уроке я хочу показать вам, как создавать свой собственный шрифт в Иллюстраторе с нуля. Урок рассчитан на тех, у кого нет графического планшета. Мы возьмем простые фигуры: палочки, кружочки и загогулины. И соберем из этого буквы.
Возможно, вы уже знаете, что сейчас на микростоках очень популярны разные шрифты и леттеринг. Скажу вам сразу — я никогда не училась каллиграфии и не прошла ни одного урока в интернете. Я пыталась, но меня до конца не хватало. Получалось все так сложно, что, уверена, у многих просто руки опускались. Уроки основывались на том, что надо было сначала написать текст на бумаге, потом или сканировать или фоткать, потом переносить это в Иллюстратор, потом делать трейс, убирать лишние точки, выравнивать. И неизменно возникал вопрос: да зачем же сложно-то так?? Почему сразу не начать писать инструментом Кисточка в Иллюстраторе? Но конечно не у всех есть планшет, а мышкой выводить буквы неудобно. Поэкспериментировав и посопев немного у монитора, я придумала, как можно сделать все намного проще. И сейчас вы узнаете как!
И еще небольшое уточнение если кому интересно. Что такое шрифт? Это просто все буквы одного стиля. Они похожи: у всех одинаковая округлость, одинаковая длина линии, или одинаковые закорючки на буквах. Что такое леттеринг? Это просто рисованные буквы — от руки на бумаге, в Иллюстраторе инструментом Карандаш или Кисточка, нарисованые акварелью, карандашом, или даже высеченные на скале. «Надписи», одним словом, которые созданны для конкретной идеи или ситуации. В леттеринге буквы могут быть не очень похожи, но объединены одной идеей. Например фраза «Доброе утро» с чашкой кофе, или «Желаю хорошего дня» и буквы обведены листочками-цветочками, и т.д.
Так же хочу предупредить, что этот урок для того, чтобы научиться создавать шрифт, чтобы освоить инструменты, приобрести какие-то навыки, но совсем не для того, чтобы после создания шрифта загрузить его на Шаттерсток или другой микросток, и там продавать. Иллюстрации, нарисованные по урокам, нельзя загружать на стоки. Потому что если вы сделаете копию работы из урока — это называется плагиат. Увидев рисунок на Шаттерстоке со своего урока, я обычно пишу в поддержку (да, снова начала борьбу) и они удаляют его, или даже целое портфолио. Пишу это для того, как многие просто не знают, что нельзя продавать картинки по чужим урокам.
А теперь, если все готовы, приступим.
1. Настройки
Сначала сделаем несколько настроек, чтобы рисовать было легче. Создав новый документ, нажмите Edit > Preferences > Guides & Grid. Мы установим специальную сетку, которая поможет рисовать ровно. После этого появится новое окно, где нужно ввести настройки, приведены ниже на рисунке. Цвета в этом окошке конечно же не имеют значения, ставите какие вам нравятся, но цифры — имеют, поэтому вводите, как показано. И потом нажимаете ОК.
И еще одна важная настройка: View > Snap to Grid (привязка к сетке). И потом View > Snap to Point (привязка к точке). Пока все, теперь рисовать будет легко.
Шрифт будем создавать английский, письменный.
Мы будем использовать только 3 инструмента: Линия, Овал и Арка (Line Segment Tool (\), Ellipse Tool (L), Arc Tool).
Обратите внимание на высоту букв:
2. Рисуем букву «а»
Сначала мы нарисуем все строчные буквы, а затем все заглавные.
Посмотрите на панель Color (Window > Color) и убедитесь, что вы убрали заливку и оставили только черный цвет обводки.
Берем инструмент Овал (Ellipse Tool (L)) и рисуем круг. Затем берем инструмент Линия (Line Segment Tool (\)) и добавляем вертикальную линию на три клетки высотой. Используя инструмент Арка (Arc Tool), рисуем небольшую дугу в границах одной клетки. Т.е. ставим точку в верхнем левом углу клетки и протягиваем до нижнего правого угла. Потом добавляем еще две дуги, которые заканчивают формировать характерную закорючку нашего шрифта, которая позже будет повторяться и у других букв.
3. Рисуем букву «b»
Так же как и с предыдущей буквой, начинаем с круга, для рисования которого используем инструмент Овал (Ellipse Tool (L)). Затем добавляем вертикальную линию высотой на четыре клетки. И вверху этой линий дорисовываем дугу на одну клетку величиной, используя инструмент Арка (Arc Tool).
4. Рисуем букву «c»
Для этого мы сначала нарисуем круг, а затем отрежем ненужную часть. Итак, нарисовали круг. Чтобы отрезать ненужные части, нам надо отключить привязку к сетке: View > Snap to Grid. Затем берем инструмент Ножницы (Scissors Tool (C)) и отрезаем так, чтобы получилась буква «с». Отрезав ненужную часть, можно удалить ее, нажав клавишу Delete на вашей клавиатуре.
И в конце обязательно надо снова включить View > Snap to Grid.
5. Рисуем букву «d»
Эту букву мы рисовать не будем. Мы просто возьмем букву «b», сделаем копию (Ctrl+C и Ctrl+V) и просто перевернем ее слева направо. Затем выделяем эту копию, и жмем правую кнопку мыши, выбираем из всплывающего меню Transform > Reflect. Появится диалоговое окно, где нужно ввести вертикальную ось рефлекции (Vertical), угол 90 градусов и нажать ОК. Наша буква готова.
6. Рисуем букву «e»
При рисовании этой буквы мы будем использовать только инструмент Дуга (Arc Tool). На картинке ниже вы можете видеть процесс поэтапно. Следуйте ему, чтобы создать букву «е».
7. Рисуем букву «f»
Чтоб иметь примерное представление, как наша буква будет выглядеть в конце, посмотрим сначала на рисунок с конечным результатом.
А вот теперь рисуем. Сначала инструментом Линия (Line Segment Tool (\)) рисуем вертикальную линию на 6 клеток высотой. Добавляем несколько дуг на одну клетку высотой, чтобы нарисовать нижнюю закорючку. Для верхней закорючки, вверху вертикальной линии, рисуем дугу высотой на две клетки и шириной на одну. И потом добавляем еще две маленькие дуги на одну клетку. В конце ставим горизонтальную линию длиной на две клетки. Если по тексту не очень понятно, просто следуйте рисунку:
8. Рисуем букву «g»
А теперь пробуем немного сами. Уверена, поэтапный рисунок внизу, в котором каждая линия\дуга\круг отмечены разными цветами, поможет вам нарисовать букву «g».
9. Рисуем букву «h»
Продолжаем рисование новой буквы. Следите за последовательностью, с которой меняются цвета каждой линии\дуги, и вы поймете как нужно рисовать.
Как нарисовать векторную надпись в виде букв из травы в Adobe Illustrator
Выполняя описанные ниже 11 шагов, вы сможете нарисовать векторное изображение травы. При построении изображения мы будем использовать эффект Почтовой Бумаги (Note Paper effect), затем при помощи опции Перевести В Вектор (Live Trace) получим необходимые векторные фигуры. Для создания довольно реалистичного рисунка травы может быть с успехом использован эффект Создание Складок и Раздувание (Pucker & Bloat effect). Давайте начнем.
Шаг 1
Для начала откройте новый документ. Используйте инструмент Шрифт (Type Tool (T)) и напечатайте слово «ТРАВА» (или любое другое слово, которое вы хотели бы использовать). Шрифт, используемый мной, называется Беккер Черный НФ Обычный (Becker Black NF Regular), размером 150 пунктов (150 pt). Теперь откройте меню Объекты (Objects) и выберите сначала Развернуть (Expand), затем Разгруппировать (Ungroup).
Шаг 2
Прежде чем продолжать, скопируйте и вставьте назад все буквы, используя комбинации Ctrl + C, а затем Ctrl + B, это пригодится в дальнейшем. Пока что вы можете их скрыть, чтобы они вас не отвлекали. Теперь работаем с первой буквой. Убедитесь, что первая буква выбрана и откройте меню Эффекты (Effects) -> Эскиз (Scetch) и примените эффект Почтовой Бумаги (Note Paper effect), используя настройки, показанные на рисунке ниже. Сделайте то же самое и для других букв. После того, как вы закончите, выберите Развернуть Внешний Вид (Expand Appearance) из меню Объекты (Object).
Шаг 3
Теперь выделите первую букву и откройте меню Объект (Object) -> Перевести В Вектор (Live Trace) и откройте окно Параметры Трассировки (Tracing Options). Установите значения, как показано на рисунке ниже, а затем нажмите кнопу Начертить (Trace). В результате вы получите много мелких форм, как показано на крупном плане, и это как раз то, что нам необходимо было получить для прорисовки нитей травы. Из меню Объект (Object) выберите Развернуть (Expand) и повторите этот Шаг для оставшихся четырех букв.
Шаг 4
Если вы внимательно посмотрите на буквы, вы заметите, что в некоторых местах они имеют черные границы по краям, и вы должны удалить их. Если вы найдете небольшие черные границы, вы можете оставить их, удаляя только крупные. В противном случае после применения эффекта Создание Складок и Раздувание (Pucker&Bloat effect) результат может выглядеть несколько странно.
Шаг 5
Теперь у вас есть все буквы без лишних черных границ. Заполните их линейным градиентом, как показано на рисунке. Вы также можете изменять значения угла (Angle) при градиенте, если хотите, чтобы изображения выглядели немного по-разному.
Шаг 6
Выберите первую букву (на самом деле это группа мелких форм), и откройте меню Эффекты (Effect) -> Искажения и Преобразования (Distort & Transform) и примените эффект Создание Складок и Раздувание (Pucker & Bloat effect). Вы можете экспериментировать, используя разные значения для этого эффекта. Если вы перетащите указатель до максимального значения (-200%), вы получите слишком длинные нити травы. Но мы рекомендуем вам попробовать, вдруг вам понравится такой эффект. Нам больше всего понравилась картинка, полученная при значении минус 160%.
Шаг 7
На этом шаге вам нужно сделать видимыми копии букв, которые были созданы на Шаге 2. Измените цвет заливки с черного на темно-коричневый цвет, а затем перейдите в меню Эффект (Effect) -> Стилизация (Stylize) и примените эффект Растушевка (Feather). Сделайте то же самое и для других четырех букв.
Шаг 8
Для создания фона сначала нарисуйте прямоугольник с помощью инструмента Прямоугольник (Rectangle Tool (M)) позади букв. Залейте его линейным градиентом, как показано на рисунке, а затем перейдите к панели Внешний Вид (Appearance panel) и в выпадающем меню выберите Добавить Новую Заливку (Add New Fill). Примените такой же градиент, а затем перейдите к меню Эффект (Effect) -> Эскиз (Sketch) и примените эффект Почтовая бумага (Note Paper) для получения фона, похожего на землю. Измените режим смешивания (Blending Mode) на Мягкий Свет (Soft Light) и уменьшите непрозрачность (Opacity) до 25%, но только для этой второй заливки.
Шаг 9
Давайте добавим немного теней. Выберите темно-коричневую букву «G» с заднего плана (как на шаге 7), затем перейдите в меню Эффект (Effect) -> Стилизация (Stylize) и применить эффект Тень (Drop Shadow), используя значения, показанные ниже. Сделайте то же самое для других четырех букв на заднем плане.
Шаг 10
Затем откройте меню Библиотека Символов (Symbol Libraries) на панели Символов (Symbols Panel) и найдите значок Божья Коровка (Ladybug) в категории Природа (Nature) и значок Ромашка (Daisy) в категории Цветы (Flowers). Перетащите оба эти значка в вашу рабочую область и нажмите кнопку Разорвать Связь С Символами (Break Link to Symbols). Сначала перенесите значок божьей коровки на любое понравившееся место на букве. Чтобы добавить тень к божьей коровке, выберите инструмент Эллипс (Ellipse Tool (L)) и нарисуйте маленький овал, как показано на крупном плане. Расположите его позади божьей коровки, залейте черным цветом, а затем перейдите в меню Эффект (Effect) -> Размытие (Blur) и примените Размытие по Гауссу (Gaussian Blur), радиусом 3 пикселя.
Шаг 11
Теперь расположите ромашки на буквах и создайте тень от них, как было описано на предыдущем шаге.
Заключение
Итак, мы нарисовали надпись в виде букв из травы. Ниже приведено окончательно изображение. Надеемся, вам понравился этот урок.
Забирайте подборки шрифтов и цветовых палитр в нашем Телеграм-канале (регулярно по пятницам).
15 уроков по созданию текстовых эффектов Adobe Illustrator
Коллекция уроков по созданию текстовых эффектов в программе Adobe Illustrator.
Тексты всегда являются неотъемлемой частью дизайна. От умения их оформлять зависит успешность всего проекта.
Надеемся, что предоставленные здесь уроки помогут вам в создании оригинальных текстовых эффектов.
1. Как создать текст из невозможных фигур
В этом уроке мы научимся создавать «невозможный текст», используя простые и понятные техники. В последней части урока мы оформим текст в стиле “Blueprint”. Этот стиль является популярным трендом в дизайне сегодня.
2. Создание 3D текстового эффекта в гранжевом стиле
В этом уроке вы узнаете, как создать объемный гранжевый текст. Вы также узнаете, как создать блики и тени для вашего текста и придать им объем. Для создания гранжевого эффекта использовались различные режимы смешивания и другие инструменты Adobe Illustrator. В действительности такой текстовый эффект не сложно создать, хотя от вас потребуется внимание к деталям.
3. Добавьте дополнительный объем вашему шрифту
Благодаря этому уроку вы узнаете о ценностях ретро дизайна и научитесь формировать их в необычную конструкцию в стиле научной фантастики и дизайна упаковки.
4. Как создать неоновый текстовый эффект в Adobe Illustrator
В этом уроке мы создадим неоновый эффект при помощи 3D моделирования, градиентной сетки, объектных кистей и различных режимов смешивания.
5. Создание текста на основе изометрической сетки
В этом уроке мы познакомимся с процессом создания изометрической сетки, которая послужит основой для дальнейшего дизайна. Затем вы узнаете, как рисовать и раскрашивать буквы для создания трехмерной архитектурной сцены. На основе этой техники вы сможете легко и быстро создавать отдельные объекты или сложные повторяющиеся узоры.
6. Как создать декоративную надпись в Illustrator
Каллиграфические, сделанные от руки надписи возрождаются в последнее время. Благодаря этому уроку вы узнаете, как просто и быстро сделать собственную каллиграфическую надпись в Adobe Illustrator, а также научитесь создавать собственные каллиграфические кисти, которые будут подражать классической чернильной ручке. Вы также узнаете, как использовать инструмент ножницы для разделения контура на части, не разрушая линии.
7. Как создать жидкий логотип, используя Illustrator and DrawScribe плагин
В этом уроке мы рассмотрим технику создания «жидких» объектов при помощи Dynamic Sketch Tool и Blend Tool. Этот урок содержит детальные инструкции и интересные приемы, что позволит вам добиться успеха в создании подобного стиля.
8. Как создать изогнутый текст в Adobe Illustrator
Сегодня вы узнаете, как создать текст, который находится в разных плоскостях. Один интересный трюк с ограничительной рамкой позволит нас сделать это без использования 3D моделирования.
9. Как создать стилизованную надпись из волос
В сегодняшнем уроке я собираюсь рассказать вам, как создать надпись, которая состоит из локонов волос в Adobe Illustrator CS5. Мы также поговорим, как придать вашей работе винтажный вид.
10. Как создать надпись в стиле винтажной почтовой открытки
Погрузитесь в процесс создания надписи в стиле винтажной открытки в Adobe Illustrator CS5. Вернемся назад в эпоху, когда почтовые открытки с их дружелюбными надписями были в моде. В этом уроке я расскажу о работе с обтравочными масками, растровыми изображениями и о создании текстовых эффектов.
11. Как создать вывеску в Adobe Illustrator
В этом уроке мы узнаем, как создать надпись в ретро стиле на основе бесплатного шрифта Agency FB. В процессе изменения букв вы узнаете немного об их анатомии. Техники, описанные в этом уроке полезны не только при создании шрифтов, но и при работе с любыми векторными объектами.
12. Как создать 3D текст в перспективе, используя Adobe Illustrator CS6
Для создания текстового эффекта мы будем использовать Perspective Grid Tool, Blend и некоторые новые функции Adobe Illustrator CS6.
13. Создание 3D текста инкрустированного золотом
В этом уроке рассказано, как создать трехмерный текст, затем придать этому объекту золотой блеск и добавить драгоценные камни. По-моему выглядит роскошно!
14. Как создать текст из травы
В этом уроке вы научитесь создавать текст из травы. Мы будем использовать растровый эффект, который потом превратим вектор при помощи автоматической трассировки. Эффект Pucker & Bloat позволит нам создать траву, которая выглядит вполне реалистично.
15. Создания текста в стиле Арт-Деко (декоративное искусство)
Намного проще создать буквы, имеющие безупречный вид, если такой мастер, как Адам Поинтер демонстрирует процесс создания текста в стиле Арт-Деко.
Изменение цвета графического объекта
Узнайте, как использовать быстрые действия в приложении для применения произвольной цветовой схемы одним щелчком мыши.
Попробуйте в приложении!
Мгновенно применяйте любую цветовую тему к своим работам в Illustrator.
Чтобы применить в приложении произвольную цветовую тему, сделайте следующее:
Выберите значок в правом верхнем углу рабочей области Illustrator или нажмите клавишу F1 , чтобы открыть панель Новые возможности.
На панели «Новые возможности» перейдите в раздел Обзор > Быстрые действия и выберите Перекрасить .
Выберите изображение и нажмите Применить , чтобы изменить цветовую тему вашего изображения.
Нажмите Восстановить для отмены примененных изменений. Кнопка Восстановить становится недоступной при редактировании цветов.
Разверните раздел УЛУЧШИТЬ С ПОМОЩЬЮ и выберите Перекрасить графический объект, чтобы изменить цвет вашего графического объекта.
Чтобы ознакомиться с другими быстрыми действиями, которые можно применить к объектам, нажмите Обзор других быстрых действий .