Клуб компьютерной графики.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Кнопка

Сообщений 1 страница 2 из 2

1

Лирика
Из твоего примера я понял, что тебя интересует как сделать так, чтобы картинки в кнопке менялись "под стеклом"?
Для этого нужно изготовить саму кнопку и несколько картинок для прокрутки. Начнём по порядку.

Откроем новый документ. Рекомендую на время работы залить его каким-нибудь цветом чтобы удобнее было в последствии работать с бликами на стекле. Позже можно цвет поменять, залить текстурой или отключить вообще фоновый слой.
http://i005.radikal.ru/0907/8e/7f2159ba159a.gif

Я не знаю каких размеров и формы нужна тебе кнопка, за основу взял твой образец. Кнопка будет круглой с размерами среднего аватара 140х140.
Изготовим кольцо с размерами 140х140
http://i052.radikal.ru/0907/28/ff4fd54fde96.gif

Зальём его металлом, пластиком или какой-то другой текстурой. Я залью металлом.
http://s05.radikal.ru/i178/0907/0e/0a8c8954bf88.gif

Получили такую вот картинку.
http://i012.radikal.ru/0907/d7/9ce4b75e11a8.gif

Это основа нашей кнопки. Вставим "стекло". Можно изготовить стекло в самом документе но для меня удобней каждую деталь изготавливать в новом документе и уже готовую переносить в основной документ. Поэтому создаём документ с такими же размерами.
http://i048.radikal.ru/0907/52/6967f91eb7cb.gif

Правой кнопкой по шаблону и в настройках шаблона выставляем цвет стекла, интенсивность и количество бликов на стекле... . Кстати, в шаблоне настроек можно блик захватить мышкой и перетянуть в место на стекле где он не будет мешать просмотру картинки под стеклом.
http://i068.radikal.ru/0907/53/d419fed6deb5t.jpg

Нажав и протянув курсором по новому документу, создадим стекляную полусферу. Дважды щёлкним курсором по нашей полусфере и в открывшемся окне настроек выставим размеры. Они должны быть чуть меньше внешних размеров каркаса.
http://i054.radikal.ru/0907/0c/44aec168a6b0.gif

Захватим и перетянем курсором наше стекло в документ с каркасом кнопки.
http://i068.radikal.ru/0907/cd/724c6024d938.gif

Как и сам каркас, стекло тоже центрируем в документе.
http://i075.radikal.ru/0907/cd/e0860cc571da.gif

Щёлкнув, активируем слой с каркасом и и активируем для него инструмент (поставить "галочку") Z-Einbinden (выравнивание по высоте относительно документа). Для каркаса значение не меняем, оставим значение равное "0".
http://s13.radikal.ru/i186/0907/4d/f50abe8612be.gif

А вот для стекла установим значение с минусом (в моём примере -56). Опускаем стекло до тех пор, пока оно не займёт внутреннее пространство каркаса.
http://i015.radikal.ru/0907/0d/f30a2c7cfd4b.gif

Получилась такая вот кнопка.
http://i038.radikal.ru/0907/5c/3afc341831d2.gif

Заглянем в палету слоёв. Фон и все элементы в разных слоях
http://i069.radikal.ru/0907/21/f7eecb62d929.gif

Установим размеры 120х120 (для моего примера) и вырежем фракмент картинки который будет меняться под стеклом.
http://i074.radikal.ru/0907/5f/e0461cf9e4ddt.jpg

Захватим вырезаное и перетянем в наш документ.
http://i022.radikal.ru/0907/db/486f99b69b2et.jpg

Центрируем.
http://i038.radikal.ru/0907/b3/4fa6b469a3a9t.jpg

Так же вырезаем и перетягиваем в документ остальные картинки.
http://s03.radikal.ru/i176/0907/6f/768dbbd043e5t.jpg

Теперь в палете слоёв отключим (тыкнув в глазик) все слои с картинками кроме первого. Если нужна кнопка без фона (транспорент) то слой с фоном отключите тоже. Если нужен фон другого цвета то можно отключить все слои кроме фонового и перезалить егоцветом, текстурой или просто вставить картинку. Я для наглядности оставлю наш фон. Сохраним нашу работу с первой картинкой под стеклом для анимации.
http://s15.radikal.ru/i189/0907/ed/efe7db27bab3.gif

Первую картинку отключим а включим вторую и вновь сохраним... . Так поступим со всеми картинками которые мы хотим видить в анимации.
http://i013.radikal.ru/0907/ed/07681ee620ba.gif

Вот и всё. Загоняем наши картинки в аниматор и получаем кнопки со сменой картинок под стеклом.
http://s03.radikal.ru/i176/0907/0d/a7916f52f606.gifhttp://s11.radikal.ru/i184/0907/c5/4d76ad3e80db.gif

0

2

Знакомясь с ресурсами начинающих админов, практически везде встречаю пренебрежительное отношение к ссылкам. Не имеет значения внутрифорумные это ссылки или это обмен баннерами и текстовыми ссылками. Почему-то админы предпочитают ставить прямые "ссылки по умолчанию"- редирект. Вроде того, что :"Ты нажал на ссылку и катись от сюда". Это в корне не верно! Нужно дать возможность посетителю нажавшему на ссылку или красивую картинку баннера ознакомиться с предложеным ресурсом или каким-то материалом оставаясь на вашем ресурсе. Чтобы ознакомившись с новым ресурсом, он не ламал бы себе голову куда идти дальше потому как он и не уходил от вас. А для этого нужно чтобы новый ресурс открывался в новом окне а не перекидывало бы посетителя по ссылке на другой ресурс. Делается это просто. В коде ссылки предложеной вам для обмена, после адреса допишите такую вот подсказку для браузера  target=_blank В коде это может выглядеть так:
К примеру я предлогаю вам свой код для обмена баннерными кнопками:

Код:
 <a href="http://photoimpact.0pk.ru/><img src="http://www.anatolij-ustjuschin.de/assets/images/PhotoImpact02.gif" width="88" height="31"</a>

Этот код состоит из трёх частей,-это адрес ресурса, адрес картинки и размеры картинка. Так вот подсказка ставится через пропуск после адреса :

Код:
<a href="http://photoimpact.0pk.ru/" target=_blank>

Я надеюсь вы поняли сам принцип установки ссылок которые не забирают от вас вашего посетителя.

0



Рейтинг форумов | Создать форум бесплатно