Клуб PhotoImpact

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

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


Вы здесь » Клуб PhotoImpact » Вопрос-ответ » Кнопка.


Кнопка.

Сообщений 11 страница 15 из 15

11

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

Откроем новый документ. Рекомендую на время работы залить его каким-нибудь цветом чтобы удобнее было в последствии работать с бликами на стекле. Позже можно цвет поменять, залить текстурой или отключить вообще фоновый слой.
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

12

Для получения "яркости" стекло нужно ставить более прозрачное и лучше не цветное.

0

13

Anatolij написал(а):

Для получения "яркости" стекло нужно ставить более прозрачное и лучше не цветное.

Не, у меня не получается яркость, я пробовала так делать  :'(

0

14

Что-то мне кажется этот гиф качество портит?
http://s13.radikal.ru/i186/0907/ee/27e666fb5409.gifhttp://i061.radikal.ru/0907/9a/453ed4bc62f1.png

0

15

А чего кнопки для подписи размером с АВАТАР?...  :glasses:

Лирика - давай размеры, цвет, текст (картинку) и я тебе сваяю кнопочку).

0


Вы здесь » Клуб PhotoImpact » Вопрос-ответ » Кнопка.


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