Как создать кнопку в Adobe Photoshop

Дата: 11 сентября 2012

веб кнопки
Кнопки в стиле web 2.0 радуют глаз своей яркостью, использованию градиентов и чистотой и насыщенностью цвета. Создается ощущение свечения, бликов. В этой записи вы найдете простые кнопки web 2.0 без надписей для ваших блогов. Вам останется лишь дать нужные названия, а их можно написать в любом текстовом редакторе. Размеры кнопок 120 × 32, разрешение png. Вы можете подобрать также web фон для дизайна блога.
Buttons in web 2.0 style feast for the eyes with its brightness, the use of gradients and the purity and color saturation. The sensation of light, glare. In this entry, you will find simple web 2.0 buttons without labels for your blogs. You just have to give the name of the button you want, and they can be written in any text editor. Button Size 120 × 32 resolution png. You can also choose a background for web design blog.
Сегодня вы узнаете как сделать кнопки web 2.0 в Photoshop.

  • Создайте новый документ нужного размера на прозрачном фоне (Файл –> Создать..)
    создание_кнопки_web_2.0_в_фотошопе
  • Возьмите инструмент “Прямоугольник с закругленными углами”, радиус 5-10 пикселей, слой заливка, цвет любой и нарисуйте основу:  
  • Теперь двойной клик по слою с фигурой и создаём стил:  

    внутреннее_свечение
    внутренняя_тень
    глянец
    контур
    наложение_цвета
    тень
    тиснение
  • Осталось добавить надпись при помощи инструмента Текст

Примеры:
web buttonweb button1web button2web button3

web button4web button5web button6web button7

web button9web button10web button11web button12

 

Ссылка на основную публикацию