Главная
Меню сайта

Спонсоры

Категории раздела
Cофт [149]
Photoshop [22]
Дизайн [12]
Для веб мастера [15]
Игры [39]
Видео [20]
Музыка [14]
Иконки [0]
Фильмы [30]
Windows [15]
Система [0]
Заставки [14]
Утилиты [39]
Интернет [18]
Картинки [0]
Для мобилок [14]
Безопастность [12]
Мультимедия [35]
Графика и дизайн [15]
Онлайн кинотеатр [0]
Разные новости [185]
Веб-софт [15]

Друзья

Каталог файлов
Программы/SoFT [24]
Все для UCOZ [4]
Photoshop [3]
Игры [1]
OC Windows [2]
Для мобилок [0]
Онлайн фильмы [0]

Игры
Аркады и экшн [86]
Настольные [14]
Головоломки [64]
Слова [5]
Поиск предметов [23]
Стратегии [7]
Другие [5]
Многопользовательские [9]

Статистика

Онлайн всего: 10
Гостей: 10
Пользователей: 0

Главная » Файлы » Photoshop » Уроки

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

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

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. Я думаю, вы разберетесь, как я сделал вот этот результат:

Категория: Уроки | Добавил: GRAND_LAW
Просмотров: 564 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Поиск

Наш опрос
Какой марки у вас мобильник

Всего ответов: 40

Мини-чат

Софт
Avast! 4 Home Edition
AIMP Classic
Winrar 3.80 Full Rus
Download Master 5.Rus
FL Studio (FruityLoops)
K-Lite Codec Pack 4.4.5 Full
Rambler ICQ
Opera_964_int_Setup
Eset NOD32 (32-bit)
Касперский 2009

Copyright MyCorp © 2025
Бесплатный хостинг uCoz