Как сделать кнопку в фотошопе

Как сделать кнопку в фотошопе
aKak.ru

Как сделать вот такую кнопку в фотошопе. Она может пригодиться для вашего сайта или блога. Ну и просто полезная инструкция :)

Инструкция

Уровень сложности: Несложно

Что вам понадобится:

  • PhotoShop
  • Интернет
  • Фантазия

1 шаг

Как сделать кнопку в фотошопе

Открываем наш Фотошоп!
Создаем новый рисунок. Выбираем размер. Если хотите кнопку, как на рисунке, выберите “Набор” – Web, “Размер” – прямоугольник, 180х50. Создаем наш рисунок!

2 шаг

Как сделать кнопку в фотошопе

Когда рисунок создан, необходима сама кнопка! Выбираем “Прямоугольник с закругленными углами”. И рисуем этот прямоугольник на нашем рисунке. Получается приблизительно вот так (см. картинку)

Необязательно делать его ровным, главное чтобы вам нравилось.

3 шаг

Как сделать кнопку в фотошопе

Теперь делаем нашей фигуре стиль. Выбираем слой с фигурой, нажимаем “Слой” → “Стиль слоя”. Выбираем градиент, обводку и тень по вкусу. Если у вас мало наборов, можете скачать их с www.photoshop-master.ru, там все бесплатно и скачивание напрямую с сайта. Требуется только регистрация. Вот как выглядит теперь ваша уже почти кнопка! (см. картинку)

4 шаг

Как сделать кнопку в фотошопе

Теперь остается только написать нужное слово! Выбираем инструмент “Текст” и на нашей кнопке пишем слово. Допустим “aKak.ru”. Как получилось, см. на картинку!

5 шаг

Как сделать кнопку в фотошопе

Но обычный шрифт скучен и не эстетичен. Выбираем шрифт! Я использую Inform CTT. Выбираем стиль шрифта. “Слой” → “Стиль слоя”. Выставляем градиент, тень и обводку на свое усмотрение. И, если нужно, удаляем Фон. Сохраняем в PNG или GIF, т.к. эти форматы сохраяют цвет и прозрачность.

6 шаг

Фантазируйте, придумывайте свои варианты. Удачи!

Советы и предупреждения:

  • Сохраняйте в png или gif
  • Если используете на сайте, удаляйте фон
  • Скачивайте градиенты, шрифты, стили, фигуры и прочее

Обсуждение

600_micro
Рейтинг
  1. +
  2. 0
SemLand (01:13 02.09.2011)

Пишем отзывы :)

Avatar_micro
Рейтинг
  1. +
  2. 0
s_e_n_s_e_y2011 (23:03 23.09.2011)

Хорошая инструкция +

736_micro
Рейтинг
  1. +
  2. 2
Violina (12:59 29.10.2011)

SemLand, можно было бы добавить на аКак некоторое количество инструкций по фотошопу для чайников!

Ваш комментарий

Запросить инструкцию

Не нашли нужную пошаговую инструкцию?
Возможно, что кто-то из посетителей сайта сможет помочь. Оставьте запрос прямо сейчас, если Вы уверены, что эта тема ещё не освещена на нашем проекте!

Рейтинг
  1. +
  2. 2
3
2823