Рубрика: Photoshop Уроки | Урок прочитали: 1028
 (голосов: 8)

Создаём в Фотошоп текст в виде блокнота

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

Результат урока

Начнём с создания надписи заглавными буквами. Шрифт для этого выберите MyriadPro.

Растрируйте текст и, используя Прямоугольную область (Rectangular Marquee Tool), добавьте прямоугольник к первой букве как показано на скриншоте. Залейте выделение тем же цветом, что и текст.

Загрузите выделение созданной надписи и расширьте его на 10 пикселей в меню Выделение – Модификация – Расширить (Select>Modify>Expand). Залейте выделение тем же цветом.

Теперь автор предлагает сделать эффект закругленных краёв.

Примечание переводчика: Как закруглить углы, автор показывает в другом уроке. Необходимо размыть надпись в меню Фильтр – Размытие – Размытие по Гауссу (Filter>Blur>Gaussian Blur). Радиус размытия зависит от размера вашего изображения и результата который вы хотите получить. Автор выбирает 5 пикселей.

Затем загрузите выделение и откройте функцию Уточнить край (RefineEdge). Введите такие настройки:

Залейте выделение цветом на новом слое или добавьте маску к слою с фигурой или текстом.

Результат

Дублируйте этот слой пять раз, назовите копии Бумага и для удобства можете их сгруппировать. Скачайте узор блокнотной бумаги и примените его к тексту. Так же добавьте стиль слоя Тень (Drop Shadow). Чтобы создать вид бумажных страничек, сдвиньте немного каждый слой.

Теперь используем одну из копий надписи для того, чтобы создать обложку блокнота. Разделим этот слой на два. Сделайте выделение как на скриншоте и нажмите комбинацию клавиш Ctrl + X и Ctrl + V, после чего выделенная область вырежется на новый слой. Назовите эти слои Cover 1 и Cover 2.

Откройте окно стилей слоя для обложки и добавьте следующие стили:

Внутренняя тень (Inner Shadow)

Теперь для слоёв с обложкой добавьте стиль слоя Наложение узора (Pattern Overlay) с кожаной поверхностью, использовав эти текстуры с разными цветами.

Дублируйте слои с обложкой и расположите копии ниже всех слоёв в палитре.

Для отделки добавим деталей. Например, стежки на обложке. Вы можете использовать для этого специальные кисти, которые можно найти и скачать здесь. Выберите кисть в соответствии с размером вашего текста. Создайте выделение из края обложки и сократите его на 7-10 пикселей в зависимости от толщины надписи. Создайте рабочий контур из выделения и Выполните обводку контура (Stroke Path) одной из скаченных кистей для стежков. Автор выбрал самую простую из них.

Примечание переводчика: Создать рабочий контур из выделения можно в палитре Контуры, нажав на соответствующий значок внизу палитры.

Откройте окно стилей слоя для стежков и добавьте стиль Тиснение (Bevel and Emboss).

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

Теперь создадим металлические детали с помощью инструмента Эллипс (Ellipse Tool).
Создайте круг и дублируйте его на том же слое. Измените дублю размер на 50% и для вычитания области используйте функцию Вычесть переднюю фигуру (Subtract Shape). Дублируйте полученную фигуру два раза на том же слое.

Примечание переводчика: для копирования круга на том же слое выделите контур фигуры чёрной стрелкой, нажмите комбинации клавиш Ctrl + C, Ctrl + V, затем для уменьшения дубля нажмите Ctrl + T и уменьшите с помощью рамки трансформации. Чтобы дублировать полученную фигуру на том же слое снова выделите весь контур фигуры чёрной стрелкой и зажав клавишу Alt перетаскивайте контур мышкой.

Добавим следующие стили слоя чтобы придать кружкам металлический эффект.

Внутренняя тень (Inner Shadow)

Добавьте скобки и ваш текст должен выглядеть примерно, как на скриншоте ниже.

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

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

           

Похожие файлы и публикации:

Создаём в Фотошоп текст в виде блокнота
Нам понадобятся для урока такие материалы: Пальмовый лист Шрифт
Создаём в Фотошоп текст в виде блокнота
Нам понадобится: Текстура мёда (Содержится PSD файл урока, узор honey.pat) Anja Eliane Font
Создаём в Фотошоп текст в виде блокнота
Этот урок по Фотошопу покажет вам, как сделать дизайн сайта или портфолио.
Создаём в Фотошоп текст в виде блокнота
В этом уроке вы узнаете, как объединить различные изображения и создать забавный тыквенный текст к празднику Хэллоуин. При желании вы можете купить у автора урока Psd файл.
Создаём в Фотошоп текст в виде блокнота
В этом уроке я хотел бы показать вам интересный способ смещения текста.
Создаём в Фотошоп текст в виде блокнота
В этом несложном уроке автор расскажет, как создать старинный текст с блестящим, золотым эффектом.
Создаём в Фотошоп текст в виде блокнота
В этом уроке я собираюсь рассказать вам, как сделать элегантный текст. Итог урока:
Создаём в Фотошоп текст в виде блокнота
В этом уроке вы узнаете, как создать элегантный и стильный макет портфолио в Photoshop.
Создаём в Фотошоп текст в виде блокнота
В этом уроке вы узнаете, как создать интересный змеиный текстовый эффект с использованием текстур кожи рептилий и некоторых стилей. Этот эффект можно применить не только к тексту, но и к формам.
Создаём в Фотошоп текст в виде блокнота
В этом уроке я покажу вам как создать классный необычный эффект для текста. Превью:
Создаём в Фотошоп текст в виде блокнота
В этом уроке вы узнаете, как создать футуристический гранжевый текст с царапинами и неоновым светом. Давайте приступим!
Создаём в Фотошоп текст в виде блокнота
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
Создаём в Фотошоп текст в виде блокнота
В данном уроке мы будем учиться создавать информационный блок для сайта.
Создаём в Фотошоп текст в виде блокнота
 В этом уроке, мы будем создавать блестящий Солнечный эффект текста, используя стили слоя и размытие фильтров. Это простой урок, но результат удивительный.