Автор и издатель: Дмитрий Неумывайченко Aka Wood Elf Выпуск номер 3 24.03.2003год


Crystal Button 1.4 и 2.0

Дмитрий Неумывайченко
pc4ever@narod.ru
www.pc4ever.narod.ru



Вы начинающий Веб - мастер. Вы создаете свою первую страничку. Вы знаете, о чем она, построили в уме структуру сайта. Но вам категорически не хочется создавать плохую и некрасивую страницу. Вы не хотите только текста, вам надо сделать страницу более привлекательной и заманчивой. Так оно? Я угадал? Нет? Тогда не читайте эту статью, ибо вы либо не хотите вообще делать сайт, либо профи, который все делает в Photoshop или ему подобном (кстати, он тоже понадобится, но это тема для другой статьи). Вот, а эта статья для тех, кто хочет сделать прикольную, красивую, профессиональную навигационную панель. То есть нам надо сделать кнопочки на сайт. Что ж, попробуем разобраться, получится ли это у нас. Я очень долго думал, каким образом мне, не умеющему нормально работать в PhotoShop, сделать себе нормальную навигацию. Нет, идеи есть, на бумаге все отлично, но вот как это сделать на компьютере я не знал. И вот тут мне попалось сие чудо. Какое? О чем вы читаете, взгляните на тему статьи (интересно, можно ли этот бред считать статьей?). Так вот сию программу я нашел довольно давно, на одном из файловых архивов, скачал, долго любовался на возможности (о них ниже) и забросил. Ну не хочу я платить за нее деньги, не настолько я богат. А в чем проблема? Да так, ни в чем, пользоваться можно, сколько влезет, а прога и не подумает заявить о своих правах. Но! В ней реализован хитрый подход, можно создавать все, что хочешь, но сохранять тебе никто ничего не даст. Вот так вот. Я занялся поиском кряков, даже на форумах спрашивал, но ничего. И тут меня осенила идея. А знаете какая? Наверно догадались :-). Правильно, идея заключалась в том, что я тупой, самый, что ни есть на свете. Программа очень легка во взломе, к стати ничего вы не нарушаете, надо просто создать нужную кнопочку и нажать Print Screen. Догадались? Нет? Что же вы тогда за юзеры, вы сайт не о кулинарии делаете), акомые есть, в Ворде делают)? Так вот, кнопка Print Screen позволяет сделать снимок экрана (думаю не надо писать о том, что теперь надо открыть хотя бы Paint и нажать Ctrl+V). Вы увидели свой рисунок? Тогда продолжаем, нам надо убрать ненужное, зачем нам лишнее, нам нужна только кнопка :-). Вот, вы все убрали, сохранили, теперь надо сказать о форматах. Я использовал Gif. Можно, конечно, и Jpeg, но мне он не сильно нравится. Не знаю почему, наверно потому, что надо выбирать степень сжатия вручную (на нормальных настройках меня не устраивает), может что-то еще, но мне намного удобней пользоваться Gif. Да и рисуночки занимают всего несколько кило, а точнее от 1.5 до 3.2. Нравится? Я тоже думаю, что неплохо, тем более что они еще и в отличном качестве. Сохранили? Вот теперь можно вставлять все в сайт. Вижу я немного отвлекся, надо ведь возможности самой проги описать, а я начал что-то не то, точнее конец статьи. Ну да ладно, не переписывать же :-). Для начала хочу, поделится секретом, почему я описываю именно две версии. Странно, но для этой проги надо описывать именно две. Дело в том, что набор самих кнопочек радикально изменен и совершенно отличается от предыдущей версии. Но нам нужны и те кнопочки (мне они даже больше нравятся). Хотя, если вы не будите пользоваться только шаблонами, то можно сделать такую же кнопку, как и в версии 1.4, с помощью версии 2.0. Теперь, когда мы немного разобрались, давайте приступим к описанию возможностей самой программки. Версия 2.0, я с ней пока немного работал, но она практически идентичная 1.4. Давайте взглянем на скриншот (рисунок 1).
Заглянули? Теперь давайте немного объясним всю структуру. Итак, можно создавать кнопочки по шаблону и только текст туда вставлять, а можно выбрать шаблончик и переделать его по своему вкусу. Второй вариант предпочтительней, да и мне он больше понравился, хотя, если вам понравился один из шаблонов, то я уже ничем не помогу. Но, если вам нравится более подробная работа, то читайте дальше. Справа находятся все шаблоны (их, кстати, довольно много, есть еще и закладки), с ними все понятно. А вот слева мы можем поизвращатся над нашей кнопочкой напрямую. Первые четыре (сверху) кнопочки нам вряд ли помогут (сохранять ведь нельзя :-), а вот следующие три могут, пригодится (хотя не помню, что бы я ими пользовался). Первая из них это действие назад, вторая вперед, а третья Copy, сами разбирайтесь, если не понятно, а я не хочу тратить время. Далее идут две очень полезные кнопки. Эти кнопки называются Увеличение (как на рисунке 1) и уменьшение. Думаю с ними все ясно, очень полезные. Далее, при нажатии на следующую кнопку, можно убрать панель с шаблонами. И правильно, все выбрали, зачем нам лишнее место занимать? Заглянув еще далее, мы видим, что еще ничего не видели в этой программе. Далее идет самая главная кнопочка во всей программе, она позволяет вписать текст в кнопочку, изменить размер и тип шрифта, стиль. Также, кто часто вводит одно и то же слово придумана полезная фича, которая позволяет запомнить слово простым нажатием кнопочки Add. Далее идет меню настройки изображения. Довольно много параметров, но я использовал автомат, мне так быстрее и удобней. Что касается кнопочки, которая находится еще ниже, то могу сказать, что она для настоящих маньяков. Здесь можно выбрать задний фон кнопочки, но не подумайте, что цветовой фон, ни в коем случае. Я даже не знаю, как это объяснить. В общем, вы же не будите использовать только один фон? Вот, вот, именно здесь можно выбрать стиль отображения нескольких фонов для одной кнопки, короче текстуры. Еще ниже находится еще одна функция для маньяков. Там можно двигать свет, падающий на кнопочку, причем в четырех вариантах, а называется она Lighting Options. Вместе со следующей функцией она является мощным инструментом творца. А сама, эта самая следующая, называется Material options (думаю понятно). Shadow options - позволяет управлять тенями, очень полезная функция, причем можно выбирать и в тексте и в самой кнопочке. Следующие две кнопки позволяют выставить параметр Border и форму самой кнопки. Далее идет опция выбора деформации кнопки, довольно интересно по подбирать. Ну и самые последние две кнопки отвечают за сайт разработчика и справку. Что ж, думаю объяснил доходчиво (в чем сомневаюсь :-). Теперь можете посмотреть, что у меня вышло. Результат сотрудничества с версией 1.4 можно увидить по адресу www.pc4ever.narod.ru, а с версией 2.0 прямо здесь, немного ниже ;-).


Copyright © Дмитрий Неумывайченко, 2003 год. Все права защищены.
Перепечатка материалов журнала разрешается только с письменного согласия автора (например, по электронной почте). При этом видимая ссылка на http://www.pc4ever.narod.ru должна быть ОБЯЗАТЕЛЬНО!