Вот такую. Ну примерно… Собственно саму кнопку делаем скриптом  Гимпа с названием Aqua Bou  Про него, в общем-то, и речь… Но с дополнениями.
А сам скрипт Вы можете заиметь, щёлкнув по кнопке с надписью «Кнопка» и, оказавшись на странице со скриптом, скачать его, щёлкнув по названию aqua-bou.scm. Как ставить скрипты помните? Если нет, то вот в этом посте я показываю как всё такое делается. По-моему, в пачке со скриптами, которые я там предлагаю этот тоже присутствует, но… Не зря ж я рассеянный склеротик, мог и забыть…
Но, допустим у Вас всё получилось нормально, (ну вдруг) и скрипт явил всю свою мощь. Теперь эту мощь надо найти. Конкретно там, где на скрине. Щёлкайте по нему, Он увеличится. Как, собственно и практически все фото этого сайта. Помимо Аква-боу там много всего вкусного, это уже прочие скрипты, с предложенной выше, пачки работают. Но речь пока не о них. Щелчок по одному из пяти вариантов скрипта, вызовет Вам окно настроек, в котором первым делом надо снять флажок с места, обведённого красным. Если его нет — то и снимать, соответственно, нечего. Но сам флажок обеспечит сведение слоёв в конечном итоге. А зря. Конечный итог нам нужен многослойным. Потому и снять.
На скрине видно, что полученная кнопка, состоит из уймы слоёв. В середине — кнопка без текста, лишние слои я отключил. Ниже — текст без кнопки. То есть оперативный простор для Вашей фантазии — просто необъятен. То есть мы уже не просто делаем кнопку, а творим изо всех сил. Начать, кстати, можно ещё на стадии настроек, выбрав шрифт и всё такое прочее…
Ну а как результат — вот они, пять вариантов возможных кнопок с настройками по-умолчанию. Остаётся их разукрасить поясняющими надписями. Или поменять цвет, размер, ориентацию, согласно общему дизайну Вашего сайта. Хоть змеёй выгнуть…
Как захочется.
Это ж мы сами делаем кнопку, а не креативный дизайнер, который всем подряд один и тот-же креатив невесть который год будет лепить, пока его помидорами не закидают….
Ладно.
Кнопку мы со скриптом, сделали, надо её обозначить. Щёлкаем по инструменту Текст (красный овал) пишем слово, заодно подыскивая ему подходящий шрифт.
А дальше — начинаем выпендриваться.
Как один из вариантов выпендрёжа, предлагаю такой: Выделяете текст инструментом Выделение по цвету (стрелка), берёте инструмент Градиент (кольцо). Сам градиент — основной в фоновый. режим — Очертания сфера. Проводите по выделенному. Ваш текст стал рельефным. Можно оставить так как есть. А можно подсунуть его под кнопку и применить фильтр Карта—рельеф. Рельефной станет сама кнопка. Если Вы удвоите слой с текстом, то текст можно залить чем захочется (я взял радужный градиент) и, поместив его на самый верх, подобрать режим объединения залитого текста и рельефной кнопки….
Я, для примера, взял Рассеянный свет. Кстати, не только текст может жить на кнопке а, в общем-то, любая картинка. Хотите — возьмите фото, обработайте инструментом Порог и проделайте ту же самую операцию. Скрипт-скриптом, а воображаловка уж точно наша. И получается, что мы не просто делаем кнопку, а типа, создаём эксклюзив!
И на этой оптимистичной ноте я, пожалуй, и закруглюсь. Всё остальное в Ваших руках.
Действуйте. Удачи!

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

10 комментариев на “Делаем кнопку”