Как сделать баннер сайта?
Баннер – это то, что привлекает к вашему сайту внимание. Новейшие версии Фотошопа позволяют создавать как статичные изображения, так и анимированные. Таким образом, любой баннер можно сделать неповторимым и уникальным. Следуя простым шагам, приведенным в инструкции, вы научитесь создавать качественные баннеры не только для своих, но даже для чужих ресурсов. Создать сайт самостоятельно с Wix.comБаннер чаще всего является горизонтальным, поэтому для начала выберите инструмент текста на панели инструментов, затем выберите нужный шрифт и кегль, и, наконец, запишите горизонтальный текст с нужной вам фразой, предварительно подобрав подходящий фон. Начертание фразы в процессе работы можно менять по желанию. Анимированный баннер привлекает больше внимания и интереса, нежели статичный. Для создания анимированного эффекта выберите в панели меню «Окно» и нажмите в выпадающем меню «Анимация». Вы увидите раскадровку, в которой будете менять длительность каждого кадра по очереди (например, 1 секунда). Определите, сколько кадров будет в вашем анимированном баннере – оптимальным количеством будет 8-10.
Нажмите на баннер правой кнопкой и вызовите контекстное меню. Выберите раздел «Деформировать текст» или любой другой, который позволит изменять структуру текста в процессе анимации. Вы можете указать любой параметр деформации – например, «Арка» или «Сжатый», и отредактировать глубину изгиба в процентах. Теперь переходите к настройке третьего кадра и далее до конца. Если у вас восемь кадров, необходимо настроить изображение восемь раз по-разному, чтобы анимация ожила. Меняйте толщину линий, степень изгиба, размер текста – все это позволит сделать анимацию интереснее. После того, как все кадры отредактированы, нажмите «Запуск воспроизведения анимации» и посмотрите, что у вас получилось. Если вы заметили недочеты, исправьте их. Так как вы создаете баннер для интернет-сайта, выбирайте сохранение для Web-формата и сохраняйте файл в формате gif.
Вам понадобится
- Adope Photoshop
Инструкция
Перейдите ко второму кадру, чтобы настроить его отображение.
Теперь вы можете разместить полученный баннер на любом сайте.
Оцените статью!