Фотошоп изогнуть как лист бумаги
В этом уроке вы узнаете, как создать реалистичный загнутый уголок страницы. Вам понадобится несколько простых техник деформации. Вы сможете создавать загнутые уголки для бумажных страниц, выбирать угол, размер изгиба и градиент.
Финальное изображение
Возьмите Pollygonal Lasso Tool (Прямолинейное Лассо) и выделите правый нижний угол страницы, как показано на рисунке ниже.
Нажмите Ctrl+J, чтобы создать слой из выделенной области и назовите его ‘Угол’. Чтобы лучше просматривалось, залейте этот слой любым цветом.
С еще активным выделением вернитесь к слою ‘Угол’. Перейдите в меню Edit>Transform>Warp (Редактирование>Трансформирование>Деформация) и исказите угол, чтобы создать эффект загиба страницы.
Чтобы сделать реалистичный загиб, перетащите контрольные точки, линии или область внутри сетки, чтобы изменить форму ограничительной рамки и сетки. Чтобы помочь вам с процессом деформации Photoshop добавил 12 контрольных точек вокруг изображения. Чтобы начать деформацию перетащите правую нижнюю точку в указанном направлении.
Теперь переместите указанные контрольные линии как на рисунке ниже.
Далее перетащите указанные области, чтобы создать округлую форму.
Результат деформации должен смотреться, как показано ниже.
Добавим стили для обоих слоев. Давайте начнем со слоя ‘Угол’, добавьте Gradient Overlay (Наложение градиента) и Drop Shadow (Тень), чтобы создать 3D эффект.
Преобразованный угол должен выглядеть так:
С помощью стилей (Gradient Overlay (Наложение градиента), Drop Shadow (Тень)) вы можете изменить свет и тени в соответствии с вашим цветом бумаги, цветом фона, скручиванием угла бумаги и т.д.; чтобы они выглядели более реально, вы может добавить мягкий эффект тени. Скопируйте и слейте два слоя. Назовите получившийся слой ‘Тень’ и добавьте стиль слоя Drop Shadow (Тень). Переместите этот слой назад.
Ниже показан результат реалистичного загнутого уголка страницы, сделанного с нуля в Photoshop.
В этом уроке мы будем создавать эффект сгиба на изображении, как если бы оно было сложено в нескольких местах.
Сложность урока: Легкий
Перед вами обновлённая версия урока, который выполнен в Photoshop CC2018.
В этом уроке мы будем создавать эффект сгиба на изображении, как если бы оно было сложено в нескольких местах. Для создания данного эффекта я буду использовать вот это изображение:
1. Создаем направляющие
Шаг 1
Откройте исходное изображение и создайте новый слой (Ctrl + Shift + N). Никаких изменений вы не увидите, так как созданный новый слой пуст.
Шаг 2
Для создания эффекта сгиба нам никак не обойтись без направляющих, которые мы расположим в тех местах изображения, где планируем сделать сгиб. Для начала, включите Линейки (Rulers) Ctrl + R, из которой и будете вытягивать направляющие. Линейки появятся с левой и с верхней сторон изображения:
Шаг 3
Кликните левой кнопкой мыши по линейке, которая находится с левой стороны от изображения и, не отпуская кнопки мыши, вытяните направляющую из линейки. Это будет вертикальная направляющая. Переместите эту направляющую примерно на треть изображения и отпустите кнопку мыши.
Вытяните еще одну вертикальную направляющую из линейки, и разместите её, как показано на рисунке:
Теперь вытяните горизонтальную направляющую из верхней линейки и разместите её посередине изображения. Всего у Вас должно быть две вертикальные и одна горизонтальная направляющие, разделяющие изображение на шесть равных частей:
2. Добавляем градиент
Шаг 1
Из панели инструментов выберите инструмент Прямоугольная область (Rectangular Marquee Tool) (M).
Шаг 2
Выбранным инструментом нарисуйте выделение левого верхнего квадрата по направляющим.
Шаг 3
Выберите инструмент Градиент (Gradient Tool) (G).
Шаг 4
Выбранным инструментом кликните правой кнопкой мыши в любом месте документа – откроется Редактор градиентов. Выберите в нем градиент от черного к белому.
Шаг 5
Инструментом Градиент (Gradient Tool) (G), протяните линию градиента внутри созданного ранее выделения:
Шаг 6
Выберите инструмент Прямоугольная область выделения (Rectangular Marquee Tool) и перетащите выделение с первого квадрата на следующий. Или нарисуйте новое выделение
Шаг 7
Снова выберите инструмент Градиент (Gradient Tool) (G) и в выделенном втором квадрате нарисуйте черно-белый градиент, только на этот раз направление цветов должно быть в другую сторону (для этого их нужно поменять местами в цветовой палитре).
Шаг 8
Таким же способом, залейте градиентом остальные квадраты. Нажмите Ctrl + D, чтобы снять выделение с квадрата.
3. Создаем сгибы на изображении
Шаг 1
Направляющие нам больше не понадобятся, поэтому их можно скрыть. Нажмите для этого клавиши Ctrl + H, или войдите в меню Просмотр – Показать – Направляющие (View – Show – Guides).
Шаг 2
Для слоя с квадратами, залитыми градиентом, измените Режим наложения (Blending Mode) на Мягкий свет (Soft Light):
Благодаря этому режиму наложения, сгибы на изображении уже просматриваются.
Шаг 3
Для того, чтобы сделать сгибы на изображении более глубокими, воспользуйтесь фильтром Целлофановая упаковка (Фильтр – Галерея фильтров – Целлофановая упаковка) (Filter – Filter Gallery – Plastic Wrap). В открывшейся Галерее фильтров (Filter Gallery), настройте данный фильтр.
Нажмите OK для применения фильтра. Линии сгиба теперь видны еще сильнее.
4. Усиливаем эффект сгиба кистью
Шаг 1
Создайте новый слой. Он должен располагаться над слоем с градиентом.
Шаг 2
Усилим эффект сгиба на изображении при помощи инструмента Кисть (Brush Tool) (B).
Шаг 3
Выберите инструмент Кисть (Brush Tool) (B) и кликните правой кнопкой мыши в любом месте документа: откроется палитра выбора кисти. Выберите из нее разбрызгивающую кисть размером 59 пикселей.
Шаг 4
После того, как Вы выбрали кисть, нажмите F5, чтобы открыть палитру кистей и настройте категорию Форма отпечатка кисти (Brush Tip Shape): Форма (Roundness) – 10%, Интервалы (Spacing) – 50%.
Шаг 5
Настройте категорию Динамика формы (Shape Dynamics): Колебание размера (Size Jitter) – 100%, Управление (Control) – Направление (Direction).
Шаг 6
Настройте категорию Двойная кисть (Dual Brush): выберите разбрызгивающую кисть и установите размер 55 пикселей, измените режим наложения на Умножение (Multiply), Интервалы (Spacing) – 55%. После того, как все категории настроены, снова нажмите F5, чтобы закрыть палитру кистей.
Шаг 7
Далее, будем рисовать кистью белого цвета, поэтому убедитесь, что цвет переднего плана в цветовой палитре белый.
Шаг 8
Кликните кистью в верхней части одного из сгибов, а затем нажмите и удерживайте клавишу Shift, и кликните кистью в самом конце сгиба – на сгибе будет создана ровная белая линия.
Если у Вас не получилось с первого раза нарисовать линию, нажмите клавиши Ctrl + Z, чтобы отменить это действие, и рисуйте снова. Для того, чтобы сгиб получился более интенсивным, нарисуйте еще одну линию на нарисованной ранее. При повторном рисовании линии немного увеличьте размер кисти, нажав клавишу «]», а для уменьшения размера кисти воспользуйтесь клавишей «[».
Таким же способом прорисуйте все вертикальные и горизонтальные сгибы на изображении. Если в процессе рисования Вам нужно увеличить масштаб изображения, нажмите клавиши Ctrl+, а если нужно уменьшить масштаб изображения, нажмите Ctrl-.
5. Финальная корректировка
Шаг 1
Нарисованные кистью белые линии выглядят ярко и немного неестественно. Чтобы они стали наиболее реалистичными, снизьте непрозрачность слоя с полосками до 70%.
Сегодня мы покажем вам один из самых простых способов создать с нуля свой собственный эффект рваной бумаги в Photoshop, чтобы вы могли сделать точно так же.
Сложность урока: Легкий
В Photoshop можно легко создать эффект рваной бумаги, чтобы придать дизайну вид коллаж. Для этого вы можете использовать готовые кисти, кисти, установленные по умолчанию, или даже по-настоящему порванную бумагу. Сегодня мы покажем вам один из самых простых способов создать с нуля свой собственный эффект рваной бумаги в Photoshop, чтобы вы могли сделать точно так же.
Здесь мы создадим эффект очень тонкой рваной бумаги, но вы можете легко настроить его в соответствии со своими потребностями, немного изменив значения.
Шаг 1
Откройте Photoshop и создайте новый файл любого размера. В этом случае я использую размер 1600 x 1070 пикселей.
Шаг 2
Идем в меню Layer – New Fill Layer – Solid Color (Слои – Новый слой-заливка – Цвет). Назовите слой «Background Paper» («Фон») и нажмите ОК.
Шаг 3
Шаг 4
Инструментом Lasso Tool (Лассо) создайте нужную форму для рваной бумаги.
Шаг 5
При активном выделении перейдите в меню Layer – New Fill Layer – Solid Color (Слои – Новый слой-заливка – Цвет). Назовите слой «Paper Shadow» («Тень») и нажмите ОК.
Шаг 6
Шаг 7
Дублируйте слой (Ctrl+J) и назовите копию «Torn Color» («Цвет»).
Шаг 8
Шаг 9
Снова дублируйте слой (Ctrl+J) и назовите копию «Torn Paper» («Порванная бумага»).
Шаг 10
Шаг 11
Активируйте маску слоя «Paper Shadow» («Тень») и нажмите Ctrl+T.
Шаг 12
Наверху в панели настроек установите ширину 105% и высоту 101%. Убедитесь, что Reference Point Location (Положение центра преобразования) наверху по-середине, после этого подтвердите преобразование.
Примечание: если вы хотите, чтобы эффект был более заметным, просто увеличьте эти значения.
Шаг 13
Идите в меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Установите радиус размытия на 2 и нажмите ОК.
Шаг 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 (Слои – Создать обтравочную маску).
Монохром , как неоспоримое олицетворение минимализма, сейчас невероятно популярен. Поэтому каждый дизайнер стремится освоить техники работы с изображениями в черно-белых тонах. Как правильно преобразовать фотографии в черно-белые цвета и оформить из этого креативный арт, мы поговорим в данной статье. Так же я научу вас, как быстро и просто сделать рваные края бумаги в Photoshop. Итак, стильный черно-белый арт на рваной бумаге в Photoshop. Поехали…
Будем мы делать вот такой креативный черно-белый арт, сразу оговорюсь, что мы сделаем только изображение – вставлять или нет, текст – на ваше усмотрение.
Прежде чем выполнять данный урок, советую посмотреть статью « Как сделать фото черно-белым в Photoshop – ТОП 10 способов » и выбрать тот метод, который максимально подходит вам. Или воспользуйтесь теми инструментами, которые описаны в данной статье.
В качестве исходных материалов я буду использовать следующие фотографии:
Шаг 1.
Откройте обе фотографии в одном документе. Фото с человеком назовите Фото1, фото с хаски назовите Фото2. Понизьте прозрачность слоя Фото 2 для наибольшей наглядности и трансформируйте его так, чтобы глаза обоих персонажей совпадали. Так как глаза, в данном случае – это центр композиции , нужно чтобы они не противоречили друг другу.
Шаг 2.
Откадрируйте документ так, чтобы убрались все ненужные части.
Шаг 3.
С помощью инструмента прямоугольное лассо выделите Хаски и выберите пункт Выделение – Выделение и маска (в более ранних версиях Уточнить край). В появившемся окне выберите Режим просмотра – Вид на черном. Непрозрачность – 100%. Поставьте галочку напротив Умный радиус и выставите радиус 4 пикселя.
Выберите инструмент Уточнить край на левой панели, задайте ширину кисточки как вам удобно и проводите этой кисточкой по левой части лица животного, чтобы шерсть выглядела более аккуратной. При этом правую часть можно не уточнять, так как эта часть картины нам не понадобится.
Имейте ввиду, что фотография очень хорошего качества, поэтому Photoshop может подтормаживать. Если у вас слабый компьютер измените сразу размер фотографии до меньшего и его разрешение тоже до 72 dpi.
Прежде чем нажать OK, пролистните вниз ползунок на панели Свойства и откройте флажок Настройки экспорта и выберите Вывод в – Слой маска.
Шаг 4.
Переместите Фото 1 на самый верх в списке слоев и создайте для него слой маску – Слои – Слой-маска – Показать все. Находясь на слой маске, с помощью инструмента Прямолинейное лассо создайте выделение для рваных краев бумаги и залейте выделение черным цветом. Получится примерно так.
Не бойтесь если сразу не получилось то, что вы хотели. Вся прелесть слой-маски заключается в том, что вы можете в дальнейшем уточнять маску, пока не получите то, что хотите.
Затем возьмите кисть для рваных краев бумаги, скачать их можно по ссылке , выберите белый цвет, щелкните по слою – маске слоя Фото 1 и, изменяя настройки кисти (размер и наклон в окне ) проработайте края маски так, чтобы вырез казался более рваным.
При этом непрозрачность и нажим кисти должен быть 100%
Создайте пол слоем Фото1 новый слой, назовите его Бумага и с помощью той же кисти рваной бумаги нанесите белым цветом мазки так, чтобы они выступали за края обозначенного выреза. Так мы создадим дополнительный объем и реалистичность.
Затем щелкните правой клавишей мыши по слою Бумага, выберите Параметры наложения – Тень и задайте значение тени как на рисунке ниже.
Шаг 5.
Сделаем фотографии черно-белым и постараемся сравнять тона.
К слою Фото 1 добавьте корректирующий слой Черно белое. В настройках к корректирующему слою увеличьте значение Цветового тона Красный почти до максимума, чтобы выровнять тон кожи с более светлыми значениями. Прикрепите корректирующий слой к слою Фото 1, Нажав на крайнюю слева пиктограмму внизу окна свойств.
Создайте такой же корректирующий слой для слоя Фото2 и измените настройки тона, увеличив красные тона и уменьшив желтые.
Для слоя Фото 2 создайте еще один корректирующий слой Уровни и задайте следующие настройки, чтобы сделать изображение более контрастным.
Шаг 6.
Так как Фото1 достаточно фактурное – хорошо видны все морщины мужчины – постараемся добавить резкости для слоя Фото2. Щелкните по слою Фото2, выберите – Фильтр – Усиление резкости – Умная резкость и поиграйте с настройками так, чтобы шерсть Хаски стала более выделяющейся.
Шаг 7.
Для начала поработаем с шерстью. Щелкните левой клавишей мышки по слой-маске слоя Фото2, выберите кисть Сухая кисть 112 (из стандартного набора Сухие кисти – она поможет нам сымитировать шерсть животного). Размер 160 px. Угол -146 градусов – это можно задать в окне Кисти (Окно – кисти). Там же уточните, чтобы все галочки в настройке кистей были выключены – задаете только размер и наклон.
С помощью инструмента Осветлитель – осветлите небольшой участок глаза Хаски под зрачком. А с помощью инструмента Перо создайте над зрачком глаза Хаски блик, похожий по форме с бликом над зрачком левого глаза человека, так мы добьемся большей выразительности взгляда
В результате вот такой черно-белый арт на рваной бумаге у нас получился.
Можно оставить так, а можно добавить текст и виньетку от черного к прозрачном для придания глубины арта.
Такой прием использования эффекта рваной бумаги оригинален и эффектен. Не обязательно использовать разные фотографии, так как подобрать одинаковый ракурс у разных объектов достаточно сложно, а вот использовать свою фотографию, например, в черно-белом варианте и цветном – вполне можно. Получится тоже интересно.
Сообщество дизайнеров каждый день трудится над созданием свободно-распространяемых артов, кистей, шаблонов, которые упрощают жизнь коллегам. Но есть вещи, которые должен уметь делать каждый уважающий себя дизайнер. В Photoshop, например, рисовать загнутый уголок бумаги. Знаете ли вы, как это делать? Давайте проверим. А заодно посмотрим, какие есть готовые бесплатные шаблоны и кисти для этого?
Рисуем загнутый уголок бумаги в Photoshop
Шаг 1.
Откройте Photoshop. Назовите первый слой «Фон» и залейте его белым цветом.
На новый слой загрузите изображение, которое будете обрабатывать.
Назовите слой «Фото»
Шаг 2.
Вызовите для фотографии функцию трансформирования — Ctrl +T (Cmd + T).
Щелкните правой клавишей мыши по фотографии и выберите параметр трансформации – деформация
Вы увидите, что каждый узел сетки трансформирования стал более гибким и его можно передвигать.
Передвиньте нижний левый угол вправо и вверх, чтобы деформировать изображение следующим образом.
Шаг 3.
Создайте новый слой «Уголок» и с помощью инструмента «Перо» нарисуйте загнутый угол, например, вот так.
Шаг 4.
Щелкните по слою «Уголок» правой клавишей мыши и вызовите Параметры наложения – Наложение градиента.
Подберите цвета градиента так, чтобы они подходили основной палитре изображения, например.
Результат будет следующим
Как видите ничего сложного. Инструмент Деформация и Перо нам помогли.
Теперь давайте посмотрим, какие есть бесплатные шаблоны и кисти с загнутым уголком бумаги, которые можно быстро и просто использовать для своих проектов.
Бумага с загнутым углом. Бесплатные мокапы.
Мокапы часто выручают нас и данный случай – не исключение.
В сети можно найти достаточно много бесплатных шаблонов, изображающих бумагу с загнутым углом.
Бумага с загнутым углом. Бесплатные кисти
Использование готовых кистей в своих Photoshop проектах значительно ускоряет процесс работы. Ниже вы можете познакомиться с подборкой бесплатных для коммерческого использования кистей загнутых уголков бумаги, которые могут быть вам полезны.
Бумага с загнутым углом. Бесплатные векторные шаблоны
Альтернативой кистям могут служить бесплатные векторные шаблоны. Когда мы сами рисуем загнутый угол бумаги в Photoshop – то все равно пользуемся инструментом Перо для векторной графики.
Так что заготовки в формате svg могут заменить данный этап.
Но вам в любом случае нужно будет воспользоваться деформацией исходного фото, чтобы подстроить его изгиб под используемый шаблон.
Но все же воспользоваться первым вариантом, то есть самостоятельно нарисовать необходимую часть — будет ненамного дольше.
Читайте также: