Программа: Adobe Illustrator CS-CS5.
Уровень сложности: Начальный.
Время выполнения: 10 минут.
Текстура, которую мы будем создавать:
Сегодня мы поближе рассмотрим создание бесшовной текстуры с помощью Adobe Photoshop и Adobe Illustrator. Это можно сделать гораздо проще, чем кажется на первый взгляд. Все, что нужно, — это выполнить последовательно все шаги. Итак, начнем!
Шаг 1
Мы создадим бесшовную текстуру на основе растрового изображения. Поэтому первые шаги этого урока будут проделаны в Adobe Photoshop. Для создания текстуры мы используем фотографию текстуры бумаги. Откройте ее в программе Photoshop.
Шаг 2
Создать бесшовную текстуру в программе Photoshop можно несколькими способами. Но мы рассмотрим подробнее тот, который лучше всего подходит для нашей текстуры. Преобразуйте фон в обычный слой: дважды щелкните его в палитре Слои и в открывшемся окне нажмите ОК.
Дублируйте этот слой, выбрав в меню соответствующую команду.
Сделайте верхний слой «невидимым».
Шаг 3
Выделите нижний слой, откройте меню Фильтр > Другие > Сдвиг и для вертикального и горизонтального смещения задайте такое число, чтобы точка соединения изображений была бы где-то в центре монтажной области.
Сделайте верхний слой видимым и создайте для него черную маску. Для этого внизу палитры Слои нажмите кнопку Добавить Маску, удерживая клавишу Option.
Шаг 4
Включите инструмент Кисть (B) и откройте палитру Кисти (F5). Выберите кисть с зазубренными краями, а для фона задайте белый цвет.
Примечание:
Если хотите изменить размер кисти, нажимайте клавиши «Открывающая» и «Закрывающая» квадратная скобка.
А теперь сделайте кистью несколько штрихов на стыках, чтобы сделать переход равномерным. В палитре Слои должна быть выбрана черная маска верхнего слоя.
Можно также изменить прозрачность кисти, чтобы сделать однообразной всю текстуру.
Шаг 5
Запустите программу Adobe Illustrator, создайте новый документ и перетащите в него текстуру из фотошопа.
Преобразуйте растровое изображение в векторные объекты. Не снимая выделение с текстуры, откройте меню Объект > Интерактивная трассировка > Настройки трассировки и задайте параметры, как показано ниже.
Шаг 6
А теперь откройте меню Объект > Преобразовать и залейте элементы текстуры нейтральным серым цветом.
А теперь проверим, действительно ли мы создали бесшовную текстуру. Откройте меню Редактирование > Определить элемент заливки.
Этим действием мы создали новый образец в палитре Образцы.
Шаг 7
Нарисуем прямоугольник по размерам больше, чем текстура; и применим к нему образец, созданный в предыдущем шаге.
Как видите, текстура бесшовная.
Шаг 8
Посмотрим, как можно использовать созданную текстуру. Нарисуйте прямоугольник с помощью соответствующего инструмента (M) и залейте его цветом.
В палитре Внешний облик добавьте новую заливку и примените к ней текстуру.
Читайте также: Камвольная ткань для чего
Шаг 9
Режим наложения установите Осветление или Умножение в зависимости от того, что хотите получить.
Также можно отредактировать насыщенность текстуры, меняя прозрачность заливки.
Шаг 10
Используя градиентные заливки и режимы наложения (в палитре Внешний облик), можно получить интересные эффекты.
Заключение
В заключение — небольшая подсказка. Трансформировать образцы можно с помощью инструментов Прямое Выделение (A), Вращение (R) и других инструментов трансформации. Если удерживать при этом клавишу
, трансформирован будет только образец, а объект, к которому он применен, останется неизменным.
У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.
Как создать векторную джинсовую текстуру, используя Adobe Illustrator
В этом уроке Adobe Illustrator мы научимся создавать реалистичную векторную текстуру джинсовой ткани. Это проще, чем может показаться на первый взгляд, и я думаю, под силу тем, кто делает свои первые шаги в иллюстраторе. Создание других элементов этого урока потребует более серьезной подготовки, хотя я старался описать эти шаги понятно и подробно. Давайте приступим к работе, это интересный и полезный урок.
Источник: Astute Graphics
Требования
- Программа: Adobe Illustrator CS3-CS5 + Phantasm CS
- Уровень: Средний
- Время выполнения: 1 час
Создание текстуры
Шаг 1
Берем Rectangle Tool (M) и создаем прямоугольник с заливкой синего цвета.
Берем Gradient Mesh Tool (U) и создаем узел в точке A, затем заменяем цвет узлов A and B на светло-голубой.
Шаг 2
В нижней части фона при помощи Rectangle Tool (M) создадим прямоугольник черного цвета. Высота этого прямоугольника 1,5 px, а ширина равняется ширине фона.
Теперь, не снимая выделения с прямоугольника, переходим Object > Transform > Move…, устанавливаем величину вертикального перемещения равную -3 px в диалоговом окне и нажимаем на кнопку Copy.
Нажимаем на сочетание клавиш Cmd/Crtl + D (Transform Again) такое количество раз, которое необходимо, чтобы прямоугольники распределились по всему фону.
Шаг 3
Блокируем фон в панеле слои, выделяем все прямоугольники и группируем их (Cmd/Ctrl + G). Не снимая выделения с группы, переходим Effect > Distort and Transform > Roughen… и устанавливаем параметры, указанные на рисунке ниже.
Открываем панель Transparency (Window > Transparency) и устанавливаем Soft Light режим смешивания для нашей группы.
Шаг 4
Создадим еще одну текстуру, техника ее создания ничем не отличается от первой. Ширина этой текстуры должна быть больше диагонали фона. Установите Overlay режим смешивания в панеле Transparency для этой текстуры. Цвет и параметры эффекта Roughen такие же, как и у первой текстуры. Поверните созданную текстуру на угол равный 45 градусам (Object > Transform > Rotate …).
Читайте также: Шелк с ацетатом свойства ткани
Скроем выступающие за границы фона части второй текстуры. При помощи Rectangle Tool (M) создадим прямоугольник, имеющий те же размеры что и фон. Выделяем все созданные объекты (Cmd/Ctrl + A) и нажимаем на сочетание клавиш Cmd/Ctrl + 7, создавая Clipping Mask.
Создание швов на джинсах
Шаг 5
При помощи Rectangle Tool (M) создаем прямоугольник серого цвета в месте предполагаемого шва.
Устанавливаем для этого прямоугольника Overlay режим смешивания в панеле Transparency и регулируем его цвет в панели Color так, чтобы наш прямоугольник стал прозрачным.
Шаг 6
Не снимая выделения с прямоугольника, переходим Object > Create Gradient Mesh… и устанавливаем количество столбцов и строк в диалоговом окне.
Выделяем при помощи Direct Selection Tool (A) через один центральные узлы сетки и заменяем их цвет на светло-серый.
Оставшиеся центральные узлы делаем темно-серыми.
Шаг 7
Выделяем градиентную сетку при помощи Selection Tool (V) и переходим Object > Envelope Distort > Make with Warp…, выбираем стиль Flag и устанавливаем значение Bend равное 1%.
Шаг 8
Ниже первого прямоугольника создадим новый прямоугольник с заливкой линейным градиентом, который состоит из белого цвета и разных оттенков серого цвета. Установим для этого прямоугольника Overlay режим смешивания в панеле Transparency.
Шаг 9
Теперь создадим тень от шва. Создаем новый прямоугольник и заливаем его линейным градиентом от темно-серого к белому цвету. Установим для этого прямоугольника Multiply режим смешивания в панеле Transparency.
Белый цвет становится прозрачным при этом режиме.
Шаг 10
Таким способом можно создавать и изогнутые швы, например на кармане. Давайте посмотрим, как это делается. Берем Pen Tool (P) и создаем дугу, показанную на рисунке ниже.
Установите толщину этой дуги в панеле Stroke в соответствии с толщиной вашего шва. Эту дугу мы будем использовать в качестве шаблона, поэтому заблокируем ее в панели слои. Теперь, при помощи Rectangle Tool (M) создадим прямоугольник c заливкой серого цвета.
Не снимая выделения с прямоугольника, переходим Object > Create Gradient Mesh… и устанавливаем количество столбцов и строк в диалоговом окне.
Шаг 11
Берем Direct Selection Tool (A) и перемешаем узлы градиентной сетки так, чтобы они совпали с точками A, B, C and D шаблона.
Для точного совпадения с шаблоном удобно изменить прозрачность градиентной сетки. Установим для нее 50% прозрачности в панеле Transparency.
Теперь, управляя ручками узлов градиентной сетки, приблизим ее линии к линиям шаблона.
Удалите шаблон, он больше нам не понадобиться.
Шаг 12
Восстановите прозрачность до 100% в панеле Transparency. Возьмем Mesh Tool (U) и создадим центральную линию сетки, кликнув по центру одной из сторон градиентной сетки.
Читайте также: Ткань для диванов в вологде
Теперь создадим ряд поперечных линий сетки по всей длине шва.
Дальнейшая техника создания этого шва ничем не отличается от описанной выше.
Создание ниточных строчек
Шаг 13
Берем Pen Tool (P) и создаем горизонтальную линию толщиной 3 px.
Не снимая выделения с этой линии, переходим Object > Expand.
Шаг 14
Копируем созданный объект и вставляем его назад (Cmd/Ctrl + C, Cmd/Ctrl + B) и заливаем черным цветом, немного уменьшим его размеры (видимость верхнего объекта для наглядности отключена в палитре слои).
Копируем этот объект и вставляем его назад (Cmd/Ctrl + C, Cmd/Ctrl + B). Увеличиваем размеры нового объекта, заливаем его белым цветом, при помощи Pen Tool (P) добавляем точки A and B к его контуру. Конвертируем эти точки из угловых в гладкие и смещаем их немного к центу объекта.
Шаг 15
Переходим Object > Blend > Blend Options и устанавливаем количество шагов в диалоговом окне. Теперь выделяем черную и белую форму, и переходим Object > Blend > Make.
Устанавливаем Multiply режим смешивания для всего бленд объекта.
Группируем все элементы. Один стежок нитки готов.
Шаг 16
Переносим стежок в панель Brushes и сохраняем новую кисть как Scatter Brush, не изменяя параметров в диалоговом окне.
Берем Pen Tool (P) и создаем прямую линию в месте, где будет проходить ниточная строчка.
Применяем к этой линии созданную кисть, теперь мы можем отрегулировать ее параметры.
Шаг 17
Не снимая выделения со строчки, переходим Object > Expand Appearance. При помощи Direct Selection Tool (A) выделяем каждый стежок и заливаем радиальным градиентом от желтого к темно-желтому цвету. Будет хорошо, если градиенты стежков будут немного отличаться своим положением, это предаст разнообразие ниточной строчке.
Используя эту технику, создадим вторую строчку на кармане.
Шаг 18
Скроем выступающие части строчек при помощи Clipping Mask (см. шаг 4).
На этом урок можно считать законченным.
Заключение
У нас получилась вполне реалистическая текстура джинсовой ткани, теперь вы сможете создавать векторные джинсовые изделия или фоны, например обои для рабочего стола. Мы создали текстуру классического синего цвета, хотя в наше время джинсовая ткань может иметь различные цвета. Для перекраски текстуры вы можете использовать Phantasm CS. Выделяем фон нашей текстуры и переходим Effect > Phantasm CS > Hue/Saturation…, устанавливаем флажки Colorize и Preview в диалоговом окне.
Теперь вы можете окрашивать вашу текстуру во все цвета радуги, двигая слайдеры Hue, Saturation и Lightness.
- Свежие записи
- Балкон в многоквартирном доме: является ли он общедомовым имуществом?
- Штраф за остекление балкона в 2022: что это и как избежать наказания
- Штраф за мусор с балкона: сколько заплатить за выбрасывание окурков
- Оформление балконного окна: выбираем шторы из органзы
- Как выбрать идеальные шторы для маленькой кухни с балконом
- Правообладателям
- Политика конфиденциальности
Мастерица © 2023
Информация, опубликованная на сайте, носит исключительно ознакомительный характер