Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Alex | 27.03.2014 | нет комментариев

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

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

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

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

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

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

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

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

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

Результат

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

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

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

Тень (Drop Shadow)

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

Тиснение (Bevel&Emboss)

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

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

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

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

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

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

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

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

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

Тень (Drop Shadow)

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

Тиснение (Bevel and Emboss)

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

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

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

АВТОРСКИЕ ПРАВА
Источник: photoshop-master.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB