26 февр. 2010 г.

Уроки Adobe Illustrator: рисуем бесшовную текстуру

уроки adobe illustrator: рисуем бесшовную текстуруВсем добрый день! Сегодня dacascas решил порадовать нас новым уроком Adobe Illustrator. В уроке рассказывается, как рисовать бесшовную текстуру, так называемый seamless.

У многих может возникнуть резонный вопрос: что такое бесшовная текстура? Если объяснять простыми словами — это текстура с бесконечно повторяющимися изображениями. При этом изначально создается только фрагмент текстуры, а изображение на нем делается зацикленным, поэтому растягивать текстуру можно бесконечно.

Бесшовные текстуры очень востребованы на микростоках и у любого микростокового иллюстратора обязательно в портфолио найдется хотя бы парочка подобных текстур. Так что, если вы собрались покорять микростоки, навык создания seamless-текстур вам обязательно пригодится.

Как всегда, если вы не в курсе, как воспользоваться тем или иным инструментом Adobe Illustrator, вы можете подсмотреть нужную главу в курсе «Изучи Adobe Illustrator за 30 дней» либо задать вопрос в комментариях. Если вы хотите продавать свои работы на микростоках, то обратите внимание на Курс начинающего микростокера.

UPD: Так как данный урок был написан довольно давно, а именно в 2010 году, то в качестве обновления материала рекомендуем вам сначала посмотреть запись вебинара по бесшовным текстурам. Много чего успело измениться за это время. Даже появились скрипты, которые делают бесшовные текстуры автоматически. Например, скрипт Magic Pattern Light. Поэтому информация в видео будет более актуальна. На вебинаре рассказывается, как создавать бесшовные текстуры в Adobe Illustrator CS5 и более ранних версиях, а также показываются возможности нового инструмента по созданию паттернов в Adobe Illustrator CS6 и СС.



Я уверен, что используя данную технику, вы с легкостью сможете сделать свой первый seamless для стоков. Самое муторное на мой взгляд это то, что иллюстрацию нужно будет обрезать. Удалить части объектов, торчащие за границы рабочей области. Для обрезки в этом случае удобно будет использовать скрипт Super Magic Eraser.

Работает он очень просто: запустил скрипт, и иллюстрация аккуратно обрезается точно по границам рабочей области. Более подробно о том, как с помощью скрипта Super Magic Eraser можно обрезать векторную иллюстрацию, смотрите в следующем видео:



Как рисовать бесшовную текстуру

Автор: Роман aka dacascas
Уровень: для начинающих
Версия Adobe Illustrator: любая

Итак, все поняли, для чего нужны бесшовные текстуры и с чем их едят. Теперь можно попробовать сделать какой-нибудь свой seamless, руководствуясь этим уроком.

Создаём новый документ. Будет удобно, если сделаете его квадратным. В моём варианте размер документа — 500x500.

Рисуем любой объект или объекты, из которых будет состоять наш seamless. Желательно, чтобы он был простой и состоял из одного контура. В будущем можно будет экспериментировать и со сложными объектами, но начинать лучше именно с простенькой картинки. Градиентные заливки использовать для создания seamless нельзя. В данном случае я нарисовал отпечаток губ.

уроки adobe illustrator: рисуем бесшовную текстуру

Обращаем этот объект в символ. Это можно сделать, перетащив его в палитру «Символы» (Symbol).

уроки adobe illustrator: рисуем бесшовную текстуру

Воспользуемся инструментом «Распыление символов» (Symbol Sprayer Tool) и заполним всю рабочую область нашими символами.

уроки adobe illustrator: рисуем бесшовную текстуру

Добавим разнообразия, поменяв цвета, размеры и наклон отдельных символов. После завершения работы не забудьте преобразовать все символы в кривые: «Объект > Обработка прозрачности» (Object > Flatten Transparency). Я использовал инструмент «Распыление символов» (Symbol Sprayer Tool) только для удобства. Вы можете просто размножить свои картинки с помощью горячих клавиш Ctrl+C и Ctrl+V.

уроки adobe illustrator: рисуем бесшовную текстуру

Обрезаем объекты, которые выходят за границы рабочей области. Для этого нарисуем прямоугольник с одной стороны так, чтобы он перекрывал их. Одна сторона прямоугольника должна точно лежать на границе рабочей области.

уроки adobe illustrator: рисуем бесшовную текстуру

Для обрезки выделим все фигуры и воспользуемся инструментом «Обработка контуров > Разделение» (Pathfinder > Divide).

уроки adobe illustrator: рисуем бесшовную текстуру

Теперь удаляем все ненужные контуры. Также после применения инструмента «Разделение» (Divide) могут остаться незамкнутые кривые и невидимые обрезки форм (здесь всё зависит от строения контура обрезаемого объекта). Тщательно проверьте свою работу на предмет этого мусора, иначе seamless не примут на сток. Вы можете обрезать фигуры и с помощью простой линии, нарисовав её пером по краю рабочей области и применив «Разделение» (Divide). Смысл сего действия — разрезать все объекты. А делать это можно любым удобным для вас способом. Тут уж дело привычки.

уроки adobe illustrator: рисуем бесшовную текстуру

Обрезанные части символов, выходящие за рабочую область, перемещаем на противоположную сторону. Для этого правым кликом вызываем контекстное меню и идём: «Трансформировать > Перемещение» (Transform > Move). В появившемся окне выставляем значение смещения. В данном случае нам нужно передвинуть объекты по горизонтали на 500 px влево (500 — это размер стороны рабочей области). Выставляем значение минус 500 в соответствующем окошке.

уроки adobe illustrator: рисуем бесшовную текстуру

Жмём «OK», и половинки перелетают на противоположную сторону рабочей области.

уроки adobe illustrator: рисуем бесшовную текстуру

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

уроки adobe illustrator: рисуем бесшовную текстуру

Все объекты, выходящие за границы иллюстрации, появляются с противоположной стороны. Группируем всю нашу картинку и перетаскиваем в палитру «Образцы» (Swatches) так же, как при обращении объекта в символ. Затем рисуем прямоугольник любых размеров и применяем к нему наш новоиспечённый образец. Получаем seamless-текстуру, которую потом просто экспортируем в растровый формат и используем по назначению.

уроки adobe illustrator: рисуем бесшовную текстуру

Желаю творческих успехов.

Roman aka dacascas
___________________

А я напоминаю, что другие уроки Adobe Illustrator, опубликованные на этом блоге, вы можете найти в разделе «Уроки Adobe Illustrator». Смотрите, читайте, изучайте, рисуйте и зарабатывайте, продавая свои иллюстрации!

Анна Волкова

Читать дальше...


Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями:



 

Постоянные читатели

Яндекс.Метрика

Большая коллекция уроков Adobe Illustrator вконтакте

Записки микростокового иллюстратора Copyright © 2009-2018