Как сделать рваную одежду в фотошопе
В этом уроке по текстовым эффектам в Photoshop мы узнаем, как создать эффект «потертости» с нашим текстом.
Вот эффект, для которого мы собираемся:
Шаг 1: Откройте новый документ Photoshop
Я начну с того, что зайду в меню «Файл» вверху экрана и выберу « Создать», чтобы создать новый документ Photoshop. Я выберу заданный размер 640×480, а затем нажму кнопку «ОК», чтобы Photoshop создал для меня новый документ:
Создайте новый документ Photoshop, используя заданный размер 640×480. Вы можете использовать любой размер, который вам нравится.
Шаг 2: заполните фоновый слой черным
Нажмите D на клавиатуре, чтобы быстро установить черный цвет в качестве основного цвета. Затем используйте сочетание клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы залить фоновый слой черным:
Шаг 3: установите цвет переднего плана на белый и добавьте текст
На этот раз нажмите X на клавиатуре, чтобы поменять местами цвета переднего плана и фона, чтобы белый цвет стал вашим цветом переднего плана. Затем возьмите ваш инструмент Type из палитры Tools или нажав T на клавиатуре:
Затем, выбрав инструмент «Текст», выберите свой шрифт на панели параметров в верхней части экрана и добавьте свой текст. Я собираюсь использовать «Impact» для моего шрифта и наберу слово «FEAR». Затем я нажму Ctrl + T (Победа) / Command + T (Mac), чтобы открыть окно « Свободное преобразование» в Photoshop и обведу его вокруг текста, удерживая клавиши Shift + Alt (Победа) / Shift + Option (Mac). Вытяните угловой маркер, чтобы изменить размер моего текста и сделать его больше. Удержание Shift ограничивает пропорции текста при перетаскивании, а нажатие Alt / Option приводит к изменению размера текста из центра. Вот мой текст после изменения его размера:
Добавьте текст, а затем измените его размер при необходимости с помощью команды «Свободное преобразование».
Шаг 4: Растеризация текста
На этом этапе нам нужно преобразовать текст в пиксели, поэтому, когда вы довольны своим текстом, перейдите в меню «Слой» в верхней части экрана, выберите « Растеризация» , а затем выберите « Тип» . Ваш текст не будет выглядеть по-другому в окне документа, но если вы посмотрите на слой «Тип» в палитре «Слои», вы увидите, что он теперь стал обычным слоем:
Шаг 5: сделай зубчатое выделение по первой букве, затем выбери остальную часть слова
Возьмите инструмент Polygonal Lasso из палитры Tools. Он прячется за инструментом Лассо, поэтому просто нажмите и удерживайте кнопку мыши на значке инструмента Лассо, а затем выберите инструмент Многоугольное лассо из всплывающего меню, которое появляется:
Затем, выбрав инструмент «Полигональное лассо», сделайте зубчатое выделение по первой букве сверху вниз. Обратите внимание, что я не говорил, перетаскивая выделение, и это потому, что вы не перетаскиваете с помощью инструмента Polygonal Lasso. Все, что вам нужно сделать, это щелкнуть мышью внутри документа один раз, затем отпустить кнопку мыши и переместить мышь, чтобы создать линию. Нажмите еще раз, переместите мышь снова. Нажмите, переместите, нажмите, переместите и так далее. Убедитесь, что вы создали неровную линию через букву, а не прямую линию, поскольку это будет нашей первой точкой разрыва.
Как только вы проведете зубчатую линию через букву, завершите свой выбор, щелкнув и переместив указатель мыши вокруг остального слова справа от строки выбора, чтобы вы получили все выбранное слово, кроме левой части письмо, как у меня здесь:
Сделайте зубчатую выделение по первой букве сверху вниз, затем включите оставшуюся часть слова, расположенную справа от зубчатой линии в выделении.
Шаг 6: вырезать выделение на новый слой
Когда вы довольны своим выбором, нажмите Ctrl + Shift + J (Победа) / Command + Shift + J (Mac), чтобы вырезать выделение на новый слой. Многое еще не произойдет в окне документа, но в палитре слоев вы увидите, что выделение теперь находится на новом слое, и единственная часть слова, остающаяся на исходном текстовом слое под ним, левая часть первой буквы, которая не была выбрана:
Нажмите «Ctrl + Shift + J» (Победа) / «Command + Shift + J» (Mac), чтобы вырезать выделение на новый слой.
Шаг 7: вращай буквы, используя команду Free Transform
Мы собираемся создать нашу первую слезу в тексте. Выбрав новый слой в палитре слоев, нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно « Свободное преобразование» и обвести буквы (минус левая половина первой буквы, которая находится на слой ниже). Посмотрите в центре поля Free Transform, и вы увидите маленький значок цели:
После того, как вы перетащили значок цели на новое место, просто переместите указатель мыши в любое место за пределами поля «Свободное преобразование», затем щелкните и перетащите мышь вверх или влево, чтобы повернуть буквы против часовой стрелки, создавая разрыв первой буквы как Я делаю здесь:
Нажмите Enter или Return, когда вы довольны созданной слезой, чтобы принять трансформацию. Вот мой текст с большой буквой «F»:
Шаг 8: сделай зубчатое выделение по второй букве, затем выбери остальную часть слова
С инструментом Polygonal Lasso по-прежнему выбран, сделайте еще один зубчатый выбор, на этот раз через вторую букву, затем включите оставшуюся часть слова справа от зубчатой линии в ваш выбор:
Сделайте зубчатое выделение через вторую букву, затем включите оставшуюся часть слова справа от зубчатой линии в выделении.
Шаг 9: вырезать выделение на новый слой
Создав выделение, нажмите Ctrl + Shift + J (Победа) / Command + Shift + J (Mac), чтобы вырезать выделение на новый слой:
Нажмите «Ctrl + Shift + J» (Победа) / «Command + Shift + J» (Mac), чтобы еще раз вырезать выделение на новом слое.
Шаг 10: вращай буквы, используя команду Free Transform
Мы собираемся снова повернуть содержимое на новом слое, поэтому нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Free Transform и маркеры. На этот раз перетащите значок центральной цели вниз в левый нижний угол, чтобы мы могли вращать буквы снизу слева:
Затем переместите указатель мыши в любое место за пределами поля «Свободное преобразование» и щелкните и перетащите вниз или вправо, чтобы повернуть буквы по часовой стрелке, создав разрыв между вторыми буквами:
Нажмите Enter (Win) / Return (Mac), чтобы принять преобразование. Вот мой текст после разрыва второй буквы:
Шаг 11: Повторите процесс для остальных букв
Повторите те же шаги для остальных букв. Сначала сделайте зубчатое выделение через букву с помощью инструмента «Многоугольное лассо», затем включите оставшуюся часть слова справа от зубчатой линии в выделении. Нажмите Ctrl + Shift + J (Победа) / Command + Shift + J (Mac), чтобы вырезать выделение на новый слой. Затем нажмите Ctrl + T (Победа) / Command + T (Mac), чтобы открыть окно Free Transform и маркеры. Перетащите центральный значок цели в верхний левый или нижний левый угол, чтобы повернуть его из этого места, затем щелкните и перетащите в любое место за пределами поля «Свободное преобразование», чтобы повернуть содержимое слоя.
Вот мое слово «СТРАХ» после создания моих слез через оставшиеся две буквы. Я повернул «А» сверху слева и «R» снизу слева:
Шаг 12: объединить все текстовые слои в один
Выделите все свои текстовые слои в палитре «Слои», сначала щелкнув верхний слой, чтобы выделить его, а затем, удерживая клавишу «Shift», щелкнуть исходный текстовый слой непосредственно над фоновым слоем. Это выберет все ваши текстовые слои сразу:
Нажмите на верхний слой, затем, удерживая клавишу Shift, щелкните на исходном текстовом слое над фоновым слоем, чтобы выделить все текстовые слои одновременно.
Выделив все текстовые слои, нажмите Ctrl + E (Победа) / Command + E (Mac), чтобы объединить их все в один слой. Теперь у вас должно быть только два слоя в палитре слоев:
Шаг 13: добавь маску слоя к новому объединенному слою
Мы собираемся добавить маску слоя к новому объединенному слою, но прежде чем сделать это, удерживайте нажатой клавишу Ctrl (Win) / Command и щелкните непосредственно на миниатюре объединенного слоя в палитре слоев, чтобы быстро выделить текст в документе. Окно:
Выделите весь текст, удерживая клавиши «Ctrl» (Win) / «Command» (Mac) и нажимая на миниатюру объединенного слоя в палитре «Слои».
Вы увидите выделение вокруг вашего текста. Теперь, когда ваш текст выделен, нажмите на иконку Add A Layer Mask внизу палитры Layers:
Выделив текст, нажмите значок «Добавить маску слоя», чтобы добавить маску слоя к объединенному текстовому слою.
Вы увидите, что маска слоя отображается справа от миниатюры объединенного текстового слоя в палитре «Слои», причем ваш текст отображается белым, а вся пустая область вокруг него — черным:
Шаг 14: примени фильтр «Брызги» к маске слоя
Мы собираемся дать нашему тексту хороший изношенный вид на данный момент, используя фильтр «Брызги». Для этого , выбрав маску слоя, перейдите в меню «Фильтр» в верхней части экрана, выберите « Мазки кистью» , а затем выберите « Брызги» , в результате чего в огромной галерее фильтров Photoshop будут установлены параметры «Брызги» (обведены красным на право):
Перейдите в Filter> Brush Strokes> Spatter, чтобы открыть галерею фильтров, настроенную для параметров Spatter.
Есть только два варианта для фильтра Spatter, Радиус распыления и Гладкость . Не стесняйтесь поиграть с обоими ползунками, чтобы увидеть, какие настройки лучше всего подходят для вашего текста, что вы можете просмотреть в большом окне предварительного просмотра в левой части галереи фильтров. Я только что переместил обе ползунка до упора вправо, чтобы установить для обоих параметров их максимальные значения 25 для радиуса разбрызгивания и 15 для гладкости, что дает мне нужный эффект:
Шаг 15: примени удар к тексту, чтобы завершить эффект
Чтобы закончить, я собираюсь добавить штрих к своему тексту. С моим выделенным текстовым слоем, я собираюсь щелкнуть по значку Layer Styles внизу палитры Layers:
Затем я выберу Stroke из появившегося списка:
Это поднимает Layer Style диалогового окна установите для опции обводки в средней колонке. По умолчанию Photoshop использует сплошной цвет для обводки, но вместо этого я собираюсь использовать градиент. Чтобы изменить его, нажмите стрелку вниз справа от параметра « Тип заливки» , затем выберите « Градиент» в списке:
Параметры типа заливки затем изменятся на параметры для градиента. Нажмите на область предварительного просмотра градиента, чтобы вызвать редактор градиентов в Photoshop, чтобы выбрать новые цвета для градиента:
Куда пойти дальше …
И там у нас это есть! Ознакомьтесь с нашими разделами « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по Photoshop!
В сфере графического и веб-дизайна дизайнерам важно иметь текстуры с разными краями чего-либо: бумаги, ткани, металла и пр. С помощью них дизайнеры могут создавать различные рекламные материалы, которые помогут их клиентам. Рваные кисти — одна из таких текстур, которая имеет реалистичный вид и используется в различных произведениях искусства для воссоздания эффекта рваной бумаги, но и не только бумаги. У рваной бумаги рваные края и шероховатый вид, что делает ее изюминкой этой текстуры.
Мы подобрали для вас несколько вариантов рваных кистей для фотошоп, которые помогут преобразить ткани, бумаги, поверхности различные и создать совершенно новую композицию. Все кисти в большом разрешении, поэтому ими удобно пользоваться. Кроме того, их можно дополнительно настраивать, от чего они становятся более выразительными.
О том, как воспользоваться кистями в Photoshop, мы рассказали в Инструкции «Как установить кисти в фотошоп».
Torn Brushes
У этой чудесной рваной кисти отличная текстура рваной бумаги, которую дизайнеры могут использовать в своих работах. Вы можете использовать его на маске слоя поверх текстуры бумаги, чтобы создать эффект.
Формат: .abr
Количество: 1
Размер файла: 25 КБ
Torn Jeans Brushes
Если вы хотите создать в своих проектах эффект рваных джинсов, эта текстура вам очень поможет. Кисти Photoshop очень изобретательны, поскольку их можно редактировать и настраивать в соответствии с вашими потребностями.
Формат: .abr
Количество: 25
Размер файла: 4 МБ
Torn Paper Brushes Rough Draft
Различные силуэтные кисточки в виде рваных кусочков бумаги, фольги. Будто оторвали или разорвали что-то. Отлично подходят для не только для цифрового арта.
Формат: .abr
Количество: 23
Размер файла: 1,4 МБ
Burned & Torn Brush
Набор кисточек в виде обгоревших и оборванных краев бумаги или тонкой ткани. Текстура прозрачна, но при этом отлично передаёт смысл кисточек.
В этом уроке по Photoshop мы узнаем, как придать фотографии эффект изношенных, порванных краев . Создать эффект легко, не требуя ничего, кроме нескольких слоев, инструмента Eraser Tool, одной из встроенных кистей Photoshop и некоторых стилей слоев, которые помогут завершить работу.
Эта версия нашего учебника «Изношенные, порванные края» предназначена для Photoshop CS5 и более ранних версий. Если вы используете Photoshop CS6 или Photoshop CC (Creative Cloud), ознакомьтесь с нашей полностью обновленной версией .
Вот эффект рваных краев, который мы будем создавать:
Как эффект изношенных, рваных краев фото
Шаг 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) и щелкните значок « Новый слой» в нижней части панели «Слои»:
Обычно Photoshop добавляет новые слои непосредственно над текущим выбранным слоем, но, удерживая нажатой клавишу Ctrl / Command, когда мы нажимаем на значок «Новый слой», мы говорим Photoshop добавить новый слой ниже выбранного слоя. Теперь у нас есть новый пустой слой с именем «Слой 2», расположенный между фоновым слоем и «Слой 1».
Шаг 4: заполните новый слой белым
Перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить» :
Это вызывает диалоговое окно «Заливка» в Photoshop, которое мы можем использовать, чтобы залить слой или выделение цветом. Выберите « Белый» для параметра « Использовать» в разделе «Содержимое» в верхней части диалогового окна:
Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Photoshop заполняет новый слой белым, хотя мы не можем его увидеть в окне документа, так как изображение над «Слоем 1» над ним блокирует просмотр нового слоя. Однако, если мы посмотрим на миниатюру предварительного просмотра слоя для «Слоя 2» на панели «Слои», мы увидим, что миниатюра теперь заполнена белым, что говорит о том, что сам слой заполнен белым:
Миниатюры предварительного просмотра на панели «Слои» дают нам предварительный просмотр содержимого каждого слоя.
Шаг 5: выберите «Слой 1»
Мы готовы начать создавать эффект рваных краев, но сначала нам нужно убедиться, что мы работаем над правильным слоем. На данный момент мы выбрали «Слой 2», что нам известно, поскольку «Слой 2» выделен синим цветом на панели «Слои». Нам нужно поработать над изображением в «Слой 1», поэтому нажмите «Слой 1», чтобы сделать его текущим активным слоем:
Шаг 6: выберите инструмент Eraser Tool
Выберите инструмент « Ластик» в Photoshop на панели «Инструменты». Вы также можете быстро выбрать Eraser Tool, нажав букву E на клавиатуре:
Шаг 7: выбери 100 грубых круглых щеток
Мы можем использовать любые кисти Photoshop с Eraser Tool, так же, как если бы мы использовали реальный инструмент Brush Tool. Нажмите на значок переключения панели «Кисти» на панели параметров в верхней части экрана:
Откроется панель «Кисти». Нажмите на значок меню в верхнем правом углу панели «Кисти», чтобы открыть список параметров меню для панели. Я использую Photoshop CS4 здесь. В более ранних версиях Photoshop значок меню выглядит как маленькая стрелка. Когда появится меню, выберите Большой список :
Это изменяет способ отображения кистей на панели «Кисти», что упрощает точное представление о том, какую кисть мы выбираем. Теперь, когда кисти отображаются в формате большого списка, прокрутите вниз до нижней части списка и нажмите на кисть 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», но поскольку этот эффект довольно прост, и у нас есть все слои, которые нам нужны, мы оставим их с именами по умолчанию, чтобы сэкономить время:
Шаг 10: выключи верхний слой
Нажмите на значок видимости верхнего слоя (также известный как «глазное яблоко»), чтобы временно отключить слой и скрыть его от просмотра в окне документа, чтобы мы могли видеть оригинальный «Слой 1» под ним:
Шаг 11: выберите «Слой 1»
Теперь, когда верхний слой временно скрыт от просмотра, нажмите еще раз на «Слой 1» на панели «Слои», чтобы выбрать его:
Шаг 12: добавь стиль наложения цвета
Выбрав «Слой 1», щелкните значок « Стили слоев» в нижней части панели «Слои» и выберите « Цветовое наложение» в появившемся списке:
Откроется диалоговое окно «Стиль слоя» в Photoshop с настройками «Цветовое наложение» в средней колонке. По умолчанию Photoshop устанавливает красный цвет наложения, и ваша фотография внезапно будет закрашена красным в окне документа. Чтобы изменить цвет, нажмите на образец цвета :
Появится палитра цветов в Photoshop . Выберите светло-серый в палитре цветов, затем нажмите OK, чтобы выйти из него. Ваша фотография должна быть заполнена светло-серым в окне документа:
Шаг 13: добавь стиль внутреннего свечения
Пока не закрывайте диалоговое окно Layer Style. У нас еще есть несколько стилей слоя для добавления. Нажмите непосредственно на слова Inner Glow в левой части диалогового окна. Не просто щелкните внутри флажка слева от слов. Нам нужно нажать непосредственно на сами слова, чтобы получить доступ к опциям стиля Inner Glow:
Параметры Inner Glow теперь отображаются в центре диалогового окна Layer Style. Несмотря на то, что стиль называется Inner Glow, мы изменим свечение на тень, чтобы использовать его для затемнения краев вокруг фотографии.
Во-первых, чтобы изменить стиль с свечения на тень, измените параметр « Режим наложения» в верхней части диалогового окна с «Экран» на « Умножение» . Затем нажмите на маленький образец цвета непосредственно под словом «Шум», чтобы изменить цвет стиля. По умолчанию установлено желтое. Когда вы щелкнете по образцу цвета , появится палитра цветов в Photoshop , точно так же, как это было, когда мы изменили цвет стиля Color Overlay минуту назад. Выберите черный в палитре цветов, затем нажмите OK, чтобы выйти из него.
Опустите Opacity до примерно 10% , так что тень очень тонкая. Наконец, увеличьте размер тени примерно до 24 пикселей (пикселей):
Изменить свечение на тень так же просто, как изменить режим наложения на Умножение и выбрать черный цвет для цвета.
Ваше изображение должно выглядеть примерно так:
Шаг 14: добавь тень
Нажмите непосредственно на слова Drop Shadow в верхней части списка стилей слоев в левой части диалогового окна. Опять же, нам нужно нажать непосредственно на сами слова, чтобы получить доступ к опциям для Drop Shadow:
Параметры Drop Shadow появятся в центральном столбце диалогового окна Layer Style. Опустите непрозрачность тени до примерно 30% , так что это гораздо менее интенсивным , чем с установкой непрозрачности по умолчанию 75%. Затем установите угол тени на 120 °, если он еще не установлен:
Нажмите OK, когда закончите, чтобы выйти из диалогового окна Layer Style. Вот мое изображение после применения тени:
Шаг 15: выбери верхний слой и включи его
Щелкните верхний слой на панели «Слои» («Копия слоя 1»), чтобы выбрать его, затем щелкните значок видимости слоя слева от слоя, чтобы снова включить слой, чтобы он снова был виден в окне документа. Фотография появится снова и заблокирует серое изображение, над которым мы только что работали, из вида:
Шаг 16: стереть части краев на верхнем слое, чтобы показать слой ниже
Выделив верхний слой, обведите края изображения с помощью инструмента «Ластик», используя короткие мазки, как мы делали изначально для «Слоя 1», чтобы удалить больше края. Не забудьте сохранить большую часть формы кисти вне изображения, чтобы не более 25-30% ее приходилось на изображение. Когда части края стираются, светло-серое изображение под ним раскрывается, создавая иллюзию того, что сама фотография стерлась по краям, и остается только задний слой бумаги:
Опять же, вы можете изменить размер кисти, если необходимо, нажав левую клавишу скобки ( [ ), чтобы уменьшить ее, или правую клавишу скобки ( ] ), чтобы увеличить ее. Если вы допустили ошибку, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить последнюю стертую область, или нажмите Ctrl + Alt + Z (Победа) / Command + Option + Z (Mac), чтобы отменить несколько мазки.
Здесь, после того, как я снова обхожу края фотографии, мой последний эффект «потертости, рваные края фотографии»:
Шаг 17: Обрежьте дополнительное пространство холста (необязательно)
Если вы хотите удалить дополнительное пространство холста, которое мы добавили ранее, перейдите в меню « Изображение» в верхней части экрана и выберите « Обрезать» :
Это вызывает диалоговое окно Trim. Выберите опцию Цвет верхнего левого пикселя . Поскольку пиксель в верхнем левом углу документа белый, Photoshop обрежет всю белую область вокруг изображения. Убедитесь, что в нижней половине диалогового окна выбраны параметры « Вверх» , « Вниз» , « Влево» и « Вправо» , затем нажмите кнопку «ОК», чтобы выйти из него, после чего Photoshop обрежет добавленное нами дополнительное пространство холста:
И там у нас это есть! Вот как можно добавить эффект изношенных, порванных краев к изображению с помощью Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!
Всем привет! Давно мы с вами не фотошопили, поэтому мне хотелось бы вернуть старую традицию и поиграться в знаменитом фоторедакторе. И сегодня я хотел бы рассказать вам, как сделать рваные края в фотошопе для достижения потрясающего эффекта. Такие элементы дизайна частенько используются в различных целях. Поэтому я уверен, что узнать про это вам будет весьма полезно. Для этого возьмем такую фотографию, и пошаманим с ней.
Кисть и ластик
И начнем мы, пожалуй, с самого простого способа, а именно с использования специальной кисти. Но не спешите раньше времени. Будем все делать пошагово. И прежде чем мы начнем, [urlspan]скачайте архив с наборами кистей, фигур и рамок[/urlspan]. Нам они понадобятся дальше.
- Первым делом нам нужно создать новый слой, нажав комбинацию клавиш SHIFT+CTRL+N. После этого переместите его под наше фото с тигром. Для этого зажмите правую кнопку мыши на миниатюре в панели слоев и просто переместите ее чуть ниже, под тигра.
- Теперь выбираем инструмент «Заливка» , а затем в палитре ищем белый цвет. После этого заливаем созданный нами слой, чтобы он стал белым. Для вас ничего не изменится, так как заливка происходит под фото с нашим красавцем из семейства кошачих.
- Теперь выбираем «Ластик» на панели инструментов.
- Но, к сожалению, подходящей кисти для стирания в стандартном наборе программы нет. Поэтому нам нужно будет загрузить отдельный инструмент. Чтобы вы не рыскали и не искали это дело в интернете, я о вас позаботился заранее. Надеюсь, что вы не забыли скачать архив с дополнительными материалами для сегодняшнего урока. А о том, как загрузить кисть в фотошоп, рассказывал в своей отдельной статье. Прочитайте ее. Она маленькая. И зато вы будете знать, как это все делается. Но по хорошему, можете просто запустить файл с расширением ABR двойным нажатием мышки, после чего кисти встанут в отдельный набор.
- Далее нажимаем правой кнопкой мыши в области рисунка, а затем выбираем один из установленных кистей. А после этого выбираем масштаб побольше и аккуратно тыкаем с одной из сторон, чтобы получилось похоже на настоящие равные края.
- Ну а дальше начинаем потихоньку применять остальные кисти для стирания части фотки. Например, для левой и правой сторон можно использовать одни кисти, а для верха и низа другие. Периодически можно тыкнуть и еще некоторыми узорами из скачанного набора, чтобы смотрелось более разнообразно.
Вот что в итоге получилось у меня. Вполне симпатично. Здесь я наобум без какой-либо логики просто пользовался ластиком с установленными мной кистями.
Фигуры
На самом деле сделать края рваными можно сделать и с помощью фигур. Я бы даже сказал, что это гораздо легче. Если вы хотите научиться работать с фигурами в фотошопе, то рекомендую вам прочитать мою отдельную статью на эту тему. Но в принципе, даже если вы ничего про это не знаете, я думаю, что вам будет все понятно.
- Для начала установить нужные нам «рваные фигуры», которые не идут в стандартном комплекте. Ничего сложного в этом нет. Достаточно лишь [urlspan]скачать архив[/urlspan], войти в него и открыть файл, находящийся внутри. После этого всё встенет куда надо автоматически.
- Далее, нажимаем правой кнопкой мыши на инструмент «Фигура» . Затем выбираем пункт «Произвольная фигура» .
- В настройках инструмента под верхним меню ставим так, чтобы заливка была белого цвета, а обводки вообще не было.
- Теперь идем выбирать саму фигуру, нажав левой кнопкой мыши в соответствующем меню сверху. В самом конце будут наши свежеустановленные фигурки. Возьмем самую подходящую из них.
- Теперь, ставим курсор мыши немного за пределамифотографии сверху, после чего зажимаем левую кнопку и тянем все это дело в правый угол. Но если получается слишком неестественно, то можно растянуть данную фигуру только на половину слоя, после чего создать еще одну и покурыть вторую часть фотки.
- Ну а дальше, выбирая из подходящих фигур, проделываем то же самое и с остальными сторонами фотографии. Основное преимущество фигур перед кистями заключается в том, что их можно трансформировать (CTRL+T) и изменять их размер под свои нужды. Например, я скопировал слой с фигурой, увеличил ее и трасформировал, после чего переместил наверх.
Вот, что в итоге у меня получилось таким способом. И главное, что за считанные секунды. Ну ладно, за 1-2 минуты.
Обтравочная маска
А вот еще один мощный вариант сделать рваные края в фотошопе с помощью фигур, только гораздо легче. Для этого нам вполне подойдут фигуры, которые мы скачали ранее. Поэтому заново откройте картинку, и начнем с полного нуля.
И по сути это всё. Как видите, теперь наш тигр точно вписался в нашу рваную рамку, по краям которой расположился прозрачный фон. Кстати, можете сохранить эту картинку в формате PNG и использовать ее с прозрачным фоном, накладывая на другие изображения. Может получиться очень интересно.
Рваная рамка
Одним из самых простых способов добиться того, что мы хотим, это воспользоваться готовой рамкой. Единственным минусом при этом способе будет то, что рамки шаблонные. Вы используете лишь то, что имеете. Но если вам не принципиально, то почему бы не воспользоваться данным способом? Тем более, что разнообразных рваных рамок с прозрачным фоном можно найти большое множество. Но сегодня мы воспользуемся той, которую я скачал заранее. Вы также можете скачать эту рамочку [urlspan]по ссылке[/urlspan], и пользоваться ей. Итак, приступим.
- Загружаем наше фото и скачанную рамку в один и тот же документ. Они должны находиться на разных слоях, как показано на скриншоте ниже. Только обязательно снимите замок со слоя с тигром, чтобы потом не было проблем.
- Далее, как мы видим, у нас очень похожая ситуация с прошлым способом. В принципе так оно и есть. Поэтому снова перемещаем слой с рамкой вниз, чтобы тигр перекрывал ее.
- А дальше жмем правой кнопкой мыши на слое с полосатым зверем и выбираем пункт «Обтравочная маска» . В общем всё как и раньше. После этого вы заметите изменения на миниатюре слоя и на самом изображении.
Такой вариант рваных краев у нас получился, когда мы используем готовую рамку. Можно еще немного поиграть со стилями слоя, чтобы придать какой-либо эффект. Например, по желанию можно включить немного тени. Как видите, ничего сложного в этом нет.
Конечно, все это простейшие варианты. Можно сделать все намного эффектнее и интереснее. Но тогда на это уйдет гораздо больше времени и потребуется больше усилий.
Ну а если вы хотите знать фотошоп от А до Я и не тратить на обучение много времени, то я вам рекомендую посмотреть эти [urlspan]классные видеоуроки[/urlspan]. Каждый инструмент и функция разобраны настолько детально, что у вас не останется никаких вопросов. А благодаря простому человеческому языку, вы будете схватывать всё на лету.
Но ели вы хотите стать настоящим веб-дизайнером всего за 1-2 месяца и зарабатывать на этом деньги, то настоятельно рекомендую вам пойти в потрясающую [urlspan]онлайн школу веб-дизайна[/urlspan]. В отличие от курса вы не будете предоставлены сами себе, а будете проходить полноценное обучение с проверкой домашних заданий и выдачи диплома. Более того, вам помогут освоиться на фрилансе и вы начнете зарабатывать деньги на своих знаниях еще до того как окончите обучение.
Ну а на этом я с вами прощаюсь. Надеюсь, что сегодняшний урок вам понравился. Обязательно подписывайтесь на мой блог и паблики в социальных сетях, чтобы не пропустить выхода новых статей. Удачи вам. Пока-пока!
В этом уроке я расскажу вам как была создана моя работа для конкурса посвященного теме «Safe Art».
Материалы для урока:
Шаг 1
В качестве основного исходника я выбрала картину французского художника Гийома Синьяка (Guillaume Seignac (1870-1924)) - «Пробуждение Психеи».
Второе фото которе я буду использовать - это девушка в пеньюаре.
Основными критериями поиска второго фото, были:
- схожесть позы моделей;
- легкий, прозрачный наряд.
Шаг 2
Откройте основное изображение «Пробуждение Психеи» в Photoshop. Затем добавьте в этот же документ изображение «Девушка в пеньюаре». Отразите изображение с девушкой по горизонтали.
Примечание переводчика: Редактирование — Трансформирование — Отразить по горизонтали.
Затем, понизьте непрозрачность (opacity) слоя с моделью и уменьшите масштаб изображения и угол поворота так, что бы пропорции девушки приблизительно совпадали с пропорциями Психеи.
Шаг 3
Дублируйте слой с моделью. Отключите видимость оригинального слоя с девушкой. Я всегда создаю копии слоев с основными изображениями - это небольшая страховка. Добавьте к слою-копии слой маску. Активируйте инструмент Кисть (Brush tool) и скройте тело модели, оставив видимым лишь участок с одеждой. Переименуйте слой-копию и назовите его «Неглиже» (Negligee).
Шаг 4
Трансформируем пеньюар, для того что бы «одеть» его на Психею.
Для этого я использовала инструмент Марионеточная деформация (Puppet warp tool). Если честно, то это был мой первый опыт использования данного инструмента! Хотя данная функция была давно мне интересна, но любопытство победило только сейчас.
Для трансформации нижнего белья, создайте контрольные точки, а затем передвигайте их, добиваясь наилучшей формы.
Когда вы будете довольны результатом трансформации просто нажмите ОК.
Ничего себе! Это было так быстро и просто! Марионеточная деформация (Puppet warp tool) — я люблю тебя! :)
Шаг 5
Дублируйте слой «Неглиже» (Negligee). Переименуйте слой-копию в «Нижнее белье» (Bra Set). Разместите слой «Нижнее белье» под слой «Неглиже». Затем отключите видимость слоя «Неглиже».
Добавьте к слою «Нижнее белье» слой-маску. Используя инструмент Кисть (Brush tool), скройте одежду, оставив видимыми лишь участки на бедрах и груди. Так же нужно скрыть украшение-кулон. Для этого используйте инструмент Точечная восстанавливающая кисть (Spot healing tool).
Шаг 6
Снова перейдите к слою «Неглиже». Верните видимость данного слоя.
Теперь займемся общей корректировкой цвета. Для этого мы будем ориентироваться на общую цветовую гаму картины. Перейдите к : Изображение - Коррекция - Подобрать цвет (Image - Adjustments - Match Color).
Займемся настройками данного меню. Перейдите к "Источник" (Source) и установите как образец psd файл с картиной "Пробуждение Психеи". Затем настройте "Слой" (Layer), для этого сделайте щелчок по мини треугольнику и в списке установите слой "Задний план" (background) (слой с оригиналом картины).
Шаг 7
Теперь одежда выглядит лучше, но для того что бы добиться еще более натуралистичного эффекта мы добавим корректирующий слой Фотофильтр (Photo Filter.).
Цвет фотофильтра установите "Сепия" (Sepia). Плотность фильтра - 25%.
Теперь понизьте непрозрачность (opacity) слоя с неглиже до 40%. Добавьте к данному слою слой-маску, и мягкой черной кистью с небольшой непрозрачностью, обработайте край наряда, для того что бы сделать контур неглиже более мягким.
Шаг 8
Для удобства работы я временно отключаю видимость слоя «Неглиже» (Negligee). Перейдите к слою "Нижнее белье" (Bra Set) и понизьте его непрозрачность (opacity) до 40%.
При работе со слоем "Нижнее белье" (Bra Set) мы так же используем слой-маску и замаскируем край одежды. На рисунке ниже, вы видите что получилось у меня. Для работы я использовала мягкую круглую черную кисть с непрозрачность около 20%.
После понижения непрозрачности слоев "Нижнее белье" и "Неглиже", необходимо замаскировать соски модели на картине. Для того что бы это сделать воспользуйтесь инструментом Точечная восстанавливающая кисть (Spot healing tool). Рекомендую работать с данным инструментом предварительно создав копию фонового слоя с картиной.
Создайте новый слой. Активируйте инструмент Кисть (Brush tool). В настройках установите цвет кисти на серо-голубой. Тип кисти - круглая мягкая; непрозрачность - около 40%.
Примечание переводчика: выберите голубой оттенок, используя инструмент Пипетка.
На новом слое прорисуйте нужную область, как показано на рисунке ниже.
Дублируйте слой "Неглиже" и установите его режим наложения (blend mode) на Мягкий свет (Soft Light).
На данном этапе схема слоев выглядит так:
На мой вкус, картинка выглядит хорошо!
Шаг 9
Теперь давайте добавим чулки! Прежде всего создайте дубликат слоя с девушкой в бигуди. Добавьте к нему слой-маску и скройте все изображение кроме участка с чулком.
Примечание переводчика: после маскировки примените слой-маску к слою.
Шаг 10
Активируйте инструмент Палец (Smudge tool). В настройках инструмента установите круглую жесткую кисть; интенсивность - 100%. Теперь "растягивайте" пальцем чулок вдоль ноги вплоть до пальцев ног. На данный момент результат выглядит немного грубо, но в следующих шагах мы это исправим!
Шаг 11
Понизьте непрозрачность (opacity) слоя с чулком до 55%.
Подчеркнем резинку на чулке. Для этого дублируем слой с чулком. Затем добавляем к слою-дубликату слой-маску. Заливаем слой-маску черным цветом. Активируем инструмент Кисть (Brush tool). В настройках кисти установите белый цвет, а затем обработайте на слой-маске область с резинкой.
Шаг 12
Проработаем носочек чулка. Для этого создайте выделение верхней части чулка. Для выделения используйте любой удобный вам инструмент. Скопируйте выделенную область на новый слой.
Примечание переводчика: для того, что бы быстро скопировать выделенную область на новый слой зажмите комбинацию клавиш Ctrl+J.
Перетащите скопированную область к пальцам левой ноги. Затем трансформируйте скопированную часть резинки так, что бы она максимально приняла форму носочка. Так же, для корректировки края формы я использовала инструмент Ластик (Еraser tool).
Для того что бы носочек выглядел гармоничнее, активируйте инструмент Затемнитель (Вurn tool) и обработайте участок чулка, который находится ближе к полу.
Шаг 13
Затем нужно добавить правый чулок. Для этого повторите шаги №№ 9 - 12.
Шаг 14
Поработаем над добавлением теней. Добавьте новый слой поверх всех предыдущих. Режим наложения данного слоя установите на Умножение (Multiply).
Активируйте инструмент Кисть (Brush tool). В настройках кисти установите коричневый цвет. Затем прорисуйте внутреннюю часть левой ноги и внешнюю часть правой. Понизьте непрозрачность слоя с дорисовкой по собственному усмотрению. Для удобства работы, ориентируйтесь на результат на картинке ниже.
Шаг 15
Для того, что бы добавить блеск чулкам, я использовала новый слой и светло-бежевую кисть. Режим наложения данного слоя я установила на Экран и понизила заливку данного слоя. Так же, я добавила светлые акценты на неглиже. Для этого создайте еще один новый слой. Используя инструмент Кисть (Brush tool), небольшого размера, и прорисуйте тонкие линии как показано на рисунке ниже.
Шаг 16
Пришло время финальных корректировок! Итак, добавим корректирующий слой поверх всех предыдущих: Слой - Новый корректирующий слой - Уровни (Levels). В панели настроек корректирующего слоя, воспользуйтесь функцией Авто (Auto).
Так же, по желанию, вы можете добавить больше темных и светлых участков.
Ниже вы можете рассмотреть схему моих рабочих слоев.
На этом урок окончен! Как вы видите, для того что бы добиться интересного результата не обязательно использовать кучу инструментов и приемов! И я думаю, что ключом к успеху данной работы был правильный подбор исходных материалов!
Читайте также: