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


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.