Текстуры в иллюстраторе: Как создать разные векторные текстуры в Adobe Illustrator
Зернистые текстуры в Adobe Illustrator
В этом уроке вы узнаете как создавать зернистые текстуры в Adobe Illustrator. Используя общий принцип вы сможете создавать текстуры на базе обычных градиентов (линейных, радиальных и т. д.), сетчатых градиентов, а также переходов. Вы узнаете как создать черно-белую текстуру, а как цветную. В итоге в вашем распоряжении окажется техника, которая позволит вам оформлять текстурами фигуры любой, даже самой сложно формы.
Результат
Есть несколько способов создания зернистых текстур. Вы можете создать такие текстуры на базе любого объекта, который предполагает градацию цветов. Самый простой пример — градиент. Поняв принцип вы сможете самостоятельно создавать замечательные зернистые текстуры тех цветов и форм, которые нужны именно вам.
Градиенты
Черно-белый
Начнем с градиентов. Они подходят для создания текстур, которым не требуется придавать более сложные формы и контуры. Для начала создайте простой линейный градиент от черного к белому цвету и примените его к прямоугольнику.
Цветной
Вы можете менять цвета вашего градиента, но при этом попробуйте создать новый объект или заливку под текстурой, и укажите заливке режим наложения Multiply/Умножение. Тогда у вас получится отличный переход к невидимости градиента. Давайте посмотрим как это работает при помощи палитры Appearance/Оформление.
Нарисуйте прямоугольник и залейте его сплошным цветом. В выпадающем меню палитры Appearance/Оформление выберите New Fill/Новая заливка. Выберите верхнюю заливку и укажите ей линейный градиент от белого к более темному оттенку вашего основного цвета. Не снимая выделения с заливки с градиентом, примените эффект Grain/Зерно и смените Blending Mode/Режим наложения заливки на Multiply/Умножение. Это можно сделать, кликнув по вкладке Opacity/Непрозрачность под самой заливкой.
Сетчатый градиент
Черно-белый
Сетчатый градиент отлично подходит для создания текстуры для объектов более сложной формы. Чтобы начать, нарисуйте абстрактную фигуру и залейте ее черным цветом. В меню выберите Object > Create Gradient Mesh/Объект>Создать сетчатый градиент и укажите количество точек для градиента. Или же вы можете просто взять инструмент Mesh/Сетчатый градиент (U) и кликнуть по вашей фигуре в месте, где хотите создать точку. Теперь примените эффект зернистости, как мы делали выше.
Цветной
Так же как и с обычными градиентами, сетчатый отлично выглядит с подложенным цветом в режиме Multiply/Умножения. Начните с создания фигуры, залитой сплошным цветом. Затем копируйте фигуру (Command/Ctrl + C) и вставьте ее копию на передний план (Command/Ctrl + F). Для копии смените цвета заливки на более темный оттенок того же цвета, затем укажите фигуре сетчатый градиент, создавая точки белого цвета. Примените к фигуре эффект зернистости и смените режим наложения на Multiply/Умножение.
Переходы
Черно-белые
Переходы отлично работают как в простых, так и в сложных фигурах. Принцип абсолютно тот же, что и в описанных выше случаях. Разница в том, какие методы вы предпочитаете при работе и каковы ваши цели. Создайте фигуру, в меню выберите Object > Path > Offset/Объект>Контур>Создать параллельный контур, затейте внутреннюю фигуру белым цветом, внешнюю — черным. В меню выберите Object >Blend > Make/Объект>Переход>Создать. И примените эффект зернистости.
Цветной
И тут тот же принцип что и с градиентами. Создайте фигуру сплошного цвета, затем ее копию. Для копии создайте параллельный контур, а затем переход. Примените эффект зернистости и смените режим наложения на Multiply/Умножение.
Быстрый урок
Вот быстрый урок, который покажет как эти техники применяются на практике.
У нас есть набросок, который был отсканирован. Поверх была выполнена трассировка инструментом Pen/Перо (P). Объекты залили цветом и указали нужную обводку. Для создания глубины были созданы зернистные линейные градиенты для кожи и волос. Переход был использован для контура формы лица. Сетчатым градиентом был обработан воротничок. Для фона использовали большой радиальный градиент.
Автор урока vectips
Перевод — Дежурка
Смотрите также:
Как нарисовать деревянную текстуру в Adobe Illustrator
Всем привет! В этом уроке я покажу вам как создавать текстуры для векторных иллюстраций. А конкретнее – по рисованию деревянных поверхностей. Я хочу поделиться небольшим рисовальным рецептом, если надо быстро сотворить несколько небольших деревянных деталей в основном объекте или сделать деревянную отделку фонового характера.
Итак, что нам понадобится. Создаем новый документ Ctrl+N и для начала рисуем какую-нибудь прямоугольную форму средних размеров. Ее мы будем превращать в деревянную дощечку. Это тренировка, поэтому размер и масштаб выбираем наиболее удобный, чтобы с одной стороны можно было рисовать, не увеличивая поминутно для прорисовки деталей (они будут достаточно мелкими), а с другой стороны, чтобы форма полностью помещалась на экране и рука не уставала контролировать линию на большом расстоянии. У меня получился квадрат примерно 275×275 пикселей.
Далее приступим к уже довольно банальной процедуре – поиску референса. Нужен он нам будет для двух моментов:
1. Для подсматривания более-менее правдоподобного рисунка линий на деревянной поверхности.
2. Для подбора палитры цветов, которая будет убедительно «деревянной».
Как мы знаем, обработанное дерево бывает весьма разнообразным, так что подбирайте себе наиболее подходящий вариант и помещайте в документ –
А также сохраните два градиента.
Градиент от белого к нашему основному цвету и от черного к основному цвету. Эти градиенты понадобятся нам для выделения освещенных и затененных мест. Они будут использоваться с режимами наложения, поэтому сразу обратите внимание, что нам нужны чистые белый и черный RGB цвета. Эту палитру можно закинуть в образцы и пользоваться оттуда, а вот мне удобно набрать столбик из небольших квадратов и поместить его сбоку от основной работы, чтобы он всегда был перед глазами. Если поместить его на отдельный слой (обычно это слой с белым фоном), который я блокирую в процессе работы над объектом, чтобы не сдвинуть его с артборда, то пипеткой очень удобно брать цвета. Референс я удалил, поэтому на данном этапе у меня получилось вот это:
Создаем новый слой, переносим на него наш рабочий квадрат, а слой с фоном и палитрой блокируем. Теперь выбираем какой-нибудь контрастный цвет (например, черный) и кликаем инструмент
Для более правдоподобного «деревянного» рисунка, я обычно чередую полосы двух видов – широкие, свободного контура замкнутые формы, как выделено на квадрате 2, и тонкие незамкнутые контуры, как выделено на квадрате 1. Замкнутые формы заливаем цветом, а незамкнутые линии делаем разной толщины (1-3 pt) и присваиваем им профиль ширины 2, тот, который с неравномерной толщиной по контуру. После, не забываем эти линии разобрать.
Однако, особенно не частите и не усердствуйте с разнообразием форм и прорисовыванием большого количества круглых «сучков» (достаточно одного-двух, в зависимости от величины объекта), так как текстура в данной работе будет больше угадываться и создавать ощущение дерева, чем просматриваться в деталях. И действуйте смелее – чем ваши полосы будут кривее, тем интереснее. Главное, чтобы у замкнутых толстых форм боковые контуры не соприкасались и не пересекались, иначе в последствие они у вас распадутся на несколько кусков.
Когда поверхность заполнена узором линий и все разобрано, проводим еще две вспомогательные горизонтальные линии за пределами квадрата, но так, чтобы они захватывали все торчащие хвосты узора. Смотрим пример выше на квадрате 4. Линии нужны сверху и снизу, так как, например, в моем случае не все линии одинаково выступают за оба края.
Есть такие, которые не доходят до верха из-за рисунка «сучка». Есть еще короткие линии, которые вообще нигде не выступают, они могут доставить нам впоследствии некоторое неудобство при обрезке для оформления граней. Их придется обрезать отдельно, повторяя процедуру столько раз, сколько линий не обрежется в основном контуре. Поэтому следите, чтобы этих «коротышек» было поменьше и только там, где это необходимо по узору.
Вспомогательные линии разберите. Потом выделите всю нарисованную вами «полосатость», исключая сам квадрат, и в панели Обработка контуров/Pathfinder нажмите Объединить/Unite. Это нужно для более быстрой обрезки полос в последствие по контуру дощечки. У вас получится группа объектов из линий «коротышек» и составного контура. Мы получили основную заготовку. Нам ее понадобится несколько штук. Поэтому, удобно будет скопировать эту группу в панели слоев или с помощью Ctrl+F и скрыть лишние до поры до времени. Важно, чтобы копии не сместились.
Теперь возьмем одну из заготовок и обрежем ее. Для новичков напомню – копируем основной квадрат → выделяем его и составной контур (не всю группу) в нашей заготовке → в панели Обработка контуров/Pathfinder нажимаем Пересечение/Intersect.
Обрезанную группу полос заливаем основным цветом и назначаем им режим наложения Умножение/Multiply и небольшую прозрачность. Смотрите сами, как будет лучше с вашим основным цветом. Я выбрал 20%.
Теперь берем нашу следующую копию заготовки, делаем ее видимой и произвольно смещаем в сторону на некоторое расстояние от предыдущей обрезанной с прозрачностью 20%. Важно, чтобы она не перекрывала равномерно темные полоски, иначе вы просто сделаете им объем. После чего, также обрезаем. Заливаем полученное основным цветом и присваиваем режим наложения Осветление/Screen с прозрачностью, допустим, 10%.
На этом вполне можно остановиться, однако дощечка имеет довольно большую плоскость, хорошо просматривается и я решил добавить ей еще третий слой полос. Из третей копии заготовки. Я сместил ее так, чтобы она поместилась примерно между светлыми и темными полосками и чуть-чуть перекрывала их. Осветление/Screen с прозрачностью, 5%. Вот так:
Вот, собственно, и вся текстура. Форма с основным цветом и три слоя полосок с разным режимом наложения.
Однако, если она будет на объекте, то нам потребуется элементарная свет и тень. Ее можно делать по-разному, в зависимости от стиля рисования. Лично я для второстепенных текстур использую стандартный, но подходящий практически везде, вариант с градиентами. Для этого скопируем основной квадрат Ctrl+F и переместим его Объект/Object → Монтаж/Arrange → На передний план/Bring to Front. Зальем его черно-коричневым градиентом из нашей палитры, назначим ему режим наложения Осветление/Screen с прозрачностью 100%. В вашем случае процент может быть иным. Установим направление и ползунок градиента так, как будет падать свет по вашему плану.
Теперь скопируем квадрат с градиентом Ctrl+F и зальем его градиентом от белого к цвету из сохраненной палитры. Установим направление и ползунок градиента для тени и назначим режим наложения Умножение/Multiply с прозрачностью 100%. У вас может быть свой вариант.
Необходимый минимум выполнен!
Но, ведь вряд ли наш объект с текстурой всегда будет таким плоским. Скорее всего, он будет иметь толщину, а значит, и грани. Как рисовать грани объектов, кубики, изометрию вы можете посмотреть в других уроках. Я же, чтобы зря не увеличивать количество букв J, остановлюсь только на том, что касается текстуры. В данном случае важен вопрос – как оформить боковые стенки. Я предлагаю два варианта – грань с поперечным спилом, либо крашенная, где не видно рисунка колец и грань, на которой видно рисунок. Покажу их одновременно на нашей дощечке. Нарисуйте квадрату небольшой объем любым способом – верхнюю и правую боковые стенки. Залейте их более темным цветом из палитры.
Грань с рисунком. Так как текстура предположительно накладывается нами на небольшой объект, то боковых граней будет почти не видно, поэтому нет смысла вырисовывать текстуру правильно и соблюдать логику расположения полос. Главное, чтобы при взгляде на объект не возникало ощущения неряшливости и мельтешения линий от излишнего разнообразия. Поэтому, возьмите очередную копию нашей полосатой заготовки и поместите ее на верхнюю грань. Проследите, чтобы на плоскость грани не попали вспомогательные линии. С помощь. Клавиш O → Enter → Горизонтальная – отразите заготовку вверх ногами.
Затем, при выделенной заготовке, зайдите в панель Трансформирование/Transform и поставьте наклон так, чтобы полосы «легли» на вашу грань. У меня понадобилось наклонить заготовку на 50 градусов. Если не угадали с первого раза – не страшно, отмените действие и повторите заново с другими параметрами. Наши полосы после наклона немного сдвинулось, поэтому подтянем их так, чтобы они совпали с темными полосами на верхушке нашего квадрата. Это не будет достоверно, но добавит аккуратности работе. Обрежьте заготовку уже описанным ранее способом и раскрасьте ее. И повторите все то же самое, делая светлые полоски. Не забудьте, что сдвинуть их надо до обрезки, а не после. Поиграйте с процентами прозрачности. Добавьте слои с градиентами для света и тени. Для боковой грани без рисунка достаточно будет просто выбрать цвет чуть темнее из нашей палитры и оформить его градиентами. Должно получиться что-то подобное.
Напоследок хочу добавить, что подобная текстура хорошо смотрится не только на прямоугольных, но и на круглых объектах. Только, в этом случае, для окончательного оформления шара нужно линейные градиенты изменить на радиальные и сместить им центр в сторону места падения наибольшего света. Возможно, придется коричневый цвет сделать еще более темным, для придания шару объема. На небольших объектах градиент сам визуально исказить прямые полосы и придаст им ощущение изогнутости. Я еще добавил пару полукруглых теней основного цвета в режиме наложения Умножение/Multiply
На этом у меня все. До скорого!
Подписывайтесь на канал Иллюстратор, чтоб не пропускать новые интересные уроки.
Создание текстуры денима в программе Adobe Illustrator
1. Создание текстуры денима
В программе Adobe Illustrator2. В этом уроке Adobe Illustrator мы научимся создавать реалистичную векторную текстуру джинсовой ткани.
• Требования• Программа: Adobe Illustrator CS3-CS5 и выше.
• Уровень: Средний
• Время выполнения: 1 час
3. Создание текстуры Шаг 1. Создаем новый документ, в единицах измерения указываем пикселы. Берем инструмент Прямоугольник
(Rectangle Tool (M)) исоздаем прямоугольник с заливкой синего цвета. (Рис.1)
Рис.1
• Заливка прямоугольника должна быть как можно более насыщенного темно-синего цвета,
чтобы текстура получилась выразительнее
4. Шаг 2. Создаем новый слой. На новом слое в нижней части фона при помощи инструмента Прямоугольник (Rectangle Tool (M)) создадим
прямоугольник черногоцвета. Высота этого прямоугольника 1,5 px, а ширина равняется ширине фона. (Рис.2)
Рис.2
Рис.3
Затем, не снимая выделения с прямоугольника, переходим Объект >
Трансформировать > Перемещение (Object > Transform > Move),
устанавливаем величину вертикального перемещения равную -3 px в
диалоговом окне и нажимаем на кнопку Копировать (Copy). (Рис.3)
Нажимаем на сочетание клавиш Cmd/Crtl + D (Transform Again) такое
количество раз, которое необходимо, чтобы черные прямоугольники
распределились по всему фону. (Рис.4)
Рис.4
Шаг 3. Блокируем фон в панели слои, выделяем все прямоугольники. Не
снимая выделения с прямоугольников, переходим Эффект > Исказить и
трансформировать > Огрубление (Effect > Distort and Transform > Roughen) и
устанавливаем параметры, указанные на Рис.5.
Рис.5
Открываем панель Прозрачность (Transparency) и устанавливаем Рассеянный
свет (soft light) режим смешивания для нашей группы. Затем Объект >
Разобрать оформление, для того, чтобы компьютеру было легче работать.
(Рис.6)
Рис.6
Шаг 4. Разблокируем фон. Выделим фон вместе с полосками и нажимаем на
сочетание клавиш Cmd/Crtl+С для копирования, а затем нажимаем на
сочетание клавиш Cmd/Crtl+F для того, чтобы вставить скопированное на
передний план. И, не снимая выделения, поворачиваем объекты на 45
градусов. Затем создадим новый слой и переместим новые объекты на него.
(Рис.7)
Рис.7
После того как объекты были повернуты на 45 градусов необходимо масштабировать их таким
образом, чтобы нижний прямоугольник полностью перекрывался верхними объектами. Затем
выделяем все объекты открываем панель Прозрачность (Transparency) и устанавливаем
Перекрытие (overlay) режим смешивания для нашей группы. (Рис.8)
Рис.8
Затем можно взять ластик и удалить ненужные части рисунка. После этого текстура может быть
использована для заливки бесшовным узором. Для этого ниже всех слоев необходимо положить
квадрат без обводки и заливки и поместить в панель Образцы. Также возможно создание
обтравочной маски с текстурой.
Спасибо за внимание!
Вопрос: Как добавить текстуру в Illustrator? — Компьютеры и электроника
Содержание статьи:
САМЫЙ ПРОСТОЙ СПОСОБ СОЗДАТЬ ПАТТЕРН. ТОЛЬКО АВТОРСКИЕ ПРИМЕРЫ. БЕЗ ВОДЫ. ИЛЛЮСТРАТОР. Illustrator
Видео взято с канала: design school
3 способа как создать золотую текстуру в Adobe Illustrator | Золотая фольга и глиттер в векторе
Показать описаниеВ этом уроке вы узнаете 3 способа, как создать золотую текстуру в Adobe Illustrator. В этом видео я расскажу вам, где взять металлические градиенты в иллюстраторе, как перекрасить серебряную фольгу в Adobe Photoshop и как создать глиттер в Adobe Illustrator..
2 из способов 100% векторные, вам понадобится только иллюстратор, а для третьего будут нужны некоторые усилия по нахождению фольги и её фотографированию и, возможно, Adobe Photoshop, если вы захотите перекрасить вашу фольгу в другой цвет..
Видео про скрипты со ссылками на подборки, где эти скрипты можно взять https://youtu.be/TyQYVVM6J7w.
Видео про создание векторной мишуры с использованием скрипта Random Swatches Fill https://youtu.be/RgGESDXKx5A.
Новогодний мини-курс https://www.youtube.com/playlist?list=PLrSafnmjMs0Ai_3XhuJMja8DH6a-BPrD. Ваша поддержка поможет мне развить канал и делать для вас самые интересные, полезные и подробные уроки!.
#вектор #AdobeIllustrator #золотаятекстура
Видео взято с канала: Nadezhda Tokareva
Эффект шума для иллюстрации. Урок по Иллюстратору.
Видео взято с канала: Leo Troyanski
Гранжевая текстура-подложка для иллюстрации в векторе / Adobe Illustrator Уроки Иллюстратора
Показать описаниеПривет, сегодня небольшое видео о том, как я делаю себе подложки-фоны под свои картинки на стоки, возможно и вам будет полезно. Иногда нужно сделать все немного более грязно и тогда можно использовать простые стандартные кисти в иллюстраторе, а не искать где-то текстуры для трейса. Об этом и видео..
Спасибо за просмотр и пишите комментарии, все ли вам понятно или что-то упустил, со следующего видео буду работать в новой программе и на экране будут светиться клавиши которые я нажимаю, надеюсь будет понятнее..
Регистрируйтесь на Шаттерстоке! https://shutr.bz/2CM0EuK.
Behance http://bit.ly/2le4CE8.
Instagram http://bit.ly/2Cj7eIi.
Теги: adobe illustrator, vector, eps, how to, drawing, вектор, иллюстратор, адобе, как сделать, как нарисовать, стоки, для стоков, гранж, текстура.
Видео взято с канала: SPEENKABLEEN
Как добавить модные шумы векторной иллюстрации
Видео взято с канала: Klyman
Уроки по Adobe Illustrator. Создание шумной текстуры
Видео взято с канала: ITGENIO
Как создать свою ТЕКСТУРУ в Adobe Illustrator? Уроки по Иллюстратору на Aleks Online Kurs!
Видео взято с канала: Leksy
Иллюстрированный самоучитель по работе с Photoshop и Illustrator › Узоры (шаблоны) и текстуры › Узорные плитки программы Illustrator в программе Photoshop [страница — 108] | Самоучители по графическим программам
Узорные плитки программы Illustrator в программе Photoshop
Adobe Photoshop 7.0 или более поздние версии
Adobe Illustrator 10 или более поздние версии
Программа Illustrator поступает к пользователю с несколькими библиотеками, наполненными сотнями узорных плиток, которые можно Использовать в программе Photoshop. Вы можете найти небольшое число узорных плиток в папке PostScript Patterns (Узоры на языке PostScript) в папке приложений программы Photoshop. Эта техника рассказывает, как использовать в программе Photoshop эти узорные плитки программы Illustrator или узорные плитки, которые вы создали, используя техники «Простые узоры» и «Текстурные узоры», описанные на с. 86 и 89. Вы используете программу Illustrator для того, чтобы усовершенствовать художественное изображение с тем, чтобы оно без заметных швов укладывалось в виде плиток в узор. Затем вы примените узор к вашему изображению в программе Photoshop и используете режимы смешения слоев и эффекты, чтобы усилить их.
- Создайте новый файл в программе Illustrator. Выполните указания техники Simple Patterns (Простые узоры) на с. 86 или перетащите на страницу узор из палитры Swatches (Образцы).
Для того чтобы получить доступ к библиотеке узоров, выберите команду Window (Окно) › Swatch Libraries (Библиотеки образцов) › Other Libraries (Другие библиотеки), пройдите по файловой системе к папке приложения Presets (Предварительные установки) › Patterns (Узоры) и откройте файл узора. Художественное изображение для плитки узора содержит ограничивающий прямоугольник, который залит и обведен цветом None (Нет).
- Измените, если желательно, цвет обводки или заливки в узорной плитке.
В этом примере цвет обводки был изменен до 50% черного, потому что узор будет использоваться для того, чтобы текстурировать иллюстрацию в программе Photoshop.
- Используйте инструмент непосредственного выделения, чтобы выделить ограничивающий прямоугольник узорной плитки. Выберите команду Edit (Редактировать) › Copy (Копировать), отмените выделение для всего и затем выберите команду Edit › Paste in Front (Вставить впереди).
Если прямоугольник залит, он закроет ваши рисунки плитки. Не беспокойтесь о том, что заливка затемнит рисунки, потому что на следующем шаге вы превратите верхний прямоугольник в метки обрезки и заливка исчезнет.
- Сохраняя прямоугольник выделенным, выберите команду Object (Объект) › Crop Marks (Метки обрезки) › Make (Сделать). Сохраните файл.
Для того чтобы импортировать для программы Photoshop рисунок плитки так, чтобы он идеально укладывался в узор, вы должны создать метки обрезки рисунка, которые по размерам и положению совпадают с ограничивающим прямоугольником узора.
Создаем в Adobe Illustrator бесшовную текстуру
Программа: 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 — популярная программа для редактирования графики. Доступная на операционных систем как Windows, так и Mac, она позволяет пользователям создавать 3D-логотипы, слойные изображения, и создавать веб- или печатные документы. В то время как она похожа на Adobe Photoshop, она известна своей способностью создавать типографику и текстовые логотипы. Вы можете добавлять границы, цвет и узоры на объекты, чтобы придать им более отличительный вид. Дизайны текстуры доступны в Интернете и с использованием нескольких инструментов вы можете добавлять интересную текстуру в документ. Эта статья расскажет вам, как добавить текстуру в Illustrator. Шаги
|
Как создавать текстуры в Adobe Illustrator
Это руководство поможет вам узнать, что вам нужно знать, чтобы создавать свои собственные текстуры иллюстратора, которые вы позже можете использовать в будущих проектах.
Векторные изображения, содержащие текстуры, всегда выглядят более естественно просто потому, что все объекты, которые нас окружают, также имеют текстуры. Текстура может проявляться через шероховатость поверхности, цвет и неровность предметов.
Более того, вектор с некоторой текстурой всегда выглядит профессионально, поэтому в этом уроке мы рассмотрим несколько способов создания текстур в Adobe Illustrator.
Окончательное изображение
Подробности руководства
- Программа: Adobe Illustrator CS3 — CC
- Расчетное время выполнения: 30 минут
- Сложность: новичок
Существо текстуры с бесшовными узорами
Стандартная библиотека Adobe Illustrator уже содержит большое количество бесшовных узоров, которые вы можете использовать в качестве векторной текстуры.
Чтобы получить к ним доступ, перейдите, например, в Открыть> Библиотека образцов> Шаблоны> Базовая графика> Базовая графика_Текстуры , всплывающее меню панели «Образцы» (Окно > Образцы ).
Однако, я думаю, стандартные текстуры, как они есть, недостаточно подходят для наших целей, потому что объекты, из которых они сделаны, состоят только из черного цвета; нам часто нужна цветная текстура.
Кроме того, для текстур используются разные режимы наложения, а черный для этого плохо подходит. Чтобы изменить цвет стандартной текстуры, перетащите ее из панели Swatches на монтажную область.
Изучите элементы, из которых он состоит, с помощью панели Appearance ( Window> Appearance ).Это необходимо сделать, чтобы узнать, нужно ли нам изменить цвет заливки или обводки. Таким образом, в этом конкретном примере элементы точечного рисунка имеют только обводку.
Выделите все объекты ( Command / Ctrl + A ), затем найдите на панели «Слои» нижний прямоугольник без заливки и обводки, и заблокируйте его .
Замените цвет обводки, например, на серый .
Разблокируйте нижний прямоугольник без заливки и обводки; выберите все элементы мозаичного узора.Теперь перетащите плитку обратно на панель «Образцы».
Давайте посмотрим, как это работает. Создайте прямоугольник с заливкой любого цвета, затем удвойте его ( Command / Ctrl + C; Command / Ctrl + F ). Нанесите точечный узор с серыми объектами на верхний прямоугольник.
Теперь мы можем применять к текстуре различные режимы наложения. Примените Multiply , чтобы затемнить текстуру.
Чтобы осветлить текстуру, используйте режим наложения Screen .
Чтобы управлять интенсивностью текстуры, измените Непрозрачность на панели Прозрачность .
Работа с режимами наложения и непрозрачностью может производиться с любыми текстурами в Illustrator, о которых мы поговорим в этом уроке.
Конечно, вы можете создавать свои собственные оригинальные текстуры на основе бесшовных паттернов . К счастью, это легко сделать, если вы используете последние версии Adobe Illustrator (CS6 или CC). В этих версиях приложения есть функция создания паттернов. Создайте пару элементов текстуры, например, с помощью Pencil Tool (N).
Выделяем все созданные объекты, затем переходим в Object> Pattern> Make , в результате переключаемся в режим Pattern Creation . Выберите тип узора и его параметры на панели Pattern Options .
Теперь нам нужно нарисовать новые элементы или распределить существующие элементы, чтобы узор выглядел однородным.
И теперь вы можете сохранить бесшовный узор, нажав на Готово .
А как нанести текстуры на основе бесшовного узора вы уже знаете.
Создание текстуры на основе растровых изображений
Для создания текстур нам понадобится несколько растровых изображений. Вы можете использовать готовые текстуры, а можете сфотографировать их самостоятельно. Поместите растровую текстуру над векторными объектами, затем примените режим наложения Multiply или Darken .
Иногда вам нужен векторный файл без растровых изображений, например, для авторов микростоковых веб-сайтов. В этом случае нам нужно преобразовать растровые изображения в векторные объекты.Для этого у нас есть функция Live Trace. Выберите все изображения, затем перейдите к «Объект »> «Живая трассировка»> «Параметры трассировки» для Adobe Illustrator CS-CS5 или используйте панель «Трассировка изображения» («Окно »> «Трассировка изображения ») в Adobe Illustrator CS6-CC.
Можно использовать черно-белый режим или пару цветов, все зависит от того, какой эффект вы хотите получить. После определения параметров трассировки нажмите кнопку Expand на панели управления.
Теперь вы можете использовать полученную векторную текстуру в качестве фона или разместить ее над созданными объектами, а применить подходящий режим наложения, как мы делали ранее в этом уроке.
Хорошим примером использования таких текстур являются работы замечательного иллюстратора Шарлин Чуа.
Создание текстур с помощью растровых эффектов
Adobe Illustrator предоставляет несколько десятков растровых эффектов, которые можно использовать для создания текстур. Я создал два прямоугольника, чтобы продемонстрировать этот метод.Нижний прямоугольник с синей заливкой используется как фон; верхний прямоугольник с серой заливкой можно использовать как текстуру.
Выделите серый прямоугольник, затем перейдите в Effect> Artistic> Sponge, например, . Мы выбираем эффекты параметра, а затем нажимаем кнопку OK .
Если вы хотите получить чистый вектор, обведите верхний объект. Для этого перейдите к Object> Expand Appearance , а затем Object> Live Trace> Tracing Options или используйте панель Image Trace .
На этот раз я применил к текстуре режим смешивания Soft Light , так что вы не думаете, что можно использовать только режимы смешивания Multiply и Screen.
На рисунке ниже показан пользовательский интерфейс при его создании. Я использовал этот метод текстурирования.
Создание текстуры с помощью Scatter Brush
Создайте объект любой формы, в моем случае это круг. Перетащите объект на панель кистей ( Window> Brushes ) и сохраните кисть как кисть Scatter .
Задайте случайные параметры для всех параметров в диалоговом окне Scatter Brush.
Возьмите инструмент Paint Brush Tool (B) и сделайте несколько мазков кистью, создавая текстуру из нашего базового объекта.
Используя этот метод, другой блестящий иллюстратор — Келли Райли создала текстуру на щупальцах осьминога. В качестве текстуры фона для иллюстрации она использовала бесшовные модели.
Заключение
Конечно, не все методы создания текстуры в Adobe Illustrator были рассмотрены в этом уроке.Но это необходимый минимум, который должен знать каждый векторный дизайнер для создания текстур в Illustrator.
Напоследок хочу сделать одно последнее замечание: не используйте текстуры бездумно. Каждая текстура должна воспроизводить свойства материала, на который она нанесена, или соответствовать стилю всей иллюстрации. Практикуйтесь и у вас все получится!
векторных иллюстраций: создание текстур в Adobe Illustrator | Стенограммы Musketon
1.Введение: Что за атмосфера? Счастливый? Счастливая атмосфера, счастливая атмосфера. Я думаю, что Illustrator для меня как площадка для творчества. Вы начинаете с чистого листа и просто видите, куда он вас ведет. Я Берт, я иллюстратор. Сегодня я собираюсь показать вам, как сделать факторную иллюстрацию в Adobe Illustrator. Так что мой стиль иллюстраций, я думаю, он действительно красочный, это действительно смелые, действительно тяжелые линии. В моей работе также много деталей, безумное количество текстур, на которых я собираюсь сосредоточиться сегодня.Итак, сегодня я собираюсь научить вас делать факторную иллюстрацию. Итак, первая часть будет набросками. Следующим будет добавление цвета. Как только цвет будет там, мы собираемся создать несколько новых слоев и тому подобное, а затем мы собираемся добавить текстуру. Я собираюсь рассказать вам о создании текстур, потому что это основная часть занятия. Я собираюсь шаг за шагом показать вам, как это сделать, а затем как применить это к иллюстрации, которую мы сделали.Спасибо, что посмотрели урок. Я очень рад показать вам свой процесс. Я думаю, текстуры для меня — это, как вы говорите, глазурь на торте? Ага. 2. Приступая к работе: Итак, текстура для меня — это то, что действительно произошло из проекта, который я сделал под названием Vector Cities, в котором я рисую город из 100 домов от людей со всего мира. Я придумал эту технику, чтобы создавать свои собственные текстуры, создавать свой собственный способ применения случайных цветов, чтобы не было повторений. Я думаю, что это действительно важно, если вы делаете иллюстрацию, это должно быть весело.Итак, сегодня я покажу вам, как проиллюстрировать фургон Volkswagen. Классический, его знают все. Итак, как только Illustrator будет открыт, мы собираемся создать новый документ, который в основном называется «Create New». Это кнопка, нажмите ее, и появится это окно. Размер, я выбираю 1080 на 1080. Это действительно зависит от вас, потому что это как размер, подходящий для Instagram. Когда я начинал рисовать, я удаляю артборды, которые в основном представляют собой Command, Shift H на клавиатуре. Как видите, артборд исчезает, что для меня очень удобно, потому что вы не ограничены этим квадратом.Тогда вы можете просто свободно творить. Как только вы закончите, вы возвращаете артборды, а затем можете экспортировать их в любом размере. Рабочее пространство и Illustrator — это то, что вы можете полностью настроить. Мне нравится использовать окна, которые я собираюсь использовать при иллюстрациях. Так что это рабочее пространство для меня бесполезно. Итак, что я собираюсь сделать, так это создать свой собственный, что очень просто. Вы просто прячете то, что вам не нужно, и переходите к окну. Итак, мы сосредоточимся на слоях.Так что просто всплывает окно, и я просто перетаскиваю его куда-нибудь. Еще одна вещь, которую мы собираемся использовать, — это панель «Обводка». Так что просто перетащите его под слои. Я думаю, что градиенты также станут важной частью класса. Еще раз, просто перейдите к окну и перетащите его сюда. Думаю свотчи. Итак, окно, образцы, теперь у вас есть все цвета. Как видите, это действительно базовые вещи. То, что вы хотите использовать, полностью зависит от вас. Если ваше рабочее место грязное, даже супер-дрянное, ваши иллюстрации тоже будут грязными.Так что постарайтесь содержать его в чистоте. Я просто хожу в Google, фургон Volkswagen. Мы собираемся сосредоточиться на профиле, виде сбоку. Просто перейдите к изображениям и выберите любой понравившийся фургон. Может, этот. Это классика. Что вы можете сделать прямо сейчас, так это сохранить изображение, а затем просто сохранить его на рабочем столе, чтобы вы могли легко его найти. Но вы также можете просто щелкнуть правой кнопкой мыши «Копировать изображение», вернуться в Illustrator и просто вставить его туда. Теперь изображение находится только на досках этого слоя. Итак, как только изображение вставлено в Illustrator, вы просто даете ему имя.«Контрольное изображение». Теперь я просто уменьшаю его, используя инструмент масштабирования, например, 50 процентов, потому что я не собираюсь это отслеживать. Мне нравится изображение на эталонном слое, просто чтобы взглянуть на него. Нет ничего плохого в том, чтобы что-то отслеживать. Но я чувствую, что эта техника, просто глядя на изображение и пытаясь воссоздать его, дает вам больше. Вам нужно посмотреть на изображение, разобрать его и увидеть основные формы внутри объекта, который вы хотите воссоздать. Поэтому я думаю, что если ты будешь делать это много в первый раз, это будет сложно.Но если вы попрактикуетесь в этом, вы станете лучше, и вы будете намного быстрее определять основные формы, которые вам нужно воссоздать, объекты, которые вы хотите нарисовать. Теперь, когда рабочее пространство настроено, мы собираемся начать с первого шага — создания контуров. 3. Наброски: Итак, первым шагом, как я уже сказал, является создание контуров, которые в основном будут использоваться с помощью инструмента «Перо». Итак, инструмент «Перо» — это буква P на клавиатуре. Я собираюсь скрыть свою художественную доску, потому что считаю ее слишком ограничивающей на данный момент.Итак, это Command Shift H. Как видите, артборд исчезает. Как вы можете видеть на моем экране, каждые 10 минут Illustrator автоматически сохраняет мой файл. На самом деле я использую бесплатный плагин Autosaviour, который дает вам возможность установить интервал. Экономлю каждые 10 минут. Так что это полностью зависит от вас. Это действительно важный шаг. Сохраните файл. Я назову его Van SkillShare и просто нажму «Сохранить». Я собираюсь создать новый слой поверх опорного слоя и назову его контурами.Думаю, мы будем творить. Так что это, по сути, очень простой шаг. Я собираюсь нанести контур. Так что заливка нам действительно не нужна. Так что прозрачная заливка, а затем выбор любого цвета, который вам нравится, на самом деле не имеет значения. Я выберу этот красноватый цвет. Прямо сейчас я собираюсь смотреть на изображение на своем экране и пытаться воссоздать контуры как можно ближе к изображению. Используя инструмент «Перо», я только что создал первую линию, и сейчас не имеет значения, как выглядят линии.Это действительно мало. Вес может быть, решать вам. Я просто добавлю веса, чтобы вы могли видеть, что я делаю. Если вы рисуете что-то в реальной жизни на бумаге, это будет не то и это, у вас будут перекрывающиеся линии, так что я тоже собираюсь делать вот так. Что-то действительно забавное: если вы посмотрите на изображение и, похоже, не уловите угол, вы просто возьмете карандаш и попытаетесь измерить угол и подержите его рядом с рисунком, который вы делаете, чтобы вы могли всегда выбирайте правильный угол.Итак, инструмент «Перо» — это действительно простой инструмент, но вначале он может быть сложным, потому что он создает изогнутые линии. Если вы держите его, перетаскиваете и бросаете. Вначале я сосредоточусь только на создании действительно простых линий. Итак, по сути, точка A — точка B. Затем я сниму ее выделение, просто щелкнув за пределами только что созданной линии. Итак, теперь я собираюсь снова выбрать инструмент «Перо» и просто создам новую линию. Как видите, это передняя часть фургона.Итак, эта линия должна быть немного изогнутой. Итак, добавьте новую точку, удерживайте кнопку мыши и просто перетаскивайте, пока не получите правильную кривую. На данный момент не имеет значения, как это выглядит, просто попробуйте получить что-то, что близко к реальной кривой. Что ж, рабочее пространство слишком беспорядочно или вы не видите достаточно, просто нажмите клавишу Tab на клавиатуре, чтобы скрыть все окна, и у вас будет больше места на экране. Итак, в основном, еще раз, используя инструмент «Перо», создавая новую линию, от точки A до точки B, как здесь, всего две точки, а затем просто делайте это по-настоящему простым.Так что просто постарайтесь подобрать его как можно ближе, а потом мы увидим, что будет дальше. Я просто собираюсь продолжить и создать остальные основные контуры, просто повторяя одно и то же снова, добавляя точки и стараясь сделать это как можно проще. Если вы создаете линию с помощью инструмента «Перо» и не совсем удовлетворены тем, как она выглядит, вы всегда можете использовать инструмент выделения или инструмент «Прямое выделение». Таким образом, инструмент «Прямое выделение» позволяет вам выбрать одну точку линии, и просто с помощью клавиш со стрелками на клавиатуре вы можете просто перемещать ее, как это, сделать ее меньше, как это.Так что двигаемся, глядя на изображение, постоянно пытаемся. Я имею в виду, что вам не следует слишком сильно сосредотачиваться на изображении, потому что это все еще иллюстрация, и вы можете свободно передавать ее, создавать ее свободный стиль. Так что, если это не то же самое, что на изображении, это не имеет значения. Это полностью зависит от вас. Вы действительно свободны создавать что-то новое. Как видите, эта часть может быть слишком короткой. Я снова использую инструмент «Прямое выделение» и собираюсь полностью выделить эту часть.Вы просто перетаскиваете его, и теперь вы выбираете только лучшие части. Используя клавиши со стрелками на клавиатуре, вы можете просто перемещать эти части как угодно. Думаю, должно быть примерно так. То же самое и с этим. Еще раз проделав то же самое с помощью инструмента «Прямое выделение», просто верни его немного. Вот это окно, я могу увеличить его. Это действительно простая форма. По сути, это просто прямоугольник. Итак, что я собираюсь сделать, я собираюсь создать прямо здесь прямоугольную форму, подобную этой, которая, по сути, является M-инструментом на ваших клавиатурах.Просто перетащите что-то вроде этого, немного уменьшите масштаб. Заднее стекло то же самое. Прямоугольник. Но, как видите, он немного изогнут, угол такой. Снова уменьшив масштаб, я собираюсь снова выбрать эту точку с помощью инструмента «Прямое выделение» и переместить ее с помощью клавиш со стрелками, что-то вроде этого. Итак, это переднее окно снова представляет собой прямоугольник. Используя инструмент «Прямое выделение», просто верните верхний левый угол вот так. Как видите, это может быть 10 строк, и вы уже видите сходство с изображением, которое мы только что загрузили из Google.Переднее окно в основном такое же изогнутое, как эта. У этого фургона есть дверь. Так что, возможно, дверь должна быть примерно такой. Удерживая клавиши Alt и Shift, получится идеальный круг. Итак, в основном, я собираюсь выбрать круг, который мы только что создали, и нажать Command C, скопировать, и я собираюсь вставить его и то же самое место, Command F. То, что я собираюсь сделать прямо сейчас, это Я собираюсь перейти к инструменту «Масштаб», который в основном состоит из щелчка правой кнопкой мыши, «Трансформировать», «Масштабировать», и я собираюсь уменьшить его, включить предварительный просмотр, подобный этому, и я думаю, может быть, 57 процентов.Хит Хорошо. Теперь у нас есть два круга внутри друг друга. Я собираюсь повторить этот шаг. Итак, я показал вам первый метод: вы копируете круг, а затем вставляете его в то же самое место. Но вы также можете просто выбрать круг, щелкнуть правой кнопкой мыши, перейти к «Преобразовать» и использовать «Масштаб». Итак, это окно всплывает, и я собираюсь масштабировать его равномерно, на 90 процентов, как при предварительном просмотре, и если вы нажмете «Копировать», вы создадите еще один круг. Возможно, он должен быть немного меньше, поэтому уменьшите его еще немного.Я просто собираюсь разместить это здесь. Но, возможно, эти углы или эти углы слишком резкие, поэтому я использую инструмент «Прямое выделение» и выделяю эти две точки. Теперь эти круги всплывают, и вы можете просто перетащить их, чтобы сделать их более гладкими. Теперь, когда я показал вам все основы, я собираюсь повторить эти шаги и закончить все контуры. 4. Уточнение наброска. Теперь, когда у меня есть основные контуры, мы должны сосредоточиться на том, чтобы вырезать то, что нам на самом деле не нужно.Мол, как видите, много пересекающихся линий. Итак, что вы можете сделать, это выбрать все контуры, просто нажмите «Command A». Как видите, все выбрано, перейдите в Конструктор фигур, выберите его, и теперь, как вы можете видеть, происходит много всего, если вы просматриваете иллюстрацию. Но в основном то, что мы собираемся сделать, — это увеличить масштаб. Если вы удерживаете клавишу Alt с выбранным построителем фигур, вы увидите, как этот знак минуса появляется рядом со стрелкой. Так что, если вы удерживаете клавишу Alt и перетаскиваете, эта часть будет вырезана.То же самое и с этим. Вот что мы будем делать со всеми этими строками, которые нам на самом деле не нужны. Это в основном это. Как я уже говорил, он не должен быть на 100 процентов таким же, просто поиграйте с ним и посмотрите, что вы можете получить. Так что я чувствую себя комфортно, используя эти очертания. Так что, если вы посмотрите, например, на эту часть, она беспорядочная. Итак, что вы можете сделать, это просто создать новую обводку поверх нее, а затем выбрать формы. Вернитесь в Конструктор фигур, удерживайте нажатой клавишу Alt и просто вырежьте эти линии вот так.Теперь, если вы удалите эту верхнюю обводку, которую мы только что создали, она будет выглядеть чище. Так что это просто небольшой совет. Теперь, если вы выделите эти линии, как и их концы, с помощью инструмента «Прямое выделение», просто переместите их вот так. Пока вы идете, вы видите вещи, которые на самом деле не имеют смысла. Так, например, этот угол слишком сложен. Так что просто выберите его с помощью Direct Selection Tool и используйте этот маленький кружок, чтобы сгладить угол, как этот. Кроме того, эта кривая слишком резкая.Таким образом, вы можете использовать Smooth Tool, который на самом деле находится под Pencil Tool. Итак, Pencil Tool — это просто N, выберите его на клавиатуре и удерживайте мышь, и теперь это маленькое меню выскакивает. Просто разверните его вот так. Здесь у вас есть инструмент Smooth Tool, который по сути представляет собой Shift плюс N. Итак, он выделен, и теперь мы можем сгладить такие линии. Я открою его и увеличу масштаб, и теперь вы видите разницу. Это немного подробно, но в конечном итоге это будет иметь значение. Итак, если вы прямо сейчас посмотрите на эту иллюстрацию, все штрихи имеют одинаковый вес.Для меня это скучно. Поэтому я считаю, что иллюстрация будет более динамичной, если вы используете разные мазки и разные профили. Итак, я покажу вам, как это сделать, используя панели обводки. Итак, это окно. Итак, что я собираюсь сделать прямо сейчас, я закрою все остальное. Я собираюсь выбрать несколько таких контуров, и, возможно, некоторые линии должны быть толще. Так что просто добавьте веса. На панели обводки у вас также есть эти профили. Я просто собираюсь применить несколько разных профилей к разным мазкам, чтобы придать иллюстрациям больше динамики.Я думаю, что если вы сделаете линии менее однородными, это сделает иллюстрацию более похожей на нарисованную от руки. Например, если вы используете кисть, вы не можете провести одну и ту же линию, используя кисть два раза. Если вы используете профили, вы можете выглядеть по-другому, что намного более динамично. Вы должны просто поиграть с этим и посмотреть то, что вам удобно. Еще мне нравятся действительно тяжелые удары. Итак, я собираюсь сделать свои линии немного толще, и это в основном просто с помощью инструмента Direct Selection Tool и добавления большего веса.Итак, я добавлю по 10 точек к каждому, несколько таких штрихов. Это шесть, так что теперь я сделаю его 10. Как видите, для штрихов используется задняя крышка, но вы также можете использовать круглую крышку, подобную этой. Я собираюсь везде использовать круглую крышку. Так что просто нажмите «Command A» и выберите круглую крышку. Поэтому я просто продолжу добавлять вариации к линиям, используя разные веса и разные профили. Может быть, последняя последняя деталь, которую я могу вам показать, касательно контуров этих окон. Если вы посмотрите на изображение, если вы увеличите масштаб, вы увидите две линии рядом друг с другом, но это точно такая же форма и внешняя форма.По сути, это смещение. Итак, если вы выберете эти линии или эти штрихи и перейдете к «Объект», «Путь» и выберете «Смещение», это окно появится. Если вы включите предварительный просмотр, как вы теперь можете видеть, он создает смещение с использованием 10 пикселей, но вы также можете пойти минус 10 или минус 11. Я не знаю, может быть, минус 10 и просто нажмите «Хорошо». Теперь вы создали точно такую же форму внутри только что созданной фигуры. Может быть, немного снизим вес, потому что эти стропы слишком тяжелые. Может быть, четыре очка.Если вы выбираете штрихи, такие как, например, этот, и хотите, чтобы они имели тот же вес, что и другой штрих, который вы только что создали, вы можете выбрать их и использовать пипетку. Это сочетание клавиш I на клавиатуре, затем просто нажмите на штрих, и тогда он будет иметь те же свойства, что и штрих, который вы создали ранее, что действительно удобно. Я думаю, что основные наброски сделаны прямо сейчас. Следующим шагом будет добавление деталей внутри колес. Итак, выберите колесо. Снова используйте пипетку, чтобы применить тот же вид к таким штрихам.Так что это забавная часть. Вы можете создать новый круг точно в середине круга колеса, вот так. Может, вес немного снизится. Предположим, вы хотите создать спицы, используйте инструмент «Перо» вот так и создайте его в опорной точке круга, вот так. Просто нарисуйте линию, может быть, весов должно быть пять. Итак, что вы делаете прямо сейчас, вы выбираете линию, которую вы только что создали, и мы собираемся вращать ее, как точки поворота, и точка поворота будет посередине этого круга.Итак, точная середина колеса. Как видите, точка поворота сейчас находится в середине только что созданной линии. Итак, если вы его поверните, он будет вращаться вот так. Итак, мы собираемся удерживать клавишу Alt и перетащить точки поворота к центру круга. Как видите, он защелкивается по центру. Теперь, если вы его поверните, он будет вращаться вокруг этой точки. Так что, может быть, около 10 градусов, нажмите «Копировать», и теперь мы собираемся повторить этот шаг. Так что это в основном команда D, и удерживайте ее.Так что это действительно быстрый способ создания спиц. Похоже, это достаточно близко. Я имею в виду, что это простая иллюстрация, мы сосредоточимся на цвете и текстуре. Итак, мы собираемся оставить это так. Возможно, мы можем удалить это колесо, потому что оно будет точно таким же колесом, что и переднее колесо. Так что просто удали его. Выберите это колесо, которое вы только что создали, и для безопасности мы собираемся перейти к объекту и сгруппировать его. Итак, это команда G. Итак, если вы выберете колесо прямо сейчас, он будет выбирать все.Удерживая нажатой клавишу Alt, просто перетащите ее назад, вот так. Еще одна интересная вещь, которую вы можете сделать, — это сделать линии более грубыми или неровными. Так, например, я не собираюсь делать это, применяя это к каждой отдельной линии на иллюстрации, но, возможно, это колесо — отличный кандидат на то, чтобы сделать его более прочным. Итак, вы выбираете Outline, переходите в Effects, а затем просто начинаете шероховатость. Итак, это окно всплывает, включите предварительный просмотр, чтобы вы могли видеть, что вы делаете. Как видите, это значение слишком велико.Значит, должно быть что-то вроде 0,03. Потом, может быть, еще какие-то подробности, и на самом деле ничего не происходит. Итак, 0.5. Так что это может быть что-то вроде этого. Просто нажмите «Хорошо», и теперь, как видите, эта линия уже не такая гладкая, и это хорошо. У этой машины два колеса. Итак, мы хотим применить тот же эффект к тому, что находится сзади. Итак, выберите ту же обводку, но на заднем колесе, перейдите в Эффект и нажмите «Применить шероховатость». Итак, теперь он применяет точно такие же эффекты. Вы также можете использовать ярлык, который называется Command Shift E.Я больше не буду трогать очертания прямо сейчас. Итак, следующим шагом будет добавление цвета к иллюстрации. 5. Блокировка цвета: Итак, теперь, когда у нас есть контуры, это, по сути, следующий шаг применения цвета. Так что я думаю о своей цветовой палитре очень просто. Я перехожу в «Окно», выбираю «Цвет», и теперь всплывает это окно, и если вы щелкнете по нему, вы увидите ползунки. Так что это не та цветовая схема, которую я всегда использую. По сути, это похоже на внутреннее ощущение, и затем, если это кажется правильным, это кажется правильным, и я собираюсь выбрать Контуры.Я собираюсь дать ему этот голубоватый цвет, вот так. Обычно я не использую черные контуры, потому что мне кажется, что контраст между черными контурами и реальным цветом на иллюстрации слишком тяжелый. Первое, что я делаю, это выделяю все контуры, собираюсь скопировать их и создать новый слой под названием «Резервное копирование». Я просто собираюсь вставить все контуры внутри этого слоя, спрятать его и перетащить вниз. Причина, по которой я это делаю, заключается в том, что всегда хорошо иметь резервную копию фактических штрихов, потому что, если вы работаете с контурами, будет намного сложнее их настроить позже.Итак, теперь я выделяю все контуры, перехожу к объекту и использую инструмент «Разобрать внешний вид», потому что мы применили множество профилей к разным обводкам, и мы хотим их расширить. Вот так, и следующим шагом будет выбор всех контуров и путей, которые мы только что создали. Зайдите в Объекты, Живые краски, Сделайте. Разверните «Внешний вид». Это происходит в том случае, если вы применяете профиль к обводке и хотите выполнить «живую» раскраску, это невозможно, потому что «быстрая покраска» уничтожит все профили.Значит нужно расширять внешний вид. Итак, если у вас есть линия с примененным к ней профилем, просто нажмите «Развернуть внешний вид», и обводка преобразуется в контур. Как видите, если вы создадите Live Paints, прямоугольники и ограничивающая рамка будут другими. Это будет похоже на белые квадраты. Таким образом, вы можете видеть, что Live Paint на самом деле активен. Это инструмент, которым многие люди на самом деле не пользуются. Я не знаю почему, потому что это действительно простой способ добавить цвет к иллюстрации.Итак, я собираюсь перейти к Window, Swatches, и я собираюсь использовать базовые Swatches в Adobe Illustrator. Так что мне действительно не нужен план. Так что просто сделайте это прозрачным и выберите Заливку. Потому что мы только что сделали Live Paint. Мы можем использовать инструмент Paint Bucket Tool, чтобы добавить цвет. Инструмент Paint Bucket Tool — K на клавиатуре. Итак, теперь вы можете легко добавить цвет к иллюстрации. Итак, если вы наведете курсор на иллюстрацию, вы увидите всплывающие красные блики. Ну вот так. Просто нажмите, и, как видите, здесь что-то не так, потому что при наведении курсора на него не всплывают красные блики.Значит, с Live Paint что-то не так. Я думаю, что это где-то не закрыто. Он открытый, поэтому не может добавить цвета. Мы добавили много веса обводке. Похоже, они связаны. Но если вы нажмете команду Y, вы увидите, что штрихи на самом деле не связаны. У нас есть множество вариантов. Самый простой способ — выбрать точки и просто перетащить их вот так, чтобы пути замкнулись, и, возможно, мы сможем проверить несколько разных мест. Думаю, все в порядке. Просто нажмите команду Y еще раз, чтобы выйти из контура.Итак, если вы снова выделите все штрихи, перейдите в Live Paints и нажмите Make. Он должен работать прямо сейчас. Так что давайте просто проверим с помощью Paint Bucket Tool. Как видите, поскольку мы закрыли отверстия, теперь вы можете использовать инструмент «Ведро с краской», чтобы применить цвет. Может, этот цвет должен быть немного темнее. Мы не собираемся использовать тот же цвет на иллюстрации, потому что, возможно, он немного больше сзади или он более темный. Это просто игра с цветом, и это интересный способ добавить к иллюстрации разные цвета.Если вы хотите получить сероватые тона, используйте клавиши со стрелками для просмотра образцов. Этот может быть немного темнее, этот светлее. Просто используя клавиши со стрелками, вы просматриваете такие серые тона. Этот должен быть темнее. В основном это просто использование клавиш со стрелками и нажатие внутри иллюстрации. Этот может быть довольно легким, вот так. Возможно, мы сможем использовать тот же цвет, что и Контуры. Итак, если вы выберете инструмент «Пипетка» и нажмете обводку, она создаст обводку здесь.Но нам действительно не нужна обводка, вы хотите Залить цветом. Так что просто нажмите Shift X. Как видите, если вы используете этот ярлык, он будет переключаться между Stroke и Fill. Так что просто перетащите это на панель Swatches. Итак, теперь вы можете использовать его внутри инструмента Live Paints Tool. Итак, теперь мы продолжим и просто добавим цвет к остальной части иллюстрации. Так что да, я думаю, что это в основном все для инструмента Live Paint. Следующим шагом является то, что я всегда делаю, — я собираюсь отделить контуры от цвета.Итак, что вы делаете, вы переходите к Object, а затем к Live Paints и Expand. Итак, теперь это просто иллюстрация с цветом и штрихами. Итак, Live Paint больше не активен. Что я делаю дальше, я иду в Expand и нажимаю Okay, и теперь каждый штрих — это путь. Следующая часть будет очень простой. Вы собираетесь выбрать инструмент Magic Wands Tool (буква Y на клавиатуре) и нажать Enter. Таким образом, Magic Wand Tool — это в основном то же самое, что и Photoshop. Вы можете выбрать цвет. Как видите, у вас есть множество разных вариантов.Мы собираемся выбрать цвет заливки и установить нулевой допуск. Итак, теперь нужно выбрать только конкретный цвет. Я собираюсь выбрать фиолетовый и просто щелкну по нему. Итак, теперь, как вы можете видеть, мы выбрали только все с фиолетовой заливкой. Я собираюсь обрезать это. Итак, теперь у нас остался только цвет. Я собираюсь создать новый слой под названием Outlines, и я собираюсь нажать команду alt shift V. Итак, теперь я вставил его в то же самое место, но на другой слой, и я собираюсь переименовать его. one на Color, потому что на этом слое больше нет контуров.Итак, если вы скроете слой Color, у вас останутся только контуры, а если вы скроете контуры, у вас останется только цвет. Итак, единственная причина, по которой я это делаю, разделение, состоит в том, что мы собираемся добавить текстуру. Если вы сохраните активную раскраску, вы сможете выполнить разделение. Так что вы не можете добавить текстуру. Можно, но будет сложнее. Думаю, это самый простой способ. Итак, прямо сейчас, поскольку мы разделили эти два, мы можем добавлять слои между ними, а текстура всегда будет ниже контуров и поверх цвета.Так что это единственная причина. Итак, следующим шагом мы собираемся добавить некоторые финальные уточнения, прежде чем мы фактически добавим текстуру. 6. Добавление глубины. Следующим шагом будет добавление окончательных нефтеперерабатывающих заводов и мелких деталей. Итак, что я собираюсь сделать прямо сейчас, я собираюсь создать новый слой, называемый задними колесами, потому что у нас есть некоторая перспектива. Мы хотим создать иллюзию того, что колеса находятся сзади и немного видны. Итак, я еще раз собираюсь создать круг, удерживая нажатой клавишу Alt, Shift, создать круг из центра, отпустить его и просто переместить его вот так, может быть, немного вверх, может быть, уменьшите его. немного вроде 90 процентов.Удерживая нажатой клавишу Alt, перетащите сюда, так как мы работаем над новым слоем, который лежит под цветом, и под контурами на самом деле не имеет значения, как выглядит форма. Итак, как вы можете видеть, эти колеса похожи на положения в точках схода, поэтому просто разместите их вот так, это не обязательно должно быть правильным, просто создайте иллюзию колес сзади. Затем вы можете просто перетащить его, как прямоугольник. Может быть, добавьте больше деталей, чтобы перейти к инструменту «Перо» и создать такую форму, может быть что угодно.Основная цель состоит в том, чтобы начать добавлять больше глубины, оживляя иллюстрацию, потому что, если вы скроете этот слой, он станет действительно плоским, и вам нужно больше размера, вот так. Что мы собираемся сделать прямо сейчас, так это выбрать окна с помощью инструмента Magic Wand, как я показывал вам раньше, ребята, поэтому нажмите Y на клавиатуре и нажмите Enter, появится Magic Wand. Выберите Fill Color, Tolerance zero, вот так, и мы собираемся вырезать их, так что это команда X, и я собираюсь создать новый слой под названием Windows поверх цвета, и просто нажмите Alt, Shift V и просто приклеиваем их к новому слою.Что я собираюсь сделать прямо сейчас, так это то, что каждый слой заблокирован, кроме Windows, и я собираюсь нажать команду A, чтобы выбрать все, и непрозрачность здесь, я собираюсь снизить ее до 70 процентов. Так что сейчас эти окна немного прозрачны. Я собираюсь заблокировать окна, и я собираюсь создать новый слой под цветным слоем и назвать его внутри фургона. Теперь я собираюсь использовать инструмент «Перо», чтобы добавить сиденья водителя к очень простой форме, подобной этой. Я собираюсь применить тот же цвет, что и мазки, которые мы создали ранее, или вы можете просто использовать пипетку и просто взять цвет из фигур, которые мы только что создали.Как вы теперь можете видеть, это действительно простая форма, и теперь она создает иллюзию сиденья водителя, возможно, там видна небольшая часть внутренней части. Как видите, я просто создаю действительно простые формы и думаю о вещах, которые могут быть правильными, потому что я просто создаю их на ходу. Выглядит правильно. Если вас не совсем устраивает форма, просто воспользуйтесь инструментом прямого выбора, который обозначен буквой A на клавиатуре, и выберите точки, которые вы хотите настроить, как это, и опустите его, используя клавиши со стрелками на клавиатуре.Как видите, я на самом деле создаю внутреннее пространство в задней части автомобиля, создавая иллюзию, что вы видите на самом деле через окна и видите, что происходит внутри автомобиля, и это действительно очень простые вещи. Может быть, если мы пойдем вот так, будет видно немного заднего окна. Не стоит особо беспокоиться о перспективе, пока она выглядит нормально, все в порядке. Мы можем добавить окончательные детали, например, возможно, в окне должны быть какие-то мелкие детали, поэтому я собираюсь создать заливку, которая будет серой, я нажму X и Теперь я собираюсь выбрать этот образец цвета для контура, обводку, которую мы создали раньше, поэтому я просто собираюсь применить ее.Может быть, добавьте еще несколько весов, например, четыре точки, удерживайте клавишу Alt и просто перетащите ее вниз, чтобы скопировать, что-то вроде этого. Итак, я создаю эти детали на новом слое наверху, поэтому я назову его «Детали наверху», выделю слой, немного приподниму его. Что также действительно удобно, так это то, что вы можете перейти к объекту и сгруппировать эти объекты, поэтому, если вы выберете один, он выберет каждый из них. Последнее, что я собираюсь добавить к этому, — это что-то вроде этого. Выделите точки, переместите их вот так, и, поскольку мы добавили спереди, мы также собираемся добавить его сзади, поэтому просто выберите эту форму, скопируйте ее и перейдите на внутренний слой, который мы только что создали. и нажмите Alt, Shift V и просто переместите его.На самом деле вам не нужна заливка, определенно не серая заливка, поэтому вы можете удалить ее, а теперь нажмите Shift плюс X, чтобы перенести эту обводку на заливку, поэтому в основном просто переключайтесь между ними, теперь это выглядит так. Думаю, в этом фургоне не хватает двух последних вещей — это дверных ручек и, возможно, зеркала, чтобы смотреть назад. На деталях на верхнем слое я собираюсь просто создать такую форму, используя карандаш. Хорошо, последнее, что я собираюсь показать вам, ребята: поскольку эти окна должны быть стеклянными, мы собираемся создать иллюзию отражения, что на самом деле очень просто.Итак, раньше мы создали новый слой, содержащий только окна, поэтому я выберу его. Как видите, выбраны только окна, поэтому, если я удалю их, окна исчезнут, поэтому я собираюсь нажать команду C, чтобы скопировать его, и я собираюсь создать новый слой поверх него под названием, выделить окно , нажмите Alt, Shift V, чтобы вставить в те же самые места, поэтому, если вы зададите ему другой цвет, точно так же, он будет лежать точно сверху. Итак, что я собираюсь сделать прямо сейчас, я собираюсь выбрать слой, который я только что создал, и перейти к Object, Paths, Offsets, и, возможно, я собираюсь дать ему значение минус пять пикселей, может быть, немного больше, минус 10 пикселей, просто нажмите ОК.Итак, мы только что создали смещение минус 10 пикселей. Что я собираюсь сделать прямо сейчас, так это нажать команды X и фактически удалить синий цвет и окна, просто они нам не нужны. Я собираюсь нажать клавишу Alt, Shift, чтобы вставить только что созданное смещение. Следующий шаг действительно прост: вы берете инструмент «Перо» и внутри того же слоя вы собираетесь создать обводку, поэтому нам не нужно заливать, и придайте ему другой цвет, возможно, что-то красное, не действительно имеет значение, потому что мы собираемся сократить его.Удерживая нажатой клавишу Shift, вы создадите новые линии. Если вы удерживаете клавишу Shift, угол наклона будет 45 градусов. Создавайте случайные формы очень быстро только в некоторых точках, возможно, на небольшом расстоянии между некоторыми из них, как это. Теперь мы перейдем к Window, Stroke, добавим ему веса. Если вы удерживаете нажатой клавишу Shift, вес будет увеличиваться на 10 пунктов, так что, может быть, на 50 пунктов, закройте окно Stroke Window, потому что оно нам больше не нужно, перейдите в Window, Pathfinder, просто оставьте его открытым.Но прежде чем мы перейдем к использованию Pathfinder, мы перейдем к Object и расширим красную обводку, которую мы только что создали. Просто нажмите «Хорошо», теперь Stroke is a Path. Это передняя часть, поэтому вы выделяете все внутри этого слоя, поэтому просто нажмите этот маленький кружок, перейдите на Обработку контуров и нажмите «Разделить». Итак, теперь, если вы используете инструмент Magic Wand и для параметра Tolerance установлено значение 0, и вы нажмете красную фигуру, вы выберете красную фигуру и просто нажмете Backspace, и теперь у вас останется только отражение окно.Просто дайте ему другой цвет, может быть, что-нибудь вроде этого белого. Если вы выберете форму, вы увидите, что здесь много информации. На самом деле это прозрачные формы, поэтому они вам не нужны. Если вы добавляете цвет, он также будет добавлять цвет к прозрачным формам, это то, что нам не нужно. Итак, что вы делаете, вы переходите к объектам, и вы собираетесь удалить все прозрачные формы, так что это просто Object, Flattened, Transparency, и просто нажимаете Ok, и теперь каждая прозрачная форма удаляется, так что вы делаете отражение .Если вы выберете отражение, как только что созданные формы, просто перейдите в Opacity и немного уменьшите его, чтобы было меньше герц, что-то вроде этого. Поскольку мы смотрим на это, это странно, фургон плавает, так что это действительно легко исправить, это как создать новый слой под всем и называть его тенью. Выбрав инструмент «Эллипс», просто перетащите эллипс, вот так, придайте ему тот же цвет, что и контуры, используя пипетку, немного опустите его.Теперь он выглядит очень тяжелым, поэтому, если есть простое решение для этого, просто выберите форму, которую вы создали, и просто перейдите к непрозрачности еще раз, немного уменьшите ее, и теперь она выглядит как тень. Да, вот как это сделать. 7. Создание векторных текстур. Итак, теперь, когда иллюстрация закончена, я собираюсь показать вам ядро этого класса — текстуры. Так что просто заблокируйте каждый слой, который вы только что создали, и создайте новый. Я просто назову это Демо текстуры. Я собираюсь прокрутить вверх.Перед тем, как начать использовать текстуры, важно помнить, что ваш документ должен быть настроен как CMYK, сейчас это RGB, и я собираюсь показать вам, почему. Итак, если вы создаете круг, как этот, вся идея затенения и текстуры заключается в том, что он основан на сером и черном. Чем больше черного в вашей форме или в вашем цвете, тем интенсивнее будет эффект. По сути, именно поэтому ваша форма, цвет и ваши документы должны быть настроены как CMYK, чтобы вы могли управлять только основным цветом.Итак, сейчас у нас есть только RGB, поэтому вы не можете использовать ключевой цвет. Если вы примените эффект прямо сейчас Эффект, Пикселизация, Цветовой полутон, просто нажмите ОК. Вы увидите, что он создает дуэт тона или он основан на трех цветах, RGB. Поскольку вам нужен только черный цвет, вам нужно поместить файл в CMYK, поэтому просто перейдите в File, Document Color Mode и нажмите CMYK. Если ваши ползунки цвета RGB, просто перейдите в Window, Color это всплывающее окно и выберите CMYK здесь, и теперь у вас есть голубой, пурпурный желтый и ключевой цвет.Итак, что мы собираемся сделать прямо сейчас, это установить все на ноль, который в основном белый, и я собираюсь создать круг. Итак, сейчас это круг с белой заливкой. Теперь я собираюсь добавить больше значения ключевому цвету, возможно, на 50 процентов. Я скопирую этот эллипс. Первый эффект, который я собираюсь показать вам, — это выделить круг, перейти к Effect, Pixelate и выбрать Color Halftone. Появляется это окно, и единственное значение, с которым вы действительно играете, — это максимальный радиус.Итак, я собираюсь установить это значение на 20 пикселей, нажмите ОК. Теперь мы получаем эффект, который выглядит примерно так. Это тот же эффект, что и раньше, но с использованием CMYK. Теперь вы можете видеть, что это только черный цвет, поэтому у вас нет разных цветов, что действительно важно для этого шага. Следующая часть — перейдите в Window, выберите Gradient. Первый, который мы создали, в основном просто использует ключевой цвет, это сплошной цвет, так что это будет сплошная текстура, как эта. Но вы также можете использовать градиенты, которые основаны на том же принципе.Я просто собираюсь использовать этот базовый градиент. Итак, теперь вы видите, как он исчезает с черного на белый, чем больше черного, тем ярче будут точки. Итак, если я просто выделю фигуру и нажму команду shift E, чтобы повторить последний эффект, все будет так, поэтому теперь эффект исчезнет. Последний вариант — мы будем использовать инструмент сетки, чтобы обозначить букву U на клавиатуре. Если вы наведете курсор на фигуру, вы получите этот значок с небольшим плюсом. Итак, если вы просто нажмете кнопку мыши, вы добавите точку.Итак, теперь, используя ползунок цвета, вы можете добавить другой цвет к этой конкретной точке, и он будет создавать градиент. Так что, может быть, я добавлю здесь другой момент, я сделаю его светлее, как белый. Важно то, что вам нужно еще раз выделить всю фигуру с помощью инструмента выделения, который представляет собой V на клавиатуре, поэтому просто нажмите на фигуру. Теперь мы видим, что все точки выбраны. Командуйте shift E, чтобы повторить последний эффект, и теперь вы получите что-то похожее на это. Таким образом, вы можете в основном использовать одну и ту же технику, но применять разные эффекты для получения разных стилей, и это то, что я собираюсь показать вам прямо сейчас.Так что, возможно, создайте круг еще раз, и я скопирую его два раза вот так. Задайте ключевой цвет — 50 процентов черного. Выберите форму, перейдите к эффекту. Итак, первый эффект, который я вам продемонстрировал, похож на то, что Рой Лихтенштейн почувствовал маленькие полутоновые точки. Но вы также можете перейти к Эффекту текстуры и выбрать Зернистость. Так что, если вы используете это в первый раз, он будет установлен на обычный, но вы действительно этого не хотите. Итак, в этом раскрывающемся списке просто выберите Stippled, и теперь вы получите что-то похожее на это.Вы можете поиграть с Интенсивностью и Контрастом, но я просто нажму ОК. Итак, следующая часть будет такой же, мы применим ее к градиенту. Итак, Cmd Shift E, чтобы повторить эффекты. Получится что-то вроде этого. Еще раз, используя инструмент сетки, добавьте точку здесь. Сделайте это легким. Выделите всю фигуру с помощью инструмента выделения, нажмите Shift E, и вы получите что-то вроде этого. Это тот же принцип, но с использованием разных методов для добавления текстуры. Третий, который я собираюсь показать вам, это еще раз, я собираюсь создать три круга.Так что выберите их все. Снова используя ключевой цвет, 50 процентов выберите первый оттенок, перейдите в Эффект, выберите Скетч, и теперь мы собираемся использовать графическую полосу, которая выглядит так. Вы снова можете поэкспериментировать с параметрами, я просто нажму ОК. Вы можете сделать это по левой диагонали, по горизонтали или по вертикали. Я сделаю это так, правая диагональ. Просто нажмите ОК. Еще раз градиент, команда Shift E, инструмент Mesh, черный, белый. Выберите команду «Форма» Shift E. Так что это действительно так же, как и его основные принципы.Как видите, это все та же техника, но разные стили. Но сейчас это не совсем удобно, потому что если вы увеличите масштаб, вы увидите, что он пикселизирован, а мы работаем в Adobe Illustrator, поэтому нам действительно не нужны пиксели. Итак, следующим шагом будет отслеживание этих эффектов в реальном времени. Так что это действительно очень просто. Выберите форму, которую вы только что создали. Я собираюсь начать с первого, перейду к Object и Rasterize его. Появится это окно. Просто нажмите ОК, и теперь он растеризован. Что я собираюсь сделать прямо сейчас, так это проследить его вживую или проследить его изображением.Итак, выберите форму и теперь в верхней части окна, как вы можете видеть, как это меню появляется, и я собираюсь выбрать эту маленькую стрелку и выбрать Sketched Arts. Сейчас действительно важный шаг — это трассировка изображения, но вы ничего не можете с этим поделать. Вы действительно можете применить к нему цвет, поэтому самым важным шагом является нажатие на Expand. Так что теперь, если вы увеличите масштаб, и, возможно, это будет забавно, например, если вы перейдете к просмотру контура. Итак, команда y вы видите, как каждая маленькая форма внутри эффекта, который мы только что создали, теперь отслеживается в реальном времени, и на самом деле это похоже на векторную фигуру.Итак, вы можете применить Color. Как видите, он серый, и это потому, что теперь цвет установлен на оттенки серого. Так что просто вернитесь к цвету и выберите CMYK, и теперь вы можете добавить любой цвет, который вам нравится. Итак, если вы сравните тот, который мы только что проследили, с тем, который у нас не был живым следом рядом с ним, как вы можете видеть, это просто круг, хотя внутри него много кругов, но он пикселизирован, так что информации нет. Если вы сравните его с тем, что слева, это живая трассировка, поэтому каждая маленькая форма внутри этого круга теперь является путем, и вы можете манипулировать им.Так что в этом большая разница, вот почему мы делаем этот шаг. Я уже показывал тебе раньше. Я могу показать это еще раз. Информация в этом круге, маленькие точки внутри него довольно большие. Если вы растрируете его и собираетесь вживую, отследите его, используя как Sketched Art, который является базовым пресетом, и он получит каждую маленькую точку. Но если вы собираетесь это сделать и что-то вроде зернистой текстуры. Итак, мы переходим Object, Rasterize, нажимаем OK, и теперь мы собираемся использовать Sketched Art. Вы видите, что много информации теряется, потому что эффект такой плотный.Я думаю, что лучше создавать свои собственные пресеты. Таким образом, вы выбираете фигуру, переходите в Window и выбираете Image Trace. Прямо сейчас вы ничего не можете сделать с трассировкой изображения, потому что она не растеризована. Итак, чтобы что-то отследить, это должно быть растровое изображение. Вот что мы собираемся делать прямо сейчас. Выделив объект, перейдите в Object, Rasterize. Как видите, теперь окно активно. Так что просто нажмите эту маленькую стрелку рядом с Advanced, чтобы расширить параметры. Теперь у вас есть несколько ползунков.Что мы собираемся сделать, так это включить предварительный просмотр. Теперь вы можете увидеть, что на самом деле отслеживаете в реальном времени. Итак, если вы поднимете порог, вы увидите, что много чего движется, много чего происходит. Так что я, честно говоря, понятия не имею, что на самом деле делают эти параметры, я просто играю с ползунками и смотрю, что происходит. Как видите, чем больше шума вы добавите, тем сильнее будет эффект. Итак, мы хотим меньше шума, просто сделайте это вот так, и теперь вы можете видеть, что это действительно чистая живая трасса.Действительно важный шаг, который вы не должны забывать, это игнорировать белый цвет, потому что, если вы живете, обведите его таким образом, на иллюстрации будет белый цвет. Если вы хотите удалить белые пятна вручную, это займет много времени, или вы можете сделать это с помощью волшебной палочки, но самый простой способ — просто игнорировать белые. Если вы живете, следите за ним, там не будет ни единого белого пятна, этот пресет довольно хорош. Так что, если вы захотите использовать его позже, вы можете сохранить его. Итак, если вы нажмете это маленькое меню, «Сохранить как новые пресеты», Skillshare и просто нажмите «ОК».Разверните, закройте окно трассировки изображения, выберите фигуру рядом с ним, сначала растеризуйте ее, и теперь, если вы используете пресеты трассировки, если вы щелкните по нему, вы увидите только что созданный пресет, просто используйте его, нажмите Expands, и это способ создать пресет. Это может занять много времени, потому что вы, по сути, будете делать одно и то же снова и снова. Если вы хотите вживую отследить это, я думаю, что есть простое решение. Вы можете просто создать действие. Итак, если вы выберете фигуру, перейдите в «Окно», «Действия», и прямо сейчас мы собираемся создать новую папку под названием Skillshare.Таким образом, действие — это всего лишь небольшой инструмент, который позволяет вам повторять одну и ту же последовательность шагов снова и снова, что действительно удобно. Действие требует информации, ему нужно повторять определенные шаги. Итак, что вы собираетесь сделать, так это записать шаги. Я собираюсь создать новое действие так же, как вы создаете новый слой, и назову его Трассировка изображения. Самое интересное в том, что вы можете применить к нему функциональную клавишу. Таким образом, функциональная клавиша похожа на клавиши от F1 до F12 на клавиатуре сверху. Так что я просто воспользуюсь F1 и нажму «Запись».Итак, вы начинаете запись, вы выбираете фигуру, но она уже выбрана, переходите к Object, нажимаете Rasterize, просто нажимаете Okay. Теперь мы собираемся перейти к трассировке изображения в реальном времени и использовать только что созданный пресет. Он делает свое дело, расширяется, и теперь вы прекращаете запись. По сути, если вы выберете эту фигуру рядом с ней и нажмете F1, потому что это функциональная клавиша, которую мы установили для этого действия, она должна делать то же самое, но очень быстро. Так что вам действительно не нужно повторять все шаги заново.Действительно важно помнить, если вы работаете на компьютере Apple, если вы перейдете в Системные настройки и перейдете в Клавиатуру. Если вы отметите эту опцию, все функциональные клавиши будут использоваться как функциональные клавиши, потому что, если вы используете F1, и у вас не включена эта опция, она будет запускать параметры, которые Apple установила для этих клавиш, например яркость и прочее. как это. Так что нам это действительно не нужно. Так что просто перейдите в «Настройки» и установите этот флажок. Теперь вы можете использовать все функциональные клавиши как функциональные, что очень важно.Так что да, в основном это действие. Мы записали его, и теперь мы проигрываем его снова, используя функциональную клавишу, которую мы применяем к нему, чтобы повторить все шаги. 8. Раскрашивание текстур: Итак, следующий шаг — важный шаг. Я показал вам базовые техники, но вы почти никогда не будете использовать их в таком виде. Это путь к черному. Если вы поместите это в иллюстрацию, подобную этой, это займет слишком много внимания. Итак, что я собираюсь сделать, так это применить к нему несколько цветов.В общем, у вас есть разные варианты. Если выбрать фигуру, перейти в «Окно» и вернуть ползунки цвета, можно применить цвет ко всей фигуре и убедиться, что она в CMYK. Итак, если вы выберете фигуру и у вас будет синий край, как это. Но теперь каждая точка имеет один и тот же цвет, и я думаю, что будет намного веселее, если вы можете добавить кучу разных цветов внутри текстуры довольно случайным образом. Так что, если вы хотите сделать это вручную, это определенно возможно, но это займет много времени и много работы.Таким образом, вы можете использовать сценарий, который сделает это за вас. Если вы хотите нанести тот же цвет, это довольно просто. Но если вы хотите, чтобы все эти маленькие зернистые подушечки были другого цвета, делать это вручную будет слишком сложно. Вот почему мы используем скрипт. Итак, сценарий — это то, что вы можете интегрировать и в иллюстраторы. Так что зайдите в Google и найдите иллюстратор случайных цветовых образцов. Так что просто скачайте его. У нас будет ссылка на ресурсы, которые вы можете скачать, так что вы можете пропустить этот шаг. Так что я в основном скачиваю файл прямо сейчас.Если вы перейдете к загрузкам, это zip-файл, поэтому просто распакуйте его. Итак, теперь у вас есть случайные образцы цвета для заливки. Если его открыть, толком ничего не произойдет. Так что это в основном просто файл JavaScript. Зайдите в приложения, и вы найдете папку Adobe Illustrator. Вы собираетесь пойти дальше и перейти к предустановкам, просто выберите эту папку и перейдите к сценариям. Что вы собираетесь сделать прямо сейчас, так это перетащите его из загрузок, сделайте эту папку и просто отпустите. Итак, следующим шагом вы закроете Illustrator и перезапустите его.Сохраните здесь. Итак, если вы снова откроете Illustrator и перейдете к файловым скриптам. Теперь вы видите, что случайные образцы заливки находятся в раскрывающемся списке или в меню. Итак, теперь мы можем начать его использовать. Самое интересное, что с этим эффектом я собираюсь применить его к этому. Итак, если вы выберете эту форму, она будет выделять все маленькие подушечки внутри нее. Итак, еще раз переходите к объектам. Это действительно важно и разгруппируйте его. Итак, теперь вы можете выбрать каждую форму внутри созданного нами эффекта. Затем мы собираемся открыть образцы и выбрать несколько цветов.Итак, сначала выберите фигуру, которую вы только что разгруппировали, перейдите на панель образцов и, удерживая нажатой командную клавишу, выберите несколько цветов, например зеленый, желтый и оранжевый. Итак, как вы можете видеть на образцах, я выбрал несколько цветов. Выделив фигуры, перейдите к файлу, сценариям и просто выберите случайные образцы цвета. Теперь все переключатели, которые мы только что выбрали, будут случайным образом применяться к только что созданному эффекту. Так что это действительно крутой способ добавить цвета каждой маленькой подушечке, которую мы только что обрисовали.Я не знаю, это интересный способ сделать его более уникальным или сделанным вручную. Но это также действительно быстрый и эффективный способ, потому что, как я показал вам раньше, используя эту форму, если вы добавите цвет к каждой маленькой подушечке внутри этого эффекта, который мы создали, это займет много времени. Так что это способ сделать это очень быстро. Итак, что мы собираемся сделать прямо сейчас, мы собираемся применить текстуры, которые я вам только что показал, сделать иллюстрацию, используя цвета, которые действительно соответствуют иллюстрации, которую мы только что создали.9. Применение текстур: Итак, теперь, когда я показал вам свои основные принципы, мы собираемся применить их к реальной иллюстрации, которую мы сделали. Важным шагом в этой части является то, как будто мы хотим знать цвета и их соответствие иллюстрации, или цвета, которые мы используем внутри иллюстрации. Например, если я создам новый слой под названием texture. Так что поверх цветного слоя, потому что текстура будет поверх него. Таким образом, для этого вам в основном понадобится панель образцов и ползунки цвета.Также инструмент «волшебная палочка», потому что мы собираемся выбрать цвет и использовать их для наложения текстуры. Итак, я собираюсь выбрать цвет заливки и установить нулевой допуск. Итак [неразборчиво] в основном единственные инструменты, которые вам нужны, а также, возможно, инструмент градиента. Итак, в основном с помощью инструмента «Волшебная палочка» выделим весь желтый цвет. Итак, я просто щелкаю внутри желтой команды C, блокирую цветной слой и создаю новый слой сверху, называемый текстурой. Теперь мы собираемся скопировать желтые контактные площадки, которые мы только что скопировали, и новый слой, чтобы он командовал всем сдвигом V.Итак, если мы скроем все слои, кроме текстуры, слой будет выглядеть так. Я воспользуюсь этим в течение минуты. Итак, если вы, как видите, это два разных пути. Итак, если мы применим к нему градиент, он будет выглядеть так, потому что градиент начинается с абсолютной правой стороны этого пути и абсолютной правой стороны этого пути. Вот так это выглядит. Что вы можете сделать, так это то, что вы можете, если вам не нравится этот эффект, который вам нужен, как один градиент, проходящий через все разные пути, лежащие друг на друге, вы можете пойти, вы выбираете их, объекты и делаете его составным путем, как это .Итак, теперь это всего лишь один градиент. Выделите фигуру, перейдите к эффектам, и я собираюсь использовать графическое перо, поэтому нарисуйте графическое перо, и появится всплывающее окно, просто нажмите «ОК». Теперь это выглядит так. Самое интересное, что в этот момент эффект еще действует. Так что, если вы думаете, что этот черный цвет слишком интенсивный, вы можете просто дважды щелкнуть и задать ему меньшее значение, например, 50 процентов, возможно, эффект будет перезагружен. Применяйте новые эффекты. Теперь это выглядит так. Повторите те же шаги, растеризуйте его, нажмите «ОК», а затем используйте предварительную настройку, которую мы сделали ранее, и осветите его, и если вы нажмете «Расширяется», это выглядит так.Собираемся вернуть все слои, которые мы просто скрыли. Итак, это текстура внутри иллюстрации. Как видите, он слишком черный и занимает слишком много внимания. Итак, что я собираюсь сделать, так это сделать его желтым. Так что выберите его, как видите, мы не разгруппировали, поэтому он выбирает каждый маленький путь внутри текстуры и, возможно, придает ему оранжевый вид, и теперь у вас есть градиент, но он фактически используется, если вы увеличиваете масштаб. Это как текстура градиенты. Итак, если вы перейдете в контурный вид, это будет выглядеть так.Там много информации, на самом деле не имеет значения, но если вы хотите применить к этому случайный цвет, как мы делали раньше, вы просто выбираете инструмент «Пипетка» и используете желтый в качестве основного цвета. Теперь мы собираемся создать такие новые круги. Так что это похоже на ту часть, где вы собираетесь выбирать образцы, просто оставьте один желтый, а затем с помощью ползунка цвета просто выберите несколько цветов, которые похожи, но немного не так. Итак, теперь вы собираетесь выбрать эти круги, перейти на панель образцов и создать новую цветовую группу, подобную этой, и просто нажать ОК.Как видите, все различные образцы, которые мы только что создали, теперь находятся на панели образцов. Так что просто удалите эти круги, потому что они нам больше не нужны. Перейдите к только что созданной текстуре, перейдите к разгруппировке объектов, зажмите командную клавишу, удерживайте клавишу Shift и выберите все образцы. Перейдите к файловым скриптам, случайным образом заполните образцы, и теперь текстура будет такой же, как и все разные образцы, которые мы только что создали. Прямо сейчас эта маленькая часть может быть немного странной, поэтому вы можете выбрать ее и просто дать ей другой цвет, как это, или перейти к ползунку цвета, как это.Это полностью зависит от вас. Также можете удалить его, например, может быть, вы просто хотите, чтобы эта часть выглядела как-то проблемно. Так что просто поиграйте с ним, и точно так же, как если вам не очень нравится этот цвет внутри текстуры, вы можете просто использовать инструмент Magic Wand, убедитесь, что цвет заливки установлен на нулевой допуск, и теперь вы просто используете Magic Wand. инструмент, чтобы выделить этот цвет и просто придать ему другой цвет. Теперь проскользните, это выглядит так. Таким образом, техника, которую я вам только что показал, похожа на комбинацию того, что я показал вам раньше, с комбинацией со сценариями.Я собираюсь удалить этот эффект, потому что сейчас мы будем думать о форме фургона и, возможно, как будто фургон не плоский. Так что, может быть, что-то лежит сзади, может быть, что-то лежит впереди. Итак, мы собираемся применить эту штриховку и действительно конкретный способ воплотить ее в жизнь. Я собираюсь разблокировать цветной слой и создать новый слой поверх него под названием Текстура 1. Еще раз выделите желтый цвет, скопируйте его и вставьте в новый слой. Заблокируйте цветной слой, чтобы мы случайно не работали с неправильным слоем.Эта часть иллюстрации должна быть похожа на бандита. Итак, я собираюсь выбрать эти формы или трижды щелкнуть, а затем перейти к градиентам и применить градиент. Так должно быть примерно так. Если вы удерживаете клавишу Alt и перетаскиваете, вы можете создать новые точки в градиентах, как это. Итак, если вы выберете форму, перейдите в Эффект, Эскиз, Графическое перо, как вы можете видеть, как будто эффект все еще активен. Поэтому, если вы хотите немного переместиться, как этот градиент, вы можете просто переместить его внутри панели градиентов и просто перетащить и отпустить, а затем эффект будет пересчитан, выглядит так.По сути, это просто перемещение вещей, пока вы не получите что-то, что выглядит правильно. Это должно быть немного темнее. Этот может быть немного слишком темным, так что, возможно, цвет будет немного светлее, как этот. Так что это выглядит нормально. Объект, растеризация, нажмите хорошо. Вы определенно можете увидеть, что произойдет, если вы воспользуетесь предварительными настройками набросков. Так что, если вы растрируете его там, по какой-то причине иллюстраторы помещают вокруг него белый прямоугольник, как форму, которую мы создали. Не знаю почему, но это просто происходит. Так что не волнуйтесь, потому что мы собираемся проследить его жизнь, и она исчезнет.Так что это полностью зависит от вас, хотите ли вы использовать только что созданный пресет, который будет содержать много информации, но вы также можете использовать наброски. Затем, если вы нажмете «ОК», это будет выглядеть так, что, я думаю, тоже работает. Это живая трассировка — намного меньше вещей, так что, возможно, нам стоит просто использовать этот, развернуть, а теперь применить к нему цвет вот так. Как вы можете видеть, эта часть создает иллюзию изгиба к спине, так что это именно то, что мы хотим. Эта часть, я не знаю, выглядит хорошо.То, что вы также можете сделать, — это если вы трижды щелкнете мышью, вы изолируете эффект. Если вы используете инструмент «Лассо» (Q) на клавиатуре, вы можете нарисовать вокруг него фигуру, и она выберет только эту фигуру. Так что, возможно, это должно быть немного темнее. Так что просто выберите разные предустановки, как этот тройной щелчок. Теперь это выглядит так. Что действительно удобно сейчас, действительно удобно сейчас, это если вы разгруппируете цветной слой, чтобы вы могли выбрать каждую часть и слой. Что вы делаете, так это используете ярлык для разгруппировки, потому что вам нужно будет разгруппировать его пять раз или что-то в этом роде.Итак, если вы используете команду shift G, это разгруппировка. Итак, вы услышите, как ваш компьютер издает звуки. Если он издает звук, все разгруппировано. Итак, теперь вы можете выбрать все горшки внутри цветового слоя. Итак, теперь я собираюсь использовать это. Обязательно скопируйте его и создайте новый слой, текстуру тоже, и просто вставьте ее, команды alt, shift, V, заблокируйте цветной слой. Просто оставьте текстуру слоя разблокированной. Итак, выберите его, и теперь мы собираемся применить такой градиент, перевернуть его в разные стороны.Если вы перетащите эту маленькую вещь, ползунок градиента, вы действительно можете сдвинуть градиент вот так. Вы можете видеть, как меняется градиент. Может быть, черный цвет немного похож на черный, так что сделайте это вот так. Теперь выполните команду shift E, чтобы повторить последний эффект, который мы использовали, объекты, растеризовать, хорошо. Теперь обведите изображение, набросайте рисунки, разверните его и просто придайте ему любой цвет, который вам нравится, вот так. Это похоже на градиент, но не потому, что это как текстура, которая исчезает. Вы также можете использовать градиент, но это другая техника, это другое дело.По сути, остальные иллюстрации будут повторять эти шаги. Так что, возможно, мы сможем записать новое действие, которое мы действительно сможем использовать для отслеживания всего в жизни. Я собираюсь заблокировать слой, который мы только что создали, разблокировать цветной слой и выбрать серую крышу, скопировать ее еще раз, создать новый слой, текстуру три, заблокировать цветной слой, теперь вставьте цветовую панель, которую мы просто скопируйте в новый слой, вот так. Так что все, что вы хотите, можно сделать на заказ. Градиент не будет таким же, как на иллюстрации, он будет индивидуальным для каждой формы, поэтому вам нужно будет сделать это вручную, но остальное будет автоматизировано.Итак, мы применяем градиенты, переходим в «Окно», «Действия» и собираемся записать новое действие. По сути, это всплывающее окно. Итак, давайте удалим действие, которое мы сделали раньше, и создадим новое. Так что просто создайте новое действие с папкой. Теперь, создав новый слой, просто создайте новое действие. Теперь мы назовем его «Текстура» и применим к нему функциональную клавишу, так что F1, а теперь нажмите «Запись». Как и раньше, каждый шаг будет записываться. Так что перейдите к Эффекту, Применить графическое перо, так что это эффект, который мы собираемся использовать.Итак, как вы можете видеть, если вы увеличиваете масштаб, он применяется. Нет, мы не будем касаться этого, потому что это будет записано. Итак, Object, Rasterize, Хорошо, а теперь мы собираемся отследить его вживую, возможно, просто снова используя Sketched Art, отслеживая его в реальном времени. Теперь мы собираемся нажать «Развернуть», и теперь мы собираемся остановить запись, применив такой цвет. Итак, если мы сделаем это снова, еще раз, используя эту форму, я собираюсь вставить ее в слой, который мы только что создали, примените градиенты. Мы хотим применить те же эффекты к этой фигуре, но мы хотим перевернуть ее.Итак, если вы перейдете в окно градиента, вы можете нажать эту маленькую кнопку, чтобы отменить градиенты, чтобы она перевернула его. Итак, теперь я собираюсь применить эффекты. Теперь я просто собираюсь нажать F1, потому что это действие, которое мы только что записали. Если мы нажмем F1, да, больше не показываемся, хорошо. Он будет отслеживать его в реальном времени, растрировать и автоматически расширять. Так что это действительно сэкономит нам много времени. Так, например, если вы создадите такую форму, просто прямоугольник и с помощью инструмента сетки, возможно, мы захотим добавить здесь точку, потому что будет много затенения.Просто используйте ключевой цвет, как этот, выберите фигуру, нажмите Shift E, чтобы применить эффект, а затем просто F1, и он сделает все шаги за вас. По сути, вам просто нужно применить новый цвет, как этот, и это будет очень быстрый способ сделать это. Так что прямо сейчас я начну применять эффект к остальной части фургона. 10. Стилизация текстур: Думаю, в следующий раз, может быть, мы сможем немного помешаться с текстурами и показать вам, как вы можете сделать это действительно популярным и действительно сделать его действительно сумасшедшим.Итак, важно помнить, что это будет одна и та же техника снова и снова, но в основном я буду использовать разные формы и разные образцы, чтобы немного оживить ее. По сути, мы собираемся подойти к окну. Мы собираемся открыть несколько основных образцов. Перейдите в Библиотеки образцов, а затем в узоры, базовые, графические точки. Итак, это окно открывается. Как видите, если вы создадите форму и примените основные точки, это будет выглядеть так.Вы также можете использовать клавиши со стрелками для просмотра различных библиотек. Так что, возможно, мы сможем использовать линии. Мы собираемся немного увеличить масштаб вот так. Итак, вроде куча разных строк. Но, я думаю, самое интересное начинается здесь. Если у вас есть основные графические текстуры, которые в основном являются недостатком любого пакета Adobe Illustrator. Итак, как вы можете видеть, просматривая их, они выглядят так. Возможно, немного увеличьте его, например, действительно забавные маленькие текстуры, которые вы можете использовать в своих проектах. Итак, что я собираюсь сделать прямо сейчас, я собираюсь заблокировать все слои текстуры, которые мы только что создали, и мы в основном просто собираемся снова сосредоточиться на цветовом слое, чтобы использовать его в качестве основы, для применения эффектов или текстур.Итак, я собираюсь добавить образец или текстуру колесам. Итак, я просто скопирую эти два пэда. Итак, команда C, создайте новый слой с текстурными колесами и просто скопируйте и вставьте его в то же самое место. Итак, еще раз вот так, как и все остальные слои. Итак, прямо сейчас я собираюсь выбрать базовую графическую текстуру, может быть, эта выглядит забавно. Итак, если он слишком мал, вы просто нажимаете S на клавиатуре, нажимаете Enter, а затем появляется опция масштабирования. Если вы выберете это преобразование объектов, оно также будет масштабировать объекты, но мы не хотим эту проверку, поэтому снимите ее.Итак, теперь, если вы преобразовали выбранные узоры только из-за масштабирования текстуры, которую вы выбрали. Так что просто сделай это вот так, и все в порядке. Еще раз переходим к объектам. Мы собираемся растрировать его, чтобы мы могли поиграть с ним. Итак, теперь это рестеризовано. Жизнь проследить это. Набросал искусства. В очередной раз ударил по расходу. Итак, это в основном те же шаги, которые мы делали раньше. Итак, еще раз объединим их в группы. Командуйте Shift G, ударьте несколько раз, чтобы все было в группах. Итак, вы можете выбрать каждую форму.Что мы собираемся сделать прямо сейчас, так это снова создать эти круги. Я собираюсь использовать фиолетовый цвет колеса в качестве основного цвета. Ну вот так. Скопируйте его несколько раз. В конце концов, нам понадобится инструмент Swatches. Итак, образцы окон. Я собираюсь создать новую цветовую группу. Просто бей хорошо. Итак, как видите, у нас есть все эти цвета, выбранные на панели образцов. Эти круги нам больше не нужны, поэтому просто удалите их. Теперь я собираюсь выбрать слой текстуры, который мы только что создали. Удерживайте команды времени.Удерживая нажатой клавишу Shift, перейдите к разделу «Скрипты файлов и образцы случайных цветов». Теперь вы можете видеть, что внутри колеса происходит много всего, это небольшая деталь, но она сделает вашу иллюстрацию более увлекательной. Так что от таких вещей можно сойти с ума. Если вы выберете определенные части своей иллюстрации, мы сделаем ее немного больше. Итак, еще раз вернитесь к цветному слою и выберите эти части, например, скопируйте, новый слой и вставьте его туда. Собираюсь использовать другой эффект.Как видите, он действительно крошечный, очень маленький, так что, возможно, нам стоит немного его увеличить. Итак, еще раз, как показано ниже, а затем убедитесь, что объекты преобразования не отмечены. Теперь мы масштабируем его на 350 процентов. Итак, что вы также можете сделать, так это повернуть его. Итак, если вы нажмете alt и войдете, вы можете повернуть его. Тот же принцип. Итак, может быть, 45 градусов. Хит хорошо. Еще раз переделайте его заново. Живой проследи это. Может быть, нам стоит использовать другой пресет. Может, силуэты и посмотрим, что получится. Тоже работает. Так да. Еще раз разгруппируйте все.Это будет похоже на шкалу серого. Итак, просто выберите что-нибудь вроде этой серой шкалы. Может какие-то синие, заходим в файлы скриптов и случайные образцы цветов. Теперь у вас есть что-то вроде этого. Синий — это действительно забавный акцент. Если вам все-таки не нравится синий цвет, выбирайте волшебные. Tool, выберите его, а затем просто дайте ему другой цвет. Тебе решать. Может, что-нибудь желтое подойдет. Так что, возможно, никто этого не заметит, но это действительно забавная маленькая деталь. Что вы можете сделать, если хотите по-настоящему сойти с ума, ведь в конце концов, это было не так уж и безумно.Если вы выберете текстуру, которую мы создали ранее, например, эту. Итак, просто выделил его. Теперь мы скопируем этот и просто вставим поверх него. Вам действительно не нужно создавать новый слой. Итак, если вы, возможно, зайдете в эту библиотеку и выберете такие строки, она будет выглядеть так. Итак, что вы делаете прямо сейчас, вы растрируете это. Теперь это выглядит так, и вы собираетесь его отследить. Набросал арты, все работает, расширите. Теперь мы собираемся применить к нему градиент.Оконные градиенты такие. Переверните его, и, как вы можете видеть, если вы увеличите масштаб, он будет создавать свет, потому что это не соединение, но он будет создавать градиенты, начиная с этой точки, что хорошо, потому что вы собираетесь добавить как забавные маленькие детали. Итак, еще раз, просто примените последние эффекты и проследите их в реальном времени. Итак, я просто собираюсь попасть в F1, потому что мы записали это действие. Это немного ускорит процесс. Итак, теперь это выглядит так. Просто выберите этот цвет в качестве основного, а затем, возможно, сделайте его более оранжевым, как это.Если вы сделаете это снова, просто выберите его, скопируйте, вставьте в те же самые места и сделайте градиенты. Как видите, здесь происходит много нового. Итак, просто примените эффекты снова. F1, чтобы растрировать его, затем обведите его в реальном времени и придайте ему более темный цвет, как этот. Теперь это начинает выглядеть так. Так что это похоже на настоящую тревогу, и ты можешь продолжать это делать. По сути, вы создаете градиент, используя текстуры. Итак, теперь у вас есть что-то вроде этого. Возможно, это слишком тяжеловато.Выглядит так, как здесь выглядит, но, может, это уже перебор. Итак, еще раз, просто трижды щелкните инструментом Lasso Tool, который является Q. Выделите эти части, просто удалите их. Теперь это выглядит так. Так что, возможно, мы сможем заполнить желтые части случайным цветом. Итак, что я собираюсь сделать, это просто вернуться к цвету, потому что это основа всего, и убедиться, что каждая текстура поверх него заблокирована. Итак, нам нужен только этот цвет. Скопируйте его и создайте новый слой текстуры, подобный этому. Просто текстура, случайный цвет. Итак, вставьте его в новый слой вот так.Как видите, если я применю к нему другой цвет, возможно, вам придется переставить его, потому что он должен находиться под текстурами. Итак, перетащите его и опустите, пока не получите что-то, что выглядит правильно. Так что, думаю, я брошу это здесь. Итак, что я собираюсь сделать прямо сейчас, я вернусь к основным графическим текстурам. Я собираюсь выбрать этот, немного увеличить его. Итак, как видите, он трансформирует объект, поэтому мы этого не хотим. Итак, отключите эту опцию, и, возможно, она слишком велика, так что 200 процентов.Хит хорошо. Еще раз растеризуйте его и проследите в реальном времени с помощью действия, просто F1. Это будет покрывать все желтые части. Так что это добавит немного больше измерения и глубины. Еще раз, что действительно важно, так это то, что вам нужно перегруппировать эффект, который мы только что сделали. Итак, это командный сдвиг G. Просто нажмите несколько раз. Теперь у нас все еще есть желтые цвета, которые мы создали ранее. Итак, команды, а затем сдвиг, чтобы выбрать из них все файлы, сценарии, случайные образцы ученого. Теперь это происходит внутри желтого.Но вы все равно можете настроить цвет. Итак, если вы используете magic one two и используете желтый как основу, вы можете использовать ползунок цвета, чтобы изменить его. 11. Создание пользовательских текстур: Итак, если вы хотите добавить текстуру в окна, мы создали этот отдельный слой для окон, просто разблокируйте его, выберите все внутри слоя, а затем скопируйте его и вставьте поверх него, добавьте новый слой. . Так что просто заблокируйте слой с окнами и назовите эту текстуру windows. Так что, возможно, если вам не очень нравятся базовые текстуры, вы также можете создать свою собственную текстуру, которую я покажу вам прямо сейчас.Я собираюсь сделать это на том же слое, который мы только что создали. Так что, возможно, нам нужно что-то вроде этого, например, штрихи под углом 45 градусов, убедитесь, что это прямоугольник. Так что просто выберите его, и, как вы можете видеть, если вы выбрали, рядом с ним появляется ограничивающая рамка. Как вы можете видеть в правом углу, на самом деле ничего не происходит. Так что, возможно, мы можем добавить линию внутри этого угла, например, и, может быть, что-то вроде этого, выберите его снова, и теперь вы можете видеть, как весь прямоугольник на самом деле заполнен материалом.Это действительно просто. Просто выделите все, перетащите и оставьте на панели образцов. Итак, теперь, если вы создаете фигуру или, возможно, круг, и вы перескакиваете на панель образцов и просто выбираете ее, ваша текстура будет применена к ней, что действительно круто. Итак, мы собираемся применить это к окнам, поэтому выберите это, и теперь я просто применяю текстуру, которую мы только что создали. Еще раз то же самое, сначала растеризуйте его, проследите в реальном времени с помощью экшена. Довольно мило. Итак, теперь это просто основные линии.Что вы можете сделать, так это применить к нему градиент, чтобы сделать его немного более сумасшедшим. Так что вернитесь в окно, откройте градиенты, просто примените его, и, возможно, угол должен быть 90 градусов. Итак, это идет снизу вверх. Итак, если вы увеличите масштаб, это будет выглядеть так. Таким образом, к каждой линии применен градиент. Может быть, на этот раз мы сможем использовать другой эффект. Перейдите в Эффекты, Пикселизируйте и используйте Цветовой полутон и задайте радиус 12 пикселей. Поэтому, если вы увеличите масштаб, вы увидите, что это происходит, и поскольку мы не использовали CMYK, вам нужно вернуться к ползунку цвета.Все еще открыт для градиента, поэтому вернемся к окну градиента. Как видите, цвета слишком много, поэтому его нужно установить на ноль. Итак, теперь это выглядит так. Так что, если вы уменьшите масштаб, f понравятся эти пиксельные эффекты. Так что еще раз растеризуйте его, используя действие, которое мы записали раньше, и теперь, поскольку окна фиолетовые или розоватые, мы собираемся применить более темный цвет поверх него, внутри текстуры, и вы получите что-то вроде этого. Также вы можете сделать, когда те находятся сзади, может быть, мы сможем что-то сделать, чтобы вернуть их больше назад.Так что просто заблокируйте этот слой, как мы создали внутреннюю часть машины. Так что просто создайте новый слой поверх этого и назовите его текстурой. Теперь просто нарисуйте фигуру с помощью инструмента «Перо». Вот так, блокируя заднюю часть машины. Итак, что мы собираемся сделать прямо сейчас, мы собираемся добавить несколько точек, сделать их немного меньше, чтобы 75 процентов, как это, растеризовать их. Итак, в основном то, что мы сделали прямо сейчас, — это просто еще раз применили текстуру. Как видите, у нас много текстурных слоев. Итак, и почему мне понравились эти точки в сумке, так это чтобы вернуть назад больше на спину.Так что вы также можете делать линии, вы можете делать все, что хотите, вы можете создавать свою собственную текстуру, так что это полностью зависит от вас. Так что да, я думаю, что это похоже на конец. Может быть, мы можем добавить небольшую деталь. У него должна быть антенна. В основном это просто использование инструмента «Перо». Теперь все готово. 12. Заключительные корректировки: Итак, я думаю, что закончили с добавлением текстуры, вы можете сойти с ума и многое другое, но я думаю, что для простоты мы собираемся начать здесь, но вы можете видеть, что есть много информации происходит.Все это разные пути, это интенсивно. Если бы я был этим компьютером, я бы точно не любил. Итак, последний шаг такой, как будто вначале я говорил о твердой доске, которая на самом деле не имеет цели. Итак, если вы вернете жесткую доску с помощью ярлыка, например, Command Shift H, вы увидите, что это немного не так. Как видите, жесткая доска все еще существует, теперь мы собираемся просто изменить ее размер с помощью Shift O, так что теперь просто перетащите что-то вроде этого, на самом деле не имеет значения. Я думаю, будет весело, если мы добавим действительно простой фон, может быть цвет, может быть что угодно, поэтому в абсолютном низу слоев просто создайте фон и форму, просто прямоугольник, просто перетащите .Я думаю, это должен быть действительно светлый цвет, возможно, начать с желтого, который мы использовали, а затем просто сделать его немного светлее, может быть, немного кремового. Мы перемещаем штрих, потому что он нам не нужен. Но вы также можете сделать это с помощью инструмента «Перо», чтобы создать сумасшедшую форму на спине. Закройте его и, как я показывал вам раньше, теперь вы можете использовать базовые образцы или базовые шаблоны, которые мы использовали раньше, может быть, нам следует немного увеличить его, поэтому 200 или 150. Еще раз, просто используйте действие, которое мы создан для жизни, проследить его.Слишком много путей, как на этой иллюстрации, поэтому, если вы хотите увидеть фактические пути, просто используйте эти ярлыки Команды H. Итак, теперь он по-прежнему выбран, но ограничивающие рамки удалены, поэтому вы можете видеть все маленькие пути, выберите цвет, который мы использовали для фона, а затем, как и в случае с ползунком цвета, возможно, он должен иметь такой же голубоватый оттенок, как этот, немного уменьшите его. Так что, возможно, фон должен быть каким-то синим, а эти полутона, которые мы только что поместили перед фоном, должны быть чем-то голубым.Отлично. Теперь, если вы посмотрите на это, потому что непрозрачность составляет около 70 процентов, я думаю, как и тень от машины, мы не должны видеть точки, поэтому вы можете сделать это, выберите это, на самом деле это 60 процент непрозрачности. Если вы перейдете к объекту и просто нажмете на сглаженную прозрачность, он сделает его сплошным цветом и заблокирует любую прозрачность, так что теперь это выглядит так, но это немного странно, поэтому, возможно, он также должен быть голубоватым. Итак, что-то вроде этого, и теперь все готово. Итак, что вы можете сделать прямо сейчас, это перейти в File, Export, Export as, и теперь у вас есть как набор опций, например, просто выберите этот, так что вы хотите использовать артборды, поэтому просто я собираюсь сохранить это как jpeg и убедитесь, что этот флажок установлен, чтобы экспортировать и теперь вы можете использовать как RGB, все, что угодно, 300 PPI, просто нажмите «ОК».»Итак, это экспорт, но вы также можете просто сохранить его для Интернета, используя команду Alt Shift S. Поэтому, если я хочу сохранить его для Instagram, я просто использую JPEG, но самое интересное в этом то, что я знаю, что максимальный размер в Instagram имеет ширину 1350 пикселей. Итак, это 2096, поэтому просто уменьшите его до 1350, а затем он автоматически уменьшится. Но, соблюдая пропорции, просто хорошее качество при 100-процентной безопасности и сохраните его на рабочем столе, просто нажмите «Сохранить» «и теперь все готово. 13. Завершение: я думаю, что это все.Думаю, я показал вам кучу вещей. Самая важная вещь, о которой нужно помнить, — это сохранять простоту, а не пытаться усложнять ее. Я показал вам, как создавать экшены, текстуры, применять цвет, применять скрипты. Когда вы действительно закончите смотреть это, если вы дойдете до этого момента, вы сможете сделать что-то действительно крутое. Так что да, я с нетерпением жду результатов. Все, что мы используем сегодня, все, что я вам показал, например, исходный файл нового фургона, который мы только что создали, или файл сценария находится в ресурсах, или вы можете просто загрузить его, поэкспериментировать и использовать.Не стесняйтесь использовать все техники, которые я показал вам сегодня, для создания разных вещей. Это не обязательно должен быть фургон, и вы можете сойти с ума, просто удивить меня и загрузить его в галерею проекта. Я буду там смотреть, комментировать и давать свои отзывы. Так что да, просто поделитесь всем, что вы делаете, и я с нетерпением жду возможности увидеть все это. Спасибо за занятие. Было приятно, и я очень взволнован. Посмотрите, что вы делаете, ребята.
Как работать с текстурами в Illustrator — Medialoot
Векторные текстуры в Illustrator
Текстуры в Illustrator — это мощный инструмент, который отлично подходит для создания выразительного дизайна.В этом уроке вы изучите 2 различных основных метода работы с векторными текстурами в Illustrator. В первом случае вы примените текстуру к своему дизайну с возможностью изменения текстуры и цвета дизайна; во втором мы выбиваем дизайн с помощью векторной текстуры, сохраняя при этом возможность изменять цвет дизайна.
Но сначала, и если вы хотите следовать этому руководству в точности так, как описано, загрузите пакет векторных текстур, который вы можете найти прямо здесь, на Medialoot: Download.
Метод 1
Шаг 1
Откройте векторный файл, в который нужно добавить текстуру, и файл пакета векторных текстур в Illustrator.
Шаг 2
В файле векторных текстур выберите третью текстуру во втором ряду, перейдите в меню «Правка»> «Копировать» и затем закройте файл.
Шаг 3
Вернитесь в исходный файл векторного дизайна и выберите «Правка»> «Вставить».
Шаг 4
Выберите свой дизайн и перейдите в Object> Compund Path> Make.
Шаг 5
Не снимая выделения с дизайна, выберите «Правка»> «Копировать», а затем — «Правка»> «Вставить на передний план».
Шаг 6
Перейдите в Объект> Упорядочить> На передний план.
Шаг 7
Выделив копию вашего дизайна, удерживайте клавишу Shift на клавиатуре и выберите векторную текстуру.
Шаг 8
Выделив оба элемента, перейдите в меню «Объект»> «Обтравочная маска»> «Создать».
Шаг 9
Чтобы изменить цвет текстуры, дважды щелкните обтравочную маску, чтобы войти в режим изоляции.
Шаг 10
Выберите текстуру, установите любой цвет в окнах «Образцы» или «Цвет» и дважды щелкните в любом месте за пределами векторной текстуры, чтобы выйти из режима изоляции.
Шаг 11
Чтобы изменить цвет дизайна, просто выберите его и в окнах «Образцы» или «Цвет» установите любой понравившийся цвет.
Метод 2
Шаг 1
Еще один простой способ применить текстуру в Illustrator — выделить дизайн векторной текстурой. Для этого, когда у вас есть дизайн и векторная текстура (поверх дизайна) на одной монтажной области, выберите векторную текстуру и перейдите в Object> Compund Path> Make.
Шаг 2
Выделив векторную текстуру, удерживайте клавишу Shift на клавиатуре и выберите свой дизайн.
Шаг 3
Теперь, когда выделены оба элемента, перейдите в окно Pathfinder (Window> Pathfinder) и щелкните значок «Minus Front».
Шаг 4
Теперь вы можете легко изменить цвет дизайна, выбрав свой рисунок и любой цвет, который вам нравится, в окнах «Образцы» или «Цвет».
Шаг 5
Поскольку дизайн теперь выделен текстурой, вы также можете использовать его поверх любого цвета фона, и там, где была текстура, фон также будет виден.
Как я могу добиться такого типа текстуры в иллюстраторе?
Illustrator легко перегружается, если у вас есть что-то настолько сложное, как векторы. Каждая крупинка должна быть объектом. Вы можете создавать их с помощью распылителей, точечных кистей и трассировки растровых изображений, которые содержат шум, но, наконец, у вас все еще есть 100000 объектов вместо нескольких мегапиксельных растровых изображений. Попробуйте сначала создать текстуры в Photoshop. Если у вас достаточно высокое разрешение, вы можете использовать их в Illustrator как растровые изображения, не делая их векторными.
ВерсииModern Illustrator даже позволяют использовать растровые изображения в качестве кистей, поэтому вы можете рисовать с помощью созданных или отсканированных в Photoshop мазков настоящей кисти, пера или мелка.
Попробуем сделать в фотошопе что-то вроде луны.
Мы начинаем с темно-серого фона и заливаем круглое выделение цветом на новый слой. Диаметр круга около 350 пикселей:
Режим наложения «Растворение» случайным образом создает в слое дыры в один пиксель. Плотность отверстий увеличивается при уменьшении непрозрачности слоя:
Если мы вставим маску слоя, мы сможем легко контролировать непрозрачность, не удаляя нашу исходную форму.Легкий способ получить маску — повторно выбрать круг и щелкнуть значок «Вставить маску слоя» на панели слоев.
Здесь вставлена маска слоя, непрозрачность слоя возвращается к 100%, но маска имеет размытие по Гауссу на несколько пикселей. Это делает переход от черного к белому нечетким, а край приобретает градиент дырки:
Если мы рисуем вручную мягкой кистью с низкой непрозрачностью (несколько%), немного черного в белую область в маске, мы получаем желаемую шероховатость всей заливки. Справа также показана маска слоя:
.Вы можете настроить глубину эффекта, применив кривые к маске слоя.Чтобы сделать отверстия большего размера, используйте более низкое разрешение или закрашивайте маску полностью черными точками с помощью точечной кисти. Отверстия, создаваемые режимом наложения растворения, имеют размер 1×1 пиксель.
Вершина горы может быть выполнена в основном в виде черной фигуры на темно-сером фоне. Часть черной формы частично закрыта розовой фигурой. Все они находятся в отдельных слоях, которые полностью непрозрачны и имеют режим наложения = Нормальный.
Фигуры создаются путем заливки многоугольных выделений лассо ведром с краской.В ведре с краской был режим наложения инструмента = растворение вместо обычного. Это сделало края зернистыми из-за прозрачности краевого сглаживания.
Зернистые текстуры добавляются одна за другой. Вот они все видны:
Черная фигура имеет небольшой шум с помощью Filter> Noise> Add noise.
У розовой фигуры есть три разных рисунка, нарисованных вручную, для наложения ON_PINK. Все они сделаны вручную с помощью мягких кистей, у которых был режим наложения = Растворение.Цвета были черные, оранжевые и красные. Выделение предотвратило закрашивание границы. Выбор был сделан нажатием Ctrl + щелчок по значку РОЗОВОГО слоя на панели слоев.
На сером фоне есть красный шум. Он нарисован вручную на слой ON_GREY с помощью большой и маленькой мягкой кисти с режимом наложения = Dissolve. Маска слоя, нарисованная вручную, плавно устраняет красный шум.
ПРИМЕЧАНИЕ. Шум и растворение — плохая замена настоящей зернистой текстуры. Вы можете, например.нацарапайте какие-нибудь узоры на бумаге серым карандашом или другим инструментом. После сканирования их можно настроить контраст и раскрасить.
Как создавать с помощью Adobe Illustrator
Создание вектора зернистой текстуры отлично подходит для ретро-иллюстраций, типографики и логотипов. Кроме того, вы можете включить эти эффекты в новые привлекательные стили. Вы всегда можете сканировать похожие текстуры и отслеживать их в Illustrator, но вы можете довольно легко создать этот тип эффекта внутри Illustrator!
Окончательное изображение: вектор с зернистой текстурой
Вот пример изображения того, что могут сделать эти методы векторной зернистой текстуры.Далее в руководстве я даю краткое описание процесса.
Подробности руководства: вектор с зернистой текстурой
- Программа: Adobe Illustrator CS5 (Вы сможете создать это учебное пособие в CS4 и CS3, но некоторые изображения учебного пособия могут выглядеть по-другому.)
- Сложность: Начальный / Средний
- Охваченные темы: Эффект зерна, градиент, градиентные сетки, переходы
- Расчетное время выполнения: 15-20 минут
Зернистые текстуры
В следующих разделах я покажу вам, как создать этот вектор зернистой текстуры из нескольких различных элементов в Illustrator.По сути, вы можете создавать эти текстуры из любого элемента, который содержит градуированное значение цвета (например, градиент). Я уверен, что некоторые из вас уже разобрались с этой техникой, создав некоторые из прошлых уроков по текстурам Vectips или самостоятельно, но для тех из вас, кто еще не знал, вы должны повеселиться.
Градиенты
Базовый
Сначала градиенты. Градиент хорош для создания зернистых текстур, не требующих сложных контуров текстуры. Для начала создайте простой линейный градиент с белыми и черными ограничениями по умолчанию в прямоугольнике.Выбрав градиент, перейдите в Эффект> Текстура> Зернистость. В диалоговом окне «Эффекты зернистости» измените «Интенсивность» на 74 (вы можете поэкспериментировать с этим числом, чтобы получить желаемую зернистость), «Контрастность 50» и «Тип зерна» на «Посыпание». Вот и все! Настоящее волшебство приходит, когда вы применяете к текстуре режимы цвета и наложения.
Цвет
Вы можете изменить границы цвета в градиенте, но мне нравится размещать объект или новую заливку под эффектом зерна и устанавливать режим наложения зерна на Умножение из-за белого пространства, создаваемого эффектом зерна.Давайте посмотрим, как это сделать с помощью панели «Оформление».
Возьмите тот же прямоугольник и залейте его сплошным цветом. Во всплывающем меню панели «Оформление» выберите «Новая заливка». Выделите верхнюю копию и залейте ее линейным градиентом. Измените первый цветовой переход на белый, а второй на более темный цвет, чем ваш оригинал. Не снимая выделения с градиентной заливки, примените эффект «Зернистость» и установите режим наложения «Умножение» из элемента «Непрозрачность» под градиентной заливкой.
Градиентная сетка
Базовый
Gradient Meshes отлично подходят для создания более сложных форм с зернистой текстурой.Для начала нарисуйте абстрактную форму любым инструментом и залейте ее черным цветом. Вы можете либо выбрать «Объект»> «Создать градиентную сетку» и установить определенное количество точек, либо использовать инструмент «Сетка» (U), чтобы щелкнуть изображение, чтобы добавить точку сетки. Я использую инструмент «Сетка» (U), поэтому отмените выбор рисунка, выберите белый цвет из моих образцов и с помощью инструмента «Сетка» (U) щелкните рисунок, чтобы добавить точки. Теперь примените эффект зернистости, как раньше.
Цвет
Как и в случае с техникой градиента, сетки отлично работают с цветом внизу и режимом наложения зерна на Умножение.Начните исходную форму сплошным цветом, Скопируйте (Command + C) и Вставьте на передний план (F). Измените заливку копии на более темный цвет исходной формы, примените белые точки сетки, примените зернистость и установите значение «Умножение».
Смесь
Базовый
Blends, как правило, отлично подходят как для простого вектора зернистой текстуры, так и для сложного. На самом деле все сводится к тому, как вы работаете и что вам удобнее, но принцип почти тот же. Для примера, для создания формы, перейдите в Object> Path> Offset, залейте смещение белым цветом, выберите обе копии и перейдите в Object> Blend> Make.Наконец, примените эффект зернистости.
Цвет
Как и Gradient, и Gradient Mesh, хорошо иметь основной цвет. Как и в случае с градиентными сетками, вам понадобится копия исходной формы над цветом с более темным цветом, зернистостью и режимом наложения, установленным на Умножение.
Краткое руководство
Вот краткое руководство по использованию некоторых из этих техник векторной зернистой текстуры. Я не буду вдаваться в подробности, просто чтобы понять, как использовать эти техники в иллюстрации.
Сначала я создал эскиз, отсканировал его и обвел с помощью инструмента «Перо» (P). Затем я залил след цветом и добавил контуры с обводкой, заданные одним из новых профилей обводки Illustrator (Профиль ширины 1). Чтобы добавить глубины зернистым текстурам, я начал с линейных градиентов на коже и волосах. Я использовал смесь для текстуры лица контура и использовал градиентную сетку для воротника рубашки персонажа. Для фона я использовал крупную текстуру зерна радиального градиента.Я также использовал радиальный градиент с первым белым ограничителем цвета, вторым белым с 0 непрозрачностью, зернистостью и установил режим наложения на Overlay.
Эксперимент
Это отличная техника для экспериментов! Поэкспериментируйте с разными цветами, формами, режимами наложения и наложением текстур. Попробуйте использовать эти методы не только с иллюстрациями, но и с графическими элементами. Они отлично работают с текстом, логотипами, элементами пользовательского интерфейса и многим другим! Вы даже можете объединить эти эффекты с некоторыми другими техниками текстуры, о которых я писал.
Эти значки ссылаются на сайты социальных закладок, где читатели могут делиться и открывать новые веб-страницы.Как создавать текстуры в Illustrator — Советы Illustrator
Векторные изображения, содержащие текстуры, всегда выглядят более естественно просто потому, что все объекты, которые нас окружают, также имеют текстуры. Текстура может проявляться через шероховатость поверхности, цвет и неровность предметов. Более того, вектор с некоторой текстурой всегда выглядит профессионально, поэтому в сегодняшнем уроке мы рассмотрим несколько способов создания текстуры в Adobe Illustrator.
Предварительный просмотр окончательного изображения
Текстурное существо с бесшовными узорами
Стандартная библиотека Adobe Illustrator уже содержит большое количество бесшовных узоров, которые вы можете использовать в качестве векторной текстуры. Чтобы получить к ним доступ, перейдите, например, в Open> Swatch Library> Patterns> Basic Graphics> Basic Graphics _Textures — всплывающее меню панели Swatches (Window> Swatches).
Однако, я думаю, стандартные текстуры сами по себе недостаточно подходят для наших целей, потому что объекты, из которых они сделаны, состоят только из черного цвета; нам часто нужна цветная текстура.К тому же для текстур используются разные режимы наложения, а черный для этого плохо подходит. Чтобы изменить цвет стандартной текстуры, перетащите ее с панели Swatches на Artboard.
Изучите элементы, из которых он состоит, с помощью панели Appearance (Window> Appearance). Это необходимо сделать, чтобы узнать, нужно ли нам изменить цвет заливки или обводки. Таким образом, в этом конкретном примере элементы точечного рисунка имеют только обводку.
Выделите все объекты (Command / Ctrl + A), затем найдите на панели «Слои» нижний прямоугольник без заливки и обводки и заблокируйте его.
Замените цвет обводки, например, на серый.
Разблокируйте нижний прямоугольник без заливки и обводки; выделить все элементы узора плитки. Теперь перетащите плитку обратно на панель «Образцы».
Вы можете прочитать полную версию этого руководства на VectorCove.com
Как применить потрепанную текстуру с помощью Illustrator
Маскирование текстуры — отличный способ добавить потерянный, состаренный вид вашим векторным рисункам.В этом уроке я продемонстрирую, как с помощью Illustrator можно применить проблемную текстуру. Это можно сделать всего за несколько кликов.
Ниже приводится письменный обзор шагов, предпринятых для применения текстур в Adobe Illustrator. Для получения более подробных инструкций я бы рекомендовал посмотреть видеоурок вверху страницы.
Применение проблемной текстуры с помощью Illustrator
Следующий видеоурок проведет вас через весь процесс.Следуйте письменным инструкциям.
Adobe Illustrator обычно используется для векторного графического дизайна, но в некоторых случаях вы можете использовать растровые изображения для улучшения ваших векторных творений. Маскирование текстуры — отличный пример этого, и в Illustrator мы можем использовать маску непрозрачности для этого.
В Illustrator маска непрозрачности используется для создания областей прозрачности и непрозрачности в вашем дизайне с помощью черного и белого цветов. Черные области становятся прозрачными, а белые области остаются непрозрачными.Серые области будут иметь частичную прозрачность в зависимости от того, насколько они темные или светлые.
Первый шаг — выбрать дизайн, к которому вы хотите применить потрепанную текстуру, и сгруппировать его, нажав control + g на клавиатуре.
Теперь нам нужно открыть окно Transparency . Чтобы найти это, перейдите к Windows> Transparency .
Открыв окно «Прозрачность», убедитесь, что в меню отображается эскиз вашего дизайна.Если нет, щелкните маленький значок меню гамбургера в правом верхнем углу окна и щелкните Показать эскизы .
Теперь, когда у нас активно окно «Прозрачность», давайте определим проблемную текстуру, которую вы хотите применить к своему дизайну. Текстура должна быть черно-белым изображением. Для этой демонстрации я буду использовать следующую текстуру…
Если вам нужны проблемные текстуры, обязательно ознакомьтесь с моей коллекцией из 15 бесплатных гранжевых текстур.
Скопируйте текстуру в буфер обмена, выделив ее и нажав control + c на клавиатуре.
Теперь выберите дизайн, к которому вы хотите применить потрепанную текстуру, затем нажмите кнопку Make Mask в окне «Прозрачность». Это сделает ваш дизайн временно невидимым.
Если вы взглянете на окно «Прозрачность», то заметите, что на эскизе предварительного просмотра справа от эскиза вашего дизайна есть черная заливка.
Активируйте черный эскиз, щелкнув по нему, затем вставьте в него текстуру, нажав control + v на клавиатуре. Это добавит потертую текстуру к вашему дизайну.
Как я упоминал ранее, маска непрозрачности работает, делая черные области вашего дизайна прозрачными, а белые — полностью непрозрачными. В этом примере вы заметите, что черная область проблемной текстуры стала прозрачной на дизайне, а белые области остались видимыми.
Вы можете настроить текстуру, перемещая ее, масштабируя или вращая, так же, как и любое другое изображение.
После того, как вы настроили текстуру по своему вкусу, вы можете вернуться к работе с исходным дизайном, щелкнув предварительный просмотр эскиза дизайна в окне «Прозрачность», чтобы активировать его.
Этот метод является неразрушающим и может быть отменен в любой момент. Для этого просто нажмите кнопку Release в меню прозрачности.
Вот как можно применить проблемную текстуру в Adobe Illustrator! Если у вас есть какие-либо вопросы или вам нужны разъяснения по любому из этих шагов, просто оставьте комментарий ниже.