Текст на бумаге фотошоп

Текст на бумаге фотошоп

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

Инструкция по созданию бумажного текста

Шаг 1

Первым шагом создадим новый документ, размеры не имеют особого значения, так как урок должен получиться интуитивно понятным. Я создал документ размером в 660*400 px. Создал новый слой и залил его зеленым цветом #3c6b2d. Но вы можете выбрать по своему вкусу.

Зеленый будет основным цветом, но один цвет – это не особо привлекательно, поэтому накинем поверх слоя текстуру, я вас не принуждаю, но желательно выбрать текстуру в клеточку или в полоску, главное, чтобы сетка клеток или полосок у текстуры была темного цвета, а фон – светлого.

Скачайте и просто перетяните в Photoshop с рабочего стола, или где вы ее там сохранили?

Скачали и закинули? Отлично! Чтобы применить текстуру поверх всего нашего зеленого фона, я чаще всего использую такое действие: Дважды щелкаю ЛКМ (левая кнопка мыши) по слою, в нашем случае это слой, залитый зеленым цветом, после щелчка откроется окно «Стиль слоев». В нем выберите “Pattern Overlay” – “Перекрытие узора”. А там уже ищем ту текстуру, которую скачали или же любую свою… И поставьте режим наложения “Linear Burn” – “Линейный затемнитель”, жмем ОК.

Вот так в первом шаге мы сделали неплохой фон для нашего текста из бумаги… Я бы еще добавил немного шума, но думаю не в этот раз.

Шаг 2

Второй шаг довольно-таки простой. Вы уже придумали, что будете писать? Лично я – да. Но сейчас сделаем лишь 1 букву. Она должна быть белого цвета, но не совсем. Лучше если будет немного сероватой: #F6F6F6.

Сделайте ее побольше, чтобы в дальнейшем с ней можно было проводить манипуляции… Готово? Прекрасно!

Теперь, когда буква готова, ее нужно растрировать, сделать это очень просто – я же придерживаюсь самого простого: беру ластик и один раз ЛКМ клацаю по тексту, на что мне вылазит предупреждение… Жмите ОК.

Или же второй способ растрировать текст: ПКМ (правой кнопкой мыши) клацнете по слою с текстом и в контекстном меню выберите “rasterize type” – “растрировать текст”.

У нас есть фон, текст, но это только начало! Дальше интересней 😉

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

Шаг 3

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

Продублируйте слой с текстом комбинацией клавиш “Ctrl + J” – это создаст дубликат слоя, который вы только что выбрали. Нижний слой с буквой сделайте невидимым, он пока что не нужен. Чтобы скрыть его, просто нажмите на пиктограмму «глаза» рядом со слоем.

Выделим верхний слой с буквой, возьмите инструмент “Polygonal Lasso Tool” – “Прямолинейное лассо”. Выделяем небольшой уголок буквы.

После того, как вы сомкнете прямые, они превратятся в пунктирную линию. Далее ПКМ в радиусе этой линии вызываем контекстное меню, в котором выберите пункт “Layer via cut” – “Вырезать на новый слой”. Таким образом вы разделили букву на 2 слоя… Сделайте еще несколько кусков. Я сделал всего 2.

Отлично! Нас ждет Успех!

Шаг 4

Мы только что отрезали пару кусков от слоя, для того чтобы в этом шаге немного завернуть их и сделать букву, похожую на мятую бумагу.

Выберите слой с первым куском, выберите один из инструментов выделения, не имеет значения какой, и ПКМ кликните над буквой – вылезет контекстное меню. Там нужно выбрать пункт “Free Transform” – “Свободное трансформирование”. Потом опять жмите ПКМ и в меню выберите “Distort” – “Искажение”. Хватая за углы появившегося контура, немного деформируйте кусочки, делая вид того, что они как бы изогнуты.

Я специально на скриншоте выделил края красным, для того чтобы вы видели ту небольшую деформацию, что я только что сделал. Вам не нужно выделять красным.

Прекрасно! Если уголки подогнули, можно идти дальше…

Шаг 5

Одну из главных ролей в этом уроке играют свет и тень, поэтому определитесь с какой стороны будет падать свет на ваш бумажный текст. Я выбрал правый верхний угол, поэтому правый нижний уголок на тексте будет отдавать больше тени, нежели левый верхний.

Выберите один из слоев с отрезанным куском, возьмите инструмент “Burn Tool” – “Затемнитель”, выставите на верхней панели режим нажатия где-то 50%, и мягкой кисточкой пару раз затемните выбранный кусочек.

Читайте также:  Самый последний андроид версия 2018

Ту сторону, куда будет падать свет, затемните слегка, не очень сильно! Посмотрите, что у меня получилось:

Как видите, нижний кусок затемнен сильно, а верхний только слегка.

Дальше выберите основной слой с буквой, и тем же инструментом “Затемнитель” мягкой кисточкой создайте тень от уголков.

Уже довольно-таки неплохо.

Шаг 6

Для начала необходимо объединить слои с буквой и кусками воедино. Для этого с зажатой клавишей Ctrl выберите нужные слои, но не трогайте слой с буквой, которую вы еще в начале сделали невидимой. И нажмите комбинацию клавиш Ctrl + E. Все, после этого слои сольются в один.

Помните первый шаг? Сейчас будем делать то же, но не с фоном, а уже с буквой… Для этого нам понадобится текстура мятой бумаги. Можете взять мою 😉

Только когда будете применять текстуру к букве в стилях, измените в окошке размер текстуры на более меньший. Просто моя текстура слишком большая, и на маленькой букве она может быть не заметна. Режим перекрытия поставьте “Linear Burn” – “Линейный затемнитель

Ну вот уже довольно-таки неплохо и наш бумажный текст приобретает явные признаки…

Шаг 7

Осталось две мелочи.

Первым делом вернемся к нашей букве, которая отдыхает в невидимом режиме. Снова сделайте ее видимой, нажав на глазок рядом со слоем. Откройте стиль слоя к нижней букве и поменяйте цвет в закладке “Color Overlay” – “Наложение цвета” на почти черный, я взял этот: #202020.

Наверное, вы уже давно догадались, что это будет тень нашей бумажной буквы.

Буква черная – это хорошо, но мало! Дальше повторите с этим слоем то, что Вы делали на четвертом шаге. Деформируйте слой с тенью немного в сторону от света.

Завершающим этапом станет размытие. “Filter – Blur – Gaussian Blur…” – “Фильтр – Размытие – Размытие по Гауссу..” Радиус поставьте где то на «6» и жмите ОК. Сделайте слой прозрачным примерно на 35-40%.

Неплохо, но сейчас буква как будто летает в воздухе. Поэтому возьмите мягкий ластик размером 30% от общего размера буквы и сотрите лишнюю тень.

Готово почти. Можете остановиться на одной букве, а можно продолжить, доделав слово.

Шаг 8

В заключительном шаге добавим источник света. Для этого перейдите сюда: “Filter – Render- Lighting Effects” – “Фильтры – Рендеринг – Эффект освещение”. Поиграйте немного с настройками, чтобы свет не был слишком ярким.

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

Прочитав данный урок, вы узнаете как создавать разноцветный бумажный текст с отверстиями. Для создания такого эффекта мы будем прибегать к различным манипуляциям: создание контуров, растрирование слоёв с текстом, работа с кистью. И в заключении к тексту мы применим цветовую коррекцию при помощи корректирующих слоёв.

Вот такой бумажный текст должен получиться в итоге:

Ресурсы для урока:

Создайте новый документ, имеющий размер 1600х1067 пикселей. Выше фонового слоя поместите текстуру картона. При необходимости вы можете изменить её расположение.

Введите первую букву шрифтом, указанным выше, установив размер 590пт. Цвет для неё измените на синий #79bcde.

Продублируйте букву и поменяйте цвет на #252525.

Растрируйте копию текста, кликнув по слою правой кнопкой мыши и выбрав команду Rasterize Type (Растрировать текст).

Перейдите к инструменту Перо (P), в настройках установите режим Контур. В середине созданной буквы создайте контур. Для этого кликните пером, чтобы создать первую опорную точку, после этого опять кликните и переместите перо для создания кривой. Создайте последнюю точку, не закрывая сам контур, то есть, чтобы эта точка не соприкасалась с созданным контуром и находилась немного в стороне. В дальнейшем мы отредактируем его.

Инструментом Стрелка (A) вы можете переместить опорные точки в нужное положение и передвинуть направляющие, чтобы отредактировать кривые.

Воспользовавшись инструментом Ластик (E), зайдите в палитру кистей и выберите круглую кисть с жёсткими краями, диаметром 45 пикселей, для интервала поставьте значение 186%.

В Динамике формы для параметра Size Jitter (Колебание размера) поставьте значение 35%.

Снова перейдите к инструменту Стрелка (A), при помощи правой кнопкой мыши кликните по контуру и выберите Выполнить обводку.

В диалоговом окне установите Ластик и отключите опцию Имитировать нажим.

В результате в букве появятся отверстия. Если вас не устраивает расположение отверстий, то отмените это действие и, изменив размер кисти, сделайте всё заново. Для удаления контура нажмите Enter.

Читайте также:  Кто такой дориан грей в истории фото

Далее пройдите во вкладку Edit > Transform > Rotate (Редактирование – Трансформирование – Поворот) и немного поверните содержимое растрированного текстового слоя. Сохраните изменения, нажав Enter. Вы также можете немного повернуть текстовый слой оригинал.

Сделайте двойной клик по оригиналу текстового слоя для открытия окна стилей и добавьте стили, указанные ниже:

В результате у нас получился бумажный текст с 3D эффектом:

Теперь откройте окно стилей для дублированного слоя с текстом и добавьте Тень с настройками, указанными ниже:

Вот результат после применения тени:

Выше всех слоёв создайте новый слой Pins.

Сделайте двойной клик по слою Pins и добавьте к нему Тиснение, изменив такие параметры:

На этом этапе мы создадим булавку, а затем продублируем её ещё четыре раза, они будут крепить бумажный текст к картонной текстуре. Выберите инструмент Кисть (B) диаметром до 40 пикселей, основной цвет поменяйте на #acacac и в верхней левой части расположите булавку.

Повторите вышеописанные действия и сделайте оставшиеся буквы. Единственное, что необходимо изменить — это цвета. Для второй буквы измените цвет на розовый #ff8e94, для третьей — зелёный #82ca89, для четвёртой — оттенок оранжевого #ff933c и для последней фиолетовый #8560a8.

Бумажный текст готов, теперь объедините все слои в группу, кроме фонового.

Сделайте дубликат полученной группы, а затем пройдите во вкладку Layer > Merge Group (Слои — Объединить группу).

Теперь поработаем над освещением. Примените фильтр Эффекты освещения с настройками, указанными на скриншоте ниже. После того, как вы измените настройки, расположите белый круг с освещением на своё усмотрение, опирайтесь на пример ниже.

Теперь перейдём к коррекции. Создайте корректирующий слой Кривые.

Выделите точки и смените выходные и входные значения.

В центре линии добавьте третью точку и смените для неё значения Input (Вход) и Output (Выход), опирайтесь на пример ниже.

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

Для корректирующего слоя понизьте непрозрачность до 40%.

Далее нам нужно добавить корректирующий слой Цвет.

В качестве цвета установите оттенок жёлтого #ffcf68.

Смените для него режим смешивания на Умножение и снизьте непрозрачность примерно до 30%.

И в заключении добавьте корректирующий слой Уровни и поменяйте режим наложения на Мягкий свет.

В диалоговом окне Уровни из выпадающего меню выберите синий канал и введите для него значение 243.

Вот такой разноцветный бумажный текст с отверстиями должен получиться в итоге:

Этот урок научит вас, как создать красочный бумажный текстовый эффект с отверстиями, используя различные методы: растрирование текстовых слоёв, создание контуров, а так же работа с кистью. Для того чтобы применить цветовую коррекцию к окончательному результату, мы будем использовать корректирующие слои.

Материалы для урока:

Шаг 1

Создайте новый документ с размерами 1600 х 1067 пикселей. Поместите в документ картонную текстуру поверх фонового слоя. Вы можете вращать и изменять её по мере необходимости.

Напишите первую букву предложенным в уроке шрифтом, поставив размер 590 пт. Затем выберите для буквы ярко-синий цвет # 79bcde .

Дублируйте слой с буквой и измените цвет копии на # 252525 .

Щёлкните правой кнопкой мыши на копии с буквой и выберите функцию Растрировать текст (Rasterize Type).

Шаг 2

Активируйте инструмент Перо (Pen Tool) и в верхней панели настроек поставьте режим Контур (Path). Нам нужно создать контур в середине буквы.

Щёлкните пером, чтобы создать опорную точку, затем снова щёлкните и тащите инструментом, чтобы создать кривую. Не закрывая контур, добавьте ещё одну последнюю опорную точку так, чтобы она не пересекалась с любой частью контура, а была чуть дальше от него. Немного позже мы отредактируем контур.

Выберите инструмент Стрелка (Direct Selection Tool) и щёлкая по опорной точке, перемещайте точку в нужное положение, или двигая направляющие опорной точки, перемещайте их, изменяя ориентацию кривой, чтобы сделать её шире или уже.

Шаг 3

Выберите инструмент Ластик (Eraser Tool) и откройте палитру кистей Окно — Кисть (Window — Brush). Выберите жёсткую круглую кисть с размером 45 пикселей и поставьте Интервалы (Spacing ) 186%.

Во вкладке Динамика формы (Shape Dynamics) поставьте значение Колебания размера (Size Jitter) на 35%.

Шаг 4

Выберите инструмент Стрелка (Direct Selection Tool) еще раз, затем нажмите правой кнопкой мыши на рабочем контуре и выберите функцию Выполнить обводку (Stroke Path).

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

После этого удалятся точки разного размера на слое с растрированным текстом. Если вам не нравится, как легли отверстия, то отмените это действие и сделайте заново. Если необходимо, то меняйте размер кисти, пока вам не понравится результат. После этого нажмите клавишу Enter для того чтобы спрятать контур.

Читайте также:  Забыл пароль на нетбук что делать

Теперь идём в меню Редактирование — Трансформирование — Поворот (Edit — Transform — Rotate) и немного повернём слой с растрированным текстом. Нажмите клавишу Enter для того чтобы применить изменения. При желании вы так же можете повернуть и оригинальный слой с текстом.

Шаг 5

Кликните дважды на оригинальном текстовом слое для того чтобы открыть окно стилей и применить некоторые из них. Выберите Наложение градиента (Gradient Overlay( и поставьте режим наложения на Умножение (Multiply), Непрозрачность (Opacity) 25%, Стиль (Style) Зеркальный (Reflected) и Масштаб (Scale) 150%. Затем щелкните в поле градиента для его создания.

Создадим градиент. Для левого маркера установите цвет # acacac и Непрозрачность (Opacity) 0%, а для правого маркера так же установите цвет # acacac, но Непрозрачность (Opacity) на 100%. Для этого вам нужно нажимать на соответствующие маркеры ниже и выше полосы градиента и вводить числовые значения в их поля в нижней части окна.

Применим теперь стиль слоя Наложение узора (Pattern Overlay). Поставьте режим наложения на Умножение (Multiply) и выберите Узор Картон.

Теперь применим стиль слоя Тень (Drop Shadow). Уменьшите Непрозрачность (Opacity) 20%, Смещение (Distance) до 12 пикселей и поставьте Размер (Size) 2 пиксела.

Эти придаст тексту некоторый 3D эффект.

Шаг 6

Дважды кликните по слою с растрированным текстом чтобы открыть окно стилей слоя. Примените стиль слоя Тень (Drop Shadow). Настройки ниже на скриншоте.

Результат на данный момент после применения стиля.

Шаг 7

Создайте новый слой поверх всех слоев и назовите его Pins.

Дважды кликните по новому слою и примените стиль слоя Тиснение (Bevel and Emboss). Поставьте Глубину (Depth) на 450%, Размер (Size) 15 пикселей, отметьте галочкой опцию Сглаживание (Anti-aliased). В окошке Режим подсветки (Highlight) поставьте режим наложения Линейный свет (Linear Light).

В настройках Контура (Contour) так же отметьте галочкой опцию Сглаживание (Anti-aliased).

Теперь применим стиль слоя Тень (Drop Shadow). Уменьшите Непрозрачность (Opacity) 54%, Смещение (Distance) до 14 пикселей и поставьте Размер (Size) 3 пиксела.

Шаг 8

Активируйте инструмент Кисть (Brush Too), установите её размер до 40 пикселей (в зависимости от того, какого размера вы хотите создать булавку) и установите цвет переднего плана на # acacac . Затем кликните мышкой один раз верху буквы для того чтобы создать булавку.

Теперь, вам нужно повторить все те же действия, чтобы создать остальные буквы. Значения цвета, используемые для букв в уроке — розовый # ff8e94 , зеленый # 82ca89 , оранжевый # ff933c и пурпурный # 8560a8 .

Когда закончите с буквами, сгруппируйте все слои кроме фонового, нажав на верхний, и с зажатой клавишей Shift, нажав на последний. Затем перейдите в меню Слои — Сгруппировать слои (Layer — Group Layers).

Дублируйте группу, затем перейдите в меню Слои — Объединить слои (Layer — Merge Group).

Шаг 9

Теперь идём в меню Фильтр — Рендеринг — Эффекты освещения (Filter — Render- Lighting Effects). Выберите эффект освещения Направленный (Spot) и установите цвет # f3edd3 , Интенсивность (Intensity) до 22, Центр освещённости (Hotspot) до -8, Тонирование (Colorize) цвет #fffec6, Экспозиция ( Exposure) 30, Глянец (Gloss) -77, Металл (Metallic) -85.

Затем нажмите и перетащите белый круг настройки освещения, чтобы изменить его размер, или щелкните и перетащите его в любую пустую область, чтобы применить свою позицию, пока вы не получите результат, аналогичный приведенному ниже.

Теперь нажмите на иконке создания корректирующего слоя внизу палитры слоёв и выберите Кривые (Curves).

Выберите точки и изменять их входные и выходные значения, как показано ниже.

Щёлкните, чтобы добавить точку в середине кривой, а затем измените её входные и выходные значения, как показано ниже на скриншоте.

Теперь выберите синий канал из выпадающего меню в верхней части панели и перетащите обе точки вверх.

Уменьшите Непрозрачность (Opacity) корректирующего слоя Кривые (Curves) до 40%.

Шаг 10

Нажмите на иконке создания корректирующего слоя внизу палитры слоёв ещё раз и выберите корректирующий слой Цвет (Solid Color).

Установите цвет # ffcf68 .

Установите этому слою режим наложения Умножение (Multiply) и уменьшите Непрозрачность (Opacity) до 30%.

Нажмите кнопку создания корректирующего слоя в последний раз и выберите Уровни (Levels), а затем измените режим наложения этого слоя на Мягкий свет (Soft Light).

Выберите синий канал из выпадающего меню и измените значения светов до 243.

Заключение

Ниже конечный результат. Вам в будущем может пригодиться очень простая, но весьма полезная методика использования Пера (Pen Tool), чтобы создать контуры, а затем редактировать их ластиком и кистью.

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

Ссылка на основную публикацию
Adblock detector