Зарабатывай со мной
Profit Partner – Есть хороший сайт, тогда добавляй его сюда быстрей
Nolix – Рекламная строчка, которая может приносить хороший доход
Ротабан – Размещай баннеры у себя на сайте и зарабатывай
Продвигайся со мной

Форумок – лучший сервис по покупке лайков, твитов, google+

GoGetlinks – покупка качественных ссылок с ТИЦ от 10

Ротапост – качественные вечные ссылки для ваших сайтов

Как сделать кнопку для сайта — два способа

Добрый день друзья, коллеги и посетители моего бложика.

Как сделать кнопку для сайта – вот на такую тему сегодня заведу разговор. Думаю вам в будущем это пригодится.

кнопка

Перед тем как я продолжу рассказывать, показывать и вещать, хочу напомнить вам про акцию на своём блоге , не забывайте участвовать друзья.

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

Теперь можно и продолжить. И так, что же меня побудило написать такую статью?..Просто писав позапрошлую статью про возможность выиграть iPad я вставил туда кнопку, которую сделал своими руками (вот какой я молодец J) и тогда мне пришла в голову идея написать по этому поводу статью.

Я  просто уверен, что умение делать кнопки вам всегда пригодится. Возможно вы создадите платный видеокурс и тогда  вам точно не обойтись без кнопки, или кнопка может пригодиться куда нибудь в сайдбар. В общем думаю вы разберётесь куда и что вставлять.

В этой стать я вам покажу два способа: как сделать кнопку в фотошопе и как сделать кнопку онлайн. Оба способа классные и свою кнопку вы сделаете хоть как – даю гарантию 100%.

Ну что, погнали что ли?!

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

Я решил начать с непростого способа и показать как с помощью программы фотошоп вы сможете сделать кнопку для сайта.

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

В видео конечно куча косяков, ну уж извиняйте, я наверно с пол годика никаких видео не записывал, в общем меньше слов, больше дела, смотрите сами.

Ну что, посмотрели? Да знаю, что не айс получилось, но зато теперь вы знаете как сделать кнопку в фотошопе, надеюсь вы им воспользуетесь, а то получится что я зря записывал.

Это был первый способ, теперь будем глядеть второй.

Как сделать кнопку онлайн

На днях решил поискать сервис, который сможет сделать кнопку онлайн, чтобы не использовать всякие сложные программы и вы знаете нашёл!

dabuttonfactory.com – Вот адрес этого сервиса. Конечно он не единственный в сети, но этот на мой взгляд делает очень достойные кнопочки.

Я вставил ссылку не на главную страницу, а на ту страницу которая предоставляет уже готовые варианты кнопок, вам останется лишь выбрать вариант кнопки, вписать текст и сохранить…ну как, круто?

Вот из этих вариантов кнопок, выберите для себя наиболее подходящий.

кнопка

Теперь будем настраивать внешний вид кнопки, поскольку я выбрал вариант с зелёненькой кнопкой, то на её примере мы и разберём настройки…и так поехали.

Блоки с левой стороны

кнопка

  • Text — текст внутри кнопки.
  • Font — настройки шрифта для текста кнопки: размер, шрифт, жирность, курсив, цвет.
  • Text shadow – тень для шрифта, здесь можно выставить размер тени и цвет тени.
  • Output type – выбирайте формат, в котором вы хотите сохранить кнопку. Я советую формат PNG на прозрачном фоне.

Блоки с правой стороны

кнопка

  • Style – стиль кнопки, а именно: прямоугольная кнопка, с слегка закруглёнными углами (можно настроить радиус закругления) и с сильно закруглёнными углами.
  • Background – настройки бэкграунда, что это такое, вы можете узнать посмотрев видео выше.
  • Border – рамка кнопки, настраивается толщина и цвет рамки.
  • Shadow – тень кнопки. Если вы будите присваивать рамке тень, то уберите рамку, а то смотреться будет не красиво.
  • Size – Размер кнопки, выбирайте пункт fixed и настраивайте размеры в привычных вам пикселях.

После выставления всех настроек, остаётся лишь нажать на кнопку «download» и сохранить свою красивую кнопку к себе на компьютер.

кнопка

Это был второй способ и теперь вы знаете как сделать кнопку онлайн.

На мой взгляд фотошоп даёт больше возможностей чем любые онлайн сервисы. И вообще не нужно лениться и выбирать что то попроще, изучайте фотошоп за ним стоят великие возможности.

Ну в общем ладненько, с фотошопом разберётесь сами, главное у вас появился ещё один навык и теперь вы знаете как сделать кнопку для сайта и при том не одним способом.

На сегодня у меня всё, надеюсь был вам полезен.

P.S: А вам какой способ понравился больше, отпишитесь в комментах.

На связи с вами был, Олег Вьяльцов .

Понравился пост? Так подписывайся, чего ты ждёшь?!

Видео уроки ,





  1. 26 Июл 2012 из 15:21 | #1

    Да сейчас можно в интернете любую кнопку в любом формате скачать) Самого важного не рассказал — как в статью кнопку вставить)))) ;) Дополни статью, уверен, многие не знают, как именно использовать эту кнопку… =)

  2. 30 Июл 2012 из 13:16 | #3

    Самый простой способ, это найти и скачать psd исходник кнопки. Сейчас в интернете очень большой выбор разных кнопок.

  3. 31 Июл 2012 из 7:59 | #5

    Мне видео-урок понравился =) , ты как вроде всю жизнь этим занимался))).
    Я тоже думаю, что освоить фотошоп — это действительно важно и очень полезно. Скачать готовое — можно, но намного лучше, когда всё, что тебе надо, можешь сделать сам *OK* . Какое только захочешь =) . Тут правда фотошоп незаменим. Так что за видео — спасибо *ROSE* .
    Баннер вверху красивый =) . Намного симпатичнее *DRINK* .
    А табы ты просто так убрал, или с ними какие-то глюки приключаются?

    • Олег
      31 Июл 2012 из 15:14 | #6

      Да уж фотошоп это просто мощь, а уроки я раньше записывал просто, навык маленько остался.

      Табы я уже вернул назд, убирал их по нужде, работают они отлично.

  4. 31 Июл 2012 из 8:07 | #7

    Ты нам статью обещал, про ту свою историю с машиной. Пишешь? ;)

  5. 10 Авг 2012 из 20:35 | #9

    будет время, нужно будет изучить поподробнее

  6. 11 Авг 2012 из 12:01 | #11

    Я недавно нашел похожий сервис онлайн. Однако там нет возможности сделать кнопку круглой формы. Олег, на предложенном в твоей статье такие варианты увидел. Пошел тестировать, спасибо ;)

  1. Трекбеков пока нет.