Форум » Фотошоп » Урок по созданию кнопок для форума » Ответить
Урок по созданию кнопок для форума
Elly: Многих на этом форуме интересует процесс изготовления кнопок. В этом уроке я постараюсь как можно проще разъяснить как это делается, а вы уже потом попробуете сами создать свои кнопки. Это не очень сложно и обычно не занимает много времени. 1) Для начала возьмём папку стандартных кнопок, с которых будем брать пример наших собственных. Итак, откроем папку: http://jpe.ru/gif/1/list.htm 2) Открыв эту ссылку, вы увидели таблицу со стандартными кнопками. Теперь каждую кнопку сохраняйте на своём компьютере. Для этого правой кнопкой мыши нажмите на картинку и выберите из раскрывшегося меню "Сохранить рисунок..." или "Сохранить изображение..." (на разных браузерах пишут по-разному). Сохраните все кнопки в одной папке. Они нам пригодятся, при создании своих кнопок. А теперь я расскажу немного о каждой кнопке. - nb - большая кнопка новых сообщений - lb - большая кнопка нет новых сообщений - со - нет новых сообщений в закрытой теме - сn - есть новые сообщения в закрытой теме - n - малая кнопка новых сообщений - l - малая кнопка нет новых сообщений - с - кнопка закрытой темы - о - кнопка статистики - privat - кнопка личного сообщения - q - цитата - p - правка - pr - профиль - ls - написать личное сообщение - r - ответ - rt - ответить - nt - создать тему - pt - создать опрос - shp - объявление - ban - кнопка бана - ip - кнопка ip - pl - кнопка заливки голосования (полоса) - pl1 - кнопка заливки голосования (начало полосы) - pl2 - кнопка заливки голосования (конец полосы) - s1 - кнопка личного ранга (от 1 ранга) - s2 - кнопка личного ранга (от 30 ранга) - s3 - кнопка личного ранга (от 60 ранга) - s4 - кнопка личного ранга (от 90 ранга) - s5 - кнопка личного ранга (от 120 ранга) - s6 - кнопка личного ранга (от 150 ранга) - s7 - кнопка личного ранга (от 180 ранга) - s8 - кнопка личного ранга (от 210 ранга) - s9 - кнопка личного ранга (от 240 ранга) - s10 - кнопка личного ранга (от 270 ранга и выше) - rt1 - кнопка ранга темы - rt2 - кнопка ранга темы - rt3 - кнопка ранга темы - rt4 - кнопка ранга темы - rt5 - кнопка ранга темы - i0 - кнопка ссылки "сайт" под логотипом - i1 - кнопка ссылки "форум" под логотипом - i2 - кнопка ссылки "участники" под логотипом - i3 - кнопка ссылки "помощь" под логотипом - i4 - кнопка ссылки "профиль" под логотипом - i5 - кнопка ссылки "настройки" под логотипом - i6 - кнопка ссылки "премодерация" под логотипом - i7 - кнопка ссылки "личные сообщения" под логотипом - i8 - кнопка ссылки "выход" под логотипом - i9 - кнопка ссылки "всё прочитано" под логотипом - i10 - кнопка ссылки "темы" под логотипом 3) Взамен каждой кнопки рисуем свою и обязательно сохраняем их в формате GIF. Далее переименовываем каждую кнопку взамен стандартных. [off]Последние 11 кнопок (от i0 до i10) можно не рисовать.[/off] Итак, у меня получилось: - nb - большая кнопка новых сообщений - lb - большая кнопка нет новых сообщений - со - нет новых сообщений в закрытой теме - сn - есть новые сообщения в закрытой теме - n - малая кнопка новых сообщений - l - малая кнопка нет новых сообщений - с - кнопка закрытой темы - о - кнопка статистики - privat - кнопка личного сообщения - q - цитата - p - правка - pr - профиль - ls - написать личное сообщение - r - ответ - rt - ответить - nt - создать тему - pt - создать опрос - shp - объявление - ban - кнопка бана - ip - кнопка ip - pl - кнопка заливки голосования (полоса) - pl1 - кнопка заливки голосования (начало полосы) - pl2 - кнопка заливки голосования (конец полосы) - s1 - кнопка личного ранга (от 1 ранга) - s2 - кнопка личного ранга (от 30 ранга) - s3 - кнопка личного ранга (от 60 ранга) - s4 - кнопка личного ранга (от 90 ранга) - s5 - кнопка личного ранга (от 120 ранга) - s6 - кнопка личного ранга (от 150 ранга) - s7 - кнопка личного ранга (от 180 ранга) - s8 - кнопка личного ранга (от 210 ранга) - s9 - кнопка личного ранга (от 240 ранга) - s10 - кнопка личного ранга (от 270 ранга и выше) - rt1 - кнопка ранга темы - rt2 - кнопка ранга темы - rt3 - кнопка ранга темы - rt4 - кнопка ранга темы - rt5 - кнопка ранга темы 4) Готовые кнопки можно заливать на любой сайт. Я пользуюсь Фотобукетом: http://photobucket.com/ 5) Для того, чтобы залить кнопки на Фотобукет, зарегистрируйтесь. Зайдите на сайт и нажмите на зелёную кнопочку над заполнением логина и пароля. Далее введите свои данные и пароль и жмите регистрацию. На ваш ящик должно прийти подтверждение. 6) После того, как прошли весь процесс регистрации, заходите на свою страницу. Создавайте свой альбом (Add a new album: new album name). После создания альбома жмём на синюю кнопку посреди страницы (Upload Images & Videos). Выбираем сразу все картинки кнопок, удерживая клавишу Ctrl. Ждём пока загрузятся кнопки. 7) Копируем ссылку на альбом в адресной строке, вставляем в поле папки на кнопки, сохраняем и готово! На форуме появилисбь ваши кнопки)))
Ответов - 17
Psi: Elly пишет: Готовые кнопки можно заливать на любой сайт. Я пользуюсь Фотобукетом Ещё кнопки можно залить на Народ. Для этого надо зарегистрировать почту на Яндексе и зайти на народ. Там создать папочку и залить туды наши кнопочки. Я пользуюсь народом, по скольку в остальных сайтах(юкоз,фотобукет,новая почта) не разобралась. Да и зачем? Здесь хоте редактироват состав кнопочек удобно^^
Elly: Psi Размещать кнопки можно где угодно, а меня вот в фотобукете научили)))
Флейта: Блин... они у меня не отображаются ( Я через Народ делала)
Elly: Флейта пишет: они у меня не отображаются Что именно не отображается?
Флейта: Elly всё! Там просто пустые окошечки с крестиками и всё -_-
Elly: Флейта Странно... А у меня всё отображается...
Флейта: Elly вот: http://narod.yandex.ru/disk/all/ Может, я что то не так сделала?
Psi: Флейта Надо зайти в народ-мастерская-управление файлами и НТМЛ-редактор Создать папочку и загрузить туда файлы^^
Флейта: Psi ясно)) Спасибо)
LiKoKitty: Elly а если не делать ранговые, то будут стандартные?
Psi: LiKoKitty Что загрузишь - то и будет. Если не загрузишь нечего, то будут квадраты с крестиком внутри вместо картинки...
LiKoKitty: Psi спасибо
Агат: Elly А рисовать надо в Photosop или в AdobeImageReadi??? И как вообще их рисовать?
Psi: Агат Можно рисовать где угодно, главное сохранить в формате .гиф Рисовать, ну просто рисовать, кисточками всякими или картинки обрабатывать под нужный размер...
Аллати: Psi а у меня ошибку выдаёт... http://s60.radikal.ru/i167/1003/27/edf6dd6c57c1.jpg
Psi: Аллати Ммм.. Не знаю, у меня всё нормально...
Аллати: Psi как я, так сразу какой-нибудь глюк
полная версия страницы