Клипарт на прозрачном фоне - Баннеры и разговорники Клипарт на прозрачном фоне - Баннеры и ра...
Свадебный клипарт PNG - (1)Свадебный клипарт PNG
C праздником) - (1)C 23 февраля C 23 февраля! Сделала мужу открыточку! Пусть порадуется! И, конечно, поздравляю св...
Кисти "Пузырьки" - (1)Пузырьки "Пузырьки" Архив объемом 1,07 Мб можно скачать /OnYyAJt8y...
Клипарт на прозрачном фоне «1 сентября» (школьный) - (2)/4ce1d35a8a451aa2816b4c7f6fd0468e/get/9474/20573769.5d/0_94d41_d73a12f3_L.png /73a6f1a24db522646ae6608fdf5cf9ee-fotki.yandex....
Анимация клавиатуры |
|
Мы будем делать анимацию. Анимировать мы будем кнопки, имитируя их нажатие.
1. Создаем новый документ с белым фоном произвольных размеров, лишь бы туда кнопки поместились.
2. Создаем новый слой и выбираем
Rounded Restangle Tool
. Создаем кнопку черного цвета.
3. Теперь будем заполнять пространство кнопками . Копируйте слой с кнопкой и перемещайте его в нужное место.
Добейтесь приблизительно следующего результата (не сливайте слои):
4. Надо расположить правильно кнопки. Это важный шаг. Первым делом надо назвать кнопки своим именем.
Каждой кнопке, а точнее слою с кнопкой присвойте соответсвующее ей имя.
Ваша палитра слоев должна иметь примерно следующий вид:
Сейчас расположите слои относительно друг друга в следующем порядке: слои с верхними кнопками должны располагаться внизу, а с нижними - вверху соответсвенно.
Теперь Ваша палитра слоев должна иметь примерно следующий вид:
5. Теперь время применить стили слоя, чтоб придать этим формам вид кнопок. Но перед этим интвертируйте их всех.(
Ctrl+I
)
После того, как примените к первой кнопке стиль слоя, просто потом жмите правой кнопкой мыши на нем и выбирайте
Copy Layer Style
, а затем на нужном слое нажимайте
Paste Layer Style
.
Создайте также планку, на которой будут кнопки.
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
.
Вот, как примерно должно быть:
Рубрики: |
Уроки photoshop, corel draw, gimp
|
— К дневнику — | Страницы: [1] [ ] |
— К дневнику — | Страницы: [1] [ ] |