Открыть меню

Как сделать кнопки для сайта и настроить цвет

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

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

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

Сильно повезет, если такая кнопка будет соответствовать всем вашим потребностям. Бывает и так, что всем хороша найденная кнопочка, но вот по цвету она никак не подходит к вашему проекту. А бывает, что цвет как никогда подходит, но вот надпись на кнопке стоит «Скачать» вместо нужной вам – «Подписаться».

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

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

Открываете в этом сервисе файл с вашей кнопкой, и затем на вкладке «КОРРЕКЦИЯ выбираете раздел «Цветовой тон/насыщенность». У вас сразу появится окно управления данной функцией.

Обратите внимание, что данное окно можно вызвать сочетанием клавиш «Ctrl» + «U». Я вам настоятельно советую по ходу освоения фоторедактора запоминать подобные сочетание. Их применение позволит вам в дальнейшем существенно уменьшить время своей работы.

Перемещая ползунок «Цветовой тон» вправо или влево, вы увидите, как меняется цвет кнопки. Останавливаетесь на нужном, нажимаете кнопку «Да» и после этого сохраняете изображение. При необходимости можно поиграть ползунками насыщенности и уровня освещения.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2017 Я блогер — Онлайн-школа Евгения Вергуса · ИП Вергус Е. Е. ОГРН 313618119000022. Копирование контента запрещено.
Служба поддержки  |  Политика конфиденциальности  |  Снятие ответственности