Эффект разорванной бумаги в фотошопе. Оборванный край

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

Шаг 1.
Создаем в фотошопе новый документ размером 1280 x 1024 пикселей, заливаем черным цветом.

Шаг 2.
Воспользуемся «Фильтр» (Filter) > «Шум» (Noise) > «Добавить шум…» (Add Noise…) .

Шаг 3.
Получили такую текстуру фона.

Шаг 4.
Посередине выделяем область.

Шаг 5.
Нажимаем на клавиатуре Q, для перехода в режим быстрой маски.

Шаг 6.
В меню выбираем «Фильтр» (Filter) > «Оформление» (Pixelate) > «Кристаллизация» (Crystallize) со значением 3.

Шаг 7.
Снова нажимаем Q для выхода из режима быстрой маски. Получили выделенную область с рваными краями.

Шаг 8.
Создаем новый слой и заливаем выделенную область белым цветом. Сразу же делаем еще 2 дубликата этого слоя и пока отключаем их.

Шаг 9.
Нижний слой с помощью стиля слоя «Наложение цвета» (Color Overlay) окрашиваем слой в цвет #919191. Снижаем прозрачность слоя до 50%.

Шаг 10.
В меню выбираем «Редактирование» (Edit) > «Трансформация» (Transform) > «Деформация» (Warp) и немножко растянем уголки для придания тени. Для наглядности можно включить слой с верхней белой фигурой, созданной в Шаге 8.

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

Шаг 12.
Активизируем инструмент «Градиент» (Gradient Tool). В верхней строке настроек выбираем простой черно-белый градиент, «Линейный градиент» (Linear) и режим наложения «Разница» (Difference). Удерживая Ctrl, щелкаем по слою, чтобы выделить фигуру. После этого короткими штрихами произвольно тыкаем мышкой по всей площади прямоугольника. Должно получиться приблизительно так.

Шаг 13.
Снимаем выделение, применяем «Фильтр» (Filter) > «Стилизация» (Stylize) > «Тиснение» (Emboss).

Шаг 14.
Потом нажимаем Ctrl+L и настраиваем уровни, как на рисунке ниже.

Шаг 15.
Получили такой результат.

Шаг 16.
Меняем режим наложения слоя на «Перекрытие» (Overlay). Включаем второй слой с белой фигурой (выше слоя с тенью и ниже слоя из предыдущего шага) и переходим на него. Должно получиться как на рисунке ниже.

Шаг 17.
Активизируем инструмент «Затемнение» (Burn tool) и большой мягкой кистью начинаем водить по фигуре. При этом должна начать проявляться текстура бумаги.

Шаг 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/Морщины и настройте его параметры как показано ниже.

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

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

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

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

Красивая этикетка в уроке фотошопа, порванная бумага

1. Задаем новому документу какой либо размер на Ваше усмотрение, я использовал размер холста 600 x 250 пикселей. Двойным щелчком мыши на слое фона, чтобы разблокировать его, это сделает его редактируемым. Добавьте градиент к вашему слою фона, я взял зеленый.

2. Создайте новый слой над вашим слоем фона и залейте это серым цветом #E1E1E1. Теперь идем "Filter (фильтр)> noise (шум)> добавляем шуму" смотри настройки ниже.

3. Выберите lasso tool (инструмент лассо) и произвольно создайте отверстие на сером холсте.

4. Как только выбор сделан жмем Del, и добавляем стиль слоя как в настройках.

5. У Вас должно получиться приблизительно это.

6. Создаем новый слой над Вашим серым слоем Заполните холст белым цветом, выбираем lasso tool (инструмент лассо) снова и произвольно делаем другое отверстие, но перед этим уменьшаем непрозрачность слоя как Вы хотите. Я установил непрозрачность на 35%.

7. Как только выбор сделан жмем Del, и возвращаем непрозрачность на 100% затем добавляем тень этому слою используя вот такие настройки.

8. Вас должно получиться приблизительно вот так.

9. Теперь выбираем бумажную текстуру, можно поискать . И добавляем её выше белого слоя холста. Берем инструмент magic wand tool (инструмент волшебная палочка) выберите отверстие, которое Вы прежде вырезали на белом слое холста, затем переходим на бумажный слой текстуры и жмем Del. Установите непрозрачность слоя бумажной текстуры на 40%.

10. Затем выберите инструмент rectangular marquee tool (прямоугольная область) и создайте небольшой прямоугольник приблизительно той же высоты как и ваше разорванное отверстие, заполните белым цветом. Опять берем lasso tool (инструмент лассо) и просто произвольно вырезаем вокруг краев прямоугольника как только полный выбор сделан идем " select (выделение)> inverse (инверсия)", и снова жмем Del, отмечено красным.

11. И применяем к этому слою стили чтобы тоже придать эффект "рваной бумаги".

12. Слегка меняем угол вашего порванного бумажного слоя, жмем (CTRL - T) используем свободную трансформацию, Вы должны получить приблизительно это.

13. Под Вашим порванным бумажным слоем, создайте круг, используя elliptical marquee tool (инструмент овальная область), заполняем черным цветом, применяем "Filter (фильтр)> blur (размытие)> guassian (по Гауссу)" размытие 7 пикс. и устанавливаем непрозрачность слоя на 15%.

14. У Вас должно быть приблизительно вот так.

15. Теперь добавляете текст или что-то ещё между вашим слоем фона и серым слоем холста.

уроке фотошоп, уроки фотошопа, урок Photoshop

Комментарии:

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

Компания Fly выпустила новый смартфон с отличным аккумулятором. Смартфон получил 8-мегапиксельную основн...

Электронная схема основана на мобильном чипсете начального уровня MediaTek MT6580 с набором памяти, содер...

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

Результат

1 Шаг

Нарисуйте шаблон, по которому хотите сделать работу. Обведите его при помощи инструмента Pen/Перо. Укажите объектам заливку цвета, который вам нравится.

2 Шаг

Чтобы добавить тень для верхней части буквы, кликните дважды по ее слою в меню Layers/Слои и выберите Drop Shadow/Тень. Настройте параметры так, чтобы получить желаемый эффект. Снимите галочку Use Global Light/Использовать глобальное освещение.

3 Шаг

Добавьте стиль слоя Inner Shadow/Внутренняя тень.

4 Шаг

Повторите Шаг 2.

5 Шаг

Чтобы редактировать тень отдельно от слоя с заливкой, выберите в меню Layer > Layer Style>Create Layer/Слой>Стиль слоя>Создать слой. Теперь в палитре Layer у вас будет два слоя: отдельно буква и отдельно ее тень.

6 Шаг

Используйте инструмент Eraser/Ластик, чтобы стереть части теней.
Теперь добавим текстуры. Создайте новый слой и залейте его серым цветом. В меню выберите Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум.

7 Шаг

Укажите слою режим наложения Soft Light/Мягкий свет в палитре Layer/Слои.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Слейте все слои (Shift + Ctrl + E ) и добавьте еще один бумажный листик на фоне.

Посмотрите, как здорово ворсистые края и бумажная текстура создают иллюзию настоящего оборванного бумажного края.

Вот как этот эффект смотрится в действии.