Создаем баннер для своего проекта
Создаем новый документ
(Файл > Новый) размером 468*60 пикс и заполняем фоновый слой бардовым цветом
(8b2f3c)
Теперь берем инструмент
Прямоугольная область и выделяем ровно половину рабочей области.
Далее выделяем инструмент
Заливка, выбираем синий цвет
(242f4f) и заливаем выделенную область.
Открываем картинку с акром, переносим его на наше рабочее полотно и подгоняем его под размер
(Редактирование => Свободное трансформирование)
Теперь создаем новый слой
(Слой => Новый => Слой), размещаем его под слоем
Акрет, берем инструмент
Прямоугольное лассо и грубыми линиями обводим акра, после инструментом
Заливка заполняем выделение белым цветом.
С помощью инструмента
Горизонтальный текст пишем по краям акра необходимый нам текст, который будет на одном из кадров баннера.
Делаем весь написанный нами текст невидимым и теперь пишем то ,что будет на одном из следующих кадров баннера.
Опять же делаем невидимым весь текст, а так же акра с белым фоном, в итоге на экране остается видимым только красно-синий задний план. Пишем ссылку на сайт проекта, так же можем добавить, допустим, дату открытия. Плюс ко всему на фантазию можно добавить любые узоры с помощью инструмента
Произвольная фигура.
Сохраняем все что у нас получилось в шотошоп формате
[.psd]
Теперь нам программа под названием
Adobe ImageReady CS2 - до версии Photoshop-а CS2 она идет отдельной программой, которая устанавливается автоматически на компьютер, от версии CS3 и выше она уже встроена непосредственно в само окно ФШ.
Открываем наш проект в
[.psd] формате:
Теперь делаем видимым только задний фон, это будет наш первый кадр.
В окошке
Анимация нажимаем на кнопку
Создать дубликат текущего слоя.
Каждый дубликат, это отдельный кадр баннера. Выделяем второй кадр и в окошке
Слои делаем видимым слой с ссылкой на сайт.
Создаем дубликат второго кадра и в окошке
Слои делаем видимыми слои с датой открытия и стрелками.
Создаем дубликат третьего кадра и в окошке
Слои делаем невидимыми все слои, кроме заднего плана, теперь нам нужен акр с белым фоном.
Создаем дубликат четвертого кадра и в окошке
Слои делаем видимыми слои с названием сервера, рейтами и апом.
Создаем дубликат пятого кадра и в окошке
Слои , вместо предыдущих надписей, делаем видимыми сообщения про донейт и кешшоп.
В итоге получится следующая цепочка в окошке
Анимация.
Далее применяем следующие настройки к каждому кадру:
Данным действием мы придали эффект замены одного изображения на другое, с помощью этого картинки будут плавно сменять друг друга.
Теперь в окошке
Анимация ищем оригиналы наших изображений, которые мы задавали при дублировании и применяем ко всем интервал времени в 1 секунду.
И на этом наш баннер готов, для предварительного просмотра в окошке
Анимация нажмите воспроизведение.
Чтобы сохранить результат, тыкам
Файл => Сохранить оптимизированный
В результате урока у нас получился следующий баннер
Благодарю за ваше внимание, надеюсь объяснил все ясно и понятно. Удачи в ваших экспериментах.
Кому понравился урок, обязательно ставим + и тычем Спасибо