Как сделать текст на бумаге в фотошопе
В этом уроке я покажу вам, как создать цветной текст из бумаги в программе Photoshop.
Данный урок средней сложности.
Примечание: Данный урок выполнен в программе Photoshop CC – поэтому некоторые скриншоты могут слегка отличаться от предыдущих версий программы. Некоторые кисти имеются только в версии программы Photoshop CS6.
ОК. Давайте приступим!
Итоговый результат:
Шаг 1
Создайте новый документ 1400 x 728 px, залейте задний фон следующим градиентом:
Скопируйте / вклейте (Copy / Paste) выделенный участок текстуры на наш рабочий документ. Расположите выделенную текстуру в центре изображения:
Поменяйте режим наложения для слоя с текстурой бумаги на Умножение (Multiply), а также уменьшите непрозрачность (Opacity) слоя до 29%:
Результат на данный момент урока:
Шаг 2
Вы можете использовать любой шрифт на своё усмотрение (я использовал шрифт The Bold Font). Напишите цветной текст:
Преобразуйте слой с текстом в смарт-объект:
Примените Деформацию (Warp) к слою с текстом, как показано на скриншоте ниже:
Примечание переводчика: вначале нажмите клавиши (Ctrl+T), а затем щёлкните правой кнопкой мыши по тексту и в появившемся окне выберите опцию Деформацию (Warp).
Шаг 3
Далее, примените следующие стили слоя к слою с текстом:
Результат на данный момент урока:
Шаг 4
В следующем шаге мы применим небольшой эффект искажения к тексту. Продублируйте слой с текстом, а затем растрируйте дубликат слоя:
Далее, осветлите дубликат слоя с помощью коррекции Цветовой тон / Насыщенность (Hue/Saturation):
Находясь на слое с дубликатом текста, выделите часть буквы, как показано на скриншоте ниже:
Слегка сместите выделенную часть буквы:
Используя ту же самую технику, примените эффект искажения ко всем буквам, чтобы создать более деформированный вид.
Шаг 5
Ещё раз продублируйте оригинальный слой с текстом. Переместите дубликат слоя наверх, расположив поверх всех слоёв. Далее, выделите часть буквы только что продублированного слоя:
Нажмите клавиши (Ctrl + T), чтобы применить Деформацию (warp) к выделенной области:
Фигура, полученная после деформации выделенной области:
Повторите действие с деформацией, деформируйте остальные буквы текста, как показано на скриншоте ниже:
Шаг 6
Создайте новый слой ниже оригинального слоя с текстом, далее, создайте активное выделение вокруг оригинального текста:
Примечание переводчика: находясь на новом слое, удерживая клавишу (Ctrl)+щёлкните по миниатюре оригинального слоя с текстом, чтобы загрузить активное выделение.
Залейте выделенную область следующим цветовым оттенком:
Ещё раз примените деформацию к выделенной области, чтобы создать задний фон букв, как показано на скриншоте ниже:
Примечание переводчика: примените деформацию к слою, который вы создали в предыдущем шаге, т.е. к слою с заливкой.
Шаг 7
Давайте добавим текстуру бумаги поверх наших букв. Скопируйте / вклейте (Copy / Paste) фрагмент текстуры на наш рабочий документ, расположив текстуру поверх текста:
Преобразуйте слой с текстурой бумаги в обтравочную маску. Результат должен быть, как на скриншоте ниже:
Примечание переводчика: 1. используйте слой с текстурой бумаги в качестве обтравочной маски к слою с текстом 2. Поэкспериментируйте со степенью непрозрачности слоя, а также с режимами наложения.
Шаг 8
Мы почти завершили урок! В качестве заключительных штрихов, мы можем выполнить сведение слоёв, далее, продублируйте слой и примените фильтр Акцент на краях (Accented Edges) к дубликату слоя:
Примечание переводчика: 1. объёдините слои с текстом, а затем продублируйте объёдинённый слой с текстом 2 к объёдинённому слою, примените фильтр Акцент на краях (Accented Edges) 3. фильтр Акцент на краях (Accented Edges) можно найти в папке Штрихи (Brush Strokes).
К дубликату слоя добавьте слой-маску:
Примечание переводчика: 1. на маске слоя, скройте эффект фильтра с помощью мягкой чёрной кисти. 2. участки обработки выделены красным цветом на скриншоте ниже.
Сегодня вы узнаете, как создать бумажный текстовый эффект с загнутыми краями в Фотошопе. Сначала мы создадим фон, используя несколько текстур, затем мы поработаем над текстом с помощью Pen Tool (Перо) (P), слой-маски и других инструментов, таких как, Dodge Tool (Осветлитель) (O), Burn Tool (Затемнитель) (O) и Трансформации.
Материалы для урока:
Шаг 1. Создаем новый документ размером 1920х1200px и разрешением 72 pixels/inch.
Шаг 3. Чтобы создать эффект текстурности фона я использовал две гранж-текстуры. Создаем новый слой и переходим Edit - Fill (Редактирование - Заливка). Открываем палитру текстур и жмем на маленькую стрелку в верхем углу окна. Затем жмем Load (Загрузить) и выбираем файл с расширением .pat, который вы скачали. Вы также можете использовать свои текстуры, чтобы добиться подобного результата.
Выбираем текстуру pattern2_380_hard и жмем OK, чтобы залить ею фон.
Меняем режим смешивания этого слоя на Overlay (Перекрытие) с Opacity (Непрозрачность) 50%.
Шаг 4. Создаем новый слой, в этот раз заливаем его текстурой pattern_9_380_hard.
Жмем CTRL+I, чтобы инвертировать цвета и SHIFT+CTRL+U, чтобы обесцветить.
Устанавливаем режим смешивания на Screen (Осветление) с Opacity (Непрозрачность) 70%.
Шаг 5. Теперь, когда работа над фоном завершена, мы можем заняться буквами. Так как процесс создания каждой буквы ничем не отличается, я решил показать это на примере первой.
Нам понадобится шрифт Nevis. С помощью Horizontal Type Tool Горизонтальный текст) (T) пишем первую букву, в данном случаем F. Размер шрифта 260pt, но это зависит от размера вашего документа.
Жмем CTRL+T, чтобы активировать Free Transform (Свободное трансформирование), и немного меняем наклон буквы. Применяя к каждой букве разный угол наклона, мы можем добиться более реалистичного результата.
Дублируем (CTRL+J) слой с буквой. Перемещаем копию под оригинал и скрываем ее. Этот слой мы будем использовать для создания тени.
В следующих шагах нам необходимо будет скрыть стили слоя, потому что позже мы будем использовать инструменты Dodge Tool (Осветлитель) (O) и Burn Tool (Затемнитель) (O). Для этого создаем новый чистый слой, затем выбираем его и слой с буквой и жмем CTRL+E.
Шаг 7. С помощью Pen Tool (Перо) (P) в режиме Path (Путь) создаем путь, как показано ниже:
Жмем CTRL+ENTER, чтобы активировать выделение.
Жмем CTRL+J, чтобы скопировать выделенную область на новый слой.
Шаг 8. Теперь мы должны удалить небольшую область буквы в форме скопированной в предыдущем шаге формы. Для этого активируем слой с буквой, затем зажимаем CTRL и жмем по слою с маленькой формой, чтобы выделить ее. Затем зажимаем ALT и жмем на кнопку Add layer mask (Добавить слой-маску) внизу панели слоев. И, наконец, жмем CTRL+D, чтобы снять выделение.
Шаг 9. Если вы скроете слой с маленькой формой, то заметите тонкий белый контур, который мы должны удалить.
Для этого активируем маску, берем черную кисть и закрашиваем лишнее.
Шаг 10. Выбираем слой с маленькой формой. Затем переходим Edit - Transform - Distort (Редактирование - Трансформация - Искажение) и тянем за верхний левый узелок.
Чтобы убрать небольшое пространство между буквой и треугольником, активируем маску, берем белую кисть и закрашиваем проблемное место.
Шаг 11. Теперь будем создавать эффект загнутых уголков. Для начала определим источник света. В моем случаем он находится вверху справа. Берем Dodge Tool (Осветлитель) (O) в режиме Highlights (Света) и осветляем маленькую форму.
Теперь выбираем основной слой с буквой, берем Burn Tool (Затемнитель) (O) и рисуем, как показано ниже, чтобы создать легкую тень.
Шаг 12. Используем метод, с помощью которого мы создали загнутый уголок, для создания другого угла в правой верхней части буквы. Работаем инструментом Burn Tool (Затемнитель) (O).
Шаг 13. Создадим тень. С помощью Pen Tool (Перо) (P) в режиме Shape Layers (Слой фигуры), рисуем фигуру черного цвета, как показано ниже:
Применяем Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) с радиусом примерно 2 px.
Уменьшаем Opacity (Непрозрачность) до 10%, чтобы смягчить еффект.
Шаг 14. Выбираем все слои с буквой и объединяем их в один (CTRL+E). Помните ту копию буквы, которую мы создали вначале (Шаг 5)? Мы используем ее для создания тени. Делаем этот слой видимым и применяем стиль слоя Color Overlay (Перекрытие цветом) черного цвета.
Переходим Edit - Transform - Distort (Редактирование - Трансформация - Искажение) и растягиваем тень, как показано ниже:
Применяем Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) с радиусом примерно 5 px.
И, наконец, уменьшаем Opacity (Непрозрачность) до 30%. Используем Eraser Tool (Ластик) (E) или слой-маску , если необходимо удалить что-то лишнее.
Шаг 15. Чтобы завершить работу, мы должны создать эффект сморщенной бумаги. Для этого используем текстуру paper textures. Вставляем текстуру на рабочий документ, корректируем размер (CTRL+T) и обесцвечиваем ее (SHIFT+CTRL+U). Если вы поменяете режим смешивания на Multiply (Умножение), то белые области текстуры исчезнут и мы увидим как она действует на букву.
После этого зажимаем CTRL и кликаем по слою с буквой, чтобы загрузить ее выделение и создаем слой-маску для текстуры. Если вы хотите усилить эффект, просто дублируйте (CTRL+J) слой с текстурой.
Шаг 16. Используем вышеописанную технику, чтобы создать остальные буквы. Поэкспериментируйте с расположением букв, их формой, непрозрачностью теней. Вот мой результат:
Шаг 17. Еще один последний штрих. Объединяем все слои в один (SHIFT+ALT+CTRL+E), затем применяем Filter - Render - Lighting Effects (Фильтр - Рендеринг - Световые эффекты). Источник света располагаем в верхнем правом углу.
Шаг 18. Устанавливаем режим смешивания слоя на Color Burn (Затемнение основы) и уменьшаем Opacity (Непрозрачность) до 60%. Мы закончили! Надеюсь, вам понравился этот урок.
(нажмите на изображение, чтобы увеличить)
Создаем реалистичный эффект тиснения на бумаге в Фотошоп
В этом уроке вы узнаете как создать реалистичный эффект тиснения на бумаге в Photoshop, используя стили слоя.
Сложность урока: Легкий
В этом уроке вы узнаете как создать реалистичный эффект тиснения на бумаге в Photoshop, используя стили слоя. Используя эффект Bevel and Emboss (Тиснение), вы можете легко создавать выгравированный, резной или бумажный эффект в Photoshop, используя различные текстуры, такие как камень, дерево, бумага и даже кожа.
Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.
Если вы хотите, быстро создать все эти эффекты, то вы можете приобрести экшены по ссылке.
Вот стиль текста, который мы будем создавать в этом уроке. Эффект тиснения на бумаге может применяться к текстовым слоям, а также к пользовательским формам.
Шаг 1
Сначала мы должны создать текстуру бумаги для нашего эффекта. Итак, давайте скачаем бесшовную текстуру грубой бумаги и поместим её на новый слой. Эта текстура белой бумаги, но мы можем ее раскрасить, используя любой цвет. Мы сделаем это позже.
Шаг 2. Создание векторного логотипа в Фотошоп
Создайте свой дизайн; вы можете использовать текстовые слои, векторные фигуры или даже растровые изображения. Вы можете найти множество пользовательских фигур на ваш вкус.
Для текста автор использовал шрифт Trajan Pro bold и пользовательскую форму лаврового венка. Используя текстовый слой и пользовательские фигуры, вы можете легко создать свой персонализированный векторный логотип.
Если вы новичок, то можете воспользоваться этими статьями по установке шрифтов и пользовательских фигур.
Шаг 3. Создание эффекта тиснения на бумаге в Фотошоп
Чтобы создать эффект тиснения в Photoshop, мы будем использовать только один стиль слоя. Итак, откройте окно стилей слоя и добавьте эти эффекты: Inner Shadow (Внутренняя тень), Inner Glow (Внутреннее свечение), Bevel and Emboss (Тиснение) и Color Overlay (Наложение цвета).
После добавления стиля слоя наше изображение выглядит следующим образом:
Шаг 4
Чтобы добавить этот стиль слоя к слою с векторной фигурой, просто щелкните правой кнопкой мыши на слое с текстом и выберите Copy Layer Style (Копировать стиль слоя). Перейдите на слой с лавровым венком, щелкните правой кнопкой мыши и выберите Paste Layer Style (Вставить стиль слоя).
Шаг 5
Шаг 6. Масштабирование Слоя в Photoshop
Если вы хотите добавить новый текст, который отличается по размеру, вы можете скопировать стиль слоя и использовать параметр Layer > Layer Style > Scale Effects (Слой > Стиль слоя > Воздействие слой эффектов).
Поздравляю, Вы Сделали Это!
Итак, вот окончательный результат нашего изображения, сделанного в Photoshop.
Этот эффект отлично сочетается с другими видами бумажных текстур, например, с картонной бумагой.
Шаг 7 (по желанию)
Если вы хотите изменить цвет вашего изображения, вы можете добавить корректирующий слой Gradient Map (Карта градиента). Первый цвет градиента черный, второй цвет по вашему выбору.
Используя другие текстуры, вы можете создавать подобные эффекты в Фотошоп с использованием аналогичных стилей слоя.
В этом уроке Вы узнаете, как, используя фильтры и стили слоя, создать текст написанный шариковой ручкой.
Сложность урока: Легкий
В этом уроке мы воспользуемся смарт-объектами, стилями и некоторыми фильтрами для создания простого текста, написанного ручкой на бумаге. В конце урока будет показано, как изменить цвет при помощи корректирующего слоя Фотофильтр.
1. Создание узора
Шаг 1
Форма отпечатка кисти (Brush Tip Shape):
Динамика формы (Shape Dynamics):
Шаг 2
Создайте новый слой и нарисуйте диагональные линии. Этим узором мы заполним буквы.
Шаг 3
Выключите фоновый слой. Перейдите в меню Редактирование > Определить узор (Edit > Define Pattern), чтобы сохранить узор.
2. Создание фона, текста и цветового фильтра
Шаг 1
Создайте новый документ размером 1000х750 пикселей. Выберите инструмент Заливка (Paint Bucket Tool) (G) и на верхней панели выберите заливку узором. Залейте фон любым узором из набора, представленного в начале урока.
Шаг 2
Шрифтом «Panton» размером 150pt чёрного цвета напишите что-нибудь.
Шаг 3
Кликните правой кнопкой мыши на текстовом слое и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object). Уменьшите Заливку (Fill) слоя до 0%. Создайте три копии смарт-объекта. Все смарт-объекты объедините в одну группу «Text» (Ctrl + G). Верните группе нормальный режим наложения.
Шаг 4
3. Стилизация текста
Шаг 1
К первому слою текста примените стиль Наложение узора (Pattern Overlay): используйте узор, который мы создали в начале урока.
Шаг 2
Шаг 3
Шаг 4
Кликните правой кнопкой мыши на первой копии и выберите пункт Скопировать стиль слоя (Copy Layer Style). Через то же контекстное меню вставьте на оставшиеся копии скопированные стили: пункт Вклеить стиль слоя (Paste Layer Style).
Шаг 5
Измените стили второй копии:
Шаг 6
Внутренняя тень (Inner Shadow): измените размер.
Шаг 7
Измените стили третьей копии:
4. Фильтры
Шаг 1
К первой копии примените фильтр Волны (Фильтр > Искажение > Волны) (Filter > Distort > Ripple).
Шаг 2
К третьей копии примените фильтр Зигзаг (Фильтр > Искажение > Зигзаг) (Filter > Distort > ZigZag).
Шаг 3
В завершение, примените фильтр Размытие по поверхности (Фильтр > Размытие > Размытие по поверхности) (Filter > Blur > Surface Blur).
5. Сдвиг текста и смена цвета
Шаг 1
Выберите инструмент Перемещение (Move Tool) (V) и каждую копию сдвиньте немного в сторону.
Шаг 2
В который раз говорю себе, что не зря пользуюсь английской версией фотошопа, так как делать переводы с англоязычных сайтов – одно удовольствие. И в этот раз, бродя по буржунету, наткнулся на статейку и сегодня передам ее смысл.
Инструкция по созданию бумажного текста
Шаг 1
Зеленый будет основным цветом, но один цвет – это не особо привлекательно, поэтому накинем поверх слоя текстуру, я вас не принуждаю, но желательно выбрать текстуру в клеточку или в полоску, главное, чтобы сетка клеток или полосок у текстуры была темного цвета, а фон – светлого.
Скачайте и просто перетяните в Photoshop с рабочего стола, или где вы ее там сохранили?
Скачали и закинули? Отлично! Чтобы применить текстуру поверх всего нашего зеленого фона, я чаще всего использую такое действие: Дважды щелкаю ЛКМ (левая кнопка мыши) по слою, в нашем случае это слой, залитый зеленым цветом, после щелчка откроется окно «Стиль слоев». В нем выберите “Pattern Overlay” – “Перекрытие узора”. А там уже ищем ту текстуру, которую скачали или же любую свою… И поставьте режим наложения “Linear Burn” – “Линейный затемнитель”, жмем ОК.
Вот так в первом шаге мы сделали неплохой фон для нашего текста из бумаги… Я бы еще добавил немного шума, но думаю не в этот раз.
Шаг 2
Сделайте ее побольше, чтобы в дальнейшем с ней можно было проводить манипуляции… Готово? Прекрасно!
Теперь, когда буква готова, ее нужно растрировать, сделать это очень просто – я же придерживаюсь самого простого: беру ластик и один раз ЛКМ клацаю по тексту, на что мне вылазит предупреждение… Жмите ОК.
Или же второй способ растрировать текст: ПКМ (правой кнопкой мыши) клацнете по слою с текстом и в контекстном меню выберите “rasterize type” – “растрировать текст”.
У нас есть фон, текст, но это только начало! Дальше интересней 😉
Надеюсь не устали от букв? Просто я хочу сделать урок понятным, а не сухим, который так и останется неосвоенным.
Шаг 3
В третьем шаге будем делать загнутые края, это, кстати, самый сложный этап в этом уроке, но делается очень просто!
Продублируйте слой с текстом комбинацией клавиш “Ctrl + J” – это создаст дубликат слоя, который вы только что выбрали. Нижний слой с буквой сделайте невидимым, он пока что не нужен. Чтобы скрыть его, просто нажмите на пиктограмму «глаза» рядом со слоем.
Выделим верхний слой с буквой, возьмите инструмент “Polygonal Lasso Tool” – “Прямолинейное лассо”. Выделяем небольшой уголок буквы.
После того, как вы сомкнете прямые, они превратятся в пунктирную линию. Далее ПКМ в радиусе этой линии вызываем контекстное меню, в котором выберите пункт “Layer via cut” – “Вырезать на новый слой”. Таким образом вы разделили букву на 2 слоя… Сделайте еще несколько кусков. Я сделал всего 2.
Отлично! Нас ждет Успех!
Шаг 4
Мы только что отрезали пару кусков от слоя, для того чтобы в этом шаге немного завернуть их и сделать букву, похожую на мятую бумагу.
Выберите слой с первым куском, выберите один из инструментов выделения, не имеет значения какой, и ПКМ кликните над буквой – вылезет контекстное меню. Там нужно выбрать пункт “Free Transform” – “Свободное трансформирование”. Потом опять жмите ПКМ и в меню выберите “Distort” – “Искажение”. Хватая за углы появившегося контура, немного деформируйте кусочки, делая вид того, что они как бы изогнуты.
Я специально на скриншоте выделил края красным, для того чтобы вы видели ту небольшую деформацию, что я только что сделал. Вам не нужно выделять красным.
Прекрасно! Если уголки подогнули, можно идти дальше…
Шаг 5
Одну из главных ролей в этом уроке играют свет и тень, поэтому определитесь с какой стороны будет падать свет на ваш бумажный текст. Я выбрал правый верхний угол, поэтому правый нижний уголок на тексте будет отдавать больше тени, нежели левый верхний.
Выберите один из слоев с отрезанным куском, возьмите инструмент “Burn Tool” – “Затемнитель”, выставите на верхней панели режим нажатия где-то 50%, и мягкой кисточкой пару раз затемните выбранный кусочек.
Ту сторону, куда будет падать свет, затемните слегка, не очень сильно! Посмотрите, что у меня получилось:
Как видите, нижний кусок затемнен сильно, а верхний только слегка.
Дальше выберите основной слой с буквой, и тем же инструментом “Затемнитель” мягкой кисточкой создайте тень от уголков.
Уже довольно-таки неплохо.
Шаг 6
Для начала необходимо объединить слои с буквой и кусками воедино. Для этого с зажатой клавишей Ctrl выберите нужные слои, но не трогайте слой с буквой, которую вы еще в начале сделали невидимой. И нажмите комбинацию клавиш Ctrl + E. Все, после этого слои сольются в один.
Помните первый шаг? Сейчас будем делать то же, но не с фоном, а уже с буквой… Для этого нам понадобится текстура мятой бумаги. Можете взять мою 😉
Только когда будете применять текстуру к букве в стилях, измените в окошке размер текстуры на более меньший. Просто моя текстура слишком большая, и на маленькой букве она может быть не заметна. Режим перекрытия поставьте “Linear Burn” – “Линейный затемнитель”
Ну вот уже довольно-таки неплохо и наш бумажный текст приобретает явные признаки…
Шаг 7
Осталось две мелочи.
Наверное, вы уже давно догадались, что это будет тень нашей бумажной буквы.
Буква черная – это хорошо, но мало! Дальше повторите с этим слоем то, что Вы делали на четвертом шаге. Деформируйте слой с тенью немного в сторону от света.
Завершающим этапом станет размытие. “Filter – Blur – Gaussian Blur…” – “Фильтр – Размытие – Размытие по Гауссу..” Радиус поставьте где то на «6» и жмите ОК. Сделайте слой прозрачным примерно на 35-40%.
Неплохо, но сейчас буква как будто летает в воздухе. Поэтому возьмите мягкий ластик размером 30% от общего размера буквы и сотрите лишнюю тень.
Готово почти. Можете остановиться на одной букве, а можно продолжить, доделав слово.
Шаг 8
В заключительном шаге добавим источник света. Для этого перейдите сюда: “Filter – Render- Lighting Effects” – “Фильтры – Рендеринг – Эффект освещение”. Поиграйте немного с настройками, чтобы свет не был слишком ярким.
И в результате мы получим замечательный бумажный текст, сделанный в фотошопе. Правда, можно было бы сделать и получше, но и так тоже ничего 🙂
Читайте также: