Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Textures
Design

Как создать текстуру акварели в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Illustrator.
10 Essential Tips & Tools All Adobe Illustrator Beginners Should Learn
How to Create a Solar System Planets Icon Pack in Adobe Illustrator

Russian (Pусский) translation by Lexie Bykova (you can also view the original English article)

Final product image
What You'll Be Creating

Акварельные текстуры в Adobe Illustrator сегодня в тренде, не отставайте от него! В этом курсе мы создадим собственные текстуры, используя простой набор акварели. Мы отредактируем изображения в Adobe Photoshop, а затем применим текстуры в Adobe Illustrator, пользуясь разными способами.

Вы также можете приобрести необходимые текстуры и нарисованные вручную шрифты на Envato Market, чтобы дополнить свои дизайны.

1. Создаем текстуру акварели

Шаг 1

Начнем с материалов, которые необходимы для создания текстуры акварели:

  • Акварельная краска
  • Бумага для акварели
  • Мягкая кисть
  • Чашка с водой

Лично я считаю, что такие проекты не требуют особо дорогих материалов. Акварельную текстуру можно создать с помощью детского набора красок, но можно и воспользоваться красками "Winsor & Newton". На фото вы видите, что использовала я.

Collect materials for watercolor painting

Шаг 2

Обмакните кисть в воду, обмакните ее в краску, начинайте рисовать. Поиграйте с насыщенностью и прозрачностью. Нарисуйте большие пятна или едва заметные "облачка" цвета. В экспериментах с акварелью невозможно ошибиться!

Start painting with your watercolors

Шаг 3

Когда мокрая кисть попадет на смоченный участок бумаги, вы увидите, что краска расплывется, и на бумаге появятся красивые градиенты. Вы можете промокнуть какие-то участки бумажной салфеткой или создать текстуру брызг с помощью кисти.

Paint onto wet paper or create puddles of color

Шаг 4

Наносите краску слоями, пока у вас не появятся участки с разной цветонасыщенностью. Попробуйте разные цвета. В некоторых участках нанесите новые слои поверх высохшей краски. Продолжайте рисовать, пока у вас не появятся несколько участков, которые вам нравятся.

Add other colors and shapes into your designs

Шаг 5

Нарисуйте столько страниц с акварельными набросками, сколько захотите. Когда у вас появится то, что устраивает вас по цвету и по композиции, дайте бумаге полностью просохнуть, только затем приступайте к следующей стадии.

Create as many pages of watercolor textures as you want

2. Редактирование текстур

Шаг 1

Отсканируйте свои рисунки и импортируйте их в Adobe Photoshop. Либо вы можете сфотографировать рисунки. Мой сканер старый, и сканы не всегда хорошо получаются, в частности, фон не всегда такой белый, как мне нужно. Продолжаем редактировать.

Scan and import your watercolort extures

Шаг 2

Чтобы избавиться от желтизны на бумаге: Изображение (Image) > Коррекция (Adjustments) > Уровни (Levels). Аккуратно откорректируйте желтизну вокруг пятен краски. Обычно я сдвигаю серый слайдер влево и белый слайдер немного вправо.

Adjust the levels of your image

Шаг 3

Теперь у вас есть чистые сканы, сохраните свой файл в формате JPG с высоким разрешением. Затем импортируйте в Adobe Illustrator.

Save and import your image into Adobe Ilustrator

3. Переводим текстуру в векторы

Шаг 1

Импортируйте изображение в новый документ Adobe Illustrator, откройте панель Трассировка Изображения (Image Trace). В качестве Режима (Mode) выбирайте Цвет (Color), в Палитре (Palette) выбирайте Полные Тона (Full Tone). Поставьте галочку в окошке Просмотр (Preview) и подождите немного, пока изображение не векторизируется.

Image Trace to get a vector watercolor texture

Шаг 2

Я увеличила результат трассировки, чтобы вам было лучше видно. Очень легко  векторизировать ручные эскизы, и нет необходимости создавать их в Adobe Illustrator.

A zoomed in version of the watercolor texture

Шаг 3

Вы можете уменьшить детализацию в трассировке если выберете Ограниченное (Limited слева внизу) вместо Полный Тон (Full Tone справа внизу) в цветовой Палитре. У вашего изображения будет более векторизированный вид и меньший размер файла.

Теперь вы можете Разобрать (Expand) свою текстуру и Разгруппировать (Ungroup) ее. С помощью инструмента Лассо (Lasso Tool - Q) обводите вокруг необходимого вам участка. Скопируйте (Copy = Control-C) и Вставьте (Paste = Control-V) текстуру на Новый Слой (New Layer) в панели Слои (Layers). Скройте другие текстуры, чтобы сосредоточиться только на секции, которую вы скопировали. Сгруппируйте (Group = Control-G) текстуру.

A comparison between watercolor textures

4. Создаем стиль графики

Шаг 1

Стили графики (Graphic Styles) - потрясающая вещь. Они позволяют вам легко применять разные варианты текстур, эффектов и прочего, достаточно щелчка мыши. Они также тесно связаны с Операциями (Actions), что позволяет ускорить работу в Adobe Illustrator.

Выделяйте группу с текстурой, и на панели Опции Узоров (Pattern Options) создавайте Новый Узор (New Pattern). Откорректируйте Ширину (Width) и Высоту (Height) чипа с узором, чтобы текстура себя перекрывала. В панели Оформление (Appearance) установите Режим Наложения (Blending Mode) на Умножить (Multiply). Когда вас устроит, как выглядит наложение узора, нажимайте Готово (Done).

Так как мы имеем дело со сложной векторной текстурой, на это может уйти время. Я обычно вяжу и жду, пока мой комьпютер справится с тем, что я делаю. Регулярно сохраняйте свои файлы, чтобы поберечь свои нервы на случай, если Иллюстратор внезапно зависнет.

Create a simple pattern

Шаг 2

Ваш новый узор окажется в панели Образцы (Swatches). Вы можете применить его к простой прямоугольной фигуре. Откройте панель Стили Графики (Graphic Styles), выделите прямоугольник, нажмите Новый Стиль Графики (New Graphic Style). Это позволит вам сохранить все, что вы создаете в панели Оформление (Appearance) и быстро и легко применять к любому объекту. Нет необходимости вновь применять узор со всеми его атрибутами. Обязательно сохраните свой Стиль Графики (Graphic Style), чтобы он был доступен вам из любого документа.

Create a graphic style

Шаг 3

Давайте попробуем наш новый Стиль Графики (Graphic Style) на тексте. Я написала одну из своих любимых цитат комика Алиссы Эдвардс, используя интересный рукописный шрифт. Вы можете приобрести подобные шрифты на Envato Market.

 Напечатайте текст с помощью инструмента Текст (Type Tool = T), затем Разобрать (Expand)Объект (Object) > Разобрать (Expand), ваш текст превратится в Контуры (Outlines). Примените ваш вновь созданный Стиль Графики (Graphic Style). Посмотрите, стоит ли вам подкорректировать узор кое-где.

Easily apply your graphic style

5. Создаем дизайн с типографией.

Шаг 1

Давайте создадим кое-что более интересное и применим Стиль Графики (Graphic Style) к простому шрифту. Сделайте набросок цитаты для постера. Подумайте, какой шрифт выбрать - сериф, сан-сериф или рукописный каллиграфический.

Либо вы можете сгруппировать текст так, как вам нравится, вместо того, чтобы рисовать отдельный дизайн. Я использовала Adobe Photoshop для создания дизайна внизу и импортировала его в документ Adobe Illustrator. Попробуйте разные композиции и стили шрифтов с цитатой, которую вы выбрали. Если вы не пользуетесь графическим планшетом, вы можете воспользоваться готовыми шрифтами в этом курсе.

Create some fun typographic compositions

Шаг 2

На новом слое используйте Инструмент Кисть-Клякса (Blob Brush Tool = Shift-B), чтобы плавно перерисовать свой дизайн. Постарайтесь проводить плавные линии, чтобы ваши кривые были гладкими, а прямые прямыми.

Carefully draw smooth text designs

Шаг 3

Варьируйте ширину штриха при написании букв. Здесь не помешает посмотреть на образцы типографии и каллиграфии. Можно творить чудеса, зная, какие части буквы уплотнить, а какие прорисовать тонко. Поэкспериментируйте и с тем, и с другим, чтобы посмотреть, какие изменения внести.

Use thick and think lines in your design

Шаг 4

Продолжайте работать над дизайном. Если что-то вас не устраивает в наброске, самое время сейчас это откорректировать. Вы также для обводки наброска можете воспользоваться другим инструментом, например Инструмент Перо (Pen Tool = P).

Continue redrawing your text design

Шаг 5

Когда работаете с большими участками, сначала обрисуйте контур, а затем заполните каждую фигуру с помощью инструмента Создание Фигур (Shaper Tool = Shift-N), чтобы заполнить пустые секции. Просто проведите произвольную линию между границами объекта, и он заполнится как на картинке внизу.

Use the shaper tool to fill in objects

Шаг 6

Когда вы закончите прорисовку текста, удалите скан наброска и выделите вновь созданные фигуры. Панель Обработка Контуров (Pathfinder) - Добавить (Unite), не забудьте Разобрать (Compound) фигуру. Как и ранее, примените Стиль Графики (Graphic Style) к своему дизайну.

Apply your graphic style to the newly created design

6. Создаем обтравочную маску

Шаг 1

Есть другой способ, с ним не нужно создавать Стиль Графики (Graphic Style). Можно Сделать Обтравочную Маску (Create a Clipping Mask = Control-7) и применить ее к своей текстуре. Подготовка аналогична первому способу: с помощью Инструмента Лассо (Lasso Tool) выделите фрагмент Изображения, которое вы Трассировали (Image Trace), теперь Скопируйте (Copy) его.

Я сохраняю текстуры акварели в отдельных документах, чтобы мой рабочий документ не съедал всю память машины.

Select your texture

Шаг 2

Вставьте (Paste) текстуру в рабочий документ. Я устанавливаю цвет заливки текста на светло-серый, тогда хорошо видно и текстуру, и текст. Выберите Режим Наложения (Blending Mode) - Умножение (Multiply) на панели Прозрачность (Transparency).

Overlap your text with your watercolor texture

Шаг 3

Повторите процесс наложения акварельных текстур поверх своего текста. Меняйте Масштаб (Scale), Поворот (Rotate) как вам удобно, чтобы создать дизайн, который вас устроит.

Overlap your text with various color and textures

Шаг 4

Как только вас все начнет устраивать, Сгруппируйте (Group) элементы текстуры, которые расположены над текстом. Посмотрите, чтобы весь текст был покрыт текстурой. Если это не так, у вас после применения Обтравочной Маски (Clipping Mask) могут исчезнуть целые буквы.

Group together your watercolor textures

Шаг 5

Скопируйте (Copy) и Вставьте (Paste) дизайн с текстом поверх группы акварельных текстур. Скройте оригинальный дизайн текста на панели Слоев (Layers). Выделите все и Создайте Обтравочную Маску (Make a Clipping Mask) сочетанием клавиш Control-7. Если вам понадобится изменить или добавить какие-то элементы в Обтравочной Маске (Clipping Mask), достаточно открыть панель Слоев (Layers) и выбрать Группу (Clip Group) из обтравочной маски, перераспределить ее на Монтажной Области (Artboard), или даже добавить в нее новые текстуры.

create a clipping mask and adjust its contents

Ура, у вас получилось!

Пробуйте "поиграть" с акварельными текстурами, как вам угодно. Неважно, чем вы пользуетесь - Стилем Графики или Обтравочной Маской, у вас есть варианты того, как можно применять эту текстуру, а также дополнительные детали типа брызг или разводов краски.

Поделитесь своими дизайнами в разделе для комментариев внизу! Неважно, - нарисовали вы собственные элементы или приобрели текстуры для постера на Envato Market, - мы хотим их увидеть!

The final design
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.