Arttime
  • Уроки фотошоп
    • Photoshop от А...
    • Работа с текстом
    • Уроки для Вконтакте
  • Скачать
    • Социальные кнопки
    • Плагины для PS
    • Экшены
    • Кисти
    • Градиенты
  • Веб дизайн
    • Инфографика
  • Познавательно
    • ART подборки
    • Конкурсы
  • Творчество
« На главную / Уроки фотошоп / Работа с текстом / Пост "Делаем бумажный текст в фотошопе"

Делаем бумажный текст в фотошопе


бумажный текст в фотошоп

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

Содержание

  • 1 Инструкция по созданию бумажного текста
    • 1.1 Шаг 1
    • 1.2 Шаг 2
    • 1.3 Шаг 3
    • 1.4 Шаг 4
    • 1.5 Шаг 5
    • 1.6 Шаг 6
    • 1.7 Шаг 7
    • 1.8 Шаг 8

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

Шаг 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%, и мягкой кисточкой пару раз затемните выбранный кусочек.

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

Фотошоп - бумажный текст

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

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

текст из бумаги фотошоп

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

Шаг 6

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

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

Скачать текстуру

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

бумажный текст в фотошопе

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

Шаг 7

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

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

Почему я не выбрал совсем черный, почитайте в этой статье об опасности черного цвета.

в фотошопе сделать бумажный текст

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

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

подготовка бумажного текста в фотошопе

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

бумажный текст в фотошопе

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

бумажный текст в Photoshop

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

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

Шаг 8

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

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

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

Текст в Photoshop из бумаги

 

Или так:

Бумажный текст

Всем всего наилучшего!

29 Июл 13 | Теги: Photoshop, QR code, конкурсы, Уроки КатегорияРабота с текстом

бесшовные текстуры для фотошопа Сегодня я раскажу вам о том что бесшовные текстуры для фотошопа Можно достать бесплатно. Текстуры подойдут для лубых целей.
меню для группы Вконтакте всегда открытым, В этой статье вы узнаете как сделать меню для группы Вконтакте всегда открытым, это довольно таки непростая задача, и когда вы прочтете статью
как вырезать обьект в фотошопе Нужно вырезать обьект с фото? Не беда урок как вырезать обьект в фотошопе поможет вам справится быстро илегко.
сфотографированого текста Классный эффект сфотографированого текста
почему необходимо избегать чистого черного цвета Очень важная информация по поводу того почему необходимо избегать чистого черного цвета в проектах и работах
  • Твитнуть
  • 5
  1. СергейИюл 30, 2013 @ 05:56

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

    Ответить
    • Eвгений КомиссаровИюл 31, 2013 @ 11:29

      Привет, да кстати надо взять на заметку… какому нибудь заказчику сделаю такое лого :mrgreen:

      Ответить
      • СергейИюл 31, 2013 @ 12:37

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

  2. ИванАвг 16, 2013 @ 23:17

    😉 миниконкурс, но уже движение – молодец!

    Ответить
  3. HumenАвг 23, 2013 @ 13:32

    Полезный урок! Доступно и понятно все. На днях сделаю свое задание на конкурс. Вдохновляете однако.

    Ответить
    • Евгений КомиссаровАвг 23, 2013 @ 14:09

      Это будет замечательно!) А то что то активность не особо хорошая )

      Ответить
  4. Граммар-нациИюн 15, 2016 @ 20:16

    Лучше бы ты русский язык выучил, учитель…

    Ответить
    • Eвгений КомиссаровИюн 15, 2016 @ 21:05

      Спасибо, мне не нужно.

      Ответить

Оставить комментарий (Отменить ответ)

Статьи на E-mail

  • RSS
  • Twitter
  • Вконтакте
  • google
stylus.ua

Интересные статьи

Фишки фотошопа выпуск №1 Фишки фотошопа. Часть 1
какую версию фотошопа выбрать Какую версию фотошопа выбрать
цветовой диапазон Как вырезать сложный объект
фишки фотошопа Фишки фотошопа часть 3

Страницы

  • Главная
  • О проекте
  • Контакты
  • Карта сайта
  • Друзья блога

Теги

Action art jpg Photoshop Градиент Кисть Скачать кисть Уроки Экшен дизайн из сети кнопки конкурсы мой арт полезняшки скачать советы социальные кнопки текстуры файлы

Случайные записи

  • Линейка ноутбуков Acer для любых задач
  • Как отредактировать фото в Photoshop
  • АРТ-иллюстрации на день святого Валентина
  • Закон Паркинсона и менеджеры в IT
  • Визитка с помощью Photoshop
  • Накрой всех графиком! Инфографика как она есть…
  • Об авторе

    Я – автор этого блога и еще десятка успешных проектов.

    В данный момент занимаюсь интернет-коммерцией, иногда пишу в свои блоги. Собираю деньги на открытие грандиозного проекта.

    Пишите мне на странице обратной связи.

    © Все права защищены. | Копировать без обратной индексируемой ссылки на ARTtime запрещено!
    Мы используем куки для наилучшего представления нашего сайта. OKЧитать далее