Уроки Работа с текстом Александра 21 февраля 2010

Делаем текстовые обои в Фотошоп

Сложность урока: Средний

Этот урок научит вас создавать обои "Need for Speed ProStreet", к примеру, для вашего рабочего стола. Главная задача – научить вас создавать классные эффекты.

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

Архив

Создайте новый файл (File > New (Файл > Новый)) размером 1920х1200 px/ 72 dpi. Для заднего фона выберем текстуру асфальта с сайта  CGtextures. Вставьте ее на новый слой и выберите функцию Free Transform (Свободная трансформация) и преобразуйте текстуру так, как показано на рисунке ниже (прим. оставшуюся белую разметку можно убрать с помощью инструмента Clone Stamp tool (Штамп), выберите для него мягкую кисть):

Теперь создадим копию последнего созданного слоя и выберем инструмент Move Tool (V) (Перемещение), чтобы подвинуть изображение ниже до тех пор, пока не появится белая полоска. Выделите ее с помощью инструмента Rectangular Marquee Tool (M) (Прямоугольная область выделения), кликните правой кнопкой внутри этого выделения и выберите Layer via Copy (Копировать слой). Удалите слой с копией текстуры, оставив только фрагмент с белой полосой в верхней части изображения (прим. также вы можете скопировать полосу на новый слой, нажав сочетание клавиш Ctrl+J при активной области выделения).

В центральную часть текстуры мы будем добавлять текст, который мы захотим. Делайте соответствующие корректировки текстовых фрагментов и их наклонов с помощью функцию Free Transform (Свободная трансформация). Я использовал шрифт с сайта dafont.

Pro

Street

Need speed

For

За слоями, содержащими текст и буквы (PRO), нам нужно с помощью инструмента Pen Tool (P) (Перо) нарисовать плоскость, залитую цветом  #222222.

Кликните мышкой в нижней части панели слоев на Create new fill или adjustment layer>Curves (Создать новый слой-заливка или корректирующий слой > Кривые). Этот слой должен находиться ниже текстовых слоев.

Используя Rounded Rectangle Tool (U) (Инструмент закругленный прямоугольник) радиусом 10 px, мы создадим плоскость, залитую цветом #C6E340. Она должна располагаться над буквами PRO, но под словом STREET.  Возьмем также инструмент Direct Selection Tool (A) (Редактирование контура) для корректировки эффекта наклона плоскости и Convert Point tool (инструмент Преобразовать точку). Стереть ненужные точки можно с помощью инструмента Delete Anchor Point Tool (Удалить точку).

Примените стиль, указанный ниже: Blending Options > Outer Glow (Параметры смешивания > Внешнее свечение)

Затем, загрузим из архива ряд готовых кистей для Adobe Photoshop, названных гранжевыми. Создайте новый слой и примените стандартную кисть для подготовки цветного фона за созданным текстом. Цвет для кисти выберите #CCD341. Этот слой должен быть расположен над темной плоскостью букв PRO, но под тестовыми слоями:

Кликните мышкой в нижней части панели слоев на Add a Mask (Добавить маску) и выберите какую-нибудь гранжевую кисть, черный цвет будет использоваться для стирания зеленого текстового фона.

Установите Blend mode (Режим смешивания) на Color Dodge (Осветление основы):

Давайте теперь применим гранжевый эффект к слову PRO. Создайте новый слой и выберите гранжевую кисть. Кисти должны быть серого цвета, а слой должен располагаться над буквами PRO.

Примените следующие параметры к этому слою: Fill  (Заливка) 12% (прим. данный параметр находится в панели слоев рядом с параметрами прозрачности и режимов наложения):

Удерживая клавишу Alt, кликните левой кнопкой мыши между слоем с гранжевым эффектом и слоем, содержащим буквы PRO на панели слоев:

Создайте новый слой и выберите гранжевую кисть. Теперь кисти должны быть белого цвета. Данный слой расположите под текстовыми слоями и плоскостями

Кликните левой кнопкой мыши в нижней части панели слоев по Create new fill или adjustment layer > Hue/Saturation (Создать новый слой-заливка или корректирующий слой > Цветовой тон/Насыщенность). Поместите этот слой под слой с зеленой плоскостью, под словом Street.

Кликните левой кнопкой мыши в нижней части панели слоев по Add a Mask (Добавить маску) , чтобы использовать на ней стандартную кисть черного цвета, стирайте участки, находящиеся с левой стороны, с правой стороны и в верхней части

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

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

Создайте новый слой и добавьте в него несколько элементов зеленого цвета, содержащих тот же гранжевый эффект (Opacity (Прозрачность) 50%), используя гранжевые кисти.

Попытаемся нарисовать рядом с буквами PRO корону цвета #B5D244. Для начала изобразим простые элементы с острыми углами при помощи инструмента Pen Tool (P) (Перо). Затем нажмите клавишу Shift, выбрав предварительно  инструмент Ellipse Tool (U) (Овал), чтобы добавить маленькие круги. Теперь так же нажмите клавишу Shift, применяя при этом инструмент Pen tool (P) (Перо), чтобы добавить ромб на верхнюю часть (прим. удерживание клавиши Shift при рисовании позволяет нам добиться идеально ровных форм).

Кликните мышкой, оставаясь на этом слое, по Add a Mask (Добавить маску) и выберите стандартную кисть черного цвета (удерживайте Shift), чтобы нарисовать линии и вырезать несколько отверстий в кругах и ромбе.

Создайте копию слоя с короной, удалив маску слоя у копии. Измените цвет этого слоя на черный. Используя инструмент Free Transform (Свободная трансформация), увеличьте корону, данный слой должен находиться под первоначальным слоем с короной.

Оставаясь на этом слое, кликните в нижней части панели слоев по Add a Mask (Добавить маску) и выберите стандартную кисть черного цвета, чтобы стереть участки, покрывающие буквы Pro.

Установите для этого слоя значение Fill (Заливка) на 46%.

Конечный результат!
Посмотреть полный размер изображения вы можете здесь.

Автор: ART-D

Источник: designstacks.net

146 тыс. 134
Печать Жалоба

Комментарии 134

Спасибо за урок. У меня получилось

Спасибо за урок! Хотя и очень сбивчиво написано...

Мороки много,но за урок спасибо)))с корону лень было уже делать

Спасибо. большое. С короной не сложилось-увы.

Спасибо за урок.Хоть и мороки много хД

Делаем текстовые обои в Фотошоп. Спасибо.

Спасибо за урок. Помогли с дизайном логотипа клана.

Отличный урок - спасибо!

спасибо за урок)

Спасибо за урок ;)
Хотя результатом не очень доволен, возможно в будущем буду заново делать)

Моя работа )

Спасибо за урок. Корона не влезла, слишком крупный текст получился.

Спасибо за урок!

круто, спасибо

Очень интересно! Спасибо за урок!

прикольно - брату понравится

И еще такой вариант.

Моя иллюстрация другая, но на основе этого урока.

До меня доперло! Я её сделал!

Конечно круто, я сам радуюсь, но корону не могу нарисовать... У меня когда нажимаю Shift, идет на 4 стороны... Как направление выбрать???

доработал; как корону делать я так и непонял, пришлось воровать =\

Отличный урок. Спасибо!

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

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее