Шаг 1.
Создаем новый документ размером 198х198 пикселей. Далее делаем фон для картинки:
Новый документ с черным фоном
Шаг 2.
Вы можете использовать какие-то изображения или просто нарисовать что-то внутри рамки. Для простоты в этом уроке мы используем обычный текст. Напечатайте, что Вам хочется:
Добавляем текст на картинку
Шаг 3.
Далее открываем закладку «Окно/Анимация» (Windows/Animation). У Вас должно появиться окошко анимации в виде специальной панели либо дополнительного всплывающего окошка. Теперь нажмите на иконку, расположенную на панели анимации (ее расположение показано на картинке):
Раскрытая панель анимации в фотошопе
Теперь прокрутите Настройки документа и установите значение с 2 до 12 секунд, затем нажмите ОК.
Далее открываем вкладку слоя на панели анимации рядом с картинкой, на которой Вы должны увидеть параметры: Позиция, Стиль и т.п.
Наведите курсор на часы в закладке Текст, Вы увидите желтое окошко на линии, указывающей время. Передвиньте курсор на позицию 8f и нажмите на бриллиантик, который появится рядом со стрелкой на панели слева. Он будет подсвечен, как только Вы нажмете на него.
Теперь нажмите T (Инструмент Текст).
Далее снова переходим к линии, указывающей время, и нажимаем на бриллиантик слева. После этого Вы сможете растянуть текст на картинке. Мы используем эффект Выпуклость (Bulge effect ) с параметром изгиба +30. Нажимаем ОК.
У Вас должна получиться вот такая картинка:
Выпуклость текста
Шаг 4.
Теперь переместим курсор на линии времени на позицию 01f после 1 секунды и снова нажмем на бриллиантик. Снова выбираем растяжение текста, как в предыдущем шаге, но ставим изгиб -39.
Должно получиться что-то вроде этого:
Сжатие текста внутрь(-39)
Шаг 5.
Перемещаем линию времени на 3f и снова жмем на бриллиантик, растягиваем текст и устанавливаем параметр изгиба +17. Получается такая картинка:
Изгиб текста наружу(+17)
Шаг 6.
Опять перемещаем курсор на линии времени на 5f и жмем бриллиант. Снова выбираем растяжение текста, но теперь с параметром «Нет изгиба».
Шаг 7.
Теперь перемещаем курсор в начало временного отрезка. Выбираем закладку Файл/Сохранить для Web (Files/Save For Web And Devices), сохраняем картинку как файл с расширением gif. Цвета выбираете, какие хотите. Убедитесь, что функция повтора выбрана «Постоянно» и сохраняйте документ.
В итоге урока у Вас должна получиться вот такая картинка:
Готовый анимированный баннер
Источник урока(lessons`s author): http://www.derby-web-design-agency.co.uk/
Переведено UnFolds для photoshoplove.ru
