Уроки: Adobe Photoshop

Газетный лист

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

Для начала создайте новое RGB-изображение. Я задал размеры 400х400 пикселей.

Если вы когда-нибудь видели настоящую английскую газету, вы должны были заметить, что на самом деле она не черно-белая - газетная бумага имеет теплый оттенок. А поскольку мы хотим, чтобы было похоже, установим цвет краски как RGB (237,224,221) и фона - RGB (42,29,26).

Теперь давайте начнем.
Создайте новый слой и назовите его "Paper". Используйте инструмент выделения, чтобы выделить квадрат (или прямоугольник, это не имеет значения) немного меньше, чем наш документ. 310-325 пиксел на каждую сторону будет нормально. Залейте его нашей краской, а потом уберите выделение (Ctrl+D).

Ну вот, настало время хорошенько повеселиться. Напечатайте статью цветом фона. Times и Times New Roman - хорошие газетные шрифты. Некоторые заголовки британских газет набираются шрифтом Old English. Используйте те шрифты, которые вам кажутся более подходящими. Создайте новый слой для создания разделителей статей (линеек). Их можно нарисовать, используя иструмент рисования линий с шириной 1 пиксель и цвет фона. Размещайте статью и рисунки так, чтобы они выходили за правую и нижнюю границу газеты.

Помните, я говорил, что цвета нашей газеты не черно-белые, а имеют розоватый оттенок? Это относится и к фотографиям. Поэтому нам нужно их подредактировать. Откройте фотографию в новом окне. Конвертируйте изображение в "grayscale" (оттенки серого), и потом снова верните в RGB. Создайте новый слой и заполните его цветом краски. Выделите все, уменьшите выделение на 1 пиксель и нажмите Delete. Мы получим черные (или, я бы сказал, теплые черные) границы вокруг картинки. Склейте слои и скопируйте в новый слой нашей газеты.

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

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


НА САМОМ ДЕЛЕ фотографию сделал не японский турист, я ее взял с Dr. Ozone's Image Archives.

Если вы внимательно посмотрите на мою газету, то заметите текст и картинки на обратной стороне. Это придаст вашей газете реалистичность. Скройте слой "Front Page", а потом повторите все сначала, но теперь текст, заголовок и картинка должны быть другими. Единственная разница должна состоять в том, что граница картинки и текста должна быть справа, а не слева. Можно было бы просто дублировать слой "Front Page" и отразить его по горизонтали, но тогда газета будет выглядеть недостаточно реалистично.

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

Ну вот, мы создали обратную сторону, теперь можно склеить слои и назвать получившийся слой "Back Page". Щелкните по этому слою и переверните его по горизонтали (Edit > Transform > Flip Horizontal) и выставьте непрозрачность на 10%. Теперь сделайте слой "Front Page" видимым и двигайте слой "Back Page" так, чтобы границы текста на обоих слоях совместились.

Примечание: Следующие несколько шагов описывают метод, без которого просто невозможно обойтись - неважно, делаете ли вы газету, обрабатываете ли фотографию или имитируете листок записной книжки. Тут описывается, как сделать реалистичные разрывы бумаги.

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

Переключитесь на слой с газетой и используйте инструмент "лассо", чтобы нарисовать зубчатую линию справа и снизу изображения. Затем перейдите к левой части вырежите дырки в поле. Затем переместите инструмент к краю картинки, как можно ближе к точке, откуда вы начали выделение. Все это нужно сделать за один сеанс выделения. Теперь переключитесь на быстрое выделение ("quick mask").

Этот шаг придаст нашему рваному краю реалистичный вид. Выполните Filter->Pixelate->Cristalize со значением "3". Если я объяснил все это недостаточно понятно - посмотрите на картинку ниже.

Инвертируйте выделение, затем переключитесь к нормальному режиму выделения и нажмите Delete. Удалите это выделение не только в слое "Front Page", но и в "Back Page". Если вы также осторожны, как я (ну, скажем, как я в Фотошопе), вы можете сохранить выделение прежде чем убирать его.

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

Diameter: 20
Hardness: 90%
Spacing: 75%
Angle: 90°
Roundness: 28%

Выберите инструмент "резинка" (тот, который похож на кирпичик), и, удерживая Shift кликните и тащите кисть горизонтально вдоль верхнего края картинки. Должно получиться примерно так:

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

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

Чтобы придать нашей картинке реалистичную глубину, нужно добавить тень. Тем из вас, кто любит делать тень, используя эффекты слоя, придется пользоваться старомодным методом, если вы хотите еще сделать загиб страницы. Создайте новый слой под названием "Shadow" и заполнить его (fill) черным цветом (на этот раз совершенно черным). Выделите слой с газетой (Ctrl+клик на слое "Paper"), щелкните на слое "Shadow" и нажмите Delete. Затем выполните Gaussian blur со значением 3. Не сдвигайте пока тень, сначала создадим эффект загиба страницы.

Я делаю копию файла на этом этапе, так как сейчас нам нужно будет склеить слои. Склейте все, кроме слоя "Shadow" и фона, если он у вас есть.

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

Я очень растерялся, когда стал думать, как можно реализовать загиб страницы. И единственный приемлемый путь, который я в итоге нашел - использовать возможности displacement map. Но для начала нужно создать эту самую карту. Для этого создайте новое изображение размером 400х400 (такое же по размеру, как первое). Измените цвет краски и фона обратно к стандартным, черному и белому, без всяких оттенков.

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

Теперь выберите "Gradient editor" (нажмите "edit" на панели инструментов или, если у вас версия 6+, два раза кликните на градиенте). Установите точку смещения на 80%.

Наведите курсор на точку, находящуюся несколько ниже верхнего левого угла изображения, щелкните и тяните вниз наискосок далеко за пределы нижней границы. Нам понадобится изменить контрастность карты (Ctrl+L), чтобы получить именно тот эффект, который необходим. Нажмите кнопку "auto", чтобы контрастность стала максимальной. Затем установите Output levels на 128 и 255, чтобы изображение завернулось в одном направлении, а затем измените mid-levels так, чтобы получился хороший жесткий блок 50% серого в верхнем левом углу, который должен завернуться. Я установил mid-levels на .37

Теперь давайте размоем все это. Выполните размывание по Гауссу (Gaussian blur) со значениями 8, 4, 2 и 1, поочередно. Это должно немного скруглить загиб, так, чтобы убрать артефакты.

Примечание: Иногда у меня не сразу получается то, что надо. Мне нравится, когда получается хорошая 50% серая область в левом верхнем углу, чтобы остаток страницы не загибался. Если мой градиент не имеет такой области, приходится заливать заново.

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

Выбираем Filter > Distort > Displace..., а там выбираем dismap.psd. Устанавливаем для Horizontal Scale и Vertical scale одинаковые значения, а сами значения могут быть любыми. На мой взгляд с 50% работает хорошо, но вы можете выбрать значение чуть больше или чуть меньше.

Выбираем слой "Shadow". Используем фильтр Displacement с теми же или меньшими значениями, чем те, что мы использовали на газете, но добавьте еще минус перед значением. Я использовал -25%.

Ну вот, тень готова, но она должна смягчаться по мере отдаления от газеты. Если у вас еще сохранился наш градиент в буфере, вам везет, если же нет, придется вернуться в файл dismap.psd и достать его отткуда. Вставьте градиент в новый канал файла с газетой. Выполните Image -> Adjust -> Auto Levels на канале, чтобы увеличить контрастность (Shift+Ctrl+L). Теперь выделите этот канал.

Вернемся к палитре слоев и сделаем активным слой с тенью. Снова размываем. Выполните Gaussian blur со значениями - последовательно 8, 4, 2 и 1. Уберите выделение и выполните на весь слой тени Gaussian blur со значением 5.

Выделите все (Ctrl+A) и сдвиньте тень на 3 пикселя вниз и на 3 пикселя направо.

Помните слой с градиентом? Теперь мы его используем, чтобы придать странице реалистичный вид загнутой, а не просто деформированной. Выделите слой с газетой и удалите выделенное со слоя с градиентом. Теперь установите параметр наложения слоя с градиентом на "Overlay".

Если хотите, можете слегка повернуть слой с газетой и тенью. Для этого склейте все слои кроме фона и выполните Edit -> Transform -> Rotate. Это будет завершающий штрих.

И последнее, но не в последнюю очередь - нам нужно прикрепить обрывок к "стенке". Я воспользовался уроком с Photoshop Guru's Handbook (перевод урока на русский язык - здесь). Но вы можете вместо скотча использовать канцелярскую кнопку - воспользуйтесь любым уроком для создания кнопок и действуйте по аналогии.

Ну вот, теперь обрежьте лишние края картинки, и все готово!


Автор: Schitzoboy
Источник: GurusNetwork

71701 Автор: Перевод: RENDER.RU
Актуальность: 62
Качество: 62
Суммарный балл: 124
Голосов: 12 оценки

Отзывы посетителей:

аватар
 
Prodiggy 1 0
Мне все нрасится!
аватар
 
Matveev3d 20 0
Всё просто, но мне нравится.
аватар
 
Шипящий 2 0
Всем бы отлично, но скотч и верх газетки портят всё впечатление.
Зарегистрируйтесь, чтобы добавить комментарий.
Эту страницу просмотрели: * уникальных посетителей