Делаем самостоятельно красивую кнопку!

clip_image007

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

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

Для этого вам понадобится скачать программу Adobe Photoshop CS4, стили для фотошоп, шрифты, и, желательно, узорные кисти. Не беда если вы не умеете пользоваться этой программой, и не имеете представление что такое кисти и стили. Мы всё расскажем, мы всё покажем.

Итак, вы скачали все, что было указано выше? Тогда приступаем. Создаем кнопочку для меню.

1.       Открываем Adobe Photoshop CS4.  В левом углу видим «Создать», нажимаем. После чего откроется окно с полями, в которые нам нужно будет вписать размеры кнопки и выбрать прозрачность фона.

clip_image001

 

В данном случае Ширину мы выберем 2700 пикс., а высоту – 65. В поле «Содержимое фона» обязательно выберете поле «Прозрачный», дабы кнопка вписалась под любой фон.

 

clip_image002

 

Вписали и выбрали всё что надо? Жмем «ок». Нам открылось поле, на котором мы и будем далее создавать нашу кнопочку. Кнопочка в нашем случае будет в красно-коричневой цветовой гамме.

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

 

А) Нажимаем на указанную иконку.

clip_image003  

 

б) Вверху появляется строка, она выглядит так.

clip_image004

 

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

clip_image005

 

3.       Выбрав форму, мы накладываем её на область работы, то есть на тот самый прозрачный фон. Затем, если вы сумели установить стили и кисти в программу, нажимаем на правой панели кнопку «Стили» и выбираем понравившуюся. Как только мы кликнули на какой-либо вариант стиля, наша форма примет соответствующий стиль, если вам не понравилось, кликаете на другой стиль и снова смотрите. После того, как был выбран необходимый стиль, можете воспользоваться скаченными вами узорными кистями. Итак, сама кнопка готова.

4.       Надпись. В левой панели инструментов имеется буква «Т», нажав на которую вы сможете добавить на свою кнопочку надпись. Набираем надпись, в нашему случае это надпись «Меню», выбираем шрифт, скаченный вами (или же из уже предложенных вариантов), и смотрим что получилось.

 

Методом проб и ошибок у меня получилось вот такое чудо:

 

clip_image007

 

Правда, неплохо? Но вы можете лучше.

 

5.       После того как вы закончили работу с кнопкой, обязательно сохраните её в формате PNG, в противном случае вся красота исказится и будет выглядеть некачественно. Сохранить в таком формате можно выбрав его, нажав на «Сохранить как».

 

 

Comments are closed.


программа 1с обучение кадры . Бамбуковое постельное белье недорого. Бамбуковое постельное белье каталог товаров.

Реклама тех кого мы оцениваем: