Создадим новый документ произвольных размеров, к примеру, 200 на 100 пикселов. Выберем инструмент " Прямоугольник со скруглёнными углами ", будем применять его в режиме " Слой-фигура ".
Нарисуем кнопку в нашем документе. Так как у меня цвет переднего плана чёрный, то кнопка получилась чёрного цвета.
Перейдём в палитру " Стили " и выберем какой-нибудь подходящий стиль для нашей кнопки, я выбрал " Бирюзовое стекло ".
Растрируем верхний слой: " Слой - Растрировать - Слой ".
Удерживая клавишу Ctrl, щёлкаем левой кнопкой мыши по иконке верхнего слоя.
Загрузится выделение кнопки.
Создадим по краям кнопки небольшую каёмку. Идём в " Выделение - Модификация - Сжать ".
В появившемся окне ставим 3 пиксела.
Вот что у нас получилось.
Инвертируем выделение - Shift+Ctrl+I, а потом копируем выделение на новый слой - Ctrl+I. В палитре " Слои " появился третий слой.
Придадим нашей небольшой каёмочке (всего 3 пиксела) какой-нибудь стиль. Переходим в палитру " Стили " и выбираем подходящий. Я применил " Пурпурное стекло ".
Вот такая кнопочка у нас получилась. Вы можете выбрать любые стили или применить свои.
Сливаем все видимые слои - Shift+Ctrl+E.
Открываем окно " Анимация " - " Окно - Анимация ". Там мы увидим всего один слой.
Нажимаем на вторую справа иконку в палитре " Анимация " и создаём два новых кадра.
Делаем активным первый кадр и смотрим, чтобы в палитре " Слои " была включена видимость нашего единственного слоя.
Делаем активным второй кадр и смотрим, чтобы в палитре " Слои " была выключена видимость слоя.
Делаем активным третий кадр и смотрим, чтобы в палитре " Слои " была включена видимость нашего единственного слоя.
Делаем активным первый кадр и нажимаем на третью справа иконку в палитре " Анимация ". Появляется окно " Создать промежуточные кадры ", выставляем 10 кадров, остальные параметры не изменяем.
Делаем активным двенадцатый кадр (первый кадр плюс десять вновь созданных) и опять жмём ту же кнопку в палитре " Анимация ". Добавляем ещё 10 кадров.
Делаем активным последний кадр, щёлкаем по чёрной стрелочке рядом с полем " 0 сек ", и выбираем время задержки 1,0 сек.
При активном последнем кадре опять щёлкаем по третьей кнопке и добавляем пять кадров.
Всё наша анимация готова. Нажимаем " Play " и любуемся готовой работой. Чтобы Ваша анимация работала не только в программе фотошоп, её необходимо правильно сохранить. Переходим в " Файл - Сохранить для WEB и устройств... " и выбираем формат файла GIF и сохраняем в любом месте на Вашем компьютере. Ещё один момент я забыл. После того, как Вы слили все видимые слои, напишите на кнопке необходимый текст. Я написал "Скачать".
Дата добавления: 2015-08-27; просмотров: 115 | Нарушение авторских прав
| <== предыдущая лекция | | | следующая лекция ==> |
| Создайте простой стол, поставьте на негочайник (teaport) и маятник, который этот чайник скидывает на пол: | | | Посвящается Розамонд Леман 1 страница |