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