Текстуры векторные: Бесплатные векторы Текстуры, более 185 000 изображений AI, EPS

Бесплатные векторные текстуры

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

6 Abstract Vector Textures 

Textured wall 

Cardboard texture

FABRIC CANVAS TEXTURE

Grunge Overlay Texture — Vector

Grungy texture

Blue texture background with stains

Black and white grunge texture

Watercolor background

REPTILE SKIN LEATHER TEXTURE

NATURAL LEATHER TEXTURE

Old Wood Background Texture

Green Vector Paper Texture

Brick texture background 

Texture with blue paint

Vector texture

Watercolor illustration

WHITE BRICK WALL BACKGROUND

LIGHT WOOD TEXTURE

Concrete Vector Texture

Cracked Stone Vector Texture

Vector Paper Texture

LIGHT BLUE GRUNGE TEXTURE 

Автор подборки — Дежурка

Смотрите также:

• Рисуем текстуру картона в Adobe Illustrator
• Рисуем текстуру воды в Adobe Illustrator
• Векторная текстура металла в Adobe Illustrator

Коментарии запрещены.

Все о векторных текстурах | artlab.club

Меня спрашивали как делать эффект потертости в векторной иллюстрации, я долго тянула, но теперь наконец-то руки дошли и я расскажу все, что знаю. Фишка в том, что об использовании растровых текстур знают многие и с ними нет особых проблем, а вот с вектором придется повозиться, однако оно того стоит, потому что векторная текстура может сделать вашу работу необычной, добавить живости иллюстрации, да и выглядит это красиво и модно.
Есть несколько способов сделать это чудо чудесное, для использования в векторе. Во первых это свотчи. Да да обычные встроенные свотчи. Там есть уже несколько интересных готовых текстур. Для того чтобы получить к ним доступ переходим в меню Open > Swatch Library > Patterns > Basic Graphics > Basic Graphics _Textures во всплывающем меню панели Swatches (Window > Swatches).

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

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

Выделяем все объекты (Command / Ctrl + A), затем находим в панеле Layers (Слои) нижний прямоугольник без заливки и обводки и блокируем его. Заменяем цвет обводки, например, на голубой цвет.

Если вы забудете и выделите все вместе с нижним квадратом, то вполне вероятно, что увидите что-то вроде этого.

Выделяйте все, кроме нижнего квадрата и будет вам счастье.

Разблокируем нижний прямоугольник без заливки и обводки, выделяем все элементы плитки паттерна. Теперь перетаскиваем плитку обратно в панель Swatches (Образцы). Теперь стандартная текстура изменила свой цвет на тот, который нужен вам.

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

Посмотрим, какие еще есть варианты.

1. Можно делать текстуру из своего паттерна. Тут я не буду особо распространяться. кому непонятен этот шаг смотреть стоит в сторону создания бесшовных паттернов в иллюстраторе и использовать при создании однотонные узоры.

2. Можно сделать интересные текстуры из клякс и разводов. Для этого нужно трассировать выбранную кляксу. Надеюсь я как-нибудь тоже расскажу об этом поподробнее.

3. В иллюстраторе есть, так называемые, растровые эффекты. Посмотрим, как это делается. Создайте серый квадрат и зайдите в меню (Эффект > Галерея эффектов> Губка) Effect > Artistic > Sponge…, например. Смотрите в окне просмотра результат и выбирайте, что больше всего подходит к вашему рисунку. Мне не очень понравился такой большой квадрат, потом я его уменьшила, чтобы получить текстуру крупнее.

Теперь полученную текстуру надо разобрать и перевести в векторный формат, потому что сейчас она представляет собой растровый рисунок. Идем в меню Object > Expand Appearance, (Объект > Разобрать оформление) и потом трассировать, используя верхнюю панель. После этого вы можете использовать собственноручно созданную векторную текстуру. Еще можно после этих действий создать из получившегося кусочка кисть.

Кстати лайфхак: если использовать не сплошной цвет а черно-белый градиент, то у вашей текстуры будут интересные рваные края.

4. Текстуры можно делать из кистей — интересные эффекты получаются при использовании кистей, напоминающих рисунок углем или карандашом. Вам нужно просто отрегулировать кисть в окне настроек и сделать несколько росчерков. После этого вы можете использовать их или в паттерне (см. пункт 1) или по отдельности. Я например использовала текстуру кистей в этой работе (картинка кликабельна)

[необходимо войти на сайт или зарегистрироваться]

Итак я рассказала, все что знала про векторные текстуры, надеюсь это поможет сделать ваши работы интереснее. Кстати стоки очень любят такие иллюстрации, как на обложке к посту) Используйте текстуры и будет вам счастье)

%d1%82%d0%b5%d0%ba%d1%81%d1%82%d1%83%d1%80%d0%b0 PNG, векторы, PSD и пнг для бесплатной загрузки

Цвет Деревянные текстуры, векторные иллюстрации. Клипарт Изображение

Цвет Деревянные текстуры, векторные иллюстрации. Клипарт Изображение

• iStock ID
  74802627
• Размер файла
  0 байт
• Автор

  Vik_Y

Описание

Подобные клипарты

Несколько способов создания векторной текстуры в Adobe Illustrator — Советы

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

Final Image Preview

Создание текстуры при помощи seamless patterns

В стандартных библиотеках Adobe Illustrator уже содержится большое число бесшовных паттернов, которые вы можете использовать в качестве векторной текстуры. Для того чтобы получить к ним доступ переходим, например, Open > Swatch Library > Patterns > Basic Graphics > Basic Graphics _Textures во всплывающем меню панели Swatches (Window > Swatches).

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

Исследуйте элементы, из которых она состоит при помощи панели Appearance (Window > Appearance). Это необходимо сделать для того, чтобы знать изменять ли цвет заливки или обводки. Так в рассматриваемом примере элементы точечного паттерна содержат только обводку.

Выделяем все объекты (Command / Ctrl + A), затем находим в панеле Layers нижний прямоугольник без заливки и обводки и блокируем его.

Заменяем цвет обводки, например, на серый цвет.

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

К сожалению, я не получил разрешения на републикацию моего урока на русском языке. Поэтому предлагаю Вам ознакомиться с полной версией моего урока на сайте VectorCove.com

Как создать векторный эффект губки в Illustrator

Я уверен, что мы все помним рисование губкой (или картошкой!) В детстве, но в то время мы не очень ценили крутой огорченный эффект, создаваемый техникой печати. Сегодня дизайнеры и иллюстраторы стремятся добавить этот ретро / винтажный стиль к своим работам с текстурами, поэтому в этом уроке мы рассмотрим процесс создания милой иллюстрации в детском стиле с эффектом векторной губки.

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

Откройте Adobe Illustrator и залейте монтажную область коричневым прямоугольником. Используйте инструмент «Перо», чтобы примерно нарисовать контур панциря черепахи. Не беспокойтесь слишком о точных пропорциях, но убедитесь, что эти пути сделаны с большими ручками Безье для гладких кривых.

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

Добавьте четыре ноги и маленький хвост зеленого цвета, затем выберите элемент оболочки и нажмите CMD + Shift +], чтобы отправить этот предмет на вершину стека.

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

Добейте персонажа черепахи с милым выражением, используя обведенные контуры. Увеличьте вес до 7pt и выберите параметры круглой крышки.

Для создания эффекта винтажной / ретро-печати или печати нам понадобится какой-нибудь файл зернистой текстуры гранж. Увеличьте контраст текстурной фотографии или используйте готовый набор кистей, например, мои кисти для тонких зернистых фотошопа .

Скопируйте и вставьте копию текстуры зерна в Illustrator. Мы хотим, чтобы наша векторная иллюстрация была полностью векторной, поэтому перейдите в Object> Live Trace> Tracing Options, чтобы настроить параметры векторизации.

Оставьте стандартную черно-белую предустановку, но измените Path Fitting на 0px, а Minimum Area на 1px, чтобы приспособить более мелкие детали, затем проследите растровое изображение до векторной текстуры.

Перейдите в Object> Expand, чтобы преобразовать объект Live Trace в сплошные векторные элементы.

Щелкните правой кнопкой мыши и выберите «Разгруппировать», чтобы начать разделение текстурных зерен на белом фоне. Несколько раз разгруппируйте несколько раз, пока опция Разгруппировать больше не появится.

Выберите белый фон и удалите его из векторной текстуры.

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

Сделайте копию файла текстуры и масштабируйте ее по иллюстрации, затем сделайте копию прямоугольника фона и отправьте его в верхнюю часть (CMD + Shift +]).

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

Измените порядок наложения с помощью сочетания клавиш CMD + [, чтобы расположить текстуру чуть выше фонового прямоугольника, затем залейте ее белой заливкой и уменьшите непрозрачность до 15%.

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

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

Добавьте еще одну текстуру поверх тела и ног, но на этот раз не забудьте создать сложный путь из раковины, ног и хвоста. Любые группы отдельных фигур должны комбинироваться как составной путь, чтобы избежать ошибок Pathfinder.

Как только текстура была добавлена ​​в тело черепахи, отправьте элементы пластины на вершину стека, чтобы текстура не влияла на них.

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

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

Урок Adobe Illustrator: Удивительная текстурная техника для векторной иллюстрации

Создание векторной иллюстрации. Обработка иллюстрации с помощью кистей в программе Adobe Illustrator. Использование векторных текстур

Текстуры действительно могут добавить глубину иллюстрации и ощутимо повысить качество конечной работы. Это правило работает как для векторных иллюстраций, так и для растровых рисунков. В этом уроке иллюстратор Джеффри Бовмэн раскрывает секреты техник, которые он использует для создания текстур, а также объясняет, как добавить детали к своей работе.
Вы научитесь тому, как сканировать текстуры и переводить их в вектор через трассировку изображений, а также как эффективно применять их к иллюстрациям с помощью обтравочной маски. Джеффри также объяснит, как добавить видимость мазков кисти на ровных векторных краях, чтобы создать ощущение того, что работа нарисована от руки.
Вам понадобится Illustrator CS6 и 4–5 часов свободного времени

Шаг 1

Во-первых, создаем новый документ (Cmd/Ctrl + N) — у нас он формата A4. Затем намечаем область в документе, с которой мы будем работать, то есть где будут располагаться основные объекты иллюстрации. Другие элементы могут выходить за эту рамку, но мы все же создадим направляющие (Cmd/Ctrl + R), которые обозначат границы нашего рисунка.

Шаг 2

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

Шаг 3

Пришло время добавить мазки кисти на наружные края векторных фигур. На самом деле в Illustrator уже есть отличный набор стандартных кистей. Откройте Панель кистей (F5) и выберите из выпадающего меню Open Brush Library > Artistic > Artistic_ChalkCharcoalPencil.

Шаг 4

Выберите фигуру, на которую Вы бы хотели добавить эффект мазков. На панели Artistic_ChalkCharcoalPencil выберите Charcoal Pencil (Угольный карандаш). Он придаст действительно оригинальный вид рисунку.
Вы увидите, что у векторной фигуры края стали растертыми и шершавыми, в будущем при добавлении текстуры такие края как раз будут в тему.

Шаг 5

В зависимости от того, на сколько сильным Вы хотите сделать эффект мазков, Вы можете отредактировать кисть на панели Stroke — автор урока Джеффри выставил значение между 0.5 и 1pt. Такие выставленные значения кисти более уместны, ведь если переборщить с шириной, то рисунок будет смотреться неаккуратным.

Шаг 6

После того, как ширина кисти нормально отрегулирована, Вам нужно подготовить векторную форму для применения обтравочной маски (clipping masks). Это нужно сделать для добавления текстур чуть позже.
Итак, выбираем форму и нажимаем Object > Expand Appearance. Теперь стало видно, что внутри вектора три пути. Откройте панель Pathfinder (Cmd/Ctrl + Shift + F9 или Window > Pathfinder).

Шаг 7

Выберите форму и нажмите кнопку Unite на панели Pathfinder. Это наше действие объединит все три пути в одну отдельную форму.
Повторите шаги 4–7 для оставшихся элементов своей иллюстрации.

Шаг 8

А сейчас мы отвекторизуем некоторые текстуры. Сами текстуры могут быть созданы как угодно, но именно текстуры из данного примера Джеффри сделал сам, отсканировав нарисованный материал в Photoshop в черно-белом варианте.

Шаг 9

После того, как Вы подготовили свою собственную текстуру, откройте ее в Illustrator перетащив файл jpg или PSD. Текстура появится в новом документе. Откройте Панель трассировки изображения, она доступна в версии Illustrator CS6 (Window > Image Trace).

Шаг 10

На Панели трассировки изображения поставьте режим Черно-белого (режим доступен в раскрывающемся меню). Превью результата работает в режиме реального времени, так что Вы можете изменять значение Threshold чтобы проработать детали.
Когда результат трассировки Вас удовлетворит, кликните кнопку Trace. Затем нажмите Object > Expand, поставьте галочку возле Fill and Object и кликните OK.

Шаг 11

С помощью инструмента Direct Selection кликните где угодно по белому фону и нажмите кнопку Delete. Таким образом Вы уберете всю белую часть текстуры и останется только черная. Теперь скопируйте текстуру и вставьте в документ с вашей иллюстрацией.

Шаг 12

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

Шаг 13

Настало время применить обтравочную маску (clipping mask)! Эта операция вместит текстуру ровно по форме объекта. В нашем примере по форме дерева.
Обтравочная маска (clipping masks) это один из главных приемов для создания иллюстрации, так что учитесь и запоминайте.
Скопируйте основную форму и вставьте поверх всех элементов (Cmd/Ctrl + Shift + V).

Шаг 14

После того как Вы вставили вектор поверх текстуры, Вам надо перевести его в Compound Path, без этого никак. Поэтому смело нажимаем Object > Compound Path > Make (Cmd/Ctrl + 8).

Шаг 15

Убедитесь, что верхний объект выбран, а затем удерживая Shift выделите все текстуры для данного вектора. Нажмите Object > Clipping Mask > Make — или Cmd/Ctrl + 7. Если ничего не случилось, то проверьте чтобы слой с вектором, то есть деревом, был поверх всех остальных.

Шаг 16

Теперь можно переместить обтравочную текстуру на задний план, чтобы она не перекрывала другие объекты на рисунке. Используйте Cmd/Ctrl + [ или Object > Arrange > Send Backward чтобы сделать это.
Повторите шаги 9–16 чтобы закончить иллюстрацию.

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

Если остались вопросы, пишите в комментарии!

Финальная картинка

Как использовать векторные текстуры

Мы так рады объявить о выпуске нового векторного набора, Fistful T-Shirt Design Graphic Vector Set.

Этот новый векторный набор был создан новым художником Арсенала, Деддой Сутанто, и его можно найти в нашем Арсенале для покупки сейчас. Этот набор является эксклюзивным для нашего арсенала и включает 43 отдельных элемента плюс полностью завершенный дизайн. Эти элементы включают фантастический набор рамок, гербов, крыльев, рамок, пуль, звезд, декоративных элементов и т. Д.Пистолет и кулак — дополнительные элементы, дополняющие этот уникальный набор.

Купите набор Fistful Vector прямо сейчас

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

Загрузить сейчас : GoMedia_Vector_Freebie_Distressed-Vector-Texture

Шаг первый: придумайте собственный дизайн в искусственном интеллекте.

Используйте элементы из набора векторных графических изображений Fistful T-Shirt Design, чтобы создать свой собственный уникальный дизайн. (Или, если хотите, используйте полностью законченный дизайн из набора.)

Вот дизайн, который я буду использовать в этом руководстве:

Шаг второй: выберите (Ctrl + A) и сгруппируйте (Ctrl + G) все элементы вместе. Убедитесь, что ваш дизайн центрирован по горизонтали и вертикали в пределах монтажной области. Это войдет в игру позже.

Шаг третий: выберите (Ctrl + A), затем сделайте копию вашего дизайна (Ctrl + C). Поместите вашу копию рядом с оригиналом. Затем перейдите в Window> Pathfinder, чтобы открыть окно Pathfinder.

Шаг четвертый: Убедитесь, что ваша копия выделена, нажмите UNITE на инструменте Pathfinder. Ваша копия должна слиться в одну сплошную форму. Отличная работа!
Оставим это на мгновение и вернемся к нашему первоначальному дизайну.

Шаг пятый. Пришло время наклеить нашу векторную текстуру на наш оригинальный дизайн! Откройте векторную текстуру по нашему выбору в AI.
Скопируйте (Ctrl + C), затем (Ctrl + V), чтобы вставить векторную текстуру поверх вашего дизайна. Перейдите на панель образцов, чтобы изменить векторную текстуру с черной на белую и разместить текстуру там, где, по вашему мнению, она выглядит лучше всего.

Шаг шестой: Добавьте копию (т. Е. Черную фигуру) поверх исходного дизайна (и, конечно же, векторной текстуры, которую вы добавили к нему).

Как и в оригинальном дизайне, вам нужно центрировать эту форму по монтажной области. Вы также должны убедиться, что эта фигура действительно находится, так сказать, в верхней части стопки. Вы можете сделать это, выбрав его и выбрав «Объект»> «Упорядочить»> «На передний план».

Шаг седьмой: Затем выберите все (Ctrl + A) и вернитесь к инструменту Pathfinder Tool. Нажмите CROP.

Купите набор Fistful Vector прямо сейчас

Шаг восьмой: готово! Но ждать!

Шаг девятый.Давайте посмотрим, как будет выглядеть ваш недавно потрепанный дизайн на одном из наших мокапов! (Я собираюсь использовать один из наших шаблонов мокапов мужского пуловера с капюшоном и картами смещения.)

Надеюсь, вы нашли это полезным. До скорой встречи!

Купите Fistful Vector Set сейчас Получите доступ к нашей полной библиотеке всего за 15 долларов в месяц

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

Adobe Illustrator • Adobe Photoshop • Уроки Андрей Штефан • 01 сентября 2017 г. • 8 минут ПРОЧИТАТЬ

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

Это руководство поможет вам шаг за шагом изучить то, что вам нужно знать, чтобы создать свою собственную текстуру, которую вы позже сможете использовать в будущих проектах.

Почему на векторной основе? (Плюсы и минусы)

Первый вопрос, который вы можете задать: «Почему вектор?» Краткий ответ ( ПРОФИ ):

• Масштабируемость : Вы сможете повышать и понижать масштаб конечной текстуры практически до любого процента (что, вероятно, является наиболее привлекательной особенностью полностью векторной графики)
• Простота редактирования : С помощью всего одного файла у вас будет возможность изменять его (с точки зрения цвета, плотности, шероховатости и т. Д.) и сохраните его как несколько файлов, чтобы у вас были разные версии на основе исходного файла
• Придерживаясь текущего плоского стиля ( — не мое определение стиля, а просто название, которое привлекло внимание дизайнерского сообщества) : у вас будет простое улучшение дизайна (на основе одного цвета — по сравнению с некоторым растром текстуры), которые могут привнести больше в ваши творения в плоском стиле

Основным недостатком использования векторных текстур является медленное время отклика системы: Если вы начнете использовать тяжелые текстуры (с большим количеством мелких частей) и увеличите их масштаб, ваш компьютер может начать работать медленно, потому что все эти данные могут повлиять на производительность вашего процессора, но, опять же, эта ситуация возникает только тогда, когда вы сходите с ума и чертовски текстурируете свой файл Illustrator .

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

В этом уроке я буду использовать концепцию старой книги в твердом переплете из-за ее зернистости / волоконности, которая дает нам много места для опробования различных настроек после того, как она будет передана в Adobe Illustrator для векторизации.

Конструктор электронных писем

С Postcards вы можете создавать и редактировать шаблоны электронных писем онлайн без каких-либо навыков программирования! Включает более 100 компонентов, которые помогут вам создавать собственные шаблоны электронных писем быстрее, чем когда-либо прежде.

Попробуйте бесплатноДругие продукты

Шаг 1. Инструменты и ресурсы

Поскольку наши текстуры будут полагаться на преобразование и передачу реальных (физических) изображений в цифровые, нам понадобится следующее:

ИНСТРУМЕНТЫ

• Достойный принтер, способный сканировать изображения с разрешением 600 dpi: Это необходимо, поскольку мы хотим получить максимально возможное разрешение при сканировании наших ресурсов
• Программные продукты Adobe — Photoshop и Illustrator: Нам нужно будет сначала обработать отсканированный ресурс в PS, а затем переместить его в Illustrator, чтобы преобразовать его из растрового формата в векторный (в моем случае я буду использовать CS6)

РЕСУРСЫ

• Книги в твердом переплете: Для использования в качестве примера для текстуры

Как видите, «ингредиенты» просты, но это не значит, что наш конечный продукт не будет выглядеть так хорошо, как все другие примеры, которые мы могли видеть и использовать.

Шаг 2. Начать сканирование

Выберите книгу или несколько книг и отсканируйте настоящую обложку. Я использую HP Photosmart C4780; у каждого из вас будут разные принтеры, но у большинства из них будет возможность выбрать одни и те же настройки:

• Сканировать изображение и сканировать документ: Честно говоря, мне еще предстоит увидеть какую-либо огромную разницу в случае обложек книг, поэтому мы можем использовать любой из них (попробуйте оба, и если вы заметите какие-либо видимые различия в качестве в зависимости от вашего сканера; выберите лучший).
• Тип вывода цвета: Вы должны увидеть варианты — Цвет, Оттенки серого и Черно-белый — мы обработаем изображение в PS, вы можете оставить его на ЦВЕТ.
• Тип файла: Различные форматы, такие как Bitmap, Tiff, Jpeg, PNG и т. Д. . Хотя Jpeg является одним из наиболее распространенных используемых форматов, в основном это сжатие цифровых изображений с потерями, что с точки зрения качества означает, что оно не даст вам наилучшего качества изображения; формат Tiff даст вам лучшие изображения, потому что он не жертвует пикселями для получения небольшого файла размером .Для наших целей сохраним просканированный ресурс как файл Tiff .
• Выходное разрешение: Установите не менее 600.
• Сканировать с более высокой битовой глубиной: Если у вас есть эта опция (в расширенных настройках изображения для владельцев HP), вы получите продукт более высокого качества, включив ее.

Совет: Y Вы можете узнать больше о лучших форматах для сканирования, прочитав эту замечательную статью ( https: //www.scantips.com / basics09.html ). Кроме того, если ваша книга в конечном итоге будет держать верхний лоток сканера открытым, попробуйте накинуть на нее футболку или что-то еще, чтобы не проникал внешний свет.

Шаг 3. Импорт и настройка в Photoshop

Первое, что вам нужно сделать при импорте отсканированного файла в Photoshop, — это кадрировать, чтобы удалить свободное место на планшете сканера. Выберите инструмент Crop Tool (C) и Unconstrained в верхнем левом раскрывающемся списке, чтобы вы могли подогнать документ под размеры фактической обложки книги (в моем случае красную, которую вы видите ниже).

После кадрирования файла преобразуйте цвет в оттенки серого. Перейдите в меню Image> Mode> Grayscale или Image> Adjustments> Desaturate (оба дают одинаковый результат) .

Теперь, когда у нас есть обложка книги в оттенках серого, увеличьте яркость и контраст , чтобы мы могли лучше видеть различия в неровности поверхности (те волокна, о которых я вам говорил). Перейдите в Image> Adjustments> Brightness / Contrast и поиграйте со значениями, чтобы получить более глубокие тени.

Также, в зависимости от обложки, вы также можете играть с:

• Уровни (Изображение> Коррекция> Уровни): Для получения более темных теней
• Кривые (Изображение> Коррекция> Кривые): Что дает более интересный баланс между светом и тенями

Как только мы получим хороший контраст, мы сохраним его как Tiff с другим именем (у меня обрезанная обложка книги — ненасыщенный ) и импортируем в Illustrator.

Шаг 4. Импорт и векторизация в Illustrator

Щелкните правой кнопкой мыши ранее сохраненный файл и выберите Открыть с помощью> Adobe Illustrator . Программа должна запуститься, и у вас будет артборд с отсканированным ресурсом одинакового размера. Если вы хотите создать новый документ в Ai и затем разместить изображение, убедитесь, что у вас не установлен флажок Align New Objects to Pixel Grid , поскольку это может привести к более длительному процессу создания фактической векторной текстуры.

Теперь, когда у вас есть отсканированная текстура в Illustrator, убедитесь, что у вас открыто окно Image Trace . Перейдите в Window> Image Trace , и он должен появиться на правой панели инструментов. Выделив изображение, щелкните значок Trace , и появится новое меню.

Подсказка: В зависимости от размера изображения Illustrator может предупредить вас о необходимости растрировать файл. Если вас спросят, нажмите ОК.

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

• Предустановка: В Illustrator есть несколько предустановленных предустановок, которые вы можете использовать, но вы также можете добавить к ним, если найдете тот, который может подойти для других проектов.
• Вид: Как описано на официальной веб-странице Adobe, этот параметр задает вид отслеживаемого объекта. Объект трассировки состоит из двух компонентов: исходного исходного изображения и результата трассировки (который является векторной иллюстрацией).Вы можете просмотреть результат трассировки, исходное изображение, контуры и другие параметры. Щелкните значок глаза, чтобы наложить выбранный вид на исходное изображение — довольно понятно.
• Mode: Определяет цветовой режим для результатов трассировки — выберите Black and White .
• Порог: Значение контролирует способ создания результатов черно-белой трассировки из исходного изображения — в то время как меньшее значение покажет больше белых пикселей, более высокое будет покрывать их большим количеством черных, давая вам возможность поиграть.
• Пути: Управляет расстоянием между очерченной формой и исходной формой пикселя. Более низкие значения создают более плотную подгонку пути, в то время как более высокие значения создают более свободную подгонку пути — в моем конкретном случае я заметил, что, выбрав более высокое значение 100, я действительно получил более интересную текстуру, чем с более низким, поэтому вы всегда должны играть со значениями, чтобы увидеть, что лучше всего подходит для вашего изображения.
• Углы: Влияет на форму углов.Например, если вы хотите, чтобы ваша трассировка была более грубой, вам следует выбрать более высокие значения, но если вы хотите более мягкое ощущение, вы должны придерживаться более низких значений — в моем случае я выбрал значение 0 (нет).
• Шум: Более высокие значения уменьшают количество игнорируемых пикселей (которые вырезаются), в то время как более низкие значения показывают большее количество пикселей — поэтому, если вы хотите получить более подробную информацию, выберите более низкое значение .

Это основные настройки, которые вы должны учитывать при создании векторной трассировки вашей текстуры.Играя со значениями, не забудьте установить флажок Preview , чтобы вы могли видеть преобразования в реальном времени.

Если у вас есть что-то, что, по вашему мнению, подходит для вашего проекта, нажмите кнопку Expand , расположенную на верхней панели инструментов.

Шаг 5. Очистка нашей векторной текстуры

Теперь, когда у нас есть векторизованная текстура, нам нужно избавиться от всего этого белого. (Это, наверное, самая легкая часть процесса.)

Сначала выберите всю группу, щелкните правой кнопкой мыши и выберите Разгруппировать . Все должно быть выделено как отдельные объекты. Выделите все белые части. Сделайте это, выделив только один белый объект, а затем перейдя в Select> Same> Fill Color , а затем просто удалите их с помощью DEL .

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

Шаг 6: Применение только что созданной текстуры

Теперь, когда вы создали свою текстуру, вы можете спросить, как вы на самом деле ее используете. Когда вы используете его в качестве фона, вы просто копируете + вставляете и выравниваете его, чтобы получить желаемый эффект. Но когда вы хотите добавить его к объекту, вам нужно будет создать обтравочную маску и применить ее к фактической текстуре. Для этого скопируйте объект, к которому вы хотите применить текстуру, и вставьте его выше. Затем выберите текстуру и дубликат объекта и щелкните правой кнопкой мыши > Создать обтравочную маску .Возможно, вы захотите сгруппировать обрезанную текстуру с объектом под ней, чтобы, если вы переместите ее, вы переставили их обе одновременно.

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

Вот и все!

Если вы правильно выполнили описанные выше шаги, у вас должна быть классная текстура, которую можно использовать с любым векторным или растровым проектом.

Нравится то, что вы читаете? Подпишитесь на наши главные новости.

векторных иллюстраций: создание текстур в 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. Блокировка цвета: Итак, теперь, когда у нас есть контуры, это, по сути, следующий шаг применения цвета. Так что я думаю о своей цветовой палитре очень просто. Я перехожу в «Окно», выбираю «Цвет», и теперь появляется это окно, и если вы щелкнете по нему, вы увидите ползунки. Так что это не та цветовая схема, которую я всегда использую. По сути, это похоже на внутреннее ощущение, и затем, если это кажется правильным, это кажется правильным, и я собираюсь выбрать Контуры.Я собираюсь придать ему этот голубоватый цвет, вот так. Обычно я не использую черные контуры, потому что мне кажется, что контраст между черными контурами и реальным цветом на иллюстрации слишком тяжелый. Первое, что я делаю, это выделяю все контуры, собираюсь скопировать их и создать новый слой под названием Back up. Я просто собираюсь вставить все контуры внутри этого слоя, спрятать его и просто перетащить вниз. Причина, по которой я это делаю, заключается в том, что всегда хорошо иметь резервную копию фактических штрихов, потому что, если вы работаете с контурами, будет намного сложнее их настроить позже.Итак, теперь я выделяю все контуры, перехожу к объекту и использую инструмент «Разобрать внешний вид», потому что мы применили множество профилей к разным обводкам, и мы хотим их расширить. Вот так, и следующим шагом будет выбор всех контуров и путей, которые мы только что создали. Зайдите в Объекты, Живые краски, Сделайте. Разверните «Внешний вид». Это происходит в том случае, если вы применяете профиль к обводке и хотите выполнить «живую» раскраску, это невозможно, потому что «быстрая покраска» уничтожит все профили.Значит нужно расширять внешний вид. Итак, если у вас есть линия с примененным к ней профилем, просто нажмите «Развернуть внешний вид», и обводка преобразуется в контур. Как видите, если вы создадите 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, и это способ создать пресет. Это может занять много времени, потому что вы, по сути, будете делать одно и то же снова и снова. Если вы хотите вживую отследить это, я думаю, что есть простое решение. Вы можете просто создать действие. Итак, если вы выберете фигуру, перейдите в Window, Actions, и прямо сейчас мы собираемся создать новую папку под названием 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. Завершение: я думаю, что это все.Думаю, я показал вам кучу вещей. Самая важная вещь, о которой следует помнить, — это сохранять простоту, а не пытаться усложнять ее. Я показал вам, как создавать экшены, текстуры, применять цвет, применять скрипты. Когда вы действительно закончите смотреть это, если вы дойдете до этого момента, вы сможете сделать что-то действительно крутое. Так что да, я с нетерпением жду результатов. Все, что мы используем сегодня, все, что я вам показал, например, исходный файл нового фургона, который мы только что создали, или файл сценария находится в ресурсах, или вы можете просто загрузить его, поэкспериментировать с ним и использовать.Не стесняйтесь использовать все техники, которые я показал вам сегодня, для создания разных вещей. Это не обязательно должен быть фургон, и вы можете сойти с ума, просто удивить меня и загрузить его в галерею проекта. Я буду там смотреть, комментировать и давать свои отзывы. Так что да, просто поделитесь всем, что вы делаете, и я с нетерпением жду возможности увидеть все это. Спасибо за занятие. Было приятно, и я очень взволнован. Посмотрите, что вы делаете, ребята.

Набор текстур

Diet Vector — Design Cuts

Получите 100 разнообразных текстур без сбоев для Adobe Illustrator.Никогда не беспокойтесь о сбое Adobe Illustrator, когда вы снова добавляете текстуры. Включает 4 уникальных пакета, которые включают в себя тонкие текстуры, текстуры гранжа, текстуры полутонов, текстуры бумаги и многое другое.

Мне нравится работать в Illustrator, за исключением одного; Ненавижу добавлять текстуры в Illustrator. Да, ты знаешь почему … Из-за этой прялки смерти! Он появляется тогда, когда я меньше всего этого ожидаю, и полностью разрушает мой поток. И это всегда происходит, когда я забываю сохранить свою работу! Так что после особенно травмирующего события Illustrator / текстуры / сбоя мне было достаточно.Так что я начал ломать голову, пытаясь придумать способ решить эту проблему. Я искал в Интернете различные решения и нашел одно, которое мне понравилось. Я видел много экранных принтеров, использующих его, и это просто устранило всю проблему сбоя Illustrator. Итак, я сделал флагманский пакет и назвал его Diet Vector Textures. Диета, потому что текстуры очень легкие и не раздувают (и не ломают) Illustrator.

Вот что мне нравится в этом наборе:

• Вы можете просто вставить одну и сразу получить вкусную текстуру
• Легко изменять размер и настраивать их, чтобы точно контролировать, где применяется эффект
• Сложите их, чтобы сделать безумные текстуры
• Отлично подходят для трафаретной печати или цифровой работы, потому что они ‘ повторное высокое разрешение (4000 на 4000 пикселей)

Включает 15 высокого разрешения.Файлы TIFF, которые можно легко перетащить в иллюстратор и изменить цвет одним нажатием кнопки. Эти файлы очень легкие, гарантированно не приведут к аварийному завершению работы Illustrator и отлично смотрятся в вашей работе.

В этот набор входит:

• 100 сверхлегких текстур, которые не приведут к сбою Illustrator (файлы .TIFF)
• 4 уникальных пакета — каждый с инструкциями
• Простое изменение цвета с помощью инструмента Eye Dropper Tool для выбора цвета
• Высокое разрешение для проектов большие и маленькие (4000 на 4000 пикселей)
• Легко понять.Инструкции в формате PDF с изображениями
• Сделано в моем гараже с помощью картона, чернил, наждачной бумаги и старых инструментов (моя жена думала, что я схожу с ума)

Совместимость программного обеспечения: Adobe Illustrator CS2 и новее. Файлы .TIFF работают с большинством графических программ.

Этот продукт изначально был представлен в The Complete Textures and Patterns Collection

.

Как легко добавить классную винтажную текстуру в векторную иллюстрацию — Medialoot

Текстуризуйте свои векторные изображения

Сделайте векторное изображение от мрачного до гламурного, научившись добавлять текстуру в Illustrator.Добавить текстуру к плоскому изображению в Photoshop очень просто — но что, если у вас есть векторный логотип или иллюстрация, которые вы не хотите растрировать, но все же хотите дать ощущение «Я мастер Photoshop»?

Знание того, как добавить текстуру к логотипу или иллюстрации в Adobe Illustrator, — лучший способ поднять вашу работу на новый уровень и выделить ее, особенно если вы работаете над проектом, который требует винтажного, выцветшего ощущения. .

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

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

Пакетов текстур, которые вы можете скачать

Пакеты текстур

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

Пакет полутонов

Прежде всего, это векторная полутоновая текстура. Полутона идеально подходят для этого винтажного стиля трафаретной печати. Это традиционно то, как дизайнеры с очень ограниченным количеством доступных цветов (например, трафаретные принтеры) создают эффект градиента, и с годами они стали синонимом той особой эстетики трафаретной печати, которую мы все знаем и любим.

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

Комплект для защиты от пыли и шума

Второй эффект — это наш пакет текстур пыли и шума. Как следует из названия, он придаст идеальное количество пыльной, шумной зернистости вашим векторным иллюстрациям и действительно придаст им подлинный винтажный вид.

Как создать собственную винтажную векторную текстуру (вместо загрузки одной)

Если вы действительно хотите сделать все своими руками в применении винтажных векторных текстур к своим иллюстрациям или логотипам, есть несколько приемов, которые вы можете использовать, чтобы создать свои собственные. Я собираюсь показать вам тот, который мне подходит. В этом примере я создам имитацию логотипа обжарщика кофе и наложу на него текстуру. Давайте начнем.

1. Найдите подходящую фотографию

Сначала давайте найдем хорошую базовую фотографию, из которой мы сделаем текстуру.Я думаю, что крупные планы бетона хорошо подходят для создания эффекта винтажной текстуры, к которому мы стремимся. Я нашел этот, который мы можем использовать сейчас. Загрузите его и перетащите в Illustrator.

2. Создайте или откройте базовый логотип

Я сделал логотип для созданной мной компании по обжарке кофе. Я называю это «Industria Coffee Roasters» (это на латыни означает «энергия», поэтому я подумал, что это подходящее название). Вы можете назвать свою компанию как угодно или следовать моим указаниям.

Чтобы создать быстрый логотип, который будет сопровождать вас, вы можете использовать Gilded Hand для слова «Industria» и Viro для слов «ростеры кофе».»Скопируйте и вставьте конкретное изображение в проект логотипа. Отнесите его к краю холста и, удерживая нажатой клавишу Shift, перетащите его вниз до размера, значительно меньшего, чем сам логотип. Что-то похожее на приведенное выше — нормально.

Вы действительно можете сделать это с любым логотипом, поэтому, если у вас есть тот, который вы хотите использовать, не стесняйтесь!

3. Векторизация конкретного изображения

Выберите конкретное изображение и перейдите в Window -> Image Trace. Установите флажок «Предварительный просмотр» и нажмите раскрывающийся список «Дополнительно», чтобы отобразить все доступные параметры.Нажмите «Игнорировать белый». Изображение теперь будет выглядеть так, а после его расширения будет векторизовано и полностью масштабируемо.

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

Порог: 75
Пути: 100%
Углы: 0%
Шум: 9 пикселей

Вот как это должно выглядеть сейчас:

Нажмите поле «Развернуть» на верхней панели, чтобы закрепить вашу работу.Выберите только что созданное изображение и разгруппируйте его (Объект -> Разгруппировать).

4. Отредактируйте векторизованное конкретное изображение

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

Выделите пиксели вокруг этой области и сгруппируйте их, используя Object -> Group. Отодвиньте группу от остальной части изображения.

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

5. Поместите текстуру поверх логотипа

Создайте от трех до пяти копий текстуры и перетащите их поверх логотипа на холсте, чтобы они покрыли все.Старайтесь не слишком их перекрывать или слишком сильно разделять. Мне потребовалось около 5 копий оригинальной текстуры, чтобы покрыть весь логотип.

6. Сгруппируйте кусочки текстуры вместе

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

После того, как они сгруппированы, нажмите control / command и «X», чтобы удалить зернистость и скопировать ее в буфер обмена.Не волнуйтесь, это не навсегда. Мы собираемся установить текстуру непосредственно на логотип, используя маску непрозрачности (она похожа на маску слоя Photoshop, но работает немного иначе).

7. Создайте маску непрозрачности

Выберите логотип и откройте окно «Прозрачность» («Окно» -> «Прозрачность»). Нажмите «Создать маску» и снимите флажок «Обрезать». Вы должны увидеть два прямоугольника в окне — по обе стороны от небольшого значка цепочки. Тот, что слева, должен быть выделен.Щелкните другое поле справа (это ваша маска). Как только он будет выделен, нажмите Command / Control «V», чтобы вставить текстуру в эту область. Возможно, вам придется переместить его, чтобы он полностью располагался над логотипом. Щелкните «Инвертировать маску», затем выберите обратно из поля «маска» и снова щелкните поле, содержащее изображение основного изображения. Все готово. Вы должны иметь возможность перемещать текст по своему усмотрению, а текстура останется поверх него.

Поздравляю, вы только что создали свою собственную песчаную текстуру с нуля.Хорошо то, что он полностью векторизован, поэтому вы можете установить любой размер, который вам нужен или нужен. Однако недостатком является то, что создание такой векторной текстуры может привести к большим размерам файлов, которые замедлят работу вашего компьютера.

Есть способ добиться аналогичного (но не векторизованного) конечного результата с помощью кистей Photoshop, но это другой урок. А пока вы можете поднять свои логотипы на новый уровень с помощью оригинальных самодельных векторных текстур!

Как создавать с помощью 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.

Эксперимент

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

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

Простые способы добавления текстуры в векторную графику в Photoshop

Добавьте потертости и текстуры вашей векторной графике с помощью этих советов

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

На следующих нескольких этапах я продемонстрирую, как быстро и легко применить текстурированные элементы к плоской векторной графике в Photoshop, от простых до более сложных параметров маски слоя.

01. Применение общей зернистости

Один из самых простых способов добавить общую тонкую текстуру к вашей работе — это применить к ней фильтр зернистости пленки, который уберет резкую чистоту векторов. Начните с открытия векторного файла в Photoshop, просто перетащив Ai-файл на значок PS или скопировав и вставив элементы поперек.

Создайте новый слой в верхней части стопки слоев и залейте его белым цветом. Убедившись, что вы работаете в режиме RGB, перейдите в галерею фильтров и в художественном меню выберите зернистость пленки. Регулируйте ползунки, пока не будете удовлетворены результатами, и примените фильтр.

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

02. Применение пользовательской общей грубой текстуры (i)

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

Начните с преобразования документа в оттенки серого, а затем перейдите на панель уровней в разделе Изображение> Коррекция.Теперь просто увеличьте контрастность черно-белого изображения с помощью ползунков, помня о том, что чем более контрастным и шероховатым вы сделаете бумагу, тем интенсивнее будет текстурированный эффект.

03. Применение пользовательской общей грубой текстуры (ii)

Теперь просто вставьте текстуру поверх любого существующего документа, который может вам понадобиться, чтобы применить текстуру. В этом случае я снова выбрал мягкий свет в качестве режима наложения, поскольку он смешивает текстуру с цветом фона, а не Умножение, которое просто накладывает черно-белое изображение.В этом случае я также нажимаю Cmd + I , чтобы инвертировать текстурное красное изображение так, чтобы более темные области были в середине, а более светлые — снаружи изображения.

04. Применение текстур к отдельным элементам с использованием масок слоя (i)

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

Теперь перейдите к PSD и конкретному слою, на который вы хотите повлиять с текстурой.Выберите слой и нажмите «Добавить векторную маску» внизу панели слоев.

05. Применение текстур к отдельным элементам с использованием масок слоя (ii)

Теперь, когда мы применили маску слоев, щелкните миниатюру маски слоя, удерживая Alt , чтобы отобразить только маску слоя. Теперь мы можем вставить слой текстуры в маску слоя, и черные текстурированные области будут выбиты из слоя. Просто Alt + щелкните еще раз, чтобы увидеть эффект.Чтобы переместить текстуру внутри слоя, просто снимите выделение со значка связи между миниатюрой слоя и миниатюрой маски слоя.