Рисуем эффектную веб 2.0 кнопку - Школа Photoshop
Рисуем кнопки Photoshop Рисуем красивые кнопки Photoshop

Рисуем эффектную веб 2.0 кнопку

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

Делаем Ваш сайт сногсшибательным!

Рисуем кнопку в фотошоп

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

Создайте новый документ средних размеров (у меня 540х440). Залейте фон темным градиентом или сплошным цветом.

Рисуем кнопку в фотошоп

Создайте новый слой и выберите инструмент Rounded Rectangle с настройками, как указано на рисунке ниже

Нарисовать кнопки Photoshop

Нарисуйте фигуру примерно как нарисунке

Рисуем кнопки Photoshop

Кликните правой кнопкой внутри нее и выберите пункт Make Selection

Рисуем красивые кнопки для сайтов

Photoshop рисуем кнопки

Заполним выделение градиентом от #7ebe3e к #a8da77

Рисуем кнопки для сайта

Фотошоп рисуем кнопку

Добавим Stroke (Layer > Layer Style > Stroke):

Рисуем кнопку в фотошоп

Рисуем кнопку в фотошоп

На новом слое выделите полоску, как на рисунке ниже

Нарисовать кнопки Photoshop

Далее Edit>Fill белым цветом.

Рисуем кнопки Photoshop

Создайте инструментом Text русскую закрывающую кавычку в левой части кнопки

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

Photoshop рисуем кнопки

Теперь Layer > Layer Style > Drop Shadow

Рисуем кнопки в фотошопе

Фотошоп рисуем кнопку

Остается только добавить свой текст на кнопку! =)

Рисуем кнопку в фотошоп

Готово! Рисуем кнопку в фотошоп

Источник: http://psfreak.com/2008/02/13/basic-sleek-button/




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

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



9 комментария(-ев) к уроку “Рисуем эффектную веб 2.0 кнопку”

  1. с одной стороны, полинтернета в таких кнопках, с другой — хорошие же)

    locomotive

  2. зато показана работа с инструментом которому мало обращается внимания

    Аниматор

  3. Неплохо…

    Daniil

  4. Впринципе, кнопк как кнопка. И ничего сногсЩибательного я не вижу. просто еще одна красивая кнопка.

    Толяныч

  5. согласен, неплохо… но ничегго сногсшибательного

    уроки фотошопа

  6. красиво так красиво…если был бы объем, то сказал бы вау :mrgreen:

    Трофим

  7. Cпасибо, быстро и просто :)

    dffoto

  8. Прикольно, хоть и однообразно)
    спасибо за урок!)

    Maramax

  9. прикольная кнопочка получилась, спасибо :)

    mypoker

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

 


Rambler's Top100