Сделать стартовой  |  Добавить в избранное  |  RSS 2.0
О нас  |  Статистика  |  Обратная связь
Поиск по сайту: Расширенный поиск по сайту
Регистрация на сайте
Забыли пароль?

Навигация

Календарь
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 



» Бумажный текст в Фотошоп
2-08-2013, 18:29 | Уроки Photoshop » Текст-эффекты | автор: Natali | Просмотров: 1329
Этот урок научит вас, как создать красочный бумажный текстовый эффект с отверстиями, используя различные методы: растрирование текстовых слоёв, создание контуров, а так же работа с кистью. Для того чтобы применить цветовую коррекцию к окончательному результату, мы будем использовать корректирующие слои.

Финальный результат

Бумажный текст в Фотошоп

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

  • Картонная текстура
  • Шрифт Coolvetica
  • Узор Картон


  • Шаг 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), чтобы создать контуры, а затем редактировать их ластиком и кистью.

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

    Бумажный текст в Фотошоп

    Автор урока: Rose
    Переводчик: Рыбка
     
    | Комментарии (0) | Распечатать
     
    Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

    Другие новости по теме:

  • Зимняя фотоманипуляция в Фотошопе
  • Поздравляем с Новым годом в Фотошоп
  • Коллаж «Магический лес»
  • Шипы и розы в Фотошоп
  • Брейк-данс в Фотошоп
  • 591: Бумажный текст в Фотошоп2 августа 2013: Бумажный текст в Фотошоп!
    Бумажный текст в Фотошоп.
    Бумажный текст в Фотошоп
     

    Популярные
    статьи


    Опрос

    Лучший из новостных
    Неплохой движок
    Устраивает ... но ...
    Встречал и получше
    Совсем не понравился




    Главная страница  |  Регистрация  |  Добавить новость  |  Новое на сайте  |  Статистика  |  Обратная связь
    Яндекс.Метрика