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

В этом уроке вы узнаете, как создать винтажный эффект на фотографии в программе Photoshop с помощью простой техники. Я добавил эффект старой рамки на фотографию с помощью фильтра Рябь (Ripple), а также добавил эффект порванной бумаги, чтобы придать фотографии винтажный вид. Если вы хотите добавить эффект порванной бумаги к вашей фотографии за счёт одного клика, то вы можете использовать платный экшен Torn Corner Generator .

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

Итоговый результат:

Шаг 1

Винтажный эффект можно применить к любой фотографии, поэтому вы также можете использовать свою фотографию, но для того, чтобы сделать данный урок визуально более интересным, я использовал красивую фотографию девушки в стиле пин-ап, которую вы можете скачать с сайта deviantart по ссылке в начале урока. Итак, откройте исходное изображение модели, назовите слой с моделью Оригинальное изображение (Original Image). Продублируйте слой с моделью, назовите дубликат слоя Девушка (Girl).

Шаг 2

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

Дважды щёлкните по слою Девушка (Girl), чтобы применить стиль слоя Обводка (Stroke), установите размер (size) обводки примерно 15 px, размер обводки будет зависеть от размеров вашей фотографии (ширина моей фотографии 550 px). Установите следующие настройки для стиля слоя обводка, цвет обводки белый:

Шаг 3

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

Чтобы растрировать и свести содержимое всего слоя, вы можете создать новый слой ниже текущего слоя, а затем объединить оба слоя (Ctrl+E). Или вы можете выбрать лучше метод, для этого преобразуйте слой в смарт-объект. Таким образом, вы сможете применить смарт-фильтры, а также всё ещё сможете редактировать старые стили слоя.

В этом уроке для растрирования эффектов мы создадим новый слой, а затем объединим его со слоем Девушка (Girl). Назовите объединённый слой Рамка на Фото (Girl Frame).

Шаг 4

Удерживая клавишу CTRL, щёлкните по миниатюре слоя Рамка на Фото (Girl Frame), чтобы загрузить активное выделение. Далее, перейдите Выделение - Модификация (Select> Modify) и в появившемся меню выберите опцию Граница (Border). Установите значение, которое указано на скриншоте ниже.

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

Шаг 5

Не снимая активного выделения, перейдите Фильтр - Искажение (Filter > Distort) и в появившемся меню выберите опцию Рябь (Ripple). Установите настройки для создания эффекта искажения, которые указаны на скриншоте ниже. Теперь вы можете увидеть эффект рваных краёв вдоль контура рамки.

Шаг 6

Ещё раз примените фильтр Рябь (Ripple Filter), используя те же самые настройки. Вы должны получить фотографию с тем же эффектом рваных краёв.

Примечание переводчика: не забудьте применить модификацию.

Шаг 7

Залейте слой с задним фоном тёмным цветовым оттенком, а затем добавьте текстуру Старой бумаги. Расположите текстуру старой бумаги поверх слоя с задним фоном, поменяйте режим наложения для слоя с текстурой старой бумаги на Умножение (Multiply). Вы можете выбрать любую текстуру Старой Бумаги из коллекции. Я использовал текстуру старой бумаги, которую вы можете скачать по ссылке в начале этого урока. К слою с текстурой старой бумаги, добавьте корректирующий слой Яркость / Контрастность (Brightness and Contrast) в качестве обтравочной маски. Чтобы преобразовать корректирующий слой в обтравочную маску, нажмите кнопку, которая выделена красным кружком на скриншоте ниже.

Примечание переводчика: залейте слой с задним фоном тёмно-коричневым цветом.

Шаг 8

Теперь мы приступаем к созданию винтажного эффекта на фотографии, но перед тем, как мы приступим, я хочу создать эффект оторванного уголка в верхнем правом углу изображения, чтобы добавить подлинности к фотографии. Выберите инструмент Лассо (Lasso Tool), выделите верхний правый угол на слое Рамка на фото (Girl Frame). Постарайтесь сделать так, чтобы выделение выглядело реалистичным, насколько это возможно.

Шаг 9

Не снимая активного выделения, вначале нажмите клавиши (CTRL+X), а затем (CTRL+V), чтобы получить фрагмент оторванного кусочка фотографии на отдельном слое. Далее, просто сместите оторванный кусочек, а затем слегка поверните угол, чтобы получить эффект разорванной фотографии. Назовите этот слой Оторванный уголок (Torn Corner).

Шаг 10

Эффект выглядит отлично, но нам всё ещё нужно добавить глубины на край оторванного уголка, потому что фотобумага не такая и тонкая. Если вы хотите узнать больше про создание эффекта рваной бумаги в программе Photoshop, то вы можете просмотреть эти . Итак, создайте новый слой поверх слоя Оторванный уголок (Torn Corner) и с помощью кисти, цвет кисти белый, прокрасьте вдоль края уголка. Воспользуйтесь стандартной кистью Брызги или поищите кисть с гранжевым краем в Интернете. Назовите этот слой Оторванный край (Torn Edge).

К слою Оторванный край (Torn Edge), примените стиль слоя Внутренняя тень (Inner Shadow), чтобы добавить глубины. Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже.

Шаг 11

Теперь вы можете добавить эффект реалистичности на рваный край на слое Рамка на фото (Girl Frame), здесь вы можете применить Ластик (Eraser Tool), а в качестве кисти использовать ту же самую кисть Брызги, чтобы добавить реалистичности. Наша фотография должна выглядеть, как на скриншоте ниже:

Шаг 12

Выделите три слоя: Оторванный край (Torn Edge), Оторванный уголок (Torn Corner) и Рамка на фото (Girl Frame), чтобы объединить их (CTRL+E). Назовите объединённый слой Старое фото (Old Photo), а затем к этому слою добавьте следующие стили слоя: Тень (Drop Shadow), Внешнее свечение (Outer Glow) и Внутреннее свечение (Inner Glow).

Шаг 13

Теперь мы можем приступить к процессу состаривания фотографии. Как вы, возможно, знаете, старые фотографии обычно бывают одноцветные, в большинстве случаев, выполнены в сепии. Мы добавим два корректирующих слоя. Вначале давайте добавим корректирующий слой Цветовой тон / Насыщенность (Hue Saturation), чтобы уменьшить уровень насыщенности. Не забудьте нажать кнопку Прикрепить к слою Старое фото (Old Photo).

Шаг 14

Далее, добавьте корректирующий слой Фото фильтр (Photo Filter), чтобы уменьшить уровень насыщенности. Не забудьте нажать кнопку Прикрепить к слою (Clip to Layer), чтобы эффект корректирующего слоя был применим только к слою Старое фото (Old Photo).

Шаг 15

Я ещё раз использую текстуру старой бумаги, на этот раз только к слою Старое фото (Old Photo). Итак, скопируйте / вклейте текстуру старой бумаги на наш рабочий документ, расположите текстуру поверх всех остальных слоёв. Назовите слой с текстурой старой бумаги Текстура Старой Бумаги (Old Paper Layer). Поменяйте режим наложения для слоя с данной текстурой на Умножение (Multiply). Создайте активное выделение, для этого, удерживая клавишу (CTRL), щёлкните по миниатюре слоя Старое фото (Old Photo). Теперь добавьте слой-маску к слою Текстура Старой Бумаги (Old Paper Layer).

Примечание переводчика: на скриншоте ниже видно, что автор провёл коррекцию текстуры, вы также можете провести коррекцию текстуры на своё усмотрение, применив корректирующие слои Цветовой тон / Насыщенность (Hue Saturation) и Яркость / Контрастность (Brightness and Contrast) в качестве обтравочных масок.

Шаг 16

Добавьте вторую текстуру Старой Бумаги на наш рабочий документ. Поменяйте режим наложения для данного слоя с текстурой на Мягкий свет (Soft Light), а затем добавьте корректирующий слой Цветовой тон / Насыщенность (Hue Saturation) в качестве обтравочной маски, чтобы коррекция воздействовала только на данный слой с текстурой старой бумаги.

Создайте активное выделение, для этого, удерживая клавишу CTRL, щёлкните по миниатюре слоя Старое фото (Old Photo). Теперь добавьте слой-маску ко второму слою с текстурой старой бумаги.

Шаг 17

Если хотите, то вы можете добавить немного царапин и сколов; для этого, выделите все слои, а затем сгруппируйте их в одну группу. Растрируйте группу, чтобы выполнить сведение стилей слоя. Добавьте слой-маску к новому слою, а затем к маске примените фильтр Добавить шум (Add Noise filter), Эффект (amount) 100%. Примените фильтр Акварель (Watercolor), для этого идём Фильтр - Галерея фильтров - Имитация - Акварель (Filter > Filter Gallery> Artistic > Watercolor). Примените настройки для данного фильтра, которые указаны на скриншоте ниже:

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

Шаг 18

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

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

Итоговый результат:

В этом уроке мы будем создавать очень интересный эффект рваной бумаги в Adobe Illustrator. Несмотря на интересность и в некоторой степени сложность эффекта, его выполнения не займет у вас много времени. Мы будем работать с инструментами Warp/Деформация и Wrinkle/Морщины, создавать и настраивать переходы, а также работать с режимами наложения.

Результат

Шаг 1

Для начала откройте Adobe Illustrator и создайте новый документ (Cmd / Ctrl + N ). Размер рабочей области может быть любым, также как и цветовой режим (RGB или CMYK).

Шаг 2

При помощи инструмента Rectangle/Прямоугольник (M) нарисуйте прямоугольник и укажите ему заливку светло-серого цвета и отсутствие обводки.

Возьмите инструмент Warp/Деформация (Shift + R ). Настройте инструмент как показано на картинке ниже. Для того, чтобы открыть окно настроек инструмента Warp/Деформация, кликните дважды по его значку на панели инструментов, или нажмите Turn/Enter.

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

Шаг 3

Копируйте получившуюся фигуру и вставьте копию на передний план (Cmd/Ctrl + C; Cmd/Ctrl + F ). Верхнюю копию залейте вертикальным линейным градиентом от более темного серого оттенка к более светлому. Вы можете выбрать любые другие цвета, если хотите сделать бумагу цветной.

Не снимайте выделения с верхней копии и при помощи инструмента Warp/Деформация (с теми же параметрами) поднимите нижний край фигуры немного выше.

Шаг 4

Копируйте нижнюю фигуру и вставьте копию на задний план (Cmd/Ctrl + C; Cmd/Ctrl + B ). Укажите нижней копии темно-серый цвет заливки. В примере ниже верхние две фигуры сделаны невидимыми, чтобы вам было понятнее.

Копируйте нижнюю копию и вставьте копию на задний план. Укажите самой нижней копии белый цвет заливки и переместите ее немного ниже при помощи клавиш-стрелок.

Шаг 5

Выделите темно-серую и белую фигуру (две нижние) и в меню выберите Object > Blend > Make/Объект>Переход>Создать, затем выберите Object > Blend > Blend Options/Объект>Переход>Настройки перехода и укажите количество ступеней для перехода. Чтобы он был достаточно плавным, достаточно 30 шагов.

Чтобы сделать тень полупрозрачной, в палитре Transparency/Прозрачность смените Blending Mode/Режим наложения на Multiply/Умножение.

Шаг 6

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

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

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

Шаг 7

Теперь можно включить видимость остальных фигур в палитре Layers/Слои.

Если тень выглядит слишком темной, в палитре Transparency/Прозрачность снизьте параметр Opacity/Непрозрачность с 100% до 0% для белой нижней фигуры.

Шаг 8

Выделите фигуру светло-серого цвета, затем возьмите инструмент Wrinkle/Морщины и настройте его параметры как показано ниже.

Пройдитесь инструментом по нижней части светло-серой фигуры слева направо.

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

Эффект готов. Он довольно часто используется в дизайне, например, как на этом баннере:

Перевод — Дежурка

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

Шаг 1

Начнем с круга в центре холста.

Шаг 2

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

Шаг 3

Теперь самая ответственная и важная часть урока — стили слоев.
Сначала займемся Bevel & Emboss / Тиснение, потому что, как вы могли заметить, когда вы режете бумагу, край всегда немного отсвечивает и чуть прогибается.

Шаг 4

Второй этап — тени. Они дадут нам иллюзию глубины. Мы использовали для каждого круга.
Другая важная вещь — это Noise / Шум . Это добавит немного грязного эффекта, но зато при этом «материал» будет смотреться натурально.

Шаг 5

Последнее, о чем нужно позаботиться, это текстура бумаги. Для этого мы будем использовать Pattern Overlay / Наложение Узора с красивой бумажной текстурой, найденной в интернете. Берите любую! В идеале вам стоило бы сфотографировать текстуру бумаги, которую хотите задать проекту, тода он будет уникальным.

Шаг 6

Вот результат применения стилей для всех трех слоев.

Шаг 7

Теперь добавьте паттерн для бэкграунда. В центр можно добавить лого, используя те же слои, только вместо Inner Shadow / Внутренняя тень мы применили просто Drop Shadow / Тень.

Шаг 8

Добавьте новый слой поверх всех остальных и, используя Brush tool / Кисть сделайте половину розовым, половину — фиолетовым.
Затем примените маску (в качестве маски — большой круг).

Шаг 9

Измените режим наложения на Soft Light / Мягкий Свет , который повлияет только на тени и серые тона.

Финал

Итак, вы можете продублировать слои и объединить их в один, затем воспользоваться режимом наложения Color Burn / Затемнение Основы , чтобы увеличить контраст.
Результат простой, но стильный. И нам, например, очень нравится то, что получилось.

Перевод — Дежурка

А вы знаете, как можно реалистично нарисовать оборванный край бумаги? Если нет, то читайте этот простой Фотошоп урок.

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

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

Верните Лассо, клик правой кнопкой по выделению, выберите команду Образовать рабочий контур (Make Work Path). Значение допуска установите на 1px .

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

Нажмите F5 - появится окно редактирования кисти.

Перейдите в параметр Динамика формы (Shape Dynamics) и установите такие же параметры, как на изображении.

Возьмите инструмент Перо , клик правой кнопкой по контуру и выберите команду Выполнить обводку контура (Stroke Path).

Убедитесь, чтобы в появившемся окне была выбрана кисть, а опция Имитировать нажим (Simulate Pressure) была отключена.

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

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

Для создания такого эффекта создадим с помощью Лассо еще одно выделение. На новом слое (разместить этот слой нужно будет ниже красного) залейте выделение более светлым оттенком.

Снова превращаем выделение в контур.

Только что мы с вами сделали основную часть эффекта.

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

Скачать текстуру бумаги можно .

Переместите бумагу в документ. Обесцветим ее, для этого перейдите в меню Изображение - Коррекция - Обесцветить (Image > Adjustments > Desaturate).

Режим наложения измените на Умножение (Multiply)

Текстура очень плотная. Разрядим обстановку, применим команду Яркость и Контраст (Image > Adjustments > Brightness/Contrast).

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

Выделим светлый слой, Ctrl + клик по иконке слоя в палитре Слои.
Инвертируем выделение - Shift + Ctrl + I , перейдите на слой с бумагой и нажмите Delete.