Какими должны быть кнопки на сайте
Навигация является одним из основных элементов в структуре каждого сайта. Надо отметить, что средства навигации можно поделить на внешние и внутренние. Что касается внешних средств навигации, то они представлены имеющимися ссылками и кнопками интернет-обозревателя, по средствам которых можно переходить по сайту. Внутренняя навигация сайтов в свою очередь делится на основную и вспомогательную.
Думаю, никто не будет спорить с утверждением, что навигация в пределах того или иного сайта должна быть максимально удобной, в ином случае пользователь, зашедший на ресурс и уставший бродить по запутанным переходам, покинет его и вряд ли в будущем вернется. Именно это обстоятельство заставляет каждого создателя сайта сделать все для комфортного посещения пользователем страниц своего детища. В этом поможет создание кнопок навигации.
На сайте internet-technologies.ru Вашему вниманию предлагаются кнопки для сайта, способные красиво оформить сайт, их оригинальные эффекты произведены с помощью теней блока, фоновых заливок, псевдоэлементов и трансформаций. Скачав эти кнопки Вы сэкономите кучу времени и быстрее решите проблему. Но если решили сами создать кнопки, то имеются некоторые моменты создания их в фотошопе.
Создание кнопок
В фотошопе создают новый документ и заполняют фон черным цветом. Выбирают Rounded Rectangle Tool и рисуют прямоугольник. Фигура не должна выходить за края документа. Это будет заготовка для кнопки. Радиус скругления углов задают в размере 15 пикселей. Открывают Layer Style активного слоя и переходят в параметры Outer Glow, чтобы настроить свечение. Затем заходят в настройки Inner Glow и выставляют непрозрачность на 75%.
Чтобы закрасить кнопку, открывают Gradient Overlay и настраивают градиент. Для изменения параметров нужно щелкнуть по полосе возле Gradient. Подбирают такие цвета, чтобы кнопка выделялась на фоне веб-страницы. Переходят в раздел Stroke и задают фигуре обводку. Толщину обводки устанавливают на 1 пиксель.
Для создания бликов на кнопке создают выделение. Зажимают клавишу Ctrl и щелкают по слою с изображением. Берут Elliptical Marque Tool и делают выделение при зажатой кнопке Alt. Открывают новый слой и созданное выделение заполняют белым цветом, используя Paint Bucket Tool. На слое с бликом добавляют маску, кликнув на Add Layer Mask. Выбирают заливку и закрашивают маску.
Берут инструмент Text и пишут надпись на кнопке, чтобы сделать графический элемент информативным. Для получения светящегося текста переходят в Layer Style и выбирают Outer Glow. Задают свечение в размере 5 пикселей.
