Анимация клавиатуры - Форум Fun Tee Community [FTC]

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Анимация клавиатуры

†MaToDoR†

Дата: Суббота, 10.07.2010, 11:49 | Сообщение # 1

Типо админ :P

Группа: Администраторы

Сообщений: 468

Репутация: 18

Статус: Offline

Мы будем делать анимацию. Анимировать мы будем кнопки, имитируя их нажатие.
1. Создаем новый документ с белым фоном произвольных размеров, лишь бы туда кнопки поместились.
2. Создаем новый слой и выбираем Rounded Restangle Tool. Создаем кнопку черного цвета.

3. Теперь будем заполнять пространство кнопками . Копируйте слой с кнопкой и перемещайте его в нужное место.
Добейтесь приблизительно следующего результата (не сливайте слои):

4. Надо расположить правильно кнопки. Это важный шаг. Первым делом надо назвать кнопки своим именем.
Каждой кнопке, а точнее слою с кнопкой присвойте соответсвующее ей имя.
Ваша палитра слоев должна иметь примерно следующий вид:

Сейчас расположите слои относительно друг друга в следующем порядке: слои с верхними кнопками должны располагаться внизу, а с нижними - вверху соответсвенно.
Теперь Ваша палитра слоев должна иметь примерно следующий вид:

5. Теперь время применить стили слоя, чтоб придать этим формам вид кнопок. Но перед этим интвертируйте их всех.(Ctrl+I)
После того, как примените к первой кнопке стиль слоя, просто потом жмите правой кнопкой мыши на нем и выбирайте Copy Layer Style, а затем на нужном слое нажимайте Paste Layer Style.
Создайте также планку, на которой будут кнопки.

null

6. Сделаем надписи на кнопках. Для этого выберите Type Tool, выделите тот слой, на котором будет располагаться надпись и создайте текст. Измените прозрачность слоя как надо и нажмите Ctrl+E.
Здесь главное не запутаться. Не забывайте текст ставить на середину кнопки, а то получится небрежно, как вы уже догадались

7. Теперь выделите все слои с кнопками. Идите в Layer-Group Layers. Назовите группу Original или Normal, как вам угодно.
Дублируйте группу и назовите полученную Press. Скройте на время группу Normal.
Теперь к каждой кнопке в группе Press примените Edit-Transform-Scale и уменьшите на нужный размер. Применяйте Actions.

8. Можно анимировать. Скройте все слои в группе Press и сделайте видимыми все слои группы Normal. Создайте новый кадр.
Чтобы определенная кнопка нажималась, нужно сделать видимой ее в группе Press и невидимой в группе Normal. Я думаю, вы разберетесь, как я сделал вот этот результат:

Все! Наслаждаемся результатом. В анимации можно сделать, чтобы набирался номер аськи.

P.S. Я ксати упустил из виду, что когда клавиша нажимается, то она полностью попадает под тень в моем случае нижней кнопки. Для того, чтобы сделать это, достаточно уменьшить яркость нужных слоев в группе Press.
Вот, как примерно должно быть: