Необходимо понимать технику, используемую в оформлении таких сайтов, как Slack, Hioscar, Avocode и т. д.

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

Пример 1: следы пастели/краски в Slack. Следы пастели/краски на Slack

Пример 2: шаблоны, используемые в Avocode.Шаблоны, используемые в Avocodee

Пример 3: Пастельные изображения на HioscarПастельные изображения на Hioscar

Пожалуйста, ограничьте количество вопросов до одного на вопрос. Спасибо!
@Vincent Я использовал, казалось бы, похожие методы и их примеры. Извините, если что не так
Они выглядят как векторная графика с растровым рисунком, применяемым в качестве текстуры. Здесь я отчетливо вижу повторяющийся растровый рисунок , который выглядит как скан чего-то, нарисованного на бумаге фломастером. Что вы пробовали?
Дело в том, что на данный момент нет правильного ответа на этот вопрос. Отвечающий может попытаться ответить на все три вопроса; быть абсолютно прав насчет первого, но совершенно не прав насчет второго и третьего. Вы бы проголосовали за их ответ? Понизить это? Отметить его как правильный и сигнализировать новым ответчикам: «Этот вопрос обработан, вы можете двигаться дальше»? Модель Stack Exchange очень и очень плохо справляется с вопросами, состоящими из нескольких частей.
@BillyKerr Я пытался найти «пастельные кисти для фотошопа», но, учитывая то, что вы говорите, это явно не даст правильного результата.
@ Винсент А. Честная оценка. Я постараюсь помнить об этом, задавая вопрос с этого момента. Для этого, даже если техника может приблизить меня к одному из них, это меня устраивает. Я уже задавал аналогичный вопрос раньше с несколькими примерами. Там я выбрал ответ с наиболее эффективной техникой и проголосовал за другие правильные ответы.
Есть множество методов, которые могут сработать, в том числе использование текстурных кистей. Кроме того, нет никакого способа узнать наверняка, как они были созданы. Они могли быть нарисованы в Illustrator, Photoshop или другом программном обеспечении.

Ответы (2)

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

Сделайте ненасыщенную фотографию текстуры повседневного материала. Вот 3 разных.

введите описание изображения здесь

Вставьте 2 слоя поверх слоя с текстурой:

  1. корректирующий слой кривых или уровней для получения желаемого контраста; здесь контраст снижен

  2. Слой с желаемым цветом, режим наложения Color подходит для этой цели.

введите описание изображения здесь

Найдите хорошее сочетание непрозрачности цветного слоя и контраста текстурного слоя. Все корректировки неразрушающие.

Вот скриншот настройки кривых. Примечание: переключатель «только следующий слой» включен.

введите описание изображения здесь

Вы можете сгладить результат или экспортировать в формате PNG или использовать его как есть в Photoshop при создании рисунков.

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

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

Пример:

введите описание изображения здесь

  1. Изображение текстуры импортируется в Illustrator.

  2. Рисуется цветной прямоугольник и опускается под текстуру

  3. Прямоугольники выровнены и изображение текстуры имеет режим наложения Luminosity, непрозрачность уменьшена - это происходит в панели Transparency.

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

  5. Выбирается группа и новая фигура, делается обтравочная маска. Для этого перейдите в Объект > Обтравочная маска > Создать.

Форма маски исчезает. Если вам это нужно, например, чтобы получить штрих, имейте копию. ПРИМЕЧАНИЕ. Вы всегда можете снять обтравочную маску, если хотите ее отредактировать.

Формы

Это можно сделать по-разному, но в основе каждого из них лежит:

  • Текстура
  • Наложение цвета

текстурированные формы

апельсины

Удары

  • Эффекты кисти, такие как акварельные кисти
Спасибо за ответ @Danielillo Один вопрос: при наложении цвета мы применяем какой-либо цветовой режим (например, умножение, наложение и т. д.) или просто играем с непрозрачностью?
Оба, непрозрачность и Hard Light или Multiply, но это всегда зависит от используемого цвета и интенсивности текстуры. Лучше всего настроить текстуру с помощью уровней, чтобы получить желаемый результат, а затем определить цветовую смесь и непрозрачность.
Необходимо понимать технику, используемую в оформлении таких сайтов, как Slack, Hioscar, Avocode и т. д.
СпросиСетьПолитика конфиденциальности1y, 0v