Рейтинг: 0.0/0

Метки

ретро, photoshop, фотошоп, дизайн элементов, дизайн ленты

Опрос: Чего добавлять больше?

Чего добавлять больше?
Всего ответов: 192

Главная » Статьи » Дизайн элементов » Дизайн ленты в ретро-стиле

Начнем с создания нового документа в Photoshop размерами около 500 × 500 пикселей, или такими, как вы предпочитаете, и заполним его цветом # dac8aa.

Теперь, найдём подходящую текстуру, чтобы наложить её на холст. Вы можете найти много интересных текстур или можете использовать мою. Откройте эту текстуру и скопируйте на холст. Потом её нужно обесцветить с помощью команды Image> Adjustments> Desaturate:

После этого смените режим наложения слоя на Overlay и измените прозрачность до 60%. Слейте оба слоя в один.

Хорошо, теперь я хотел бы сделать фон чётче. Используйте инструмент Sharpen Tool, чтобы сделать это.

Хорошо, теперь мы начинаем создавать ленты. Во-первых, выберите Rectangular Marquee Tool, чтобы создать выделение как на картинке ниже и заполните его зеленым цветом (# 95b900) на новом слое.

Добавить еще две линии тем же способом, используя желтый (# e9db03) и красный (# b94a00) цвета.

Снимите выделение с помощью Ctrl + D и продублируйте слой с помощью Ctrl + J, а затем использовать Ctrl + T, чтобы повернуть скопированный слой, как вы можете увидеть ниже.

Перейдите на оригинальный слой и тоже поверните его. (Тут автор урока забыл добавить, что предварительно для оригинального слоя нужно проделать трансформацию по вертикали Edit - Transform - Flip Vertical - Прим.PS-Studio.Info)

Теперь выберите этот слой Select > Load Selection и пройдите по нему градиентом от чёрного к прозрачному. Это будет тень от верхней части ленты.

Снимите выделение с помощью Ctrl + D и объедините эти два слоя в один. После этого возьмите Polygonal Lasso Tool и выберите некоторую часть ленты внизу. Нажмите Delete, чтобы удалить выделенную часть изображения.

Я думаю, пришло время добавить текст на нашу ленту, придать ей жизнь, не так ли? Используя Horizontal Type Tool, пишем текст на нашу ленту. В нижней части изображения я использовал шрифт a_MonumentoTitul , если вам не нравится этот шрифт, просто найдите другой, который вам по душе. Я также использовал цвет # efe6e0. После этого повернул текст на ленте с помощью операции Edit> Free Transform и продублировал еще четыре раза.

Затем объединим все текстовые слои и слой с лентами в одном слое и применим стиль слоя Outer Glow для получившегося слоя.

Сейчас у вас должно быть что-то вроде этого:

Примените Filter> Texture> Texturizer для этого слоя:

Теперь у нас есть такой рельеф:

Затем, переходим к следующему шагу. Чтобы придать нашей ленте трехмерный эффект, используем инструмент Dodge Tool с такими настройками (Brush: 125 px, Range: Highlights, Exposure: 20%), и немного поработаем им над ней. Мы должны получить изображение, как показано ниже:

Выберите Burn Tool (Brush: 80 px, Range: Shadows, Exposure: 30%), чтобы сделать немного затемнения.

Переход к следующему шагу. Нам нужно добавить сетку для ленты. Создайте новый документ размером 3 × 3 пикселя и нарисуйте изображения с помощью инструмента Pencil Tool как на картинке ниже. (Документ нужно создать на прозрачном фоне - Прим.PS-Studio.Info)

Затем перейдите в Edit> Define Pattern и сохранить его как шаблон. После этого вернитесь к нашему основному документу, используйте Select> Load Selection, чтобы выбрать ленту области, а затем создайте новый слой, выберите Paint Bucket Tool и залейте выделенную область сохранённым шаблоном.

Снимаем выделение с помощью Ctrl + D и немного поиграйте с режимом слоя и непрозрачностью. Я выбрал Overlay и 40%.

Теперь, нам будет лучше добавить тень к местам, указанным стрелками.

Создайте новый слой под слоем с лентой. Выберите Polygonal Lasso Tool, чтобы создать выделение, как на картинке ниже, и залейте его черным с прозрачным градиентом.

Удалите выделение с помощью Select > Deselect и немного размойте тень с помощью Blur Tool.

Добавьте еще тени в двух других местах таким же образом.

Выглядит уже неплохо. Чтобы завершить этот урок, я думаю, мы должны добавить тень на задний план. Перейдите на фоновый слой, выберите инструмент Burn Tool (Brush: 300 px, Range: Shadows, Exposure: 30%) и затемните некоторые части фона.

Теперь наша работа готова!

Источник Перевод: PS-Studio.Info

Ссылка:
BB-код:
HTML-код:
Всего комментариев: 1
  1.   Нет оценки: 0
    1  saw 2011-04-11, 12:26

    Отличный, интересный урок!

Имя *:
Email:
Код *: