1. Открываем фотошоп. Верхнее горизонтальное Меню -> Файл -> Новый.
В открывшемся окне вписываем размеры в пикселях: для нашего случая ширина 60, высота – 60, разрешение 150пикс/дюйм, содержимое – прозрачность, далее жмем «ОК».
2. Слева в фотошопе имеется вертикальное меню. Левой клавишей мышки нажимаем на левое окошко палитры цветов и для примера выбираем синий. Жмем «ОК».
3. Выбираем инструмент «ведро». Если вы не видите инструмент, о котором я буду говорить, тогда нажмите правой кнопкой мышки на место предполагаемого инструмента, и вы увидите весь набор инструментов для данного окошка меню. После выбора «ведра», жмем по баннеру левой кнопкой мышки. Баннер окрасится в синий цвет. Получилось?
4. Создаем слои. Верхнее меню -> слой -> новый -> слой. Делаем столько слоев, сколько разных текстов вы хотите написать на баннере.
5. В окне фотошопа меню «слои» находится справа внизу. Если у вас нет этого меню, то открыть его можно так: Верхнее меню -> окно -> слои.
Левой кнопкой мышки встаем на 1-й слой. Пишем текст (напоминаю: левое вертикальное меню, инструмент «текст» – «Т»), например: «
Мои»
6. Переходим на слой 2 , предварительно на 1-м слое жмем на значок «глаз», чтобы его отключить. В результате имеем опять основу баннера без текста. Пишем – «
ФОТО». Аналогично, на 3-м слое пишем – «ТУТ», потом можно добавить и фото (предварительно изменив размеры изображения на 60х60) сколько Вам угодно. Включаем на каждом из написанных слоев значок «глаз», получилось наслоение надписей. Это нормально.
7. Идем в верхнее меню и нажимаем Окно -> Анимация.
8. Отключаем значок «глаз» у 2-го, 3-го и последующих слоев. Внизу экрана вы видите окошко со словом «анимация». В нижней строчке этого окошка – меню. Жмем в этом нижнем меню кнопку «создать дубликат текущего кадра». Затем убираем «глаз» на 1-м слое и открываем на 2-м. Делаем опять дубликат кадра. Тоже повторяем для 3-го слоя.
Должно получится несколько кадров, вот так:
9. Теперь устанавливаем количество секунд для каждого кадра. В нашем случае – 1с. Для выбора параметров цикла оставляем слово «Всегда». Вы можете поманипулировать количеством секунд и циклами параметров, чтобы лучше понять, как это работает. Нажмите на воспроизведение, чтобы видеть результат.
10. И последний шаг. Верхнее меню -> файл -> сохранить как Web. Теперь вы знаете, как сделать анимированный баннер, осталось только залить его на сервер и сделать ссылку.
11. Прикрепляем его к сообщению как тут я сделал ниже...