Создаем юзербокс

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

Итак, начнем :)
Создадим новый документ, размером 50 px x 125 px с разрешением 72 пикселя/дюйм. Далее, берем картинку, которую Вы выбрали для юзербокса. Я беру эту картинку

Вставляем изображение на созданный документ. Трансформируем. Получаем заготовку для юзербокса.

Теперь создаем "стекло".Создаем новый слой, заливаем белым цветом #FFFFFF и делаем вот такое выделение:

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

Выделяем изображение полностью (ctrl+A).Cоздаем новый слой, выбираем цвет (чтобы он подходил под основную цветовую гамму юзербокса, в моем случае это #7290BD), идем в Редактировать --> Штрих (Edit --> Stroke) , и выбираем такие настройки:

 Теперь будем делать градиентную рамку внутри юзербокса. Создаем новый слой, выбираем цвет, чтобы не сливался с цветами фото, например белый #FFFFFF (в этом случае он будет заметным), и при масштабе 400%, выбираем инструмент Карандаш (Pencil Tool) размером 1, и рисуем внутри юзербокса рамку, так, чтобы она была рядом с рамкой цвета #7290BD:

Теперь идем в Слой --> Стиль Слоя (Layer --> Layer Style), выбираем Перекрытие градиента (Gradient Overlay) от черного к белому, и получаем это:

И финал! пишем текст. . Пишем например "Hello" белым цветом #FFFFFF. Потом идем в Редактировать --> Трансформация --> Поворот (Edit --> Transform --> Rotate), и поворачиваем вертикально.Наиболее подходяшие шрифты: visitor1, visitor2, размером примерно в 6-8 пунктов.

Вот, готово!

© Копирование материала без действительной ссылки на сайт запрещено!