Создаем красивые блестящие кнопки - Школа Photoshop
Красивые кнопки Photoshop Красивые кнопки Photoshop

Создаем красивые блестящие кнопки

25.03.2008Категория урока: Кнопки и Иконки

Украшаем сайт =)

Блеск на кнопке

Приблизительное время выполнения: 6 минут

Создайте документ 300х300 с белым фоном. На новом слое нарисуйте прямоугольник размерами 9х26 пикселей и залейте его цветом #009cff. После этого примените к слою gradient overlay:

Блеск на кнопке

Красивая кнопка в фотошопе

Приблизьте изображение на максимум или почти на максимум. Создайне новый слой и нарисуйте на нем карандашом (Pencil) линию цветом 42B6FF

Красивая кнопка в фотошопе

Создайте новый слой и нарисуйте впритык к имеющемуся другой прямоугольник, цвета #F3F3F3 размерами 80х26 пикселей.

Красивая кнопка в фотошопе

Layer > Layer Style > Inner Shadow

Красивая кнопка в фотошопе

и там же:

Photoshop красивые кнопки

Photoshop красивые кнопки

Слейте все слои (кроме фонового) и примените к получившемуся слою стили:

Photoshop красивые кнопки

Photoshop красивые кнопки

Photoshop красивые кнопки

Фотошоп красивые кнопки

Напишите текст на кнопке

Фотошоп красивая кнопка

Добавьте тексту стили:

Фотошоп красивая кнопка

Фотошоп красивая кнопка

Красивые кнопки в фотошопе

Красивые кнопки в Photoshop

Готово! Красивые кнопки в Photoshop

Источник: http://originmaker.com/2008/sleek-button-photoshop/2/




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



7 комментария(-ев) к уроку “Создаем красивые блестящие кнопки”

  1. хорошо

    Daniil

  2. Почему блестящие кнопки считают красивыми? :shock: Вместо того, чтобы отойти от этих приевшихся стандартов, от которых уже глаза мозоли, почему бы не придумать кнопку оригинальной формы, а то учат новичков рисовать квадратики, разделенные на две половинки. И никакого воображения, получения опыта. :roll:

    Толяныч

  3. Блеск на кнопках и тень это составляющие обьекта в реале, это один из вариантов почему делают блестящие, а кнопочка симпотичная, отличный элемент дизайна.

    Аниматор

  4. эээ.. возможно никто не заметил, но при последнем действии (применение стилей к тексту) второй рисунок похож на первый.. не находите? :twisted:

    IgR0]{_444

  5. P.S. Спасибо за кнопочку отлично вписалась в дизайн форума)

    IgR0]{_444

  6. Спасибо за простой и полезный урок.

    Krivbass

  7. А какой шрифт используется на кнопке?

    Петр

Прокомментировать урок

 


Rambler's Top100