Как сделать рваные края в фотошопе: как сделать рваные края в фотошопе с помощью кисти, фигуры, маски
Имитация фотографии с рваными краями
Для украшения изображений применяются различные техники, в том числе имитации. Рваные края – одна из них. Выполнить такой эффект можно двумя способами.
Первый способ
Открываем изображение (пример). Включаем «Вспомогательные элементы» и инструментом «Прямоугольная область» выделяем часть изображения, так чтобы был отступ от краев.
Включаем режим «Быстрой маски».
Заходим в «Галерею фильтров». Выбираем фильтр «Разбрызгивание». Если выставить минимальное «Смягчение», то края не будут слишком выраженными, если же напротив задать слишком высокое, то на краях не будет эффекта оторванных кусочков бумаги.
Выключаем режим «Быстрой маски», заходим во вкладку «Редактирование» копируем и вставляем выделенную часть изображения.
Возвращаем видимость исходному слою. И между двумя слоями: исходным и слоем со рваными краями создаем корректирующие слои, которые позволят создать различие между слоями.
Корректирующий слой «Кривые» чтобы затемнить исходное изображение и «Поиск цвета», чтобы поменять тональность.
РЕЗУЛЬТАТ
Также эффект рваных краев достигается при помощи других фильтров.
Фильтр «Аэрограф».
Получается такой результат.
Также применим фильтр «Рваные края».
РЕЗУЛЬТАТ
Второй способ
Делаем дубликат исходного слоя и нумеруем исходный слой – 1, а дубликат 2. Создаем два новых слоя и также нумеруем: 1 и 2.
Становимся на слой «1» и инструментом «Перо» делаем ломанную линию.
Предварительно настраиваем кисть: цвет, пиксели, тип (твердая).
Нажимаем правую кнопку мыши и в контекстном меню выбираем «Выполнить обводку контура».
Выбираем «Кисть».
Вокруг контура появится выделение.
Становимся на слой «2». При помощи инструмента «Выделение контура» сдвигаем контур влево.
Делаем обводку контура. Удаляем контур: правой кнопкой мыши нажать правой мыши по рабочему полю и выбрать в контекстном меню соответствующую функцию.
Снимаем видимость со слоев с цифрой «2» и становимся на слой «1» с линией. Инструментом «Быстрое выделение» выделяем линию.
Становимся на слой с фотографией. Удаляем выделенную область. Удалится область линии. После инструментом «Быстрое выделение» выделяем оставшуюся часть угла и удаляем.
Тоже самое проделываем со слоями с цифрой «2», сняв видимость со слоев с цифрой «1».
Возвращаем видимость слоям с фотографиями и между фотографиями настраиваем корректирующий слой «Кривые», который позволит создать разницу между слоями.
Снимаем поочередно видимость с каждого из слоев с фотографией и инструментом «Ластик» стираем тонкую полосу, оставшуюся после удаления уголка.
Получаем такой результат.
Эффект рваных краев в фотошопе… Очередная ступенька для чайника!
Привет всем!
Сегодня четвертый урок и я научу вас делать, так называемые «рваные картинки«… Мы не будем для этого использовать какие-то спецпрограммы, а обратимся к нашему старому и доброму Фотошопу!
Разберем эффект рваных краев в фотошопе по пунктам и каждый в конце обретет новый навык!
Если честно, то я вот заметил, что все, кто пишет на данную тематику — не особо всё расписывают, или что-то объясняют… Такое чувство, что они пишут сами для себя (или для умельцев своего уровня).
Их посты короткие и малоинформативные!
Я и сам не раз попадал на такие вот блоги… Да, вроде есть статья и результат на лицо! А как дойти этого результата — об этих подробностях они любят умалчивать…
Как сделать рваные края?
На самом деле здесь, как и в любом деле: если все разложить по полочкам и во всем разобраться — результат не заставит ждать!
Если вы мой постоянный читатель, то у вас уже наверняка есть сама программа и вы научились некоторым моментам работы в ней…
Поэтому, все эти мелочи сегодня затрагивать не будем!
Использование фильтров в фотошопе -именно благодаря этому способу, в данной статье, мы научимся делать эффект «рваные края»!
Есть еще масса способов, но сегодня мы о них вспоминать не будем…
Чего тянуть? Пора бы и к делу…
Открываем Фотошоп и с помощью меню Файл-Открыть… добавляем нашу экспериментальную картинку. Или смотрите рисунок:
P.S. Сэкономил немного на дисковом пространстве блога и взял картинку со старого поста…
Берем инструмент «Прямоугольная область» и с помощью него выделяем нужный участок на картинке:
P.S. Не обязательно брать для выделения прямоугольник! Вы можете взять и овал…
После выделения в панели инструментов нажимаем — Редактирование в режиме «Быстрая маска», или горячая клавиша Q:
Область картинки, которая пойдет под редактирование получит красный цвет (место, где и будут находится наши рваные края):
Следующий этап: Инструмент «Фильтр» — Галерея фильтров…:
В итоге мы попадаем на вот такую страницу:
P.S. Сделайте клик по картинке и она откроется в новом окне!
Заходим в категорию «Штрихи» — выбираете любой шрифт (как по мне, лучшие эти: Разбрызгивание и Аэрограф) —
Результат смотрите на окошке слева, если все нравится нажимаете «Ок«.
Также, можете поэкспериментировать и с другими фильтрами (там тоже есть эффекты рваных краев)…
И мы снова попадаем на главную страницу редактора Фотошопа и картинка приобретает уже вот такой вид:
Теперь, чтобы все окончательно закрепить и просмотреть финальный результат — выходим из инструмента «Быстрая маска»:
P.S. Кто не знает как отключить инструмент «Быстрая маска» — посмотрите выше как вы ее включили и просто сделайте по ней повторный клик…
Нажимаем на клавиатуре клавиши Ctrl+C (копировать) и Ctrl+V (вставить) — так мы создали дополнительный уже обрезанный с использованием нашего фильтра слой…
P.S. Есть и более долгий способ создания слоя… Я думаю, это вам не к чему!
Первый слой можно скрыть (нажав на глаз, который указывает видимость слоя), или удалить его (выделить и нажать Delete, или на небольшую корзинку):
Как видите, результат на белом фоне незаметный…
Значит немного экспериментов не повредит!
Можно сделать заливку заднего фона, но здесь ей не место… А хотя, вроде неплохо получилось:
P.S.
Берем на вооружение другие методы: делаем клик правой кнопкой мыши по слою и выбираем — Параметры наложения…:
Перед вами появится новое окошко, где можно произвести различные настройки… У меня получилось вот так:
P.S. Сделайте клик по картинке и она откроется в новом окне!
После всех изменений нажимаете «Ок» и сохраняете картинку в формате PNG!(Файл — Сохранить как…)
А вот мой результат:
А теперь небольшой подарок!
Предлагаю вам установить специальный шрифт с рваными краями!
Что это такое? А вот смотрите:
Это шрифт под названием —
28 days later скачать шрифт
Как правильно установить шрифты?
Шрифты устанавливаются не в саму программу фотошоп, а в систему нашего компьютера. Поэтому, их использование не ограничено только одной программой…
Итак, какие действия нужно произвести для добавления нового шрифта?
Заходим в системный диск нашего компьютера (зачастую это Локальный диск C) — папка Windows — Fonts… (полный путь C:WindowsFonts)
В последнюю папку (Fonts) перемещаем наш скачанный шрифт!
Примечания:
— шрифт применяется только для больших букв;
— все знаки препинания остаются без его внимания;
+ поддерживает кириллицу;
— некорректное отображение (к примеру, буква «Д» на рисунку выше)
Немного новостей с жизни блога….
Инвентаризация идет… Правда не такими большими шагами, как я хотел, но идет…
На это все тоже есть свои причины… К примеру, я создавал блог под заказ и т.д.
Из-за таких длительных задержек, я все-таки решил писать статьи…
Как я уже говорил и снова скажу: «Обо всем поведаю в своем отчете!».
Подписывайтесь на мой блог, читайте, комментируйте — вместе веселее!
Всем пока!
С вами был ваш любознательный Ёжик…
Создаем эффект рваной бумаги в Фотошоп
В Photoshop можно легко создать эффект рваной бумаги, чтобы придать дизайну вид коллаж. Для этого вы можете использовать готовые кисти, кисти, установленные по умолчанию, или даже по-настоящему порванную бумагу. Сегодня мы покажем вам один из самых простых способов создать с нуля свой собственный эффект рваной бумаги в Photoshop, чтобы вы могли сделать точно так же.
Здесь мы создадим эффект очень тонкой рваной бумаги, но вы можете легко настроить его в соответствии со своими потребностями, немного изменив значения.
Шаг 1
Откройте Photoshop и создайте новый файл любого размера. В этом случае я использую размер 1600 x 1070 пикселей.
Шаг 2
Шаг 3
В окне Color Picker (Палитра цветов) установите цвет #d8d8d8 и нажмите ОК.
Шаг 4
Инструментом Lasso Tool (Лассо) создайте нужную форму для рваной бумаги.
Шаг 5
Шаг 6
В окне Color Picker (Палитра цветов) установите цвет #020202 и нажмите ОК.
Шаг 7
Дублируйте слой (Ctrl+J) и назовите копию «Torn Color» («Цвет»).
Шаг 8
Дважды кликните по миниатюре слоя
Шаг 9
Снова дублируйте слой (Ctrl+J) и назовите копию «Torn Paper» («Порванная бумага»).
Шаг 10
Дважды кликните по миниатюре слоя «Torn Paper» («Порванная бумага»). В окне Color Picker (Палитра цветов) установите цвет ##eae7e7 и нажмите ОК.
Шаг 11
Активируйте маску слоя
Шаг 12
Наверху в панели настроек установите ширину 105% и высоту 101%. Убедитесь, что Reference Point Location (Положение центра преобразования) наверху по-середине, после этого подтвердите преобразование.
Примечание: если вы хотите, чтобы эффект был более заметным, просто увеличьте эти значения.
Шаг 13
Идите в меню Filter – Blur – Gaussian Blur
Шаг 14
Установите режим наложения слоя «Paper Shadow» («Тень») на Multiply (Умножение) и снизьте Opacity (Непрозрачность) до 10%.
Шаг 15
Активируйте маску слоя «Torn Color» («Цвет») и идите в меню Filter – Filter Gallery (Фильтр – Галерея фильтров). А разделе Artistic (Имитация) выберите эффект Cutout (Аппликация). Установите следующие значения и нажмите ОК.
Шаг 16
Активируйте маску слоя «Torn Paper» («Порванная бумага») и нажмите Ctrl+F, чтобы снова применить тот же эффект.
Шаг 17
При активной маске слоя, нажмите Ctrl+T и в верхней панели настроек установите ширину 101% и высоту 99%. Убедитесь, что Reference Point Location (Положение центра преобразования) наверху слева, после этого подтвердите преобразование.
Примечание: если вы хотите, чтобы эффект был более заметным, просто увеличьте эти значения.
Шаг 18
Теперь выберите слой «Torn Color» («Цвет») и идите в меню Layer – Layer Style – Inner Shadow (Слои – Стиль слоя – Внутренняя тень). Установите следующие значения и нажмите ОК.
Шаг 19
Теперь, когда основной эффект создан, все, что нам нужно сделать, это разместить содержимое каждого кусочка бумаги на место. Выберите слой «Background Paper» («Фон») и поместите прямо над этим слоем любое изображение или дизайн по своему желанию, измените размер, чтобы заполнить холст полностью. В данном случае, это просто текстура бумаги.
Шаг 20
Теперь выберите слой «Torn Paper» («Порванная бумага») и поместите над ним другое изображение.
Шаг 21
Чтобы завершить создание эффекта порванной бумаги, идите в меню Layer – Create Clipping Mask (Слои – Создать обтравочную маску).
Автор: Diego Sanchez
Источник: medialoot.com
Как сделать рваные края у готовой фотографии. Имитация фотографии с рваными краями
А вы знаете, как можно реалистично нарисовать оборванный край бумаги? Если нет, то читайте этот простой Фотошоп урок.
Создайте новый документ. Возьмите Лассо , от руки нарисуйте край бумаги и зациклите выделение через нижнюю часть документа.
Выберите какой-либо цвет для бумаги, возьмите , создайте новый слой и залейте выделение.
Верните Лассо, клик правой кнопкой по выделению, выберите команду Образовать рабочий контур (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 ) и добавьте еще один бумажный листик на фоне.
Посмотрите, как здорово ворсистые края и бумажная текстура создают иллюзию настоящего оборванного бумажного края.
Вот как этот эффект смотрится в действии.
Для украшения изображений применяются различные техники, в том числе имитации. Рваные края – одна из них. Выполнить такой эффект можно двумя способами.
Первый способ
Открываем изображение (пример). Включаем «Вспомогательные элементы» и инструментом «Прямоугольная область» выделяем часть изображения, так чтобы был отступ от краев.
Включаем режим «Быстрой маски».
Заходим в «Галерею фильтров». Выбираем фильтр «Разбрызгивание». Если выставить минимальное «Смягчение», то края не будут слишком выраженными, если же напротив задать слишком высокое, то на краях не будет эффекта оторванных кусочков бумаги.
Выключаем режим «Быстрой маски», заходим во вкладку «Редактирование» копируем и вставляем выделенную часть изображения.
Возвращаем видимость исходному слою. И между двумя слоями: исходным и слоем со рваными краями создаем корректирующие слои, которые позволят создать различие между слоями.
Корректирующий слой «Кривые» чтобы затемнить исходное изображение и «Поиск цвета», чтобы поменять тональность.
РЕЗУЛЬТАТ
Также эффект рваных краев достигается при помощи других фильтров.
Фильтр «Аэрограф».
Получается такой результат.
Также применим фильтр «Рваные края».
РЕЗУЛЬТАТ
Второй способ
Делаем дубликат исходного слоя и нумеруем исходный слой – 1, а дубликат 2. Создаем два новых слоя и также нумеруем: 1 и 2.
Становимся на слой «1» и инструментом «Перо» делаем ломанную линию.
Предварительно настраиваем кисть: цвет, пиксели, тип (твердая).
Нажимаем правую кнопку мыши и в контекстном меню выбираем «Выполнить обводку контура».
Выбираем «Кисть».
Вокруг контура появится выделение.
Становимся на слой «2». При помощи инструмента «Выделение контура» сдвигаем контур влево.
Делаем обводку контура. Удаляем контур: правой кнопкой мыши нажать правой мыши по рабочему полю и выбрать в контекстном меню соответствующую функцию.
Снимаем видимость со слоев с цифрой «2» и становимся на слой «1» с линией. Инструментом «Быстрое выделение» выделяем линию.
Становимся на слой с фотографией. Удаляем выделенную область. Удалится область линии. После инструментом «Быстрое выделение» выделяем оставшуюся часть угла и удаляем.
Тоже самое проделываем со слоями с цифрой «2», сняв видимость со слоев с цифрой «1».
Возвращаем видимость слоям с фотографиями и между фотографиями настраиваем корректирующий слой «Кривые», который позволит создать разницу между слоями.
Снимаем поочередно видимость с каждого из слоев с фотографией и инструментом «Ластик» стираем тонкую полосу, оставшуюся после удаления уголка.
Получаем такой результат.
Привет всем!
Сегодня четвертый урок и я научу вас делать, так называемые «рваные картинки «… Мы не будем для этого использовать какие-то спецпрограммы, а обратимся к нашему старому и доброму Фотошопу !
Разберем эффект рваных краев в фотошопе по пунктам и каждый в конце обретет новый навык!
Если честно, то я вот заметил, что все, кто пишет на данную тематику — не особо всё расписывают, или что-то объясняют… Такое чувство, что они пишут сами для себя (или для умельцев своего уровня ).
Их посты короткие и малоинформативные!
Я и сам не раз попадал на такие вот блоги… Да, вроде есть статья и результат на лицо! А как дойти этого результата — об этих подробностях они любят умалчивать…
Как сделать рваные края?
На самом деле здесь, как и в любом деле: если все разложить по полочкам и во всем разобраться — результат не заставит ждать!
Если вы мой постоянный читатель, то у вас уже наверняка есть сама программа и вы научились некоторым моментам работы в ней…
Поэтому, все эти мелочи сегодня затрагивать не будем!
Использование фильтров в фотошопе -именно благодаря этому способу, в данной статье, мы научимся делать эффект «рваные края» !
Есть еще масса способов, но сегодня мы о них вспоминать не будем…
Чего тянуть? Пора бы и к делу…
Открываем Фотошоп и с помощью меню Файл-Открыть… добавляем нашу экспериментальную картинку. Или смотрите рисунок:
P.S. Сэкономил немного на дисковом пространстве блога и взял картинку со старого поста…
Берем инструмент «Прямоугольная область » и с помощью него выделяем нужный участок на картинке:
P.S. Не обязательно брать для выделения прямоугольник! Вы можете взять и овал…
После выделения в панели инструментов нажимаем — Редактирование в режиме «Быстрая маска», или горячая клавиша Q:
Область картинки, которая пойдет под редактирование получит красный цвет (место, где и будут находится наши рваные края) :
Следующий этап: Инструмент «Фильтр» — Галерея фильтров…:
В итоге мы попадаем на вот такую страницу:
P.S.
Результат смотрите на окошке слева, если все нравится нажимаете «Ок «.
Также, можете поэкспериментировать и с другими фильтрами (там тоже есть эффекты рваных краев )…
И мы снова попадаем на главную страницу редактора Фотошопа и картинка приобретает уже вот такой вид:
Теперь, чтобы все окончательно закрепить и просмотреть финальный результат — выходим из инструмента «Быстрая маска»:
P.S. Кто не знает как отключить инструмент «Быстрая маска» — посмотрите выше как вы ее включили и просто сделайте по ней повторный клик…
Нажимаем на клавиатуре клавиши Ctrl+C (копировать) и Ctrl+V (вставить) — так мы создали дополнительный уже обрезанный с использованием нашего фильтра слой…
P.S. Есть и более долгий способ создания слоя… Я думаю, это вам не к чему!
Первый слой можно скрыть (нажав на глаз, который указывает видимость слоя ), или удалить его (выделить и нажать Delete, или на небольшую корзинку ):
Как видите, результат на белом фоне незаметный…
Значит немного экспериментов не повредит!
Можно сделать заливку заднего фона, но здесь ей не место… А хотя, вроде неплохо получилось:
P.S. Выбор инструмента «Заливка» горячая клавиша — G…
Берем на вооружение другие методы: делаем клик правой кнопкой мыши по слою и выбираем — Параметры наложения…:
Перед вами появится новое окошко, где можно произвести различные настройки… У меня получилось вот так:
P.S. Сделайте клик по картинке и она откроется в новом окне!
После всех изменений нажимаете «Ок » и сохраняете картинку в формате PNG!(Файл — Сохранить как… )
А вот мой результат:
А теперь небольшой подарок!
Предлагаю вам установить специальный шрифт с рваными краями !
Что это такое? А вот смотрите:
Это шрифт под названием — 28 days later . Скачать его можете, кликнув по ссылке ниже:
28 days later скачать шрифт
Как правильно установить шрифты?
Шрифты устанавливаются не в саму программу фотошоп, а в систему нашего компьютера. Поэтому, их использование не ограничено только одной программой…
Итак, какие действия нужно произвести для добавления нового шрифта?
Заходим в системный диск нашего компьютера (зачастую это Локальный диск C ) — папка Windows — Fonts… (полный путь C:WindowsFonts )
В последнюю папку (Fonts ) перемещаем наш скачанный шрифт!
Примечания:
— шрифт применяется только для больших букв;
— все знаки препинания остаются без его внимания;
Поддерживает кириллицу;
— некорректное отображение (к примеру, буква «Д» на рисунку выше )
Немного новостей с жизни блога….
Здравствуйте, коллеги и друзья! С вами любительница производить эксперименты с фотографиями и картинками Наталья Краснова. Сегодня я хочу с Вами поговорить об украшении блога, о том, как сделать рваные края на скриншотах или простых картинках.
Украшением Вашего блога могут быть картинки, скриншоты, рисунки, яркие фотографии. Вы наверняка замечали, что статью гораздо легче читать, если в ней есть визуализация, есть .
Благодаря скриншотам, даже не записывая видео, можно легко обучить Вашего посетителя тем или иным операциям. Редко в сети можно встретить голые тексты. Такие статьи просто не хочется читать.
Я уже описывала разные способы получения скриншотов и предоставила Вам перечень программ для снятия снимков экрана монитора, в этой статье я расскажу, как сделать не просто скриншот, а скриншот с рваными краями.
Такие картинки не только украшают страницы блога, но и служат информационным носителем. Любые картинки разрывают текст на части, поэтому содержание статьи воспринимается и запоминается гораздо легче.
Так как многие из нас «визуалы», необычные картинки с драными, рваными, резаными краями привлекают наш взгляд и невольно мы задерживается на сайте дольше, пусть даже на короткое время.
Способов сделать рваные края у фотографий, картинок несколько. Первый способ, на мой взгляд, самый простой — с помощью программы Fast Stone Capture. Более подробно об этой программе я рассказала в статье « »
Программа не занимает много оперативной памяти компьютера, но возможностей у такой маленькой и, самое главное, бесплатной программы достаточно много. Эта утилита палочка – выручалочка для блоггеров.
1. После установки запускаем программу. Открывается вот такое небольшое окно и, что самое приятное, при наведении мыши появляется подсказка на русском языке.
2. Выбираем инструмент «прямоугольник» и делаем скриншот необходимой нам области.
3. Далее перед нами открывается окно с возможностью редактирования файла. Кликаем на кнопочку «Край» и в новом открывшемся окне настраиваем наложение эффектов: рамочка, тень, стороны для рваного края, размер рваных зубьев и т.д.
Это самый легкий способ сделать рваные края, которым я пользуюсь всегда.
Рваные края в программе Фотошоп
Сегодня я вам покажу еще один способ. На мой взгляд, это далеко не самый лучший вариант, но он может нам пригодится в некоторых случаях, например, при составлении коллажей из фотографий или создании поздравительной открытки с помощью программы — редактора для изображений.
Сейчас мы выполним три простых шага.
1шаг. Открываем фотографию и инструментом лассо делаем произвольную обводку по самому краю.
2. Копируем выделение на новый слой комбинацией клавиш Ctrl+J. Вот такое изображение с неровными краями у меня получилось.
В программе Фотошоп можно творить чудеса. Экспериментируйте, пользуйтесь экшенами и у вас будут самые неповторимые снимки.
С помощью psd-файла
Еще один способ создания красивых картинок, а значит еще одна возможность украшения своего блога с помощью файла, который Вы можете скачать по этой ссылке .
Если вы скачали файл, кликните по нему правой кнопкой мыши и из выпадающего контекстного меню выберите путь «Открыть с помощью PhotoShop», файл откроется в программе для редактирования.
Открываем и нашу картинку, которую мы решили отредактировать. Чтобы ее открыть в программе PhotoShop, переходим по вкладке «Файл — Открыть» и находим на компьютере ту фотографию, на которой мы будем проводить эксперименты.
На этом этапе у нас в программе открыто два файла. Делаем psd-файл активным (кликаем по нему мышкой) и выключаем ненужные нам изображения, нажимая на значок глаза в поле отображения слоев файла.
Рваные края на рисунке под номером 4 мне понравились больше всего, поэтому напротив этой группы со слоями, я оставила значок глазка включенным, а все остальные отключила.
Теперь нажимаем на треугольник, чтобы отобразить видимость всех слоев из группы №4.
Чтобы удалить связь маски со слоем, кликните по значку на который я указала стрелкой (смотрите скриншот).
Привет всем!
Существует множество способов сделать картинку уникальной.
Мне нравится делать в Фотошопе рваные края у картинки.
Сегодня я научу вас это делать. Не хочу для этого искать какие-то программы,которых в интернете много, а обратимся к нашему доброму, старому Фотошопу!
Разберем эту тему по пунктам и каждый из вас в конце приобретет новый навык!
Часто аналогичным способом оформляют скриншоты для статей сайта. Это придаёт снимку оригинальность.Собственно,так Вы украсите скриншот или фото всего за несколько минут.
Как и в каждом деле, если все выполнять по шагам и разобраться,не торопясь, эффект не заставит долго ждать!
Если вы постоянный читатель моего сайта, то у вас уже скорее всего есть программа Фотошоп и вы понемногу учитесь в ней работать
Поэтому, все подробности и детали сегодня упоминать не буду.
Открывайте программу Фотошоп и через меню Файл-Открыть… загружайте вашу картинку.
Или смотрите рисунок:
- Кликаем 2 раза левой кнопкой мыши по замочку(делаем так всегда),чтобы открепить слой и начать работать с ним.
- На панели выбирайте инструмент «Прямоугольная область» или Овал, выделяйте требуемую область на картинке.
3. Затем нажимаете — Быстрая маска (или горячая клавиша Q).
Участок картинки, который вы выделили под изменение приобретет красный цвет (это как раз то место, где будут располагаться ваши рваные края.
4. Дальнейший шаг Галерея фильтров -Инструмент «Фильтр».
5.Вы попадёте на страницу с множеством разнообразных фильтров.Поиграйте с бегунками и выбирайте то,что нравится.
Для своего примера я выбрала-Штрихи – Разбрызгивание -Аэрограф.
Сделала настройки -Смягчение и Радиус разбрызгивания.
После выбора настроек не забывайте нажать “Ок“.
Вновь возвращаемся на главную редактора Фотошопа.
На картинке появились изменения вот такого вида.
6. Теперь надо выключить инструмент -Быстрая маска, просто кликните по ней повторно.
7. Затем пойдем -РЕДАКТИРОВАНИЕ-СКОПИРОВАТЬ или на клавиатуре клавиши Ctrl+C (копировать) и Ctrl+V (вставить)
8. Теперь вы образовали новый,уже оборванный слой с применением фильтра.
Основной слой надо спрятать (нажав на глазик, который показывает видимость слоя).Далее выделить и нажать — Delete или на небольшую корзинку внизу окошка.Удалить основной слой.
Если у вас белый фон,то на белом фоне изменения незаметны
Экспериментируйте,это не повредит вашему результату!
Сделайте заливку фона, инструмент-Заливка (горячая клавиша – G).
Есть и другие способы. Идем в СЛОИ(клик правой кнопкой мыши по слою) и выбираем – СТИЛИ слоёв.
В новом окне, можно выполнить всевозможные настройки.
Сохраните изменения,нажав “Ок”
Следующем шагом сохраняете картинку в формате PNG!
(Файл – Сохранить как…) или для Web.
У вас будет своё,а у меня вышло вот так:
вы теперь знаете.
В оформлении пустяков не бывает. Всегда сайт должен красиво смотреться.Чем, тем подольше ваш читатель задержится у вас и, вполне вероятно, станет вашим покупателем.
И за счет наиболее привлекательного оформления интернет-сайта у вас прибавиться подписчиков.Вот такие технические приёмы оказывают большое влияние на заработок.
А теперь нажмите на маленькую кнопку соц. сетей внизу.
Пока,пока…
Как сделать рваные края в Фотошопе
Привет всем!
Существует множество способов сделать картинку уникальной.
Мне нравится делать в Фотошопе рваные края у картинки.
Сегодня я научу вас это делать. Не хочу для этого искать какие-то программы,которых в интернете много, а обратимся к нашему доброму, старому Фотошопу!
Разберем эту тему по пунктам и каждый из вас в конце приобретет новый навык!
Часто аналогичным способом оформляют скриншоты для статей сайта. Это придаёт снимку оригинальность.Собственно ,так Вы украсите скриншот или фото всего за несколько минут.
Как сделать рваные края в Фотошопе
Как и в каждом деле, если все выполнять по шагам и разобраться,не торопясь, эффект не заставит долго ждать!
Если вы постоянный читатель моего сайта, то у вас уже скорее всего есть программа Фотошоп и вы понемногу учитесь в ней работать
Поэтому, все подробности и детали сегодня упоминать не буду.
Открывайте программу Фотошоп и через меню Файл-Открыть… загружайте вашу картинку.
Или смотрите рисунок:
- Кликаем 2 раза левой кнопкой мыши по замочку(делаем так всегда),чтобы открепить слой и начать работать с ним.
- На панели выбирайте инструмент «Прямоугольная область» или Овал, выделяйте требуемую область на картинке.
3. Затем нажимаете — Быстрая маска ( или горячая клавиша Q).
Участок картинки, который вы выделили под изменение приобретет красный цвет (это как раз то место, где будут располагаться ваши рваные края.
4. Дальнейший шаг Галерея фильтров -Инструмент «Фильтр».
5.Вы попадёте на страницу с множеством разнообразных фильтров.Поиграйте с бегунками и выбирайте то,что нравится.
Для своего примера я выбрала-Штрихи – Разбрызгивание -Аэрограф.
Сделала настройки -Смягчение и Радиус разбрызгивания .
После выбора настроек не забывайте нажать “Ок“.
Вновь возвращаемся на главную редактора Фотошопа.
На картинке появились изменения вот такого вида.
6. Теперь надо выключить инструмент -Быстрая маска, просто кликните по ней повторно.
7. Затем пойдем -РЕДАКТИРОВАНИЕ-СКОПИРОВАТЬ или на клавиатуре клавиши Ctrl+C (копировать) и Ctrl+V (вставить)
8. Теперь вы образовали новый,уже оборванный слой с применением фильтра.
Основной слой надо спрятать (нажав на глазик, который показывает видимость слоя).Далее выделить и нажать — Delete или на небольшую корзинку внизу окошка.Удалить основной слой.
Если у вас белый фон,то на белом фоне изменения незаметны
Экспериментируйте,это не повредит вашему результату!
Сделайте заливку фона, инструмент-Заливка (горячая клавиша – G).
Есть и другие способы. Идем в СЛОИ( клик правой кнопкой мыши по слою ) и выбираем – СТИЛИ слоёв.
В новом окне, можно выполнить всевозможные настройки.
Сохраните изменения ,нажав “Ок”
Следующем шагом сохраняете картинку в формате PNG!
(Файл – Сохранить как…) или для Web.
У вас будет своё,а у меня вышло вот так:
Как сделать рваные края в Фотошопе
вы теперь знаете.
В оформлении пустяков не бывает. Всегда сайт должен красиво смотреться.Чем интереснее и лучше и вы оформите свой сайт, тем подольше ваш читатель задержится у вас и, вполне вероятно, станет вашим покупателем.
И за счет наиболее привлекательного оформления интернет-сайта у вас прибавиться подписчиков.Вот такие технические приёмы оказывают большое влияние на заработок.
А теперь нажмите на маленькую кнопку соц. сетей внизу.
Пока,пока…
Как сделать рваный край бумаги в фотошопе
Создание эффекта рваной бумаги в Photoshop — довольно простой процесс; однако, поскольку для этого требуется небольшая кисть , это может занять много времени, если вы применяете эффект к большому изображению.
Инструкции в этой статье относятся к Adobe Photoshop CC для Windows и Mac.
Как сделать эффект рваной бумаги в фотошопе
Вы можете применить эту технику к любому элементу изображения, где вы хотите создать вид рваной бумаги:
Если инструмент Лассо не отображается, нажмите и удерживайте третий значок сверху и выберите инструмент Лассо .
Нажмите и перетащите, чтобы нарисовать зубчатый круг вокруг одной стороны изображения.
Отпустите кнопку мыши, чтобы завершить выбор.
Удостоверьтесь, что выбор проходит полностью сверху вниз и снаружи изображения.
Выберите Edit > Clear , чтобы снять выделение.
Повторите процесс на другой стороне изображения.
Перейти к Select > Deselect , чтобы снять выделение.
Выберите « Вид» > « Увеличить», чтобы рассмотреть края по краям.
Выберите инструмент Smudge из палитры Tools .
Если инструмент Smudge не отображается, нажмите и удерживайте инструмент Blur или Sharpen и выберите инструмент Smudge из списка.
Выберите в настройки кисти в верхней панели и установите размер в 1px и Hardness до 100% .
Поместите курсор внутри одного из краев изображения, а затем щелкните и перетащите за пределы изображения. Вы должны увидеть тонкую линию на изображении, которая сужается.
Продолжайте рисовать нечеткие линии, подобные этой, наугад на краях изображения Это может выглядеть не очень впечатляюще при таком размере, но когда вы уменьшите масштаб, вы увидите, что он производит тонкий эффект, похожий на бумажные волокна.
После того, как вы будете удовлетворены эффектом, вы можете сохранить изображение в виде PSD- файла или в предпочитаемом вами формате.
Изношенные, порванные фотоэффекты в фотошопе
Как эффект изношенных, рваных краев фото
Шаг 1: дублируем фоновый слой
С нашим изображением, недавно открытым в Photoshop, давайте начнем с дублирования фонового слоя. Поднимитесь в меню Layer в строке меню в верхней части экрана, выберите New , а затем выберите Layer via Copy . Или, чтобы ускорить дублирование слоя, нажмите сочетание клавиш Ctrl + J (Победа) / Command + J (Mac):
Перейдите в «Слой»> «Новый»> «Слой через Копирование» или нажмите Ctrl + J (Победа) / Command + J (Mac).
Если мы посмотрим на панель «Слои», то увидим, что наш документ теперь содержит два слоя. Исходный фоновый слой находится внизу, а над ним находится наша вновь добавленная копия фонового слоя, которую Photoshop автоматически назвал «Слой 1»:
Копия фонового слоя появится над оригиналом на панели «Слои».
Шаг 2: Добавьте дополнительное пространство холста
Давайте дадим себе немного больше места для работы, добавив немного дополнительного холста вокруг изображения. Поднимитесь в меню Image в верхней части экрана и выберите Canvas Size :
Перейдите в Изображение> Размер холста.
Это вызывает диалоговое окно Photoshop’s Canvas Size. Я собираюсь добавить дополнительные 100 пикселей вокруг изображения, введя 100 для параметров Ширина и Высота в центре диалогового окна и убедившись, что тип измерения установлен в пикселях для обоих. Также убедитесь, что опция Относительный включена, чтобы дополнительное пространство было добавлено к существующему холсту, в противном случае мы изменим размер холста на 100 x 100 пикселей, а это не то, что нам нужно. Щелкните центральный квадрат в сетке « Якорь», чтобы дополнительное пространство было равномерно добавлено по всем краям холста:
Добавьте дополнительное пространство вокруг изображения с помощью диалогового окна «Размер холста».
Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна Canvas Size. Если мы посмотрим на изображение в окне документа, мы увидим, что теперь у нас есть дополнительное пространство вокруг изображения. Мы будем обрезать лишнее пространство, когда закончим создавать эффект рваных краев. Это просто, чтобы дать нам дополнительное пространство для работы с Eraser Tool, который мы будем использовать в ближайшее время:
Дополнительное пространство холста было добавлено.
Шаг 3: Добавить новый пустой слой между двумя существующими слоями
Выбрав «Слой 1» на панели «Слои» (он должен быть выделен синим цветом), удерживайте нажатой клавишу «Ctrl» («Выиграть») / « Command» (Mac) и щелкните значок « Новый слой» в нижней части панели «Слои»:
Удерживая нажатой клавишу Ctrl (Победа) / «Command» (Mac), щелкните значок «Новый слой».
Обычно Photoshop добавляет новые слои непосредственно над текущим выбранным слоем, но, удерживая нажатой клавишу Ctrl / Command, когда мы нажимаем на значок «Новый слой», мы говорим Photoshop добавить новый слой ниже выбранного слоя. Теперь у нас есть новый пустой слой с именем «Слой 2», расположенный между фоновым слоем и «Слой 1».
Новый пустой слой появляется между фоновым слоем и «Слоем 1».
Шаг 4: заполните новый слой белым
Перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить» :
Перейдите в Edit> Fill.
Это вызывает диалоговое окно «Заливка» в Photoshop, которое мы можем использовать, чтобы залить слой или выделение цветом. Выберите « Белый» для параметра « Использовать» в разделе «Содержимое» в верхней части диалогового окна:
Установите для параметра «Использовать» значение «Белый».
Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Photoshop заполняет новый слой белым, хотя мы не можем его увидеть в окне документа, так как изображение над «Слоем 1» над ним блокирует просмотр нового слоя. Однако, если мы посмотрим на миниатюру предварительного просмотра слоя для «Слоя 2» на панели «Слои», мы увидим, что миниатюра теперь заполнена белым, что говорит о том, что сам слой заполнен белым:
Миниатюры предварительного просмотра на панели «Слои» дают нам предварительный просмотр содержимого каждого слоя.
Шаг 5: выберите «Слой 1»
Мы готовы начать создавать эффект рваных краев, но сначала нам нужно убедиться, что мы работаем над правильным слоем. На данный момент мы выбрали «Слой 2», что нам известно, поскольку «Слой 2» выделен синим цветом на панели «Слои». Нам нужно поработать над изображением в «Слой 1», поэтому нажмите «Слой 1», чтобы сделать его текущим активным слоем:
Нажмите на «Слой 1», чтобы выбрать его.
Шаг 6: выберите инструмент Eraser Tool
Выберите инструмент « Ластик» в Photoshop на панели «Инструменты». Вы также можете быстро выбрать Eraser Tool, нажав букву E на клавиатуре:
Выберите инструмент «Ластик».
Шаг 7: выбери 100 грубых круглых щеток
Мы можем использовать любые кисти Photoshop с Eraser Tool, так же, как если бы мы использовали реальный инструмент Brush Tool. Нажмите на значок переключения панели «Кисти» на панели параметров в верхней части экрана:
Значок переключения панели «Кисти» открывает и закрывает панель «Кисти».
Откроется панель «Кисти». Нажмите на значок меню в верхнем правом углу панели «Кисти», чтобы открыть список параметров меню для панели. Я использую Photoshop CS4 здесь. В более ранних версиях Photoshop значок меню выглядит как маленькая стрелка. Когда появится меню, выберите Большой список :
Каждая панель в Photoshop имеет меню с различными вариантами выбора.
Это изменяет способ отображения кистей на панели «Кисти», что упрощает точное представление о том, какую кисть мы выбираем. Теперь, когда кисти отображаются в формате большого списка, прокрутите вниз до нижней части списка и нажмите на кисть 100 Rough Round Bristle, чтобы выбрать ее:
Нажмите на кисть «100 Rough Round Bristle» на панели «Кисти», чтобы выбрать ее.
Если вы хотите вернуться к первоначальному отображению кистей, щелкните значок меню на панели «Кисти» и выберите в списке « Миниатюра» .
Нажмите еще раз на значок переключателя панели «Кисти» на панели параметров, как только вы выбрали кисть для закрытия панели «Кисти».
Шаг 8: сотри вокруг краев изображения
Давайте начнем с создания нашего начального эффекта рваных краев вдоль левой стороны изображения. Я говорю «начальный», потому что, как только мы проработаем весь образ один раз, мы вернемся назад во второй раз, но мы вернемся к этому позже. Поместите инструмент «Ластик» так, чтобы он находился в верхнем левом углу документа, и лишь около 25–30% кисти распространялось на изображение. Остальная часть кисти должна находиться за пределами изображения в пустом пространстве, которое мы добавили в начале урока. Нажмите один раз, затем, удерживая нажатой кнопку мыши, перетащите короткий мазок кисти вдоль верхнего левого края изображения. При перетаскивании вы увидите, что участки кромки стираются, создавая начало эффекта рваных краев:
Нажмите и перетащите небольшой мазок кисти вдоль верхнего левого края изображения.
Как мы видим на скриншоте выше, начальный мазок кисти не полностью удалял начальный прямой край. Там все еще видна слабая часть, и это из-за формы щетки, которую мы используем. Вам, вероятно, придется вернуться через одну и ту же область два или три раза, прежде чем прямой край полностью исчезнет.
Продолжайте двигаться вниз по левой стороне изображения, щелкая и перетаскивая короткие мазки кисти, всегда сохраняя 70-75% формы кисти вне изображения в белой области, чтобы мы не стирали слишком большую часть края. Если вы допустили ошибку и хотите отменить последний мазок кисти, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить ее, или нажмите Ctrl + Alt + Z (Победа) / Command + Option + Z (Mac) ) несколько раз, чтобы отменить несколько мазков кисти:
Продолжайте двигаться вниз по левой стороне изображения короткими мазками.
Если вы обнаружите, что размер кисти по умолчанию слишком велик для вашего изображения, вы можете изменить размер кисти на лету с помощью клавиш левой и правой скобок. Нажмите левую клавишу скобки ( [ ), чтобы уменьшить размер кисти, или нажмите правую клавишу скобки ( ] ), чтобы увеличить ее.
Достигнув нижнего левого угла фотографии, продолжайте перемещаться по оставшейся части изображения, пока не вернетесь в верхний левый угол, с которого начали Когда вы закончите, ваши края должны выглядеть примерно так:
Первоначальный эффект рваных краев.
Шаг 9: дублируй слой
Теперь, когда у нас есть начальный эффект рваных краев, нам нужно сделать копию слоя. Выбрав «Слой 1» на панели «Слои», нажмите Ctrl + J (Победа) / Command + J (Mac), чтобы быстро скопировать его. Теперь у нас есть копия слоя, который Photoshop назвал «Слой 1 копия», в верхней части панели «Слои». Обычно мы должны переименовывать слои, чтобы не видеть имена наподобие «Копии слоя 1», но поскольку этот эффект довольно прост, и у нас есть все слои, которые нам нужны, мы оставим их с именами по умолчанию, чтобы сэкономить время:
Копия «Слоя 1» появляется над оригиналом.
Шаг 10: выключи верхний слой
Нажмите на значок видимости верхнего слоя (также известный как «глазное яблоко»), чтобы временно отключить слой и скрыть его от просмотра в окне документа, чтобы мы могли видеть оригинальный «Слой 1» под ним:
Нажатие на значок «глазное яблоко» включает и выключает слои в документе.
Шаг 11: выберите «Слой 1»
Теперь, когда верхний слой временно скрыт от просмотра, нажмите еще раз на «Слой 1» на панели «Слои», чтобы выбрать его:
Нажмите на «Слой 1», чтобы выбрать его.
Шаг 12: добавь стиль наложения цвета
Выбрав «Слой 1», щелкните значок « Стили слоев» в нижней части панели «Слои» и выберите « Цветовое наложение» в появившемся списке:
Выберите Color Overlay из списка стилей слоя.
Откроется диалоговое окно «Стиль слоя» в Photoshop с настройками «Цветовое наложение» в средней колонке. По умолчанию Photoshop устанавливает красный цвет наложения, и ваша фотография внезапно будет закрашена красным в окне документа. Чтобы изменить цвет, нажмите на образец цвета :
Нажмите на образец цвета, чтобы выбрать другой цвет для наложения.
Появится палитра цветов в Photoshop . Выберите светло-серый в палитре цветов, затем нажмите OK, чтобы выйти из него. Ваша фотография должна быть заполнена светло-серым в окне документа:
Выберите светло-серый из палитры цветов.
Шаг 13: добавь стиль внутреннего свечения
Пока не закрывайте диалоговое окно Layer Style. У нас еще есть несколько стилей слоя для добавления. Нажмите непосредственно на слова Inner Glow в левой части диалогового окна. Не просто щелкните внутри флажка слева от слов. Нам нужно нажать непосредственно на сами слова, чтобы получить доступ к опциям стиля Inner Glow:
Нажмите непосредственно на слова «Внутреннее свечение» в левой части диалогового окна «Стиль слоя».
Параметры Inner Glow теперь отображаются в центре диалогового окна Layer Style. Несмотря на то, что стиль называется Inner Glow, мы изменим свечение на тень, чтобы использовать его для затемнения краев вокруг фотографии.
Во-первых, чтобы изменить стиль с свечения на тень, измените параметр « Режим наложения» в верхней части диалогового окна с «Экран» на « Умножение» . Затем нажмите на маленький образец цвета непосредственно под словом «Шум», чтобы изменить цвет стиля. По умолчанию установлено желтое. Когда вы щелкнете по образцу цвета , появится палитра цветов в Photoshop , точно так же, как это было, когда мы изменили цвет стиля Color Overlay минуту назад. Выберите черный в палитре цветов, затем нажмите OK, чтобы выйти из него.
Опустите Opacity до примерно 10% , так что тень очень тонкая. Наконец, увеличьте размер тени примерно до 24 пикселей (пикселей):
Изменить свечение на тень так же просто, как изменить режим наложения на Умножение и выбрать черный цвет для цвета.
Ваше изображение должно выглядеть примерно так:
Изображение до сих пор после применения стилей слоя Color Overlay и Inner Glow.
Шаг 14: добавь тень
Нажмите непосредственно на слова Drop Shadow в верхней части списка стилей слоев в левой части диалогового окна. Опять же, нам нужно нажать непосредственно на сами слова, чтобы получить доступ к опциям для Drop Shadow:
Нажмите непосредственно на слова «Drop Shadow» слева от диалогового окна Layer Style.
Параметры Drop Shadow появятся в центральном столбце диалогового окна Layer Style. Опустите непрозрачность тени до примерно 30% , так что это гораздо менее интенсивным , чем с установкой непрозрачности по умолчанию 75%. Затем установите угол тени на 120 °, если он еще не установлен:
Установите непрозрачность тени на 30% и угол наклона до 120 °.
Нажмите OK, когда закончите, чтобы выйти из диалогового окна Layer Style. Вот мое изображение после применения тени:
Изображение после добавления всех трех стилей слоя.
Шаг 15: выбери верхний слой и включи его
Щелкните верхний слой на панели «Слои» («Копия слоя 1»), чтобы выбрать его, затем щелкните значок видимости слоя слева от слоя, чтобы снова включить слой, чтобы он снова был виден в окне документа. Фотография появится снова и заблокирует серое изображение, над которым мы только что работали, из вида:
Нажмите на значок видимости слоя еще раз, чтобы снова включить верхний слой.
Шаг 16: стереть части краев на верхнем слое, чтобы показать слой ниже
Выделив верхний слой, обведите края изображения с помощью инструмента «Ластик», используя короткие мазки, как мы делали изначально для «Слоя 1», чтобы удалить больше края. Не забудьте сохранить большую часть формы кисти вне изображения, чтобы не более 25-30% ее приходилось на изображение. Когда части края стираются, светло-серое изображение под ним раскрывается, создавая иллюзию того, что сама фотография стерлась по краям, и остается только задний слой бумаги:
Стирание краев изображения в верхнем слое показывает светло-серую область на «Слой 1» под ним.
Опять же, вы можете изменить размер кисти, если необходимо, нажав левую клавишу скобки ( [ ), чтобы уменьшить ее, или правую клавишу скобки ( ] ), чтобы увеличить ее. Если вы допустили ошибку, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить последнюю стертую область, или нажмите Ctrl + Alt + Z (Победа) / Command + Option + Z (Mac), чтобы отменить несколько мазки.
Здесь, после того, как я снова обхожу края фотографии, мой последний эффект «потертости, рваные края фотографии»:
Финальный эффект «потертых, порванных фотографий».
Шаг 17: Обрежьте дополнительное пространство холста (необязательно)
Если вы хотите удалить дополнительное пространство холста, которое мы добавили ранее, перейдите в меню « Изображение» в верхней части экрана и выберите « Обрезать» :
Перейдите в Image> Trim.
Это вызывает диалоговое окно Trim. Выберите опцию Цвет верхнего левого пикселя . Поскольку пиксель в верхнем левом углу документа белый, Photoshop обрежет всю белую область вокруг изображения. Убедитесь, что в нижней половине диалогового окна выбраны параметры « Вверх» , « Вниз» , « Влево» и « Вправо» , затем нажмите кнопку «ОК», чтобы выйти из него, после чего Photoshop обрежет добавленное нами дополнительное пространство холста:
Обрежьте дополнительное пространство холста с помощью команды «Обрезать».
Эффект потертых рваных краев фото в Photoshop
Как сделать эффект рваных рваных краев фото
Шаг 1. Дублируйте фоновый слой
С нашим изображением, недавно открытым в Photoshop, давайте начнем с дублирования фонового слоя. Поднимитесь в меню Layer в строке меню вверху экрана, выберите New , а затем выберите Layer через Copy . Или, чтобы быстрее скопировать слой, нажмите сочетание клавиш Ctrl + J (Win) / Command + J (Mac):
Выберите «Слой»> «Создать»> «Слой через копирование» или нажмите Ctrl + J (Win) / Command + J (Mac).
Если мы посмотрим на панель «Слои», то увидим, что наш документ теперь содержит два слоя. Исходный фоновый слой находится внизу, а наша недавно добавленная копия фонового слоя, которому Photoshop автоматически присвоил имя «Слой 1», находится над ним:
Копия фонового слоя появляется над оригиналом на панели «Слои».
Шаг 2. Добавьте дополнительное пространство холста
Давайте дадим себе немного больше места для работы, добавив немного дополнительного холста вокруг изображения.Поднимитесь в меню Image вверху экрана и выберите Canvas Size :
.Перейдите в Изображение> Размер холста.
Откроется диалоговое окно «Размер холста» Photoshop. Я собираюсь добавить дополнительные 100 пикселей вокруг изображения, введя 100 для параметров Ширина и Высота в центре диалогового окна и убедившись, что тип измерения установлен на пикселей для обоих . Также убедитесь, что опция Relative отмечена, чтобы дополнительное пространство было добавлено к существующему холсту, в противном случае мы изменим размер холста на 100 x 100 пикселей, что нам не нужно.Щелкните центральный квадрат в сетке Anchor , чтобы дополнительное пространство равномерно добавлялось по всем краям холста:
Добавьте дополнительное пространство вокруг изображения с помощью диалогового окна «Размер холста».
По завершении нажмите «ОК», чтобы выйти из диалогового окна «Размер холста». Если мы посмотрим на изображение в окне документа, мы увидим, что теперь у нас есть дополнительное пространство вокруг изображения. Мы будем обрезать лишнее пространство, когда закончим создавать эффект рваных краев.Это просто для того, чтобы дать нам дополнительное пространство для работы с Eraser Tool, которым мы вскоре воспользуемся:
Добавлено дополнительное пространство холста.
Шаг 3. Добавьте новый пустой слой между двумя существующими слоями
Выбрав «Слой 1» на панели «Слои» (он должен быть выделен синим), удерживайте нажатой клавишу Ctrl (Win) / Command (Mac) и щелкните значок New Layer внизу Панель Layers:
Удерживая Ctrl (Win) / Command (Mac), щелкните значок «Новый слой».
Обычно Photoshop добавляет новые слои непосредственно над текущим выбранным слоем, но, удерживая нажатой клавишу Ctrl / Command при щелчке по значку «Новый слой», мы говорим Photoshop добавить новый слой ниже выбранного слоя. Теперь у нас есть новый пустой слой с именем «Слой 2», расположенный между фоновым слоем и «Слой 1».
Новый пустой слой появляется между фоновым слоем и «слоем 1».
Шаг 4: Залейте новый слой белым
Перейдите в меню Edit вверху экрана и выберите Fill :
Перейдите в меню «Правка»> «Заливка».
Это вызывает диалоговое окно «Заливка» Photoshop, которое мы можем использовать для заливки слоя или выделения цветом. Выберите Белый для Используйте опцию в разделе «Содержание» вверху диалогового окна:
Установите для параметра «Использование» значение «Белый».
По завершении нажмите OK, чтобы выйти из диалогового окна. Photoshop заполняет новый слой белым цветом, хотя на самом деле мы не можем видеть его в окне документа, так как изображение на «Слое 1» над ним блокирует просмотр нового слоя.Однако, если мы посмотрим на миниатюру предварительного просмотра слоя для «Layer 2» на панели «Слои», мы увидим, что миниатюра теперь заполнена белым, что говорит нам о том, что сам слой заполнен белым:
Миниатюры предварительного просмотра на панели «Слои» позволяют предварительно просмотреть содержимое каждого слоя.
Шаг 5: Выберите «Layer 1»
Мы готовы приступить к созданию эффекта рваных краев, но сначала нам нужно убедиться, что мы работаем над правильным слоем. На данный момент у нас выбран «Слой 2», что мы знаем, потому что «Слой 2» выделен синим цветом на панели «Слои».Нам нужно работать с изображением на «Слое 1», поэтому нажмите «Слой 1», чтобы сделать его активным в данный момент слоем:
Щелкните «Layer 1», чтобы выбрать его.
Шаг 6. Выберите инструмент «Ластик»
Выберите Photoshop Eraser Tool на панели инструментов. Вы также можете быстро выбрать инструмент Eraser Tool, нажав на клавиатуре букву E :
Выберите инструмент «Ластик».
Шаг 7. Выберите кисть с шероховатой круглой щетиной 100
Мы можем использовать любую кисть Photoshop с Eraser Tool, так же, как если бы мы использовали настоящий Brush Tool.Щелкните значок переключения панели Кистей на панели параметров вверху экрана:
Значок переключения панели «Кисти» открывает и закрывает панель «Кисти».
Откроется панель «Кисти». Щелкните значок меню в правом верхнем углу панели «Кисти», чтобы открыть список параметров меню для панели. Здесь я использую Photoshop CS4. В более ранних версиях Photoshop значок меню выглядит как маленькая стрелка. Когда появится меню, выберите Большой список :
Каждая панель в Photoshop имеет меню с различными параметрами на выбор.
Это изменяет способ отображения кистей на панели «Кисти», что упрощает определение того, какую именно кисть мы выбираем. Теперь, когда кисти отображаются в формате большого списка, прокрутите список вниз и щелкните кисть 100 Rough Round Bristle , чтобы выбрать ее:
Щелкните кисть «100 Rough Round Bristle» на панели «Кисти», чтобы выбрать ее.
Если вы хотите вернуться к первоначальному отображению кистей, щелкните значок меню панели «Кисти» и выберите из списка Small Thumbnail .
Нажмите еще раз на значок переключения панели «Кисти» на панели параметров после того, как вы выбрали кисть, которую нужно закрыть на панели «Кисти».
Шаг 8: Стирание по краям изображения
Давайте начнем с создания нашего первоначального эффекта рваных краев вдоль левой стороны изображения. Я говорю «начальный», потому что, как только мы обойдем все изображение один раз, мы вернемся назад во второй раз, но мы вернемся к этому позже. Расположите инструмент «Ластик» так, чтобы он находился в верхнем левом углу документа, и только около 25-30% кисти приходилось на изображение.Остальная часть кисти должна находиться за пределами изображения в белом пространстве, которое мы добавили в начале урока. Щелкните один раз, затем, не отпуская кнопку мыши, проведите коротким мазком кисти вниз по верхнему левому краю изображения. Вы увидите, как части края стираются при перетаскивании, создавая начало нашего эффекта разорванных краев:
Щелкните и растяните небольшой мазок кисти вдоль верхнего левого края изображения.
Как видно на скриншоте выше, начальный мазок кисти не полностью удалил исходную прямую кромку.Его слабая часть все еще видна, и это связано с формой кисти из щетины, которую мы используем. Вероятно, вам придется вернуться к той же области два или три раза, прежде чем прямая кромка полностью исчезнет.
Продолжайте двигаться вниз по левой стороне изображения, щелкая и растягивая короткие мазки кистью, всегда сохраняя 70-75% формы кисти за пределами изображения в белой области, чтобы мы не стирали слишком много краев . Если вы допустили ошибку и вам нужно отменить последний мазок кисти, нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить его, или нажмите Ctrl + Alt + Z (Win) / . Command + Option + Z (Mac) несколько раз, чтобы отменить несколько мазков кистью:
Продолжайте продвигаться вниз по левой стороне изображения короткими мазками кисти.
Если вы обнаружите, что размер кисти по умолчанию слишком велик для вашего изображения, вы можете изменить размер кисти на лету с помощью клавиш левой и правой скобок. Нажмите клавишу левой скобки ( [), чтобы уменьшить кисть, либо нажмите клавишу правой скобки (] ), чтобы увеличить ее.
Как только вы дойдете до нижнего левого угла фотографии, продолжайте перемещаться по остальной части изображения, пока не вернетесь в верхний левый угол, с которого вы начали.Когда вы закончите, ваши края должны выглядеть примерно так:
Эффект начального рваного края.
Шаг 9: Дублируйте слой
Теперь, когда у нас есть начальный эффект разорванных краев, нам нужно сделать копию слоя. Выбрав «Слой 1» на панели «Слои», нажмите Ctrl + J (Win) / Command + J (Mac), чтобы быстро скопировать его. Теперь у нас есть копия слоя, который Photoshop назвал «Копия слоя 1» в верхней части панели «Слои».Обычно мы должны переименовывать слои, чтобы не видеть имена вроде «Копия слоя 1», но поскольку этот эффект довольно прост и у нас есть все слои, которые нам нужны на данный момент, мы оставим им имена по умолчанию, чтобы сэкономить время:
Копия «Layer 1» появляется над оригиналом.
Шаг 10: выключите верхний слой
Щелкните значок видимости верхнего слоя (также известный как «глазное яблоко»), чтобы временно отключить слой и скрыть его из поля зрения в окне документа, чтобы мы могли видеть исходный «слой 1» под ним:
Щелчок по значку «глазное яблоко» включает и выключает слои в документе.
Шаг 11: Выберите «Layer 1»
Теперь, когда верхний слой временно скрыт от просмотра, еще раз щелкните «Layer 1» на панели «Слои», чтобы выбрать его:
Щелкните «Layer 1», чтобы выбрать его.
Шаг 12: Добавьте стиль слоя наложения цвета
Выбрав «Layer 1», щелкните значок Layer Styles в нижней части панели Layers и выберите Color Overlay из появившегося списка:
Выберите Color Overlay из списка стилей слоя.
Это вызывает диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце установлены параметры «Наложение цвета». По умолчанию Photoshop устанавливает красный цвет наложения, и ваша фотография внезапно будет залита красным цветом в окне документа. Чтобы изменить цвет, щелкните образец цвета :
Щелкните образец цвета, чтобы выбрать другой цвет для наложения.
Появится палитра цветов Photoshop . Выберите светло-серый в палитре цветов, затем нажмите OK, чтобы выйти из него.Ваша фотография теперь должна быть залита светло-серым цветом в окне документа:
Выберите светло-серый цвет в палитре цветов.
Шаг 13: Добавьте стиль слоя Inner Glow
Пока не закрывайте диалоговое окно «Стиль слоя». Нам еще нужно добавить еще пару стилей слоя. Щелкните непосредственно на слове Inner Glow в левой части диалогового окна. Не устанавливайте просто флажок слева от слов. Нам нужно щелкнуть непосредственно на самих словах, чтобы получить доступ к параметрам стиля Inner Glow:
Щелкните непосредственно на слове «Inner Glow» в левой части диалогового окна «Стиль слоя».
Параметры внутреннего свечения теперь отображаются в центре диалогового окна «Стиль слоя». Несмотря на то, что название стиля — Inner Glow, мы собираемся изменить свечение на тень, чтобы мы могли использовать его, чтобы немного затемнить края вокруг фотографии.
Во-первых, чтобы изменить стиль со свечения на тень, измените параметр Blend Mode в верхней части диалогового окна с Screen на Multiply . Затем щелкните маленький образец цвета прямо под словом «Шум», чтобы изменить цвет стиля.По умолчанию он желтый. Когда вы нажимаете на образец цвета, появляется палитра цветов Photoshop , точно так же, как это было, когда мы несколько мгновений назад изменили цвет стиля Color Overlay. Выберите черный из палитры цветов, затем нажмите OK, чтобы выйти из него.
Уменьшите Непрозрачность до 10% , чтобы тень была очень тонкой. Наконец, увеличьте Размер тени примерно до 24 пикселей (пикселей):
Изменить свечение на тень так же просто, как изменить режим наложения на Умножение и выбрать черный для цвета.
Теперь ваше изображение должно выглядеть примерно так:
Изображение после применения стилей слоя Color Overlay и Inner Glow.
Шаг 14: Добавьте падающую тень
Щелкните непосредственно на слове Drop Shadow в верхней части списка стилей слоев в левой части диалогового окна. Опять же, нам нужно щелкнуть непосредственно по словам, чтобы получить доступ к параметрам Drop Shadow:
Щелкните прямо на слове «Drop Shadow» в левой части диалогового окна Layer Style.
Параметры Drop Shadow появятся в центральном столбце диалогового окна Layer Style. Понизьте Непрозрачность тени примерно до 30% , чтобы она была намного менее интенсивной, чем при настройке непрозрачности по умолчанию 75%. Затем установите Угол тени на 120 ° , если он еще не установлен:
Установите непрозрачность тени на 30% и угол на 120 °.
По завершении нажмите «ОК», чтобы выйти из диалогового окна «Стиль слоя».Вот мое изображение после применения тени:
Изображение после добавления всех трех стилей слоя.
Шаг 15: Выберите верхний слой и включите его снова
Щелкните верхний слой на панели «Слои» («Копия слоя 1»), чтобы выбрать его, затем щелкните значок видимости слоя . слева от слоя, чтобы снова включить слой, чтобы он снова стал видимым в окне документа. . Фотография снова появится и заблокирует серое изображение, над которым мы только что работали, из поля зрения:
Щелкните значок видимости слоя еще раз, чтобы снова включить верхний слой.
Шаг 16: Сотрите части краев на верхнем слое, чтобы выявить слой ниже
.Выделив верхний слой, вернитесь к краям изображения с помощью Eraser Tool, используя короткие мазки кистью, как мы это делали вначале на «Layer 1», чтобы удалить большую часть края. Не забудьте оставить большую часть формы кисти за пределами изображения, чтобы не более 25-30% ее входило в изображение. Когда части края стираются, открывается светло-серое изображение под ним, создавая иллюзию того, что сама фотография стерлась по краям, и остался только задний слой бумаги:
Стирание краев изображения на верхнем слое показывает светло-серую область на «Слое 1» под ним.
Опять же, вы можете изменить размер кисти при необходимости, нажав клавишу левой скобки ( [), чтобы уменьшить ее, или клавишу правой скобки (] ), чтобы сделать ее больше. Если вы ошиблись, нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить последнюю стертую область, или нажмите Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) для отмены нескольких мазков кисти.
Вот, после того как я еще раз проработал края фотографии, мой последний эффект «потертости, рваные края фотографии»:
Окончательный эффект «потертости, рваные края фото».
Шаг 17. Обрежьте лишнее пространство холста (необязательно)
Если вы хотите удалить дополнительное пространство холста, которое мы добавили ранее, перейдите в меню Image вверху экрана и выберите Trim :
Перейдите в Image> Trim.
Откроется диалоговое окно «Обрезка». Выберите параметр Цвет верхнего левого пикселя . Поскольку пиксель в верхнем левом углу документа белый, Photoshop обрежет всю белую область вокруг изображения.Убедитесь, что в нижней половине диалогового окна выбраны параметры Top , Bottom , Left и Right , затем нажмите OK, чтобы выйти из него, после чего Photoshop обрежет лишний холст. мы добавили места:
Обрежьте лишнее пространство холста с помощью команды «Обрезать».
Как сделать рваную кромку бумаги в Photoshop
Создание эффекта края рваной бумаги в Photoshop — довольно простой процесс. Однако, поскольку для этого требуется небольшая кисть, это может занять много времени, если вы применяете эффект к большому изображению.
Инструкции в этой статье относятся к Adobe Photoshop CC для Windows и Mac.
Как создать эффект рваной бумаги в Photoshop
Примените эту технику к любому элементу изображения, где вы хотите создать вид рваной бумаги:
В Photoshop откройте файл, содержащий изображение, к которому вы хотите добавить рваный край бумаги. Выберите инструмент Lasso на палитре инструментов.
Если инструмент «Лассо» не отображается, нажмите и удерживайте третий значок сверху и выберите Лассо инструмент .
Щелкните и перетащите, чтобы нарисовать зубчатый овал вокруг одной стороны изображения, причем одна сторона на изображении представляет разорванный край, а другая сторона выходит на холст.
Отпустите кнопку мыши, чтобы завершить выбор.
Убедитесь, что выделение проходит полностью сверху вниз и за пределы изображения.
Выберите Edit в строке меню Photoshop и выберите Clear в раскрывающемся меню, чтобы удалить выделение с изображения.
Повторите процесс с другой стороны изображения.
Перейдите к . Выберите > . Отмените выбор , чтобы снять выделение.
Выберите View > Zoom In , чтобы рассмотреть края крупным планом.
Выберите инструмент Smudge из палитры Инструменты .
Если инструмент Smudge не отображается, нажмите и удерживайте инструмент Blur или Sharpen и выберите инструмент Smudge из списка.
Выберите Brush Settings на верхней панели инструментов и установите Size на 1px и Hardness на 100% .
Поместите курсор внутри одного из разорванных краев изображения, а затем щелкните и перетащите за пределы изображения. Вы должны увидеть тонкую линию, начерченную на изображении, которая сужается.
Продолжайте рисовать размытые линии, как это, наугад по краям изображения.Это может выглядеть не очень впечатляюще при таком размере, но когда вы уменьшите масштаб, вы увидите, что он производит тонкий эффект, похожий на бумажные волокна.
Когда вы будете удовлетворены эффектом, сохраните изображение как файл PSD или в предпочитаемом вами формате.
Спасибо, что сообщили нам!
Расскажите, почему!
Другой Недостаточно подробностей Сложно понятьСоздание рваных краев в Photoshop и Photoshop Elements — Дэвид Аше | TipSquirrel
Всем привет.
В этом месяце я надеваю цилиндр и смокинг, чтобы исполнить для вас зрелищный карточный фокус. Сначала я разорву карту пополам, а потом, даже не махнув волшебной палочкой, без труда починю ее прямо у вас на глазах!
Если серьезно, если вы когда-нибудь углублялись в множество фильтров, доступных в Photoshop и Photoshop Elements, вы, несомненно, встречали фильтр «Разорванные края». Как следует из названия, это даст вам эффект супер рваных краев на вашем изображении.Ну нет, на самом деле это не так, если не применять непосредственно к изображению, то есть; все, что вы в итоге создадите, — это нечеткий монохромный графический элемент.
В этом уроке, который можно использовать как с Photoshop, так и с Photoshop Elements, я покажу вам, как создать реалистичный рваный край с помощью фильтра Torn Edge, но сделать это другим способом. Вместо того, чтобы применять фильтр к изображению, он будет применен к маске слоя. Как мы увидим, подобная работа дает очень разные результаты; эффект делает именно то, что должен.Мы также увидим, как можно накладывать фильтры в галерее фильтров для создания комбинированных эффектов. Это отличный способ создания эффекта, который можно применять во многих различных ситуациях. Это также дает вам гораздо больший контроль над результатом, чем при использовании пользовательских кистей или отсканированных элементов.
Многослойный файл psd доступен в хранилище мультимедиа в конце этой публикации. Все, что мы просим от вас, — это немного поделиться информацией в социальных сетях, чтобы помочь распространить информацию об этом сайте. Остальное — бесплатно!
Итак, приступим.
1. Убедитесь, что слой карты активен, щелкнув его миниатюру на панели слоев. Возьмите инструмент Freehand Lasso (ярлык L). Теперь, начиная немного с края карты, нарисуйте неровную линию посередине. Постарайтесь не делать его слишком беспорядочным, так как это сделает эффект менее реалистичным. оставьте достаточно места на дальнем крае. Теперь завершите выбор, развернув карту пошире и вернитесь к исходной точке.
2. Щелкните значок маски нового слоя в нижней части панели «Слои».Половина карты исчезнет, оставив зазубренный край выделения. На данный момент он не выглядит оторванным, скорее, оторванным. Теперь немного о науке.
3. Щелкните эскиз маски слоя на панели «Слои», чтобы убедиться, что она активна. Перейдите в меню «Фильтр». Выберите Галерея фильтров. Начнем с раздела Sketch. Нажмите на Torn Edges, так как мы этим и занимаемся. Это немного сложно увидеть, поэтому мы можем увеличить масштаб, нажав кнопки «плюс» и «минус» в нижнем левом углу диалогового окна.
4. Настройки фильтра по умолчанию здесь не работают. Начнем с настройки контрастности. Это определяет, как смешиваются светлые и темные пиксели. Бумага обычно рвется с мягким волокнистым краем. На этом изображении хорошо смотрится около 8 пикселей. Затем изменим плавность. Опять же, мы хотим, чтобы он был мягким, поэтому 6 кажется хорошей настройкой. Наконец, мы настроим баланс изображения. Это контролирует смещение цветов, в данном случае черного и белого. Эффект довольно тонкий, 29 выглядит хорошо.Не нажимайте ОК, чтобы применить фильтр.
5. Внизу панели настроек фильтра находятся два значка. Щелкните значок слева. Теперь у нас есть два экземпляра фильтра Torn Edges. Это похоже на слои фильтров. Перейдите в раздел «Мазки кистью». Щелкните эскиз Spatter. Теперь это добавляет эффект нового фильтра к фильтру Torn Edges. Это добавляет эффекту немного больше случайности. Установите Радиус распыления на 8, это усиливает края без слишком большого количества потерянных пикселей.Установите Smoothness на 7. Это приручит эффект, сохраняя более мягкие края, которые нам нужны. Щелкните ОК, чтобы применить фильтры.
6. Хотя казалось, что фильтры будут влиять на всю секцию карты, эффект имеет только верхний край. Вот почему мы с самого начала сделали гораздо более широкий выбор. Теперь это больше похоже на рваную бумагу.
7. У нас только половина карты; другая половина замаскирована. Перейдите в меню «Слой».Выберите «Создать»> «Слой через копию» или нажмите Cmd + J (Mac) / Ctrl + J (ПК), чтобы дублировать слой. Конечно, видимой разницы нет. Щелкните миниатюру маски скопированного слоя на панели «Слои». Перейдите в меню изображения. Щелкните Корректировка> Инвертировать. Это меняет черный цвет на белый, обращая маскированную область. Теперь у нас есть вторая часть карты с идеально подобранным разрывом.
8. Возьмите инструмент «Перемещение» (ярлык V). Мы можем перетаскивать слои, чтобы эффект выглядел лучше; маска движется вместе с картой, удерживая разрыв на месте.Обратите внимание, как стиль слоя падающей тени дублировался со слоем, давая нам гораздо более реалистичный эффект.
9. Как и любая хорошая иллюзия, карта никогда не рвалась. Щелкните значок видимости верхнего слоя (глазное яблоко), чтобы скрыть слой. Теперь, удерживая клавишу Shift, щелкните миниатюру маски первого слоя карточки. Это отключает маску, возвращая нам карту в целости и сохранности. Вот это волшебство; процитировать известного британского иллюзиониста.
[sociallocker id = ”16850 ″]
Нажмите ЗДЕСЬ, чтобы получить бесплатную игральную карту psd.Спасибо за Вашу поддержку.
[/ sociallocker]
Как создать эффект рваной бумаги в Photoshop — Medialoot
Эффекты Photoshop
Создать в Photoshop эффект рваной бумаги для создания эффекта коллажа в вашем дизайне очень просто. Вы можете использовать любое количество готовых кистей, кистей по умолчанию в Photoshop или даже настоящих бумажных рваных краев. Сегодня мы покажем вам один из самых простых способов создать собственный эффект рваной бумаги в Photoshop с нуля, чтобы он выглядел идеально.
В этом случае мы создадим эффект очень тонкой рваной бумаги, но вы можете легко настроить его под свои нужды, немного изменив значения, показанные в этом уроке.
Шаг 1
Откройте Photoshop и создайте новый файл любого размера. В этом случае я установлю размер 1600 x 1070 пикселей.
Шаг 2
Перейдите в Слой> Новый слой заливки> Сплошной цвет. Задайте имя этого слоя «Фон» и нажмите «ОК».
Шаг 3
В окне «Палитра цветов» установите цвет # d8d8d8 и нажмите OK.
Шаг 4
С помощью инструмента «Лассо» (L) выделите нужную форму для рваной бумаги.
Шаг 5
При активном выделении перейдите в Слой> Новый слой заливки> Сплошной цвет. Назовите этот слой «Paper Shadow» и нажмите OK.
Шаг 6
В окне «Палитра цветов» установите цвет на # 020202 и нажмите «ОК».
Шаг 7
Нажмите «Ctrl + J» на клавиатуре, чтобы продублировать слой, и назовите этот новый слой «Torn Color».
Шаг 8
Дважды щелкните миниатюру слоя «Torn Color». В окне «Палитра цветов» установите цвет на # f6f6f6 и нажмите «ОК».
Шаг 9
Снова нажмите «Ctrl + J» на клавиатуре, чтобы продублировать слой, и назовите этот новый слой «Рваная бумага».
Шаг 10
Дважды щелкните миниатюру слоя «Рваная бумага». В окне «Палитра цветов» установите цвет на # eae7e7 и нажмите «ОК».
Шаг 11
Выберите маску слоя «Paper Shadow» и нажмите «Ctrl + T» на клавиатуре.
Шаг 12
На верхней панели инструментов установите преобразование на 105% по ширине и 101% по высоте. Обязательно установите положение контрольной точки на центральную верхнюю точку и подтвердите преобразование.
Примечание: если вы хотите, чтобы эффект был более заметным, просто увеличьте эти значения.
Шаг 13
Перейдите в Фильтр> Размытие> Размытие по Гауссу. Установите Радиус на 2 и нажмите ОК.
Шаг 14
Установите режим наложения слоя «Тень от бумаги» на Умножение и уменьшите Непрозрачность до 10%.
Шаг 15
Выберите маску слоя «Torn Color» и перейдите в меню «Фильтр»> «Галерея фильтров». На вкладке «Художественные» выберите эффект «Вырез». Примените следующие настройки и нажмите ОК.
Шаг 16
Выберите маску слоя «Рваная бумага» и нажмите «Ctrl + F» на клавиатуре, чтобы снова применить эффект.
Шаг 17
Выбрав маску слоя, нажмите «Ctrl + T» на клавиатуре и на верхней панели инструментов установите для ширины 101% и высоты 99%.Убедитесь, что положение контрольной точки установлено в левом верхнем углу, и зафиксируйте преобразование.
Примечание: если вы хотите, чтобы эффект был более заметным, просто увеличьте эти значения.
Шаг 18
Теперь выберите слой «Torn Color» и перейдите в Layer> Layer Style> Inner Shadow. Примените следующие настройки и нажмите ОК.
Шаг 19
После создания основного эффекта все, что нам нужно сделать, это разместить содержимое каждого из кусочков бумаги.Выберите слой «Фоновая бумага» и поместите любое изображение или дизайн прямо над слоем и измените его размер, чтобы заполнить весь холст. В данном случае это просто текстура бумаги.
Шаг 20
Выберите слой «Рваная бумага» и поместите второе изображение.
Шаг 21
Чтобы закончить эффект рваной бумаги, перейдите в меню «Слой»> «Создать обтравочную маску».
Создание рваного края на
ваш (Adobe
Photoshop, Jasc Paint Shop Pro, Corel PHOTO-PAINT,
Автор Розанна Миске.CottageArts, LLC, Авторские права 2004, Все права защищены |
Как создать эффект рваного края в Adobe Photoshop
Сколько себя помню, я видел эффекты рваных краев бумаги, применяемые к фотографиям, которые были подвергнуты цифровой обработке. Мне всегда было интересно, как людям удается создавать такой эффект. Я имею в виду, я знаю, что существуют некоторые фильтры с «автоматическими» эффектами, но, будучи самим любопытным, я задавался вопросом, как люди, которые делают фильтры с автоматическим краевым эффектом, на самом деле это делают.Эти автоматические вещи не всегда дают желаемый результат. Я из тех людей, которым нравится свобода создавать тот эффект, которым я являюсь после — в одиночестве.
Ну, некоторое время назад я наконец нашел ответ. И хотите верьте, хотите нет, но сделать что-то подобное очень легко. На самом деле это очень просто. Самая сложная часть — найти или сделать несколько рваных краев для использования.
В сегодняшнем посте я покажу вам, как именно можно создать эффект рваных краев и применить его к фотографии во время работы в Adobe Photoshop.Я также дам вам знать, где вы можете найти рваные края, с которыми можно поработать, и как вы можете создать их самостоятельно.
Где взять рваные края
Для этого проекта мне понадобились рваные края, которые можно было бы применить к демонстрационной фотографии, которую я буду использовать в этой публикации. Моей первой мыслью было отправиться на несколько сайтов с бесплатными изображениями, где мой поиск окупился. Я пошел в The Stocks, где немного побродил и нашел несколько хороших образцов. Я остановился на одном, и это то, что я буду использовать в этом проекте.Выглядит это так:
Теперь, если у вас есть сканер, вы можете просто оторвать лист бумаги и сканировать его, подняв крышку сканера. При поднятой крышке фон останется черным, в то время как бумага правильно сканирует белый цвет. Также вы можете легко оторвать лист бумаги, положить его на черную поверхность и сфотографировать. Оттуда откройте его в Camera Raw, Lightroom или Adobe Photoshop и увеличивайте контраст до тех пор, пока не будут удалены все размытые или серые области.Это было бы хорошо. После того, как вы закончите захват края любым из описанных мною методов, вы сохраните его как файл и продолжите то, чем я собираюсь поделиться в этой публикации ниже.
Прежде чем продолжить, я хочу упомянуть еще одну вещь. Если вы достаточно изобретательны и осторожны, я думаю, вы сможете создать что-то, похожее на рваный край, с помощью одной из множества кистей, которые предлагает Photoshop. Я немного поигрался с одним и представил несколько примеров ниже.
Хотя я знаю, что третий и четвертый мазки нестандартны и выглядят не очень хорошо, первые два могут сойти за что-то. Конечно, я потратил на это всего около 10 секунд, но я хотел показать вам возможные края, которые можно получить с помощью кисти.
Оба файла на одной вкладке
Открыв в Photoshop и фотографию, и файл с разорванными краями, я изменил ширину файла с разорванными краями, чтобы она равнялась ширине фотографии. Я сделал это, потому что отрывной файл был примерно в два раза шире фотографии, и если бы я оставил его таким широким, детали надрыва были бы слишком грубыми.Я хотел, чтобы он выглядел красиво и реалистично. Затем я перетащил файл края на ту же вкладку, на которой находится фотография. Чтобы узнать, как переместить слой из одной вкладки в другую вкладку, ознакомьтесь с этим сообщением:
Советы по вкладкам и направляющим в Adobe Photoshop
Вот скриншот того, как все выглядит в этот момент:
Как видите, у меня два слоя. Фоновый слой — это сама фотография, а слой над ним — это край.
Выбор цвета кромки
На этом этапе мне нужно определиться с цветом края.Прямо сейчас у меня есть что-то, что выглядело бы как фотография на черном фоне, то есть все за пределами разорванного края было бы черным. Это потому, что область внутри разрыва черная. Если бы я хотел отменить это и получить белую рамку, я мог бы просто перейти к пункту меню Image> Adjustments> Invert и выбрать его.
Это инвертирует цвета любого выбранного слоя. В этом случае выбран слой отрыва, поэтому теперь края будут белыми, потому что область внутри отрыва черная.
Не волнуйтесь, если это вас сбивает с толку. Все станет ясно через минуту.
Дублирование краевого слоя
Так как у меня только один слой с краями и четыре края, к которым я хотел бы применить этот эффект, мне нужно сделать несколько дубликатов. Для начала перетащим рассматриваемый слой вниз к значку Create New Layer внизу панели «Слои», чтобы создать одну копию. Если вы хотите прочитать руководство, в котором рассказывается, как дублировать слой, просмотрите эту публикацию:
Работа со слоями в Adobe Photoshop
Затем я выделю оба крайних слоя и перетащу их к одному и тому же значку.Это создаст еще две копии того же слоя, всего четыре. Как только я это сделаю, у меня будет по одному для каждой стороны фотографии.
Преобразование боковых слоев
На этом этапе я могу расположить два слоя так, чтобы они располагались горизонтально по верхнему и нижнему краям фотографии. Я сделаю это с самыми нижними краевыми слоями на панели Layers . После этого я выделю два оставшихся слоя одновременно и перейду к пункту меню Edit> Transform> Rotate 90 Degrees Clockwise и выберу его.
Это преобразует два боковых слоя так, чтобы они располагались вертикально, а не горизонтально. Я также нажму Ctrl + t на клавиатуре, чтобы использовать инструмент Free Transform , чтобы уменьшить эти два боковых слоя, чтобы они больше не были выше сторон фотографии.
Наконец, я буду выделять только один слой за раз и перемещать их по обе стороны от фотографии. На этом этапе фотография должна быть полностью окружена краевыми слоями.
Использование режима наложения
Несмотря на то, что внешний вид изображения меняется и на самом деле может показаться довольно аккуратным, я не собираюсь этого делать.Чтобы удалить черный цвет с краевых слоев, я выделю их все одновременно, щелкнув верхний, удерживая нажатой клавишу Shift на клавиатуре, а затем щелкнув нижний. Выбрав слои, я нажимаю раскрывающееся меню режима наложения на панели «Слои» и выбираю Screen .
Если вы помните, из моих предыдущих сообщений, используя режим наложения экрана, вы, по сути, удаляете весь черный цвет со слоя, к которому он был применен.Если вы хотите узнать больше о режимах наложения в целом, ознакомьтесь с этими публикациями:
Что такое режимы наложения в Adobe Photoshop?
Изучение разницы между режимами наложения в Adobe Photoshop
Краткое руководство по сочетаниям клавиш для режимов наложения в Adobe Photoshop
После этого у меня будет последнее фото.
Черный фон
Я создал фотографию с эффектом рваных краев, которая выглядит так, как будто она находится на белом фоне.Если бы я хотел перевернуть все и получить черный фон, все, что мне нужно было бы делать, это выделять по одному краевому слою за раз и нажимать Ctrl + i на клавиатуре, чтобы инвертировать его. Я сделал это для всех четырех слоев, и цвета поменяли местами. Затем я выбрал все четыре слоя, как и выше, но на этот раз выбрал режим наложения Multiply . Этот режим наложения противоположен Screen в том, что вместо удаления черного он удаляет белый цвет со слоя. Вот фото после того, как я это сделаю.
Надеюсь, вам понравился сегодняшний пост. Если у вас есть какие-либо вопросы, оставьте их в поле для комментариев ниже. Я очень люблю вопросы и очень быстро на них отвечаю. Спасибо!
Фотография предоставлена (край разорванной бумаги): halseike через Visualhunt.com / CC BY
——
Если вам понравился сегодняшний пост и он оказался полезным, поделитесь им с другом. Кроме того, если вы хотите продолжить обучение и хотите, чтобы наши сообщения отправлялись прямо на ваш почтовый ящик, просто подпишитесь на нашу новостную рассылку.Мы будем отправлять все сообщения прямо вам. Спасибо!
Как создать рваную кромку бумаги
Рваные бумаги — отличное дополнение к любому макету. У нас был запрос от одного из участников нашего форума, darklighter67, поделиться учебным пособием по их созданию. Я люблю включать рваные края в свои комплекты, но признаю… Я всегда покупал для них шаблоны CU и прикладывал свои собственные документы. Итак, я вышел из своей зоны комфорта и решил провести небольшое исследование и узнать, как создавать их сам для этого урока.Как и все остальное в графическом дизайне, есть десятки способов сделать то же самое.
Загрузите PDF-файл
Я просмотрел множество различных методов и, наконец, нашел интересный метод, показывающий, как применить оторванный край к фотографии. Я решил использовать эту технику сегодня, но применим ее к цифровой бумаге — это легкий и очень простой оторванный край без лишних наворотов. Но это поможет вам начать работу, и вы сможете создавать свои собственные рваные бумаги с уникальными краями.Это руководство применимо к пользователям Photoshop и Photoshop Elements. Вдохновившее меня видео включало несколько бесплатных кистей. Обязательно нажмите на ссылку на видео, а затем на УЗНАТЬ БОЛЬШЕ по тексту. Кисти связаны внизу текста. Эти кисти позволяют НАСТОЛЬКО ЛЕГКО создать реалистичный край бумаги! Итак, приступим!
Шаг 1 — Создайте новый документ в Photoshop (или PSE). Поскольку я создаю его для использования в макете 12 ″ x 12 ″, я начинаю с холста размером 3600 x 1200 пикселей при 300 ppi.Мы обрежем его, когда создадим нашу рваную бумагу. Я создал его с белым фоном (это экономит шаг по его заливке, но эй, если вы предпочитаете сделать его прозрачным и заполнить его, это тоже хорошо.) Мы не будем использовать белый слой позже. Назовите белый слой Background.
Шаг 2 — Откройте бумагу, на которой вы хотите создать рваный край, и перетащите ее в свой документ. Это автоматически создаст новый слой. Назовите этот слой Patterned Paper. На этом этапе вы можете обрезать файл, но я просто подождал, потому что в итоге я немного обрезал файл, чтобы он соответствовал разорванному краю.
Шаг 3 — Загрузите и загрузите рваные бумажные кисти от Tricorn Design. Извлеките их из сжатого файла (он имеет формат .rar, поэтому вам понадобится программа, которая извлечет этот тип файла). Если у вас есть другие кисти из рваной бумаги, которые вам нравятся, воспользуйтесь ими. Видишь, как легко со мной ладить? 🙂 Чтобы загрузить набор кистей в Photoshop, щелкните инструмент кисти на панели инструментов. Затем нажмите стрелку вниз рядом с кистью в верхней строке меню. Нажмите на маленькую «шестеренку» в правом верхнем углу панели кистей и, наконец, нажмите «Импортировать кисти».
Шаг 4 — Перейдите в папку, в которой вы сохранили / извлекли рваные бумажные кисти, выберите их и нажмите OK. Это загрузит их в нижнюю часть панели кистей.
Шаг 5 — При активном бумажном слое с рисунком щелкните значок маски в нижней части панели слоев, чтобы выбрать слой-маску для этого слоя. После добавления маски ваша панель слоев должна выглядеть так:
Шаг 6 — Щелкните кисть и выберите одну из кистей Tricorn Torn Paper Brushes.Я использовал 03.psd (2100).
Шаг 7 — Щелкните маску слоя на слое «Узорчатая бумага». Убедитесь, что черный цвет является вашим цветом переднего плана, и начните нажимать кистью на маске, чтобы замаскировать часть бумаги с рисунком, чтобы создать рваный край. Обязательно поворачивайте и переворачивайте оси x и y кисти регулярно, чтобы на разорванном крае не получился повторяющийся узор. Не нужно слишком сильно вращать кисть. Вот образец моей кисти:
Когда вы закончите маскировать часть бумаги с рисунком, чтобы создать разорванный край, ваша панель слоев будет выглядеть следующим образом:
Ваш фактический файл будет выглядеть следующим образом на белом фоне:
Шаг 8 — При активном фоновом (белом) слое, удерживайте нажатой клавишу Alt и щелкните значок маски слоя внизу панели слоев.Это добавит маску слоя, которая будет заполнена черным и полностью скроет белый слой. Не волнуйтесь, через минуту я объясню, зачем мы это делаем. Ваша панель слоев должна выглядеть так — теперь фон полностью прозрачный:
Шаг 9 — Из-за прозрачного фона может быть немного сложнее увидеть белый край, поэтому, прежде чем я начал показывать белый край, я просто создал новый слой под белым слоем и заполнил его черным. Есть множество способов создать слой.Я просто удерживаю CTRL и щелкаю значок добавления слоя на панели слоев (удерживание CTRL создает слой ниже, а не над текущим слоем. Если он не попадает в нужное место, просто перетащите его на нижний слой). ваш белый / фоновый слой заблокирован, дважды щелкните по нему, чтобы разблокировать, затем добавьте новый слой, используя шаги, описанные выше). Благодаря черной заливке будет намного легче увидеть белый рваный край, когда мы его создаем. Итак, вот как будет выглядеть ваша панель слоев (без текста, который я добавил, конечно * ухмылка *):
Шаг 9 — Щелкните маску слоя на белом / фоновом слое.(см. изображение выше)
Шаг 10 — Снова выберите кисть на панели инструментов. Нажмите на кисть в верхнем меню и снова выберите одну из кистей для рваной бумаги. Вы можете использовать ту же кисть, другую или даже изменить ее, пока создаете белый край. Неважно. Белая бумага, которая видна вдоль разорванного края, не предназначена для того, чтобы «соответствовать» разорванной бумаге с рисунком. Так что не беспокойтесь об этом. Мы собираемся снова поработать кистью и просто нарисуем этот белый край вдоль слезы.
Шаг 11 — Установите для цветов по умолчанию черный и белый (просто нажмите D на клавиатуре). Установите белый цвет переднего плана. Если это не так, нажимайте стрелки рядом с образцами цвета, чтобы переключить белый цвет на передний план, или просто нажмите X на клавиатуре.
Шаг 12 — Нажмите на маску на фоновом (белом) слое (смех, не путайте это с черным слоем, который мы добавили, чтобы помочь нам увидеть белый край * ухмылка *) Начните нажимать кистью на маску на фоновом слое, чтобы показать белый край.Вы хотите просто показать очень тонкую белую полоску вдоль разрыва, но вы хотите, чтобы она была разной толщины, чтобы она выглядела более естественной. Возможно, вам придется уменьшить размер кисти и убедиться, что вы вращаете и переворачиваете оси x и y во время работы. Вам нужно, чтобы большая часть вашей кисти находилась за бумагой с рисунком, чтобы вы только открывали узкий белый край за разорванным краем на бумаге с рисунком. Убедитесь, что ваш край неровный или идеальный. Никакого стресса… просто начните снова нажимать, вращать, переворачивать и постукивать по этой кисти.
Вот как выглядит мой оторванный край. Как видите, у меня есть несколько проблемных мест. Я уменьшу размер кисти, вернусь, почищу их и избавлюсь от этих толстых краев, особенно того, что справа.
Шаг 13 — Если некоторые края нужно уменьшить или немного очистить, просто переключите цвет переднего плана на черный, щелкните маску слоя на фоновом (белом) слое и снова коснитесь кистью, чтобы удалить некоторые из них. белого края.Я переключался между черным (чтобы скрыть) и белым (чтобы показать) снова и снова, пока не остался доволен тем, как выглядит край.
Шаг 15 — Если вы уверены, что больше не хотите вносить изменения в порванную бумагу, вы можете щелкнуть правой кнопкой мыши по каждой маске и нажать «Применить маску слоя». Это делает изменения, которые вы сделали в маске, постоянными на слое. Если вы предпочитаете, чтобы маска слоя оставалась активной, это тоже нормально.
Вот как будет выглядеть ваш слой после применения маски слоя:
(на самом деле я сохраняю маски слоев в моем файле, чтобы было легко внести изменения, если я захочу):
Шаг 14 — Теперь вы можете удалить черный слой и обрезать файл по разорванной бумаге.Чтобы упростить просмотр на завершающих этапах, я поместил кусок плотной бумаги в файл и поместил его за разорванный край.
Шаг 15 — Файл и так выглядит неплохо, но все мы знаем, что бумага не выглядит идеально «плоской». Итак, я применил текстуру к моему белому рваному краю с помощью Pattern Overlay. У меня есть крафт-текстура, которую я использую для наложения таких вещей, поэтому я подумал, что поделюсь ею. Я создал файл .pat, чтобы вы могли применять его как шаблон, но также у меня есть файл jpg, который вы можете использовать.Пользователям PSE нужно будет использовать jpg и просто установить стиль слоя и прозрачность, как показано на изображении ниже. Вы можете скачать текстурированную бумагу и файл .pat здесь . Итак, вот как я это сделал:
- Примените наложение узора со следующими настройками (если вы не можете использовать файлы .pat фотошопа, просто перетащите jpg в свой файл по белому разорванному краю и используйте те же настройки, что я использую для наложения узора:
- Вы заметите, что белый край выглядит серым.НЕ ПАНИКА. Вам нужно добавить к нему немного серого, чтобы текстура отображалась. Выглядит нормально, но мы собираемся немного сделать его ярче
- Дублируйте наложение и примените к нему другой стиль слоя, чтобы немного осветлить его. Первое, что вам нужно сделать, это наложить узорчатый оверлей на его собственный слой (пользователям PSE НЕ нужно этого делать, поскольку ваше наложение уже находится на отдельном слое). Пользователи Photoshop: щелкните правой кнопкой мыши стиль слоя / Наложение узора под белым порванным краем.Появится окно меню. Выберите Create Layer , как показано на изображении ниже. Когда вы создаете слой, он будет автоматически «обрезан» на разорванном краевом слое.
Когда вы переместите узорчатый оверлей на отдельный слой, ваша панель слоев будет выглядеть так:
Шаг 15 — Дублируйте слой заливки узором. Вы можете просто удерживать клавишу ALT и перетащить слой Pattern Fill вниз; или вы можете щелкнуть правой кнопкой мыши и продублировать слой. После того, как вы дублируете слой, выберите верхний экземпляр слоя Pattern Fill и настройте параметры стиля слоя, как показано ниже:
Это помогает осветлить и определить текстуру на разорванном краевом слое….но это еще не все.
Шаг 16 — Нанесите очень маленькую тень на каждый слой. Вот настройки, которые я использовал. Для бумажного слоя с рисунком я использовал Крошечную тень. Мне нравится мой источник света, идущий сверху, слева; поэтому я установил угол 120. Вы можете установить его под любым углом, который вам нравится.
Тень не намного больше для белого разорванного слоя. Я собираюсь немного поиграть с этой тенью через минуту. Но пока вот настройки, которые я использовал:
Вот затененный файл с настройками выше.Но ты же знаешь, что я не могу просто так оставить, верно?
Шаг 17 — Мне нужно было немного поднять его. Я помещаю тени на отдельные слои, чтобы можно было настроить их.
Шаг 18 — Используйте инструмент Smudge Tool, чтобы слегка деформировать тень (вы также можете использовать CTRL T / Warp, но я слегка подтолкнул ее, вместо этого я использовал инструмент smudge).
