E-Mail:  Пароль:    
Меню сайта
Категории раздела
Анимация [78]
Спец еффекты [36]
Компграфика [35]
Фотообработка [4]
Текстовыйэффект [8]
Дизайн [7]
Зимнее [0]
космос [2]
Мини-чат
Наш опрос
Нравиться ли вам новый дизайн сайта?
Всего ответов: 37
Статистика

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

Главная » Файлы » уроки Photoshop » Анимация


Клавиатура анимация,
02.01.2011, 01:24
1. Создаем новый документ с белым фоном произвольных размеров, лишь бы туда кнопки поместились.
2. Создаем новый слой и выбираем Rounded Restangle Tool. Создаем кнопку черного цвета.

Клавиатура анимация *

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

Клавиатура анимация *

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

Клавиатура анимация *

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

Клавиатура анимация *

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

Клавиатура анимация *

Клавиатура анимация *

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

Клавиатура анимация *

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

Клавиатура анимация *

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

Клавиатура анимация *

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

Присоединённые изображения
Клавиатура анимация
Категория: Анимация | Добавил: LOL | Теги: Клавиатура анимация, Уроки фотошопа
Просмотров: 301 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
Поиск