Найти в Дзене
Чернобай

Создаём "аморальную" надпись в фотошопе

Оглавление

Доброго времени суток, друзья.
Сегодня у меня нет особых идей, а по этому хочется показать что-то простое, но со вкусом. Зачем вам это?

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

Финальный результат, которого мы добьёмся спустя несколько простых шагов
Финальный результат, которого мы добьёмся спустя несколько простых шагов

Начинаем как обычно с идеи:

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

Что волнует человечество больше всего? Если ты, дорогой друг, подумал, что я сейчас про твоё глубоко уважаемое мнение, то ты ошибся. Я говорю про мораль.

давайте создадим её и для нашего документа в фотошопе:

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

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

Для этого нам понадобится: буква А и чуть больший шрифт.

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

Оформление:

Собственно начнем то зачем вы сюда пришли. И для начала мы зададим основной цвет нашим буковкам

-4

И добавим тёмный фон, чуть темнее чем буква А, чтобы она не выделялась но была отчетливо видна.

-5

Да, выглядит сухо, понимаю. А про стиль тут вообще ни слова. Давайте поработаем над эффектами основной надписи.

1. Добавим тень у букв, чтобы они не казались плоскими и не сливались с фоном.

Так как мы используем достаточно тёмный фон, то давайте сделаем тень очень жирной, чтобы создать ещё больший контраст
Так как мы используем достаточно тёмный фон, то давайте сделаем тень очень жирной, чтобы создать ещё больший контраст

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

Я люблю подобные настройки, но вы можете выбрать тысячу других вариантов понравившегося вам градиента. Главное чтобы он не сильно отсвечивал
Я люблю подобные настройки, но вы можете выбрать тысячу других вариантов понравившегося вам градиента. Главное чтобы он не сильно отсвечивал

3. Добавим внутреннее свечение, чтобы градиенту не было одиноко на буквах и создался более реалистичный эффект объема

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

Ещё мы чуть-чуть подвигаем букву А так, чтобы она была как бы под моралью. Тайного смысла тут нет, но при желании его всегда можно выдумать, правда?

-9

Нам всё ещё чего-то не хватает для эффекта законченной мысли. Чего-то, что сделает всю надпись чуть более тонкой по смыслу и даст возможность прочитать её в "другом смысле"

Мне понравилась идея добавить вопрос: "В чём?" и разместить её под основной надписью таким же цветом, как и буква А.

И вот тут раскрылась проблема шрифта.

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

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

надеюсь вам окажется этот урок хоть чуточку полезным. Буду рад вашим комментариям и возможно вопросам: "Эй, Чернобай, лучше расскажи как сделать крутой фон для дизайна?"

До новых встреч!

-11