Создаем в фотошопе текст с эффектом вырезанной бумаги

8

16674
24-04-2010

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

Шаг 1.
Создаем в фотошопе новый документ размером 600х200, заливаем белым цветом.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 2.
Выбираем инструмент «Градиент» на панели инструментов (1) и потом щелкаем по изображению градиента (2).
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 3.
Создаем новый градиент. Устанавливаем ползунки настроек, как на рисунке ниже (1). Нажимаем на кнопку «New» (2). Новый градиент появится в библиотеке градиентов (3).
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 4.
Возвращаемся в окно градиентов (1), выбираем вновь созданный градиент (2) и задаем для него тип градиента ANGLE GRADIENT (3).
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 5.
Накладываем градиент строго из левого (1) угла в правый (2). Крайняя левая точка желательно должна находиться за пределами документа, только не внутри. Иначе будет некрасиво.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Результат должен быть таким.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 6.
Приступим к тексту. Сначала скачаем шрифт Disco Deck font. Выбираем в фотошопе инструмент «Шрифт», размер шрифта 150 пикс. Пишем первую букву С.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 7.
Потом печатаем оставшиеся буквы. Причем каждую на новом слое.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 8.
Теперь слегка передвинем буквы. Выберем инструмент «Перемещение» в режиме «Свободное перемещение» (AUTO SELECT) и передвинем буквы, как на рисунке ниже.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 9.
Наложим стиль слоя на букву С. Вызовем окошко «Стиль слоя» либо двойным щелчком по слою, либо щелкнув по значку, как на рисунке ниже.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 10.
Сначала выбираем закладку «Наложение градиента» и накладываем созданный нами градиент, с параметрами, как на рисунке ниже. ОК пока не нажимаем.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 11.
Потом выбираем закладку «Тень» с параметрами, как на рисунке ниже. ОК пока не нажимаем.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 12.
Переходим в закладку «Стили», потом щелкаем по кнопке «Новый стиль» (NEW STYLE ) и сохраняем в палитре стилей этот созданный стиль. Только потом нажимаем кнопку ОК.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 13.
Теперь для того, чтобы применить стиль к слою, надо сначала выбрать слой с буквой (1), а потом выбрать созданный нами стиль (2) на палитре стилей. Наша буква С должна выглядеть так, как на рисунке ниже.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 14.
Применим этот стиль к каждому слою с буквой. Слово будет выглядеть так.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 15.
В этом шаге мы будем настраивать для каждой буквы направление градиента. Для каждого слоя выбираем в стиле слоя (1) закладку «Наложение градиента» (2).
Создаем в фотошопе текст с эффектом вырезанной бумаги

Так выглядит эта закладка.
Создаем в фотошопе текст с эффектом вырезанной бумаги

В ней нас интересует направление градиента (обведено красным). На рисунке ниже мы поменяли направление градиента для буквы R.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 16.
Однако, у буквы R линия градиента не совсем ровно. Поэтому откроем стиль слоя на закладке «Наложение градиента». Вверху будет надпись «Щелкните мышью и перетаскивайте ее указатель, чтобы откорректировать расположение градиента». Мышкой перетаскиваем градиент так, как нам надо.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Первые две буквы готовы.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 17.
Аналогичным образом (меняем направление и сдвигаем градиент) корректируем градиенты для остальных букв.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 18.
Теперь добавим цвета. Выберем самый верхний слой (1), кликнем по иконке «Создать новый корректирующий слой» (2) и выберем нужный нам цвет (3).
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 19.
В данном примере мы выберем цвет #FFA200 и потом кликнем ОК.
Создаем в фотошопе текст с эффектом вырезанной бумаги

Шаг 20.
Для этого корректирующего слоя поменяем стиль наложения слоя на «Мягкий свет» (SOFT LIGHT).
Создаем в фотошопе текст с эффектом вырезанной бумаги

Финал
В итоге имеем такой вот классный результат.
Создаем в фотошопе текст с эффектом вырезанной бумаги

  • Короткая ссылка на этот пост: https://www.designonstop.com/?p=1321
  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Комментариев 8 комментариев

Прикольный урок. Спасибо. Обязательно попробую. 🙂

ОтветитьОтветить

Пожалуйста! Эффект, действительно, неплохой. Так что попробуй обязательно 🙂

ОтветитьОтветить

Прекрасный урок, и написан потрясающе просто)) Спасибо, все получилось 😉

ОтветитьОтветить

@Azazella
Пожалуйста! Очень рада, что все получилось 🙂

ОтветитьОтветить

http://cs932.vkontakte.ru/u44751274/116696182/x_8cbd9980.jpg вот сделал, даже на аватарку поставил. Выглядит потрясно. Спасибо!

ОтветитьОтветить

@Nek:
Отличный результат получился! Молодец!

ОтветитьОтветить

Спасибо за урок, получилось следующее http://img705.imageshack.us/img705/7020/craft.png (конечно шрифт другой).
Спасибо вам за сайт.

ОтветитьОтветить

@Desti:
Очень похоже! И расположение букв мне понравилось. Отличный результат ))

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

46 queries in 0,243 seconds.