Мы будем делать анимацию. Анимировать мы будем кнопки, имитируя их нажатие.
1. Создаем новый документ с белым фоном произвольных размеров, лишь бы туда кнопки поместились.
2. Создаем новый слой и выбираем Rounded Restangle Tool. Создаем кнопку черного цвета.
[показать]
3. Теперь будем заполнять пространство кнопками . Копируйте слой с кнопкой и перемещайте его в нужное место.
Добейтесь приблизительно следующего результата (не сливайте слои):
[показать]
4. Надо расположить правильно кнопки. Это важный шаг. Первым делом надо назвать кнопки своим именем.
Каждой кнопке, а точнее слою с кнопкой присвойте соответсвующее ей имя.
Ваша палитра слоев должна иметь примерно следующий вид:
[показать]
Сейчас расположите слои относительно друг друга в следующем порядке: слои с верхними кнопками должны располагаться внизу, а с нижними - вверху соответсвенно.
Теперь Ваша палитра слоев должна иметь примерно следующий вид:
[показать]
5. Теперь время применить стили слоя, чтоб придать этим формам вид кнопок. Но перед этим интвертируйте их всех.(Ctrl+I)
После того, как примените к первой кнопке стиль слоя, просто потом жмите правой кнопкой мыши на нем и выбирайте Copy Layer Style, а затем на нужном слое нажимайте Paste Layer Style.
Создайте также планку, на которой будут кнопки.
[450x]
[показать]
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.
Вот, как примерно должно быть:
[показать]