«Большой эффект гримуара» в фотошопе


14

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

Чтобы показать несколько примеров:

https://upload.wikimedia.org/wikipedia/commons/b/b5/Grand_Pentacle_de_Salomon_from_1547_French_edition_of_Heptameron.png

  • Линии не совсем прямые, несколько хитрые.
  • Части линий слабы или полностью отсутствуют.

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

  • Качество всего этого ужасно.

Что у меня сейчас есть:

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

  • Как вы видите, вещь нарисована краской. Следующий немного лучше.

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

  • Шрифт дрянной и не архаичный. Мне может понадобиться правильный шрифт.
  • Линии слишком чистые.
  • Картина слишком чистая в целом.

Мои вопросы

  • Как добиться эффекта, который делает линии тусклыми и слабыми?
  • Какой шрифт я должен использовать, который похож на тот, что на первом примере изображения?

3
У вас есть вопрос?
— Райан

Я бы не использовал Photoshop для создания похожих изображений. Illustrator или Inkscape - лучшие варианты .... А я второй Райан ... в чем вопрос?
— Скотт

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

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

Первое изображение нарисовано от руки. Вы пробовали это? Нарисуйте его, отсканируйте его, отследите, чтобы создать векторы. Один из способов подделать внешний вид - увеличить; размытие; уменьшить. Плохой вид переноса чернил может быть легко достигнут путем применения маски слоя.
— Йорик

Ответы:


24

Я бы использовал Illustrator для этого. Создание путей, установка типа и т. Д. В Illustrator проще, чем в Photoshop.

Просто создайте свои базовые фигуры, объедините их. Используйте, Object > Expandчтобы превратить штрихи в формы, затем используйте, Effect > Distort & Transform > Roughenчтобы добавить немного жизни к прямым формам. И, наконец, если хотите, добавьте маску непрозрачности ( 1 ), ( 2 ), чтобы создать выпадающие области.

введите описание изображения здесь
Щелкните правой кнопкой мыши / Control-Click и выберите «открыть изображение в новой вкладке / окне», чтобы увеличить его.

Что касается шрифта, ну, это шрифт с засечками. Какой из них по вашему выбору. Приклеивание с гуманистическим засечками, вероятно, будет больше соответствовать образцу - такие вещи, как Garamond, Goudy и т. Д.


2
Я бы на самом деле пошел с проблемным шрифтом, чтобы продолжить (гораздо меньше работы таким образом); IM Fell Pro, вероятно, будет достойной отправной точкой (это проблемный Palatino старого стиля).
— Стэн Роджерс

Любой шрифт будет работать, если он установлен до применения маски непрозрачности. маска также будет беспокоить тип. Но проблемный шрифт также подойдет.
— Скотт

Давайте смотреть правде в глаза; ручное огорчение всех букв на заостренном лице - это ОЧЕНЬ больше работы, чем замена пары букв в слишком сжатом (буквально используемом за пределами его лучшего до даты) шрифте. Начинать с чего-то, что разработано, чтобы выглядеть новым, просто сделать работу тяжелой и трудоемкой без веской причины. Это безответственно как в качестве подрядчика / предпринимателя, так и в качестве предложения для кого-то другого.
— Стэн Роджерс

2
Хм .. вы знакомы с непрозрачными масками и как они работают? Я добавил тип к изображению выше - просто стандартный ITC Stone Informal. Это не требует никакой дополнительной работы. И, как я уже писал, вы можете использовать проблемный шрифт, если хотите. Смысл того, что мои предложения «безответственны», откровенно смехотворен. Опубликовать свой ответ, Стэн.
— Скотт

Результаты на удивление хорошие после некоторой настройки. Большое спасибо!
— Скоро,

28

Вот один из способов имитировать плохое сканирование старого документа. Я использую GIMP здесь, но вы должны быть в состоянии сделать все эти шаги в Photoshop тоже.

Шаг 1: Начните с подходящей картинки.

Шаг 1 создания поддельного отсканированного гримуара в GIMP

Если вы пытаетесь подражать старому рукописному документу, помните, чтобы не быть слишком точным. Линии, расположенные вручную, изменяют размер шрифта (и / или используют несколько шрифтов), поворачивают или растягивают отдельные буквы, возможно, даже применяют небольшое перспективное преобразование к целым абзацам текста, чтобы сделать линии немного наклонными. Картинка выше - просто быстрый тест.

Шаг 2: Шуметь.

Шаг 2 создания поддельного сканированного гримуара в GIMP: пошуметь

Создайте новый слой и залейте его процедурным шумом. Здесь у меня есть смесь низкочастотного шума (генерируемого с помощью фильтра Render → Solid Noise ) для имитации неплоской поверхности бумаги и высокочастотного шума (генерируемого с помощью Noise → RGB Noise ) для имитации зерна и царапин на бумаге. Оглядываясь назад, я, вероятно, должен был сделать низкочастотный шум еще более низким по частоте, но этого достаточно для быстрой демонстрации.

Шаг 3: Смешайте рисунок с шумом.

Шаг 3 создания поддельного отсканированного гримуара в GIMP: смешайте рисунок с шумом

Здесь я просто установил непрозрачность слоя шума на 50% и сгладил все изображение для следующего шага.

Шаг 4: Размыть все немного.

Шаг 4 создания поддельного отсканированного гримуара в GIMP: размыть все

Это может быть неочевидно из конечного результата, но на самом деле это решающий шаг к тому, чтобы сканирование выглядело реально плохо. По сути, мы размываем изображение, чтобы имитировать несовершенную оптику в сканере. Здесь я применил размытие по Гауссу с радиусом 2,0 пикселя, но вы можете поиграть с радиусом, чтобы точно настроить результаты.

Шаг 5: Настройте уровни.

Шаг 5 создания поддельного отсканированного гримуара в GIMP: отрегулируйте уровни

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

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


+1 Я бы добавил еще один плюс, если бы был добавлен лен или провисание.
— Йорик

+1 для показа Gimp легко справиться с задачей сделать это так же быстро, как в Illustrator, и я лично считаю, что этот дизайн выглядит как минимум таким же реалистичным, как тратить кучу бумажных сканирующих копий сканов.
— phyrfox

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

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

16

которые выглядят как результат очень плохого сканирования

Там твой ответ.

Создай свой знак, затем отнеси его Кинкосу. Найдите самый грязный копировальный аппарат и сделайте копию. Затем сделайте копию копии. Тогда, возможно, смять / разложить копию и сделать копию этого. Продолжайте, пока все не будет выглядеть так, как вам нравится.

Затем отсканируйте это обратно.


2
это очень много.
— Райан

Это то, что я рассмотрел, и я, возможно, попробую некоторые изображения. Спасибо.
— Скоро,

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

Некоторые люди сделали всю карьеру с помощью этой техники: en.wikipedia.org/wiki/Art_Chantry
— DA01

2
Да, но ... экологически недружественный. Почему бы просто не смоделировать сканы, повторяя их снова и снова, пока не получите желаемый результат? Убедитесь, что вы используете настройки факса низкого качества.
— phyrfox
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.